fix: image zoom not work after route changes

GPTGenius · May 19, 2023 · 478a29a · 478a29a
1 parent 3e8a3b5
commit 478a29a
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/docs/.vitepress/theme/index.js b/docs/.vitepress/theme/index.js
@@ -1,13 +1,21 @@
 import DefaultTheme from 'vitepress/theme';
-import { onMounted } from 'vue';
+import { onMounted, watch, nextTick } from 'vue';
 import mediumZoom from 'medium-zoom';
+import { useRoute } from 'vitepress';
 import './index.css';
 
 export default {
   ...DefaultTheme,
   setup() {
-    onMounted(() => {
+    const route = useRoute();
+    const initZoom = () =>
       mediumZoom('.main img', { background: 'var(--vp-c-bg)' });
+    onMounted(() => {
+      initZoom();
     });
+    watch(
+      () => route.path,
+      () => nextTick(() => initZoom())
+    );
   },
 };