1. @nuxtjs/i18n
i18n for Nuxt
@nuxtjs/i18n
Package: @nuxtjs/i18n
Created by: nuxt-community
Last modified: Wed, 24 Apr 2024 10:05:40 GMT
Version: 8.3.1
License: MIT
Downloads: 686,904
Repository: https://github.com/nuxt-community/i18n-module

Install

npm install @nuxtjs/i18n
yarn add @nuxtjs/i18n

Nuxt i18n





Volta board

Nuxt I18n

I18n module for Nuxt

The i18n module for Nuxt 3

✅ Status: v8

If you would like to use the stable version for Nuxt 2, please see the v7 branch

🚀 Usage

Install

  1. Add the following line to the devDependencies with your package manager:
 npx nuxi@latest module add i18n
  1. Add @nuxtjs/i18n to the modules section of nuxt.config.ts
 {
  modules: [
    '@nuxtjs/i18n',
  ],
}

Edge Release Channel

We provide the Edge Release Channel nuxt i18n module, like Nuxt3

Nuxt i18n module is undergoing commits, improvements and bug fixes. You can opt-in to be the first to test it before the next release.

Opting Into the Edge Channel

Update nuxt i18n module 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.

Opting Out From the Edge Channel

Update nuxt i18n module dependency inside package.json:

 {
  "devDependencies": {
--    "@nuxtjs/i18n": "npm:@nuxtjs/i18n-edge"
++    "@nuxtjs/i18n": "^8.0.0"
  }
}

📖 Documentation

Read more v8 documentation.

Keep in mind that not all features are currently supported yet and some things might be broken.

©️ License

MIT License - Copyright (c) Nuxt Community

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin