Migrate from NuxtJS I18n to Intlayer

Migrating your Nuxt application from @nuxtjs/i18n to Intlayer is a seamless process using the Nuxt adapter module.

What to do

To initialize the project, run:

npx intlayer init

This will set up intlayer.config.ts. Then, add the Intlayer Nuxt module (e.g. @intlayer/nuxt-i18n) in your nuxt.config.ts modules array. This automatically applies the compat configuration for your application.

What it does under the hood

@nuxtjs/i18n wraps vue-i18n while providing Nuxt-specific routing composables (useLocalePath, useSwitchLocalePath, <NuxtLinkLocale>).

Under the hood:

• Translations: Relies natively on the @intlayer/vue-i18n compat layer for all string translation tasks (fully supporting vue-i18n formats, pipe plurals, and reactivity).
• Routing: Mirrors the routing composables using Intlayer's localized URL helpers.
• Configuration: Reads the availableLocales and default settings straight from your intlayer.config.ts to coordinate Nuxt pages automatically.