chore: broadcast sync project data

src/components/menu/index.vue

@@ -4,6 +4,7 @@
   import { PROJECT } from '@/router/config';
   import { defineComponent, ref, h, compile, computed } from 'vue';
   import useCallCommon from '@/hooks/use-call-common';
+  import BC from '@/hooks/broadcast-channel';
   import { RouteRecordRaw, RouteRecordNormalized } from 'vue-router';
   import {
     useAppVersion,
@@ -46,6 +47,15 @@
       // listener to  route change
       execListenerRouteChange();
 
+      // sync the project data between tabs
+      BC.onmessage((message) => {
+        if (message.type === 'project') {
+          const { projectList } = message.data;
+          projectStore.setInfo({
+            projectList
+          });
+        }
+      });
       const collapsed = computed({
         get() {
           if (appStore.device === 'desktop') return appStore.menuCollapse;
@@ -237,7 +247,6 @@
         const isReplace: any = item.meta?.replace;
         tabBarStore.clearTags();
         if (item.name === PROJECT.List) {
-          await getProjectList();
           goToProject(item);
           return;
         }

src/hooks/broadcast-channel.ts

@@ -0,0 +1,14 @@
+const symbol = 'broadcast-channel';
+
+const BC = new BroadcastChannel(symbol);
+
+export default {
+  postMessage: (message: any) => {
+    BC.postMessage(message);
+  },
+  onmessage: (handler: (message: any) => void) => {
+    BC.onmessage = (event) => {
+      handler(event.data);
+    };
+  }
+};

src/store/modules/project/index.ts

@@ -1,5 +1,6 @@
 import { clone, cloneDeep } from 'lodash';
 import { defineStore } from 'pinia';
+import BC from '@/hooks/broadcast-channel';
 
 const useProjectStore = defineStore('project', {
   persist: {
@@ -30,6 +31,12 @@ const useProjectStore = defineStore('project', {
       this.setInfo({
         projectList
       });
+      BC.postMessage({
+        type: 'project',
+        data: {
+          projectList
+        }
+      });
     }
   }
 });