@EvgeniySaschenko

Как сделать перевод в Nuxt, с помощью i18n, в asyncData?

Есть необходимость создать хлебные крошки, которые будут поддерживать интернационализацию.

Хлебные крошки отдельный компонент, данные в который передаются через Vuex. На страницах вызывается метод "asyncData" - чтобы крошки генерировались на сервере. Но перевод при этом не срабатывает.

Подскажите пожалуйста в чём загвоздка?

Вызов на странице:

i18n: {
    messages: {
      ru: require('./page-ru.json'),
      uk: require('./page-uk.json'),
    },
  },
  asyncData({ app, store }) {
    store.commit('breadcrumbs/setData', [
      {
        name: app.i18n.t('текст для перевода страницы'),
        path: 'url',
      },
    ]);
  },

i18n инициализирован так:

export default ({ app }) => {
  app.i18n = new VueI18n({
    locale: app.$cookies.get('language') || 'ru',
    fallbackLocale: 'uk',
    silentTranslationWarn: true,
  });
};
  • Вопрос задан
  • 588 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы