aboutsummaryrefslogtreecommitdiff
path: root/src/components/interface_language_switcher
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/interface_language_switcher')
-rw-r--r--src/components/interface_language_switcher/interface_language_switcher.vue52
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>