791aebc346
Some checks failed
continuous-integration/drone/push Build is failing
- Complete GGZ Ecademy Nuxt.js user portal - Learning products browser and management - Member management interface - User authentication and roles - Multi-language support (NL/EN) - Vuex store for state management - Component-based architecture
44 lines
1.1 KiB
Vue
44 lines
1.1 KiB
Vue
<template>
|
|
<v-menu offset-y>
|
|
<template v-slot:activator="{ on }">
|
|
<v-avatar size="24" v-on="on" tile class="mx-2">
|
|
<img
|
|
:src="require(`@/assets/img/flags/svg/${currentLocale.flag}`)"
|
|
:alt="currentLocale.name"
|
|
/>
|
|
</v-avatar>
|
|
</template>
|
|
|
|
<v-list>
|
|
<v-list-item
|
|
v-for="locale in availableLocales"
|
|
:key="locale.code"
|
|
nuxt
|
|
:to="switchLocalePath(locale.code)"
|
|
exact
|
|
>
|
|
<v-list-item-avatar tile>
|
|
<img :src="require(`@/assets/img/flags/svg/${locale.flag}`)" />
|
|
</v-list-item-avatar>
|
|
|
|
<v-list-item-content>
|
|
<v-list-item-title v-text="locale.name"></v-list-item-title>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
</v-list>
|
|
</v-menu>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
computed: {
|
|
currentLocale() {
|
|
return this.$i18n.locales.filter((i) => i.code === this.$i18n.locale)[0]
|
|
},
|
|
availableLocales() {
|
|
return this.$i18n.locales.filter((i) => i.code !== this.$i18n.locale)
|
|
},
|
|
},
|
|
}
|
|
</script>
|