透過 100 多個技巧的集合來學習 Nuxt!

i18n
@nuxtjs/i18n

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

Edge 發行通道

Nuxt I18n 每天都會有程式碼提交、改進和錯誤修復,您可以選擇加入 edge 發行通道來在正式發布前測試這些更新。

選擇加入

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

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

移除 lockfile(package-lock.jsonyarn.lockpnpm-lock.yaml)並重新安裝依賴項。

選擇退出

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

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

移除 lockfile(package-lock.jsonyarn.lockpnpm-lock.yaml)並重新安裝依賴項。

Nuxt 2

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

此版本的程式碼庫可以在 v7 分支上找到,其文件請見此處

©️ 授權條款

MIT 授權條款 - 版權所有 (c) Nuxt Community