NuxtJS I18n から Intlayer への移行

Nuxt アプリケーションを @nuxtjs/i18n から Intlayer に移行することは、Nuxt アダプターモジュールを使用したシームレスなプロセスです。

やるべきこと

プロジェクトを初期化するには、以下を実行します:

npx intlayer init

これにより intlayer.config.ts がセットアップされます。その後、Intlayer Nuxt モジュール (例: @intlayer/nuxt-i18n) を nuxt.config.ts の modules 配列に追加します。これはアプリケーションの compat 設定を自動的に適用します。

内部的な動作

@nuxtjs/i18n は vue-i18n をラップしながら、Nuxt固有のルーティングコンポーザブル (useLocalePath、useSwitchLocalePath、<NuxtLinkLocale>) を提供します。

内部的には:

• 翻訳: すべての文字列翻訳タスクのために @intlayer/vue-i18n compat レイヤーにネイティブに依存しています (vue-i18n フォーマット、pipe複数形、およびリアクティビティを完全にサポート)。
• ルーティング: IntlayerのローカライズされたURL ヘルパーを使用してルーティングコンポーザブルをミラーリングします。
• 設定: intlayer.config.ts から直接 availableLocales とデフォルト設定を読み込み、Nuxtページを自動的に調整します。