Awesome Open Source
Awesome Open Source

nuxt-i18n logo

i18n for your Nuxt project



  • Integration with 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


yarn add nuxt-i18n # yarn
npm i nuxt-i18n # npm

Basic usage

Firstly, you need to add nuxt-i18n to your Nuxt config.

// nuxt.config.js

  modules: [
        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!

    <h1>{{ $t('greeting') }}</h1>

      v-if="$i18n.locale !== 'en'"

      v-if="$i18n.locale !== 'es'"

If you would like to find out more about how to use nuxt-i18n, check out the docs!

Issues, questions & requests

If you have any questions or issues, check out Discord server.


MIT License - Copyright (c) Nuxt Community

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
javascript (68,104
vue (4,046
nuxt (216
i18n (214
routing (140
nuxt-module (70

Find Open Source By Browsing 7,000 Topics Across 59 Categories