From 918791f7ed8919def7fd0e7620a741dfb981e276 Mon Sep 17 00:00:00 2001
From: Fine0830 <fine0830@outlook.com>
Date: Fri, 13 May 2022 14:40:18 +0800
Subject: [PATCH] fix: the page doesn't need to be re-rendered when the url
 changes (#87)

---
 src/App.vue                                               | 2 +-
 src/layout/components/SideBar.vue                         | 4 ++--
 src/views/dashboard/related/ebpf/components/EBPFStack.vue | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index edb2bce3..1fbc2e99 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -13,7 +13,7 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License. -->
 <template>
-  <router-view :key="$route.fullPath" />
+  <router-view />
 </template>
 <style>
 #app {
diff --git a/src/layout/components/SideBar.vue b/src/layout/components/SideBar.vue
index 8a997626..278f8172 100644
--- a/src/layout/components/SideBar.vue
+++ b/src/layout/components/SideBar.vue
@@ -113,11 +113,11 @@ import { useAppStoreWithOut } from "@/store/modules/app";
 
 const appStore = useAppStoreWithOut();
 const { t } = useI18n();
-const name = ref<any>(String(useRouter().currentRoute.value.name));
+const name = ref<string>(String(useRouter().currentRoute.value.name));
 const theme = ["VirtualMachine", "Kubernetes"].includes(name.value || "")
   ? ref("light")
   : ref("black");
-const routes = ref<any>(useRouter().options.routes);
+const routes = ref<RouteRecordRaw[] | any>(useRouter().options.routes);
 if (/Android|webOS|iPhone|iPod|iPad|BlackBerry/i.test(navigator.userAgent)) {
   appStore.setIsMobile(true);
 } else {
diff --git a/src/views/dashboard/related/ebpf/components/EBPFStack.vue b/src/views/dashboard/related/ebpf/components/EBPFStack.vue
index 1e3532d6..9ff7832a 100644
--- a/src/views/dashboard/related/ebpf/components/EBPFStack.vue
+++ b/src/views/dashboard/related/ebpf/components/EBPFStack.vue
@@ -18,7 +18,7 @@ limitations under the License. -->
   </div>
 </template>
 <script lang="ts" setup>
-import { ref, watch, computed } from "vue";
+import { ref, watch } from "vue";
 import * as d3 from "d3";
 import d3tip from "d3-tip";
 import { flamegraph } from "d3-flame-graph";