Nuxt.js: [Question] Use i18n in nuxt.config

Created on 20 Nov 2017 · 12Comments · Source: nuxt/nuxt.js

If nuxt.config contains data needs to be translated, how to apply vue-i18n there?

_{This question is available on Nuxt.js community (#c1918)}

question

Source

Darkside73

All 12 comments

nuxt.config.js is just a pure object for initializing nuxt, it's not included in lifecycle of vue instance, so basically you cannot use any vue plugin in it.

If you want to use different data inside it, I suggest you use tool like dotenv or node-config to load different variable by param (such as: locale)

// dotenv
require('dotenv').config({path: '/en'})
//data is in process.env

// node-config
const config = require('config');
config.get('EN')

clarkdo on 21 Nov 2017

But locale definition depends on complex conditions like cookies, local storage. What if wrap this data into callbacks and run it after all plugins?

Darkside73 on 21 Nov 2017

Yes, it's ok, put i18n key into data and take out the translated text in plugin.

clarkdo on 21 Nov 2017

Not quite understand your suggestion, sorry. Lets consider an example:

// nuxt.config.js

module.exports = {
  moduleConfig: {
    defaultTitle: 'a.translation.key'
  },
  plugins: [
    '~/plugins/i18n'
  ]
}

// i18n.js

export default ({ app }) => {
  //
}

I need to get option in plugin and put it back after translation?

Darkside73 on 21 Nov 2017

If you wan to translate configurations which are used in building, you cannot use plugin way, because plugins is executed in vue initialization after the building.

But if you want to translate configs which are use in rendering, plugin is a good choice, but this is not necessary to define custom configs in nuxt.config.js.

Can you describe you specific use case ?

clarkdo on 21 Nov 2017

I use OneSignal nuxt module, which has an options in nuxt.config. And some of this options needs to be translated

Darkside73 on 21 Nov 2017

xref nuxt-community/pwa-module#16

pi0 on 21 Nov 2017

@Darkside73 are you sure you need to put translatable strings in there? https://github.com/nuxt-community/pwa-module#-onesignal-module Onsignal options doesn't seem to specify that kind of casuistic.