From 7240ee2332b12cbbbaf52a61816f106f792cddae Mon Sep 17 00:00:00 2001
From: Lee <lee@mtftm.com>
Date: Wed, 11 Sep 2024 14:55:54 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E6=9B=B4=E6=96=B0AppFooter.vue?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=20(#408)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/AppFooter.vue              | 32 +++++++++++++++++--
 1 file changed, 29 insertions(+), 3 deletions(-)

diff --git a/packages/vitepress-theme-project-trans/src/components/AppFooter.vue b/packages/vitepress-theme-project-trans/src/components/AppFooter.vue
index 3ce5087..8c5d850 100644
--- a/packages/vitepress-theme-project-trans/src/components/AppFooter.vue
+++ b/packages/vitepress-theme-project-trans/src/components/AppFooter.vue
@@ -1,13 +1,39 @@
 <script setup lang="ts">
-import { NolebaseGitChangelog } from '@nolebase/vitepress-plugin-git-changelog/client'
+import { ref, watch, onMounted } from 'vue';
+import { NolebaseGitChangelog } from '@nolebase/vitepress-plugin-git-changelog/client';
+import { useRoute } from 'vitepress';
+
+const route = useRoute();
+
+// 定义一个 ref 来存储动态 key
+const componentKey = ref(0);
+const frontmatter = ref({});
+const isFrontmatterLoaded = ref(false);
+
+// 更新 key 和 frontmatter 的函数
+const updateKeyAndFrontmatter = () => {
+  componentKey.value += 1;
+  frontmatter.value = route.data?.frontmatter || {};
+  isFrontmatterLoaded.value = true;
+};
+
+// 监听路由变化，更新 key 和 frontmatter
+watch(() => route.path, () => {
+  isFrontmatterLoaded.value = false;
+  updateKeyAndFrontmatter();
+});
+
+// 在组件挂载时更新 key 和 frontmatter
+onMounted(updateKeyAndFrontmatter);
 </script>
 
 <template>
-  <div class="vp-doc">
+  <div :key="componentKey" class="vp-doc">
     <h2 id="意见反馈">
       意见反馈
     </h2>
     <AppSBox />
-    <NolebaseGitChangelog />
+    <!-- 仅在 Frontmatter 加载完成且未设置 hideChangelog 时渲染 GitChangelog -->
+    <NolebaseGitChangelog v-if="isFrontmatterLoaded && !frontmatter.hideChangelog" />
   </div>
 </template>