How to add in json picture and make a switch button

[vitaminnnka]

Hi guys.
Im very new in vue.js. But I want to learn this language. I have a question about switch button for translate language. I use i18n and I did not understand how to include image flag in select and how to customisation. When you chose English show it flag England. Or another country. Thank you for you answer

<select @change="switchLanguage" v-show="visible" class="select">
        <option
          v-for="sLocale in supportedLocales"
          :key="`locale-${sLocale}`"
          :value="sLocale"
          :selected="locale === sLocale"
        >
          {{ t(`locale.${sLocale}`) }}
        </option>
      </select>

[iamabhijeet2003]

Hello there,
I am attaching some articles, which explain step by step to add flags of country for i18n locales.

1. https://dev.to/ratracegrad/how-to-add-internationalization-to-a-vue-app-8ng)
2. https://stackoverflow.com/questions/62553538/set-language-with-i18n-an-change-country-flag-based-on-selected-language-in-vuej

[vitaminnnka]

Thank you so much. It was help.