v7 Docs

Setup

Setup nuxt/i18n v7 module.

Check the Nuxt.js documentation for more information about installing and using modules in Nuxt.js.

Add @nuxtjs/i18n dependency to your project:

npx nuxi@latest module add i18n

Then, add @nuxtjs/i18n to the modules section in your nuxt.config.js. You can use either of the following ways to specify the module options:

nuxt.config.ts
{
  modules: [
    '@nuxtjs/i18n',
  ],
  i18n: {
    /* module options */
  },
}

or

nuxt.config.js
{
  modules: [
    [
      '@nuxtjs/i18n',
      { /* module options */ }
    ]
  ],
}

The former approach has the benefit of having type-checking enabled if you have followed the Typescript setup.

Typescript

If using typescript or running typescript language server to check the code (for example through Vetur), add types to types array in your tsconfig.json:

tsconfig.json
{
  "compilerOptions": {
    "types": ["@nuxt/types", "@nuxtjs/i18n"]
  }
}

Copyright © 2024