From d9efebeb902562132bd1979466003052bbc75082 Mon Sep 17 00:00:00 2001
From: ZiuChen <ZiuChen@outlook.com>
Date: Thu, 10 Aug 2023 00:23:47 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=B0=83=E6=95=B4=E4=BB=A3=E7=A0=81?=
 =?UTF-8?q?=E6=89=A7=E8=A1=8C=E7=BB=86=E8=8A=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/.vitepress/theme/index.ts | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
index 56db9df3..b286924d 100644
--- a/docs/.vitepress/theme/index.ts
+++ b/docs/.vitepress/theme/index.ts
@@ -1,7 +1,7 @@
 import type { EnhanceAppContext } from 'vitepress'
 import DefaultTheme from 'vitepress/theme'
-import { nextTick, watchEffect } from 'vue'
-import { inBrowser, useRouter } from 'vitepress'
+import { nextTick, watch } from 'vue'
+import { inBrowser, useRoute } from 'vitepress'
 import mediumZoom from 'medium-zoom'
 
 import Title from '../components/Title.vue'
@@ -21,11 +21,15 @@ export default {
     app.component('ImgSlider', ImgSlider)
   },
   setup() {
-    const router = useRouter()
-    watchEffect(() => {
-      // 将router.route.path作为依赖收集 首次访问即添加监听
-      const path = router.route.path
-      nextTick(() => (inBrowser ? mediumZoom('.main img', { background: 'var(--vp-c-bg)' }) : null))
-    })
+    const route = useRoute()
+    watch(
+      () => route.path,
+      () => {
+        nextTick(() =>
+          inBrowser ? mediumZoom('.main img', { background: 'var(--vp-c-bg)' }) : null
+        )
+      },
+      { immediate: true }
+    )
   }
 }