Nuxt I18n

Internationalization (i18n) for Nuxt apps.

📖 Read documentation

Features

• Integration with vue-i18n
• Route localization (static & dynamic)
• Lazy load translations
• SEO tag localization
• Layer support

🚀 Usage

Install

1. Install the @nuxtjs/i18n module to your project

npx nuxi@latest module add i18n

2. Configure the module using the i18n key in nuxt.config.ts

{
  modules: [
    '@nuxtjs/i18n',
  ],
  i18n: {
    locales: [
      { code: 'en', language: 'en-US' },
      { code: 'fr', language: 'fr-FR' }
    ],
    defaultLocale: 'en',
  }
}

Sponsors

<p align="center"> <a href="https://raw.githubusercontent.com/bobbiegoede/static/main/sponsors.svg"> <img src="https://raw.githubusercontent.com/bobbiegoede/static/main/sponsors.svg" /> </a> </p>

🔗 Links

• 🔖 Release notes
• 👥 Community (🗨️❓ help support forum)
• 📖 Documentation
  • Version 10.x
  • Version 9.x
  • Version 8.x
  • Version 7.x (Nuxt 2 - EOL)

©️ License

MIT License - Copyright (c) Nuxt Community