mirror of
https://github.com/mealie-recipes/mealie.git
synced 2026-02-27 10:13:11 -05:00
49 lines
834 B
Vue
49 lines
834 B
Vue
<template>
|
|
<v-select
|
|
dense
|
|
:items="allLanguages"
|
|
item-text="name"
|
|
:label="$t('settings.language')"
|
|
:prepend-icon="$globals.icons.translate"
|
|
:value="selectedItem"
|
|
@input="setLanguage"
|
|
>
|
|
</v-select>
|
|
</template>
|
|
|
|
<script>
|
|
const SELECT_EVENT = "select-lang";
|
|
export default {
|
|
props: {
|
|
siteSettings: {
|
|
default: false,
|
|
},
|
|
},
|
|
data: function() {
|
|
return {
|
|
selectedItem: 0,
|
|
items: [
|
|
{
|
|
name: "English",
|
|
value: "en-US",
|
|
},
|
|
],
|
|
};
|
|
},
|
|
created() {
|
|
this.selectedItem = this.$store.getters.getActiveLang;
|
|
},
|
|
computed: {
|
|
allLanguages() {
|
|
return this.$store.getters.getAllLangs;
|
|
},
|
|
},
|
|
|
|
methods: {
|
|
setLanguage(selectedLanguage) {
|
|
this.$emit(SELECT_EVENT, selectedLanguage);
|
|
},
|
|
},
|
|
};
|
|
</script>
|