在组件中切换语言时，Vue i18n不会在商店中更新

Question

我有一个存储模块，其中包含状态变量中的i18n数据：

import i18n from '@/localization';
export default {
  state: {
    title: i18n.t('title'),
    recommendation: i18n.t('recommendation')
  ...

问题：在此模块中，i18n从未在用户更改语言时更新。好像这里的import i18n一劳永逸。

如何使它具有反应性，以便每次语言正确更改或更新时，此存储模块都重新导入i18n？

编辑： 在我的商店模块中导入的i18n与在根Vue实例中导入然后使用的相同，这是我的main.js，您可以在其中看到来自同一文件localization.js的导入：

import i18n from '@/localization';
const vm = new Vue({
  router,
  store,
  i18n,
  render: h => h(App)
});