From 84622afb0cf689799da0f0500fa28b4cbff317a7 Mon Sep 17 00:00:00 2001
From: Nexmoe <16796652+nexmoe@users.noreply.github.com>
Date: Wed, 24 Apr 2024 13:40:42 +0800
Subject: [PATCH] =?UTF-8?q?chore:=20=E7=9B=AE=E5=BD=95=E6=B3=A8=E9=94=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app.vue         | 19 ++++++++++++++++---
 pages/index.vue |  4 +++-
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/app.vue b/app.vue
index 687fe19..520430b 100644
--- a/app.vue
+++ b/app.vue
@@ -1,7 +1,19 @@
+<script setup lang="ts">
+const globalStore = useGlobalStore()
+const route = useRoute()
+
+watch(
+  () => route.path,
+  () => {
+    globalStore.setCatalog([])
+  },
+)
+</script>
+
 <template>
-	<NuxtLayout>
-		<NuxtPage />
-	</NuxtLayout>
+  <NuxtLayout>
+    <NuxtPage />
+  </NuxtLayout>
 </template>
 
 <style>
@@ -9,6 +21,7 @@
 .page-leave-active {
   transition: all 0.4s;
 }
+
 .page-enter-from,
 .page-leave-to {
   opacity: 0;
diff --git a/pages/index.vue b/pages/index.vue
index cecfc2c..6595ad8 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -5,7 +5,9 @@ const flows = await $client.flow.list.query()
 const config = await useGetConfig()
 const globalStore = useGlobalStore()
 
-globalStore.setCatalog(flows.map(x => ({ title: x.title, anchor: x.title, active: false })))
+onMounted(() => {
+	globalStore.setCatalog(flows.map(x => ({ title: x.title, anchor: x.title, active: false })))
+})
 
 provide('flows', flows)