mirror of
https://github.com/IT4Change/gradido.git
synced 2025-12-13 07:45:54 +00:00
43 lines
952 B
Vue
43 lines
952 B
Vue
<template>
|
|
<div class="language-switch-select">
|
|
<b-form-select
|
|
v-model="selected"
|
|
:options="options"
|
|
class="selectedLanguage mb-3"
|
|
></b-form-select>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
name: 'LanguageSwitch',
|
|
data() {
|
|
return {
|
|
selected: null,
|
|
options: [
|
|
{ value: 'de', text: this.$t('settings.language.de') },
|
|
{ value: 'en', text: this.$t('settings.language.en') },
|
|
{ value: 'es', text: this.$t('settings.language.es') },
|
|
{ value: 'fr', text: this.$t('settings.language.fr') },
|
|
{ value: 'nl', text: this.$t('settings.language.nl') },
|
|
],
|
|
}
|
|
},
|
|
props: {
|
|
language: { type: String },
|
|
},
|
|
created() {
|
|
this.selected = this.$store.state.language
|
|
},
|
|
computed: {
|
|
languageObject() {
|
|
return this.selected
|
|
},
|
|
},
|
|
watch: {
|
|
selected() {
|
|
this.$emit('update-language', this.languageObject)
|
|
},
|
|
},
|
|
}
|
|
</script>
|