diff options
Diffstat (limited to 'src/components/interface_language_switcher/interface_language_switcher.vue')
| -rw-r--r-- | src/components/interface_language_switcher/interface_language_switcher.vue | 52 |
1 files changed, 21 insertions, 31 deletions
diff --git a/src/components/interface_language_switcher/interface_language_switcher.vue b/src/components/interface_language_switcher/interface_language_switcher.vue index edeff4e2..3f58af2c 100644 --- a/src/components/interface_language_switcher/interface_language_switcher.vue +++ b/src/components/interface_language_switcher/interface_language_switcher.vue @@ -3,49 +3,39 @@ <label for="interface-language-switcher"> {{ $t('settings.interfaceLanguage') }} </label> - <label - for="interface-language-switcher" - class="select" - > - <select - id="interface-language-switcher" - v-model="language" - > - <option - v-for="(langCode, i) in languageCodes" - :key="langCode" - :value="langCode" - > + <label for="interface-language-switcher" class='select'> + <select id="interface-language-switcher" v-model="language"> + <option v-for="(langCode, i) in languageCodes" :value="langCode"> {{ languageNames[i] }} </option> </select> - <i class="icon-down-open" /> + <i class="icon-down-open"/> </label> </div> </template> <script> -import languagesObject from '../../i18n/messages' -import ISO6391 from 'iso-639-1' -import _ from 'lodash' + import languagesObject from '../../i18n/messages' + import ISO6391 from 'iso-639-1' + import _ from 'lodash' -export default { - computed: { - languageCodes () { - return Object.keys(languagesObject) - }, + export default { + computed: { + languageCodes () { + return Object.keys(languagesObject) + }, - languageNames () { - return _.map(this.languageCodes, ISO6391.getName) - }, + languageNames () { + return _.map(this.languageCodes, ISO6391.getName) + }, - language: { - get: function () { return this.$store.state.config.interfaceLanguage }, - set: function (val) { - this.$store.dispatch('setOption', { name: 'interfaceLanguage', value: val }) - this.$i18n.locale = val + language: { + get: function () { return this.$store.state.config.interfaceLanguage }, + set: function (val) { + this.$store.dispatch('setOption', { name: 'interfaceLanguage', value: val }) + this.$i18n.locale = val + } } } } -} </script> |
