From 22e90b5ffd04d847eb6c90f6b7df82aea50b7440 Mon Sep 17 00:00:00 2001
From: kazuya kawaguchi <kawakazu80@gmail.com>
Date: Tue, 29 Nov 2022 15:29:09 +0900
Subject: [PATCH] fix(i18n): language switch is reset (#215)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: 三咲智子 Kevin Deng <sxzz@sxzz.moe>
---
 components/nav/SelectLanguage.vue | 11 +++++++----
 package.json                      |  2 +-
 pnpm-lock.yaml                    |  8 ++++----
 3 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/components/nav/SelectLanguage.vue b/components/nav/SelectLanguage.vue
index 08137c6b..427cb6b0 100644
--- a/components/nav/SelectLanguage.vue
+++ b/components/nav/SelectLanguage.vue
@@ -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>
diff --git a/package.json b/package.json
index f97cc6f3..db1c96ed 100644
--- a/package.json
+++ b/package.json
@@ -22,7 +22,7 @@
     "@iconify-json/logos": "^1.1.19",
     "@iconify-json/ri": "^1.1.4",
     "@iconify-json/twemoji": "^1.1.6",
-    "@nuxtjs/i18n": "8.0.0-beta.5",
+    "@nuxtjs/i18n": "^8.0.0-beta.6",
     "@pinia/nuxt": "^0.4.5",
     "@tiptap/extension-character-count": "2.0.0-beta.204",
     "@tiptap/extension-code-block": "2.0.0-beta.204",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 546d127f..ba0155db 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -7,7 +7,7 @@ specifiers:
   '@iconify-json/logos': ^1.1.19
   '@iconify-json/ri': ^1.1.4
   '@iconify-json/twemoji': ^1.1.6
-  '@nuxtjs/i18n': 8.0.0-beta.5
+  '@nuxtjs/i18n': ^8.0.0-beta.6
   '@pinia/nuxt': ^0.4.5
   '@tiptap/extension-character-count': 2.0.0-beta.204
   '@tiptap/extension-code-block': 2.0.0-beta.204
@@ -65,7 +65,7 @@ devDependencies:
   '@iconify-json/logos': 1.1.19
   '@iconify-json/ri': 1.1.4
   '@iconify-json/twemoji': 1.1.6
-  '@nuxtjs/i18n': 8.0.0-beta.5
+  '@nuxtjs/i18n': 8.0.0-beta.6
   '@pinia/nuxt': 0.4.5_typescript@4.9.3
   '@tiptap/extension-character-count': 2.0.0-beta.204
   '@tiptap/extension-code-block': 2.0.0-beta.204
@@ -1072,8 +1072,8 @@ packages:
       - vti
     dev: true
 
-  /@nuxtjs/i18n/8.0.0-beta.5:
-    resolution: {integrity: sha512-UGyo80GDd8eYLCYPc+/XKPOQ0MUy7OLbSp5Zud95no6E9yAFxDNrgjaolTKV/f7U/QhSF0+xUOUC32TE8uj5Pg==}
+  /@nuxtjs/i18n/8.0.0-beta.6:
+    resolution: {integrity: sha512-aZJ1cYmRR/r92O33PTmL8czMq2lBMliyPFzLCOB5BA3oFKY0WafTAPxi8f/VYtlWf+8JT22oZ2UeZRhpxdFPuw==}
     engines: {node: ^14.16.0 || ^16.11.0 || ^17.0.0 || ^18.0.0 || ^19.0.0}
     dependencies:
       '@intlify/bundle-utils': 3.4.0_vue-i18n@9.3.0-beta.10