Nuxt I18n
Nuxt 应用的国际化 (i18n)。
功能
- 与
vue-i18n
集成 - 路由本地化(静态和动态)
- 延迟加载翻译
- SEO 标签本地化
- 层级支持
🚀 使用方法
安装
- 将
@nuxtjs/i18n
模块安装到您的项目中
npx nuxi@latest module add i18n
- 使用
nuxt.config.ts
中的i18n
键配置模块
{
modules: [
'@nuxtjs/i18n',
],
i18n: {
locales: [
{ code: 'en', language: 'en-US' },
{ code: 'fr', language: 'fr-FR' }
],
defaultLocale: 'en',
}
}
边缘发布渠道
Nuxt I18n 每天都会发布提交、改进和错误修复,您可以选择在发布前使用边缘发布渠道进行测试。
加入边缘发布渠道
更新 package.json
中的 @nuxtjs/i18n
依赖项
{
"devDependencies": {
-- "@nuxtjs/i18n": "^8.0.0"
++ "@nuxtjs/i18n": "npm:@nuxtjs/i18n-edge"
}
}
删除锁定文件(package-lock.json
、yarn.lock
或 pnpm-lock.yaml
)并重新安装依赖项。
退出边缘发布渠道
更新 package.json
中的 @nuxtjs/i18n
依赖项
{
"devDependencies": {
-- "@nuxtjs/i18n": "npm:@nuxtjs/i18n-edge"
++ "@nuxtjs/i18n": "^8.0.0"
}
}
删除锁定文件(package-lock.json
、yarn.lock
或 pnpm-lock.yaml
)并重新安装依赖项。
Nuxt 2
由于 Nuxt 2 已到达 生命周期结束 (EOL) 日期,我们不再积极维护此版本的支持,最后一个支持 Nuxt 2 的版本是 v7
。
🔗 链接
©️ 许可证
MIT 许可证 - 版权所有 (c) Nuxt 社区