fix plugin some problem

src/router/routes/index.ts

@@ -98,7 +98,7 @@ export async function loadPluginRoutes(router: any) {
     setTimeout(() => {
       router.removeRoute(pluginRoute.name as string);
       router.addRoute(pluginRoute);
-    }, 2000);
+    }, 1000);
   };
   // find from session storage
   const cacheRoutes = sessionStorage.getItem('plugin-routes');

src/utils/plugin.ts

@@ -24,7 +24,7 @@ export function CreateWujieComponent(option: Option) {
     },
     template: `
       <div class="container">
-        <WujieVue3 v-bind="option" />
+        <WujieVue3 v-bind="option"/>
       </div>
     `,
   });
@@ -38,8 +38,10 @@ export function BuildPluginRoutes(
       key: route.name,
       name: route.name,
       url: `${pluginEndpoint}${route.path}`,
+      alive: true,
+      sync: true
     });
-    route.path = `/plugin${route.path}`;
+    route.path = `/powerx-plugins${route.path}`;
     return route as AppRouteRecordRaw;
   });
 }

src/views/not-found/index.vue

@@ -1,16 +1,51 @@
 <template>
   <div class="content">
-    <a-result class="result" status="404" :subtitle="'not found'"> </a-result>
-    <div class="operation-row">
-      <a-button key="back" type="primary" @click="back"> back </a-button>
+    <div v-if="state.isPlugin">
+      <span v-if="!state.loading">未找到插件</span>
+    </div>
+    <div v-else>
+      <a-result class="result" status="404" :subtitle="'not found'"> </a-result>
+      <div class="operation-row">
+        <a-button key="back" type="primary" @click="back"> back </a-button>
+      </div>
     </div>
   </div>
 </template>
 
 <script lang="ts" setup>
-  import { useRouter } from 'vue-router';
+  import { useRouter, useRoute } from 'vue-router';
+  import { reactive, watchEffect } from 'vue' 
 
   const router = useRouter();
+  const route = useRoute();
+  
+  const state = reactive({
+    isPlugin: false,
+    loading: false
+  })
+
+  watchEffect(() => {
+    if (route.path.startsWith('/powerx-plugins')) {
+      state.isPlugin = true;
+      state.loading = true;
+      const pathSegments = route.path.split('/').slice(0, 3);
+      const newPath = pathSegments.join('/');
+      let retryCount = 0;
+      const interval = setInterval(() => {
+        const pluginRoute = router.getRoutes().find((r) => r.path === newPath);
+        if (pluginRoute) {
+          clearInterval(interval);
+          router.push({ name: pluginRoute.name });
+        } else {
+          retryCount += 1;
+          if (retryCount >= 5) {
+            clearInterval(interval);
+          }
+        }
+      }, 500);
+    }
+  });
+
   const back = () => {
     // warning： Go to the node that has the permission
     router.push({ name: 'Home' });