diff options
Diffstat (limited to 'src/plugins/i18n.plugin.ts')
-rw-r--r-- | src/plugins/i18n.plugin.ts | 41 |
1 files changed, 3 insertions, 38 deletions
diff --git a/src/plugins/i18n.plugin.ts b/src/plugins/i18n.plugin.ts index a1a1000..c38cdee 100644 --- a/src/plugins/i18n.plugin.ts +++ b/src/plugins/i18n.plugin.ts @@ -1,50 +1,15 @@ import type { App } from 'vue'; import { createI18n } from 'vue-i18n'; -import type { Locale } from 'vue-i18n'; +import messages from '@intlify/unplugin-vue-i18n/messages'; const i18n = createI18n({ legacy: false, - locale: '', - messages: {}, + locale: 'en', + messages, }); -const localesMap = Object.fromEntries( - Object.entries(import.meta.glob('../../locales/*.yml')) - .map(([path, loadLocale]) => [path.match(/([\w-]*)\.yml$/)?.[1], loadLocale]), -) as Record<Locale, () => Promise<{ default: Record<string, string> }>>; - -export const availableLocales = Object.keys(localesMap); - -const loadedLanguages: string[] = []; - -function setI18nLanguage(lang: Locale) { - i18n.global.locale.value = lang as any; - if (typeof document !== 'undefined') { - document.querySelector('html')?.setAttribute('lang', lang); - } - return lang; -} - -export async function loadLanguageAsync(lang: string): Promise<Locale> { - if (i18n.global.locale.value === lang) { - return setI18nLanguage(lang); - } - - if (loadedLanguages.includes(lang)) { - return setI18nLanguage(lang); - } - - const messages = await localesMap[lang](); - - i18n.global.setLocaleMessage(lang, messages.default); - loadedLanguages.push(lang); - - return setI18nLanguage(lang); -} - export const i18nPlugin = { install: (app: App) => { app.use(i18n); - loadLanguageAsync('en'); }, }; |