使用 vue-i18n 和 nuxtjs 的每种语言的多个翻译文件

Question

我使用 nuxtjs 和 i18n 构建了一个多语言的静态网站。目前我每种语言都有一个 json 文件。为了更好的结构，我想将文件拆分为每种语言的多个文件。我怎样才能做到这一点？有没有一种方法可以让 i18n 明确告诉它应该将哪个 json 文件用于页面？还是我必须将 jsons 文件连接到一个？

我用这个例子来构建我的翻译https://nuxtjs.org/examples/i18n/

Answer 1

// i18n.js plugin
import Vue from 'vue'
import VueI18n from 'vue-i18n'

Vue.use(VueI18n)

export default ({ app, store }) => {
  app.i18n = new VueI18n({
    locale: store.state.locale,
    fallbackLocale: 'en-US',
    messages: {
      en: Object.assign({}, require('~/locales/en.json'), require('~/locales/en.settings.json')),
      tr: Object.assign({}, require('~/locales/tr.json'), require('~/locales/tr.settings.json')),
    },
    silentTranslationWarn: true,
  })
}