chore: initial commit
This commit is contained in:
46
frontend/packages/lib-shared/locale/index.ts
Normal file
46
frontend/packages/lib-shared/locale/index.ts
Normal file
@@ -0,0 +1,46 @@
|
||||
import { createI18n } from 'vue-i18n';
|
||||
|
||||
import type { LocaleType } from '../types/global';
|
||||
import { setLoadLocalePool } from './helper';
|
||||
import type { App } from 'vue';
|
||||
import type { I18nOptions } from 'vue-i18n';
|
||||
|
||||
export const LOCALE_OPTIONS = [
|
||||
{ label: '中文', value: 'zh-CN' },
|
||||
{ label: 'English', value: 'en-US' },
|
||||
];
|
||||
|
||||
// eslint-disable-next-line import/no-mutable-exports
|
||||
export let i18n: ReturnType<typeof createI18n>;
|
||||
|
||||
async function createI18nOptions(): Promise<I18nOptions> {
|
||||
const locale = (localStorage.getItem('CRM-locale') || 'zh-CN') as LocaleType;
|
||||
const defaultLocal = await import(`@locale/${locale}/index.ts`);
|
||||
const message = defaultLocal.default?.message ?? {};
|
||||
|
||||
setLoadLocalePool((loadLocalePool) => {
|
||||
loadLocalePool.push(locale);
|
||||
});
|
||||
|
||||
return {
|
||||
locale,
|
||||
fallbackLocale: 'zh-CN',
|
||||
legacy: false,
|
||||
allowComposition: true,
|
||||
messages: {
|
||||
[locale]: message,
|
||||
},
|
||||
sync: true, // If you don’t want to inherit locale from global scope, you need to set sync of i18n component option to false.
|
||||
silentTranslationWarn: true, // true - warning off
|
||||
missingWarn: false,
|
||||
silentFallbackWarn: true,
|
||||
};
|
||||
}
|
||||
|
||||
// 创建国际化实例
|
||||
export async function setupI18n(app: App) {
|
||||
const options = await createI18nOptions();
|
||||
|
||||
i18n = createI18n(options);
|
||||
app.use(i18n);
|
||||
}
|
||||
Reference in New Issue
Block a user