Internationalization (i18n) for Nuxt apps.
- Integration with
vue-i18n
- Route localization (static & dynamic)
- Lazy load translations
- SEO tag localization
- Layer support
- Install the
@nuxtjs/i18n
module to your project
npx nuxi@latest module add i18n
- Configure the module using the
i18n
key innuxt.config.ts
{
modules: [
'@nuxtjs/i18n',
],
i18n: {
locales: [
{ code: 'en', language: 'en-US' },
{ code: 'fr', language: 'fr-FR' }
],
defaultLocale: 'en',
}
}
Nuxt I18n lands commits, improvements and bug fixes every day, you can opt in to test these before their release using the edge release channel.
Update @nuxtjs/i18n
dependency inside package.json
:
{
"devDependencies": {
-- "@nuxtjs/i18n": "^8.0.0"
++ "@nuxtjs/i18n": "npm:@nuxtjs/i18n-edge"
}
}
Remove lockfile (package-lock.json
, yarn.lock
, or pnpm-lock.yaml
) and reinstall dependencies.
Update @nuxtjs/i18n
dependency inside package.json
:
{
"devDependencies": {
-- "@nuxtjs/i18n": "npm:@nuxtjs/i18n-edge"
++ "@nuxtjs/i18n": "^8.0.0"
}
}
Remove lockfile (package-lock.json
, yarn.lock
, or pnpm-lock.yaml
) and reinstall dependencies.
Since Nuxt 2 has reached its end-of-life (EOL) date we are not actively maintaining support for this version, the last version to support Nuxt 2 is v7
.
The codebase for this version can be found on the v7
branch and its documentation here.
- 🔖 Release notes
- 👥 Community (
🗨️❓ help
support forum)
MIT License - Copyright (c) Nuxt Community