From 0b1e57a6dde572a7bfeebd196ae813ff7f308e3e Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Sun, 14 Jul 2024 16:40:49 +0200
Subject: [PATCH] Fix lang switcher

---
 app/components/AppHeader.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/app/components/AppHeader.vue b/app/components/AppHeader.vue
index f6dc972..c4703e7 100644
--- a/app/components/AppHeader.vue
+++ b/app/components/AppHeader.vue
@@ -87,6 +87,7 @@ async function changeLocale(newLocale?: string) {
     const currentLocaleIndex = availableLocales.findIndex(l => l === locale.value)
     const nextLocaleIndex = (currentLocaleIndex + 1) % availableLocales.length
     newLocale = availableLocales[nextLocaleIndex]
+    lang.value = newLocale
   }
 
   await setLocale(newLocale ?? 'en')
@@ -96,9 +97,9 @@ async function changeLocale(newLocale?: string) {
   document.body.style.animation = ''
 }
 
+const currentLocale = computed(() => locales.value.filter(l => l.code === locale.value)[0])
 const lang = ref(locale.value)
 watch(lang, () => changeLocale(lang.value))
-const currentLocale = computed(() => locales.value.filter(l => l.code === locale.value)[0])
 
 const router = useRouter()
 defineShortcuts({
@@ -140,6 +141,7 @@ defineShortcuts({
           variant="solid"
         />
       </UTooltip>
+      {{ lang }}
       <ClientOnly>
         <UTooltip
           :shortcuts="['T']"
@@ -173,6 +175,13 @@ defineShortcuts({
                 class="w-5 h-5"
               />
             </template>
+            <template #option="{ option: language }">
+              <UIcon
+                :name="language.icon"
+                class="w-5 h-5"
+              />
+              <span>{{ language.code }}</span>
+            </template>
           </USelectMenu>
         </UTooltip>
       </ClientOnly>