zio/elk
2
0
Fork 0
Code Releases 2 Packages 1 Activity

fix: i18n hydration on dev

Browse source
This commit is contained in:
三咲智子 Kevin Deng 2023-01-15 23:15:03 +08:00
parent f96a9417da
commit 6b90131783
No known key found for this signature in database
GPG key ID: 69992F2250DFD93E
2 changed files with 6 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

18
plugins/setup-i18n.client.ts Normal file
View file

@ -0,0 +1,18 @@
import type { VueI18n } from 'vue-i18n'
import type { LocaleObject } from 'vue-i18n-routing'
export default defineNuxtPlugin(async (nuxt) => {
const i18n = nuxt.vueApp.config.globalProperties.$i18n as VueI18n
const { setLocale, locales } = i18n
const userSettings = useUserSettings()
const lang = $computed(() => userSettings.value.language)
const supportLanguages = (locales as LocaleObject[]).map(locale => locale.code)
if (!supportLanguages.includes(lang))
userSettings.value.language = getDefaultLanguage(locales as string[])
watch([$$(lang), isHydrated], () => {
if (isHydrated.value && lang !== i18n.locale)
setLocale(lang)
}, { immediate: true })
})