fix langs

components/LangSwitcher.vue

@@ -14,11 +14,11 @@
       group: 'px-[5px] py-[10px]',
       item: 'hover:bg-block dark:hover:bg-button rounded-[5px] data-highlighted:not-data-disabled:before:bg-button/50',
     }"
-    @update:model-value="setLocale"
+    @update:model-value="setLocale($event); $session.setLanguage($event); $session.loadSession()"
   >
     <template #leading="{ modelValue }">
       <div class="flex items-center gap-2 text-xl font-medium uppercase">
-        {{ locales.find((item) => item.code === modelValue)?.code }}
+        {{ locales.find((item: any) => item.code === modelValue)?.code }}
       </div>
     </template>
 
@@ -39,20 +39,10 @@
 </template>
 
 <script setup lang="ts">
-import { useI18n } from "#imports";
-
 const { locale, locales, setLocale } = useI18n();
+const {$session} = useNuxtApp();
 
-const isOpen = ref(false);
 
 const selectedLocaleCode = ref(locale.value);
-const selectedIcon = ref(
-  locales.value.find((item) => item.code === locale.value)?.icon
-);
 
-watch(selectedLocaleCode, async (newCode) => {
-  if (newCode !== locale.value) {
-    await setLocale(newCode);
-  }
-});
 </script>