mirror of https://github.com/nocodb/nocodb
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
48 lines
1.1 KiB
48 lines
1.1 KiB
3 years ago
|
<template>
|
||
|
|
<div>
|
||
|
|
<v-menu bottom offset-y>
|
||
|
|
<template #activator="{on}">
|
||
|
|
<v-btn v-on="on" small class="text-capitalize caption font-weight-bold" text>
|
||
|
|
<v-icon small class="">mdi-translate</v-icon>
|
||
|
|
</v-btn>
|
||
|
|
</template>
|
||
|
|
<v-list dense >
|
||
|
|
<v-list-item-group
|
||
|
|
v-model="language">
|
||
|
|
<v-list-item
|
||
|
|
dense
|
||
|
|
v-for="lan in languages" :key="lan.value"
|
||
|
|
:value="lan"
|
||
|
|
@click="language = lan"
|
||
|
|
color="primary"
|
||
|
|
>
|
||
|
|
<v-list-item-subtitle class="text-capitalize">{{ lan }}</v-list-item-subtitle>
|
||
|
|
</v-list-item>
|
||
|
|
</v-list-item-group>
|
||
|
|
</v-list>
|
||
|
|
</v-menu>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: "language",
|
||
|
|
computed: {
|
||
|
|
languages() {
|
||
|
|
return this.$i18n && this.$i18n.availableLocales || ['en'];
|
||
|
|
},
|
||
|
|
language: {
|
||
|
|
get() {
|
||
|
|
return this.$store.state.windows.language;
|
||
|
|
}, set(val) {
|
||
|
|
this.$store.commit('windows/MutLanguage', val);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
|
||
|
|
</style>
|