Nuxt Nation 大会即将到来。加入我们,时间为 11 月 12-13 日。

i18n
@nuxtjs/i18n

为您的 Nuxt 项目提供国际化功能,以便您可以轻松添加国际化支持。

Nuxt i18n

Volta board

Nuxt I18n

Nuxt 应用的国际化 (i18n)。

📖 阅读文档

功能

  • vue-i18n 集成
  • 路由本地化(静态和动态)
  • 延迟加载翻译
  • SEO 标签本地化
  • 层级支持

🚀 使用方法

安装

  1. @nuxtjs/i18n 模块安装到您的项目中
npx nuxi@latest module add i18n
  1. 使用 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.jsonyarn.lockpnpm-lock.yaml)并重新安装依赖项。

退出边缘发布渠道

更新 package.json 中的 @nuxtjs/i18n 依赖项

{
  "devDependencies": {
--    "@nuxtjs/i18n": "npm:@nuxtjs/i18n-edge"
++    "@nuxtjs/i18n": "^8.0.0"
  }
}

删除锁定文件(package-lock.jsonyarn.lockpnpm-lock.yaml)并重新安装依赖项。

Nuxt 2

由于 Nuxt 2 已到达 生命周期结束 (EOL) 日期,我们不再积极维护此版本的支持,最后一个支持 Nuxt 2 的版本是 v7

此版本的代码库可以在 v7 分支 上找到,其文档 在这里

©️ 许可证

MIT 许可证 - 版权所有 (c) Nuxt 社区