vue I18n: Как сделать красивый выпадающий список для смены языка - PullRequest
0 голосов
/ 23 января 2020

На vue. js есть проект, к которому подключена библиотека i18n. У меня есть выпадающий список, который переключает языки

<template>
  <div class="locale-changer">
    <select v-model="$i18n.locale">
      <option
        v-for="(lang, i) in langs"
        :key="`Lang${i}`"
        :value="lang"
      >{{ lang }}
      </option>
    </select>
  </div>
</template>

<script>

export default {
  name: 'VeLanguageSwitcher',
  data () {
    return { langs: ['en-US', 'ru-RU'] }
  }
}
</script>

Мне нужно сделать его красивым на примере enter image description here

Помогите мне пожалуйста !!!

...