Just diving into vue-i18n, it looks promising but facing some difficulties in getting it to function properly.
Changing the locale updates all template translations correctly, however when
script
data() {
return {
locales: {
en: this.$i18n.t('topnav.lang.english'),
da: this.$i18n.t('topnav.lang.danish'),
sw: this.$i18n.t('topnav.lang.swedish'),
no: this.$i18n.t('topnav.lang.norwegian'),
}
}
},
template
WORKING
{{$t('topnav.lang.english')}}
NOT WORKING
<a class="dropdown-item">{{locales.en}}</a>
NOT WORKING
<a class="dropdown-item" @click="changeLocale(key)" v-for="(value, key) in locales">{{value}}</a>
I've experimented with various approaches, such as lazy loading language files, but still unable to resolve it.