From c715d68dbba7a519d0b855d5f381e20c208ab1b8 Mon Sep 17 00:00:00 2001
From: Li Kui <90845831+likui628@users.noreply.github.com>
Date: Fri, 5 Jul 2024 10:04:16 +0800
Subject: [PATCH] fix: update tab titles when switching language (#17)

---
 .../layouts/src/basic/tabbar/use-tabs.ts         | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/business/layouts/src/basic/tabbar/use-tabs.ts b/packages/business/layouts/src/basic/tabbar/use-tabs.ts
index 5d4896be..47035a3d 100644
--- a/packages/business/layouts/src/basic/tabbar/use-tabs.ts
+++ b/packages/business/layouts/src/basic/tabbar/use-tabs.ts
@@ -5,10 +5,10 @@ import type {
   RouteRecordNormalized,
 } from 'vue-router';
 
-import { computed, watch } from 'vue';
+import { computed, ref, watch } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 
-import { $t } from '@vben/locales';
+import { $t, useI18n } from '@vben/locales';
 import {
   IcRoundClose,
   IcRoundMultipleStop,
@@ -33,8 +33,11 @@ function useTabs() {
     return route.path;
   });
 
-  const currentTabs = computed(() => {
-    return tabsStore.getTabs;
+  const { locale } = useI18n();
+  const currentTabs =
+    ref<(RouteLocationNormalized | RouteRecordNormalized)[]>();
+  watch([() => tabsStore.getTabs, () => locale.value], ([tabs, _]) => {
+    currentTabs.value = tabs.map((item) => wrapperTabLocale(item));
   });
 
   /**
@@ -44,9 +47,6 @@ function useTabs() {
     const affixTabs = filterTree(router.getRoutes(), (route) => {
       return !!route.meta?.affixTab;
     });
-    affixTabs.forEach((tab) => {
-      Object.assign(tab, wrapperTabLocale(tab));
-    });
     tabsStore.setAffixTabs(affixTabs);
   };
 
@@ -83,7 +83,7 @@ function useTabs() {
   watch(
     () => route.path,
     () => {
-      tabsStore.addTab(wrapperTabLocale(route) as RouteLocationNormalized);
+      tabsStore.addTab(route as RouteLocationNormalized);
     },
     { immediate: true },
   );