在 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
我正在使用 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