Adding translations directly to store

I’d like to use a single file to handle all of my translations similarly to below but I found that I need to import and use Vue.i18n.add('en', english) on my root Vue instance instead of just being able to add them to the store. Is there a way around this?

I’d like to have something like below.

import Vue from 'vue';
import Vuex from 'vuex';

import english from './translations/english.json';
import german from './translations/german.json';
import french from './translations/french.json';

const debug = process.env.NODE_ENV !== 'production';

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

// Add translations directly to the application
Vue.i18n.add('en', english);
Vue.i18n.add('ge', german);
Vue.i18n.add('fr', french);

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

export default store;

[tikiatua]

Hi @OmgImAlexis,

I finally got around to look into this issue.

We actually apply some transformations to the locale data to flatten the information. This is done in the function flattenTranslations in vuex-i18n-store.js. We could export this function from the package to let you flatten the translation data on your own and then just set it on the store directly.

[tikiatua]

Aha. Now I understand. I will look into this.