diff options
Diffstat (limited to 'src/components/interface_language_switcher')
| -rw-r--r-- | src/components/interface_language_switcher/interface_language_switcher.vue | 37 |
1 files changed, 21 insertions, 16 deletions
diff --git a/src/components/interface_language_switcher/interface_language_switcher.vue b/src/components/interface_language_switcher/interface_language_switcher.vue index e18a2a12..c9e7506b 100644 --- a/src/components/interface_language_switcher/interface_language_switcher.vue +++ b/src/components/interface_language_switcher/interface_language_switcher.vue @@ -3,29 +3,34 @@ <label> {{ promptText }} </label> - <ol> + <ul class="setting-list"> <li v-for="index of controlledLanguage.keys()" :key="index" > - <Select - class="language-select" - :model-value="controlledLanguage[index]" - @update:modelValue="val => setLanguageAt(index, val)" - > - <option - v-for="lang in languages" - :key="lang.code" - :value="lang.code" + <label> + {{ index === 0 ? $t('settings.primary_language') : $tc('settings.fallback_language', index, { index }) }} + <Select + class="language-select" + :model-value="controlledLanguage[index]" + @update:modelValue="val => setLanguageAt(index, val)" > - {{ lang.name }} - </option> - </Select> + <option + v-for="lang in languages" + :key="lang.code" + :value="lang.code" + > + {{ lang.name }} + </option> + </Select> + </label> <button - v-if="controlledLanguage.length > 1" + v-if="controlledLanguage.length > 1 && index !== 0" class="button-default btn" @click="() => removeLanguageAt(index)" - >{{ $t('settings.remove_language') }}</button> + > + {{ $t('settings.remove_language') }} + </button> </li> <li> <button @@ -33,7 +38,7 @@ @click="addLanguage" >{{ $t('settings.add_language') }}</button> </li> - </ol> + </ul> </div> </template> |