You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 lines
1.3 KiB
44 lines
1.3 KiB
import type { App } from 'vue' |
|
import type { I18n, I18nOptions } from 'vue-i18n' |
|
|
|
import { createI18n } from 'vue-i18n' |
|
import { setHtmlPageLang, setLoadLocalePool } from './helper' |
|
import { localeSetting } from '@/settings/localeSetting' |
|
import { useLocaleStoreWithOut } from '@/store/modules/locale' |
|
|
|
const { fallback, availableLocales } = localeSetting |
|
|
|
export let i18n: ReturnType<typeof createI18n> |
|
|
|
async function createI18nOptions(): Promise<I18nOptions> { |
|
const localeStore = useLocaleStoreWithOut() |
|
const locale = localeStore.getLocale |
|
const defaultLocal = await import(`./lang/${locale}.ts`) |
|
const message = defaultLocal.default?.message ?? {} |
|
|
|
setHtmlPageLang(locale) |
|
setLoadLocalePool((loadLocalePool) => { |
|
loadLocalePool.push(locale) |
|
}) |
|
|
|
return { |
|
legacy: false, |
|
locale, |
|
fallbackLocale: fallback, |
|
messages: { |
|
[locale]: message |
|
}, |
|
availableLocales: availableLocales, |
|
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 |
|
} |
|
} |
|
|
|
// setup i18n instance with glob |
|
export async function setupI18n(app: App<Element>) { |
|
const options = await createI18nOptions() |
|
i18n = createI18n(options) as I18n |
|
app.use(i18n) |
|
}
|
|
|