使用类星体框架在vuex模块中导入vue-i18n

Question

我的i18n启动文件

import { boot } from 'quasar/wrappers';
import { LocalStorage } from 'quasar';
import messages from 'src/i18n';
import { createI18n } from 'vue-i18n';

const storedLang = LocalStorage.getItem('anty-locale');

const i18n = createI18n({
locale: storedLang && storedLang === 'en' ? 'en-US' : 'ru-RU',
messages,
});

export default boot(({ app }) => {
app.use(i18n);
});

export { i18n };

当我试图导入vuex js文件像这样

import { useI18n } from 'vue-i18n';
const { t } = useI18n({ useScope: 'global' });

出现错误SyntaxError:必须在setup函数的顶部调用

import i18n from 'boot/i18n';
i18n.t('common.user') //also doesn't work

是否有正确的方法导入i18n在.js/。ts文件?

Answer 1

我像这样修复，它工作了。

import { i18n } from 'boot/i18n';
i18n.global.t('common.user'); // it works