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です。

このバージョンのコードベースは、v7ブランチで、ドキュメントはこちらにあります。

🔗 リンク

🔖 リリースノート
👥 コミュニティ（🗨️❓ ヘルプサポートフォーラム）