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

fix(i18n): language switch is reset (#215)

Browse source 
Co-authored-by: 三咲智子 Kevin Deng <sxzz@sxzz.moe>
This commit is contained in:
kazuya kawaguchi 2022-11-29 15:29:09 +09:00 • committed by GitHub
parent 08fe00df6d
commit 22e90b5ffd
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 12 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

11
components/nav/SelectLanguage.vue
View file

@ -1,12 +1,15 @@
<script lang="ts" setup>
import type { LocaleObject } from '@nuxtjs/i18n/dist/runtime/composables'
import type { ComputedRef } from 'vue'
import type { LocaleObject } from '#i18n'
import { STORAGE_KEY_LANG } from '~/constants'
const { locale, t } = useI18n()
const { locale, t, setLocale } = useI18n()
const { locales } = useI18n() as { locales: ComputedRef<LocaleObject[]> }
useLocalStorage(STORAGE_KEY_LANG, locale)
const { locales } = useI18n() as { locales: ComputedRef<LocaleObject[]> }
const handleLocale = async (locale: string) => {
await setLocale(locale)
}
</script>
<template>
@ -21,7 +24,7 @@ const { locales } = useI18n() as { locales: ComputedRef<LocaleObject[]> }
v-for="item in locales"
:key="item.code"
:checked="item.code === locale"
@click="locale = item.code"
@click="handleLocale(item.code)"
>
{{ item.name }}
</CommonDropdownItem>