Как использовать view-i18n для перевода параметров URL при генерации маршрута в nuxt.config - PullRequest
Новая
       42

Как использовать view-i18n для перевода параметров URL при генерации маршрута в nuxt.config

0 голосов
/ 25 июня 2019

Я работаю над многоязычным веб-сайтом для агентства недвижимости, я использовал проект ниже, чтобы переводы работали хорошо, последний шаг - перевод параметров динамических URL-адресов во время генерации маршрута

https://github.com/paulgv/nuxt-i18n-routing

Но я не знаю, как использовать view-i18n во время генерации маршрута, вы можете мне помочь?

Вот фрагмент кода, который я хотел бы использовать:

import Vue from 'vue'
import VueI18n from 'vue-i18n'

import { ROUTES_ALIASES, DEFAULT_LOCALE, I18N } from '~/config'

Vue.use(VueI18n)

export default ({ app, store }) => {

    app.i18n = new VueI18n({
        // fallbackLocale: DEFAULT_LOCALE,
        messages: I18N,
      lazy: true,
      langDir: 'lang/',
      parsePages: false,
      pages: ROUTES_ALIASES
        // silentTranslationWarn: true
    })
    app.i18n.locale = store.state.i18n.currentLocale

    app.i18n.path = (link) => {
        console.log(link)
        if (app.i18n.locale === app.i18n.fallbackLocale) {
          return `/${link}`;
        }

    return `/${app.i18n.locale}/${link}`;
  }
}

Я хотел бы позвонить app.i18n.t ('authorie.slug') в nuxt.config.js: 

generate: {
   routes: function () {
      let results = axios.get(process.env.BASE_URL +  '/entities')
          .then((response) => {
            return response.data.map((entitie) => {
              return {
                route: '/en/myurl/' + app.i18n.t(entitie.slug)
              }
            })
        })
    }
}

1 Ответ

0 голосов
/ 04 июля 2019

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

import en from './lang/translations/slug/en.json'

Перевод становится просто заменой ключа / значения

Я бы хотелчтобы сделать это "route: '/ en / myurl /' + en [entity.slug] " 

import en from './lang/translations/slug/en.json'

... some code

generate: {
   routes: function () {

      ... some code

      let results = axios.get(process.env.BASE_URL +  '/entities')
          .then((response) => {
            return response.data.map((entity) => {
              return {
                route: '/en/myurl/' + en[entity.slug]
              }
            })
        })

      ... some code

    }
}
...