title: vue I18n: How to make a beautiful drop-down list for changing the language
body: <p>There is a project on vue.js to which the i18n library is connected.I have a drop-down list that switches languages</p>
  
  <pre><code>&lt;template&gt;
    &lt;div class="locale-changer"&gt;
      &lt;select v-model="$i18n.locale"&gt;
        &lt;option
          v-for="(lang, i) in langs"
          :key="`Lang${i}`"
          :value="lang"
        &gt;{{ lang }}
        &lt;/option&gt;
      &lt;/select&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  
  export default {
    name: 'VeLanguageSwitcher',
    data () {
      return { langs: ['en-US', 'ru-RU'] }
    }
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>I need to make it beautiful by example
  <a href="https://i.stack.imgur.com/SIAfN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SIAfN.png" alt="enter image description here"></a></p>
  
  <p>Help me please!!!</p>