Implement vuex-i18n together with Nuxt.js (SyntaxError Unexpected token export)

I have difficulties to implement vuex-i18n together with Nuxt.js (modules mode). Now I get the error message: SyntaxError Unexpected token export

Can someone help please or direct me into the right direction or provide the base setup structure to implement vuex-i18n together with Nuxt.js? A small outline example perhaps?

So far I put the code into folder plugins. As far as I understand our Nuxt.js store operates in “modules mode”, but I’m uncertain how to setup the store/i18n.js because I’m new to this Nuxt.js/Vue(x)

    ├─ plugins
    │   ├─ i18n.js
  …
    ├─ store
    │   ├─ index.js
    │   ├─ i18n.js

The plugins/i18n.js:

// plugins/i18n.js
import Vue from 'vue'
import Vuex from 'vuex'
// load and register the vuex i18n module
import vuexI18n from 'vuex-i18n'

import { english } from '~/locales/en.json'
import { german } from '~/locales/de.json'

const doDebug = process.env.NODE_ENV !== 'production'

const store = new Vuex.Store({
  strict: doDebug
})

Vue.use(
  vuexI18n.plugin,
  store,
  {
    onTranslationNotFound: function (locale, key) {
      console.warn(`vuex-i18n :: Key '${key}' not found for locale '${locale}'`)
    }
  })

// register the locales
Vue.i18n.add('en', english)
Vue.i18n.add('de', german)

// Set the start locale to use
Vue.i18n.set('de')
Vue.i18n.fallback('en')

export default store

Any help? Thank you very much.

[tikiatua]

Hi @infinite-dao,

Please try using import vuexI18n from 'vuex-i18n/dist/vuex-i18n.umd.js'; to load the vuex-i18n plugin.

We changed the default file to the es-version, which is probably why you are seeing the token error message.

[tikiatua]

Thank you for the feedback. This means we broke something with 1.10. I will take a look at the differences between the versions.