如何在模块中添加vuex-i18n

时间:2018-11-25 18:04:04

标签: vue.js internationalization vuex vuex-modules

我需要将langModule更改为Vuex模块并添加到主存储中。

当我像其他商店一样使用langModule时,可以在组件中使用$ t(),但是我需要像Vuex模块一样使用langModule而不是另一个商店,我不知道将i18n添加到langModule并将其连接到main商店。

langModule.js

import Vue from 'vue';
import Vuex from 'vuex';
import vuexI18n from 'vuex-i18n';
import PLmessages from './PLmessages';
import ENmessages from './ENmessages';


const langStore = new Vuex.Store();

Vue.use(vuexI18n.plugin, langStore);

Vue.i18n.add('en', ENmessages);
Vue.i18n.add('pl', PLmessages);
Vue.i18n.set('pl');

export default langStore;

store.js

import Vue from 'vue';
import Vuex from 'vuex';
import langModule from '../language/langModule';

Vue.use(Vuex);

export default new Vuex.Store({
  state: {
  },
  mutations: {
  },
  actions: {
  },
  modules: {
    langModule,
  },
});

0 个答案:

没有答案