Интернационализация с Vuetify

Question

Я пытаюсь создать приложение на нескольких языках.

Я сделал то, что написано в документации, но это не работает.

это мой код.

window.Vue = require('vue');
import Vuetify from './Vuetify/vuetify';
import en from './Vuetify/Lang/en/en.ts';
import es from './Vuetify/Lang/es/es.ts';
Vue.use(Vuetify, {
   lang: {
       locales: {
           es,
           en,
       },
       current: 'es'
   }
})
const app = new Vue({
   el: '#app',
   components: {
       "vue-landing": require('./components/ExampleComponent.vue'),
   },
   created() {
       this.$vuetify.lang.current = 'es'
   },
 }).$mount('#app');

В моем компоненте

<template>
    <v-content>
      {{ $vuetify.t('noDataText') }}
    </v-content>
</template>

Все компилируется нормально без ошибок, но ничего не переводит.результаты всегда совпадают с тем, что я пишу в функции.

В этом случае появляется

noDataText

Answer 1

Не уверен, какую версию vuetify.js вы используете, но была добавлена ​​испанская локаль, согласно этой проблеме , в версии 1.4.0, которая еще не выпущена ,возможно, это проблема.

Обновление:

Ошибка в документе перевода vuetify при входе в систему эта проблема , измените шаблонна:

<template>
    <v-content>
      {{ $vuetify.t('$vuetify.noDataText') }}
    </v-content>
</template>

и это решит вашу проблему.

Демонстрационная версия .

Answer 2

Я бы предложил вам использовать vue-i18n вместо того, что вы пытаетесь сделать.Я использую VUE на работе для корпоративных проектов, и я могу предложить вам использовать его.Вот вам чек документы vue-i18n .Я с удовольствием отвечу на другие ваши вопросы, если у вас есть какие-либо вопросы о Vue и его плагинах.