Nuxt I18n

Nuxt 應用程式的國際化 (i18n)。

功能

與 vue-i18n 整合
路由本地化 (靜態 & 動態)
延遲載入翻譯
SEO 標籤本地化
Layer 支援

🚀 用法

安裝

將 @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',
  }
}

Edge 發佈管道

Nuxt I18n 每天都會發佈提交、改進和錯誤修復，您可以選擇使用 edge 發佈管道來在發佈之前測試這些內容。

選擇加入

更新 package.json 內的 @nuxtjs/i18n 依賴項

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

移除 lockfile (package-lock.json、yarn.lock 或 pnpm-lock.yaml) 並重新安裝依賴項。

選擇退出

更新 package.json 內的 @nuxtjs/i18n 依賴項

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

移除 lockfile (package-lock.json、yarn.lock 或 pnpm-lock.yaml) 並重新安裝依賴項。

Nuxt 2

由於 Nuxt 2 已達到其生命週期結束 (EOL) 日期，我們不再積極維護此版本的支援，最後一個支援 Nuxt 2 的版本為 v7。

此版本的程式碼可以在 v7 分支上找到，其文件請參閱此處。

🔗 連結

🔖 發佈說明
👥 社群 (🗨️❓ help 支援論壇)