mirror of
https://github.com/nocodb/nocodb.git
synced 2026-05-03 18:56:58 +00:00
48 lines
1.1 KiB
Vue
48 lines
1.1 KiB
Vue
<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>
|