[](https://david-dm.org/nuxt-community/i18n-module)
[](https://standardjs.com)
[](https://codecov.io/gh/nuxt-community/i18n-module)
[](https://snyk.io/test/github/nuxt-community/i18n-module)
[](https://npmjs.com/package/nuxt-i18n)
[](https://npmjs.com/package/nuxt-i18n)
> i18n for your Nuxt project
## Links
- 📘 [Documentation](https://i18n.nuxtjs.org/)
- 🔖 [Release notes](./CHANGELOG.md)
- 👥 [Community](https://discord.nuxtjs.org/)
## Features
- Integration with [vue-i18n](https://kazupon.github.io/vue-i18n/)
- Automatic routes generation and custom paths
- Search Engine Optimization
- Lazy-loading of translation messages
- Redirection based on auto-detected language
- Different domain names for different languages
- Storing current locale and messages with [Vuex](https://vuex.vuejs.org/)
## Setup
```sh
yarn add nuxt-i18n # yarn
npm i nuxt-i18n # npm
```
## Basic usage
Firstly, you need to add `nuxt-i18n` to your Nuxt config.
```javascript
// nuxt.config.js
{
modules: [
[
'nuxt-i18n',
{
locales: ['en', 'es'],
defaultLocale: 'en',
vueI18n: {
fallbackLocale: 'en',
messages: {
en: {
greeting: 'Hello world!'
},
es: {
greeting: '¡Hola mundo!'
}
}
}
}
]
]
}
```
Then you can start using `nuxt-i18n` in your Vue components!
```html
{{ $t('greeting') }}
English
Español
```
If you would like to find out more about how to use `nuxt-i18n`, [check out the docs](https://i18n.nuxtjs.org/)!
## Issues, questions & requests
If you have any questions or issues, check out [Discord server](https://discord.nuxtjs.org).
## License
[MIT License](./LICENSE) - Copyright (c) Nuxt Community