安装 - Nuxt I18n 中文文档

您正在阅读与 Nuxt 3 兼容的 v8 文档。
请查看 v7 文档以获取与 Nuxt 2 兼容的版本。

Nuxt i18n 模块使用 Vue i18n v9。更多信息请参见 Vue i18n 文档。

快速开始

npx nuxi@latest module add i18n

nuxt.config.ts

export default defineNuxtConfig({
  modules: ['@nuxtjs/i18n']
})

您可以通过在 nuxt.config 根目录中使用 i18n 属性来设置模块选项。

nuxt.config.ts

export default defineNuxtConfig({
  modules: ['@nuxtjs/i18n'],
  i18n: {
    // 模块选项
  }
})

另外，您也可以将模块名称和选项对象的数组传递给 modules。

nuxt.config.ts

export default defineNuxtConfig({
  modules: [
    [
      '@nuxtjs/i18n',
      {
        // 模块选项
      }
    ]
  ]
})

您可以选择加入 main 分支上的最新提交，以避免等待下一个版本，并通过 beta 测试更改来帮助模块。

在您的 package.json 中更新 @nuxtjs/i18n 依赖：

package.json

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

然后删除您的锁定文件并重新安装依赖。

在您的 package.json 中更新 @nuxtjs/i18n 依赖：

package.json

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

然后删除您的锁定文件并重新安装依赖。

defineI18nRoute

defineI18nRoute() 是一个编译宏，您可以使用它为位于 pages/ 目录中的页面组件设置自定义路由路径（除非另有设置）。通过这种方式，您可以为 Nuxt 应用程序的每个静态或动态路由设置自定义路由路径。

用法

开始使用 Nuxt i18n 模块的基础是通过 `vueI18n` 选项使用 Vue I18n 进行翻译。