在 nuxt.js 中对多语言文件使用 i18n

using i18n with multi language files in nuxt.js

我正在使用 nuxt/i18n 进行一个大型项目,该项目需要每个文件夹语言的多个文件。

例如,我们在 index.js 中导入了 about.js

我想在索引中访问和使用导入的关于文件,或者访问所有导入文件都是的其他文件。

这里是index.js:

import about from './about.js'

export default {
  data(){
    return about;
  },
  home: 'خانه',
  posts: 'پست ها',
  about: 'درباره ما',
  paragraph: 'لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چ ,
  homepage: {
    title: 'عنوان تستی',
    subtitle: 'توضیحات'
  }
}

这里是 about.js:

export default {
   aboutUsTitle: "متن تستی درباره ما"
}

对于那些和我有同样问题的人。您可以通过这种方式导入任何您想要的语言文件夹和文件。

 modules: [
    // Doc: https://github.com/nuxt-community/axios-module#usage 
    [
      'nuxt-i18n',
      {
        strategy: 'prefix_except_default',
        defaultLocale: 'en',
        langDir: 'languages/',
        lazy: true,
        locales: [
          { code: 'fa', iso: 'fa-IR', name: 'fa', file: 'fa/index.js', dir:'rtl'          },
          { code: 'en', iso: 'en-US', name: 'en', file: 'en/index.js', dir:'ltr' }
        ]
      }
    ]
  ],

您在此处添加了一个语言文件夹,其中包含您要在网站中使用的所有语言(但如您所见,它是您的索引文件) 那么你必须定义你应该声明什么文件 index.js 就像下面的例子:

import about from './about.js'
import homepage from './homepage.js'

export default {
about,
homepage
}

这就是全部。 我希望这对你们中的一些人有所帮助。 我也会在 github 上分享代码源,请查看。 https://github.com/rozhansh43/lang-folder