fix: watchEffect

Author: lisonge

docs/.vitepress/components/BodyScrollbar.vue

@@ -5,12 +5,23 @@ import {
   useWindowScroll,
   useWindowSize,
 } from '@vueuse/core';
-import { computed, shallowRef, type CSSProperties } from 'vue';
+import { computed, shallowRef, type CSSProperties, watchEffect } from 'vue';
 
 const { y, x } = useWindowScroll();
 const { height: winH, width: winW } = useWindowSize();
 const body = useElementBounding(document.body);
 
+watchEffect(() => {
+  console.log([
+    x.value,
+    y.value,
+    winH.value,
+    winW.value,
+    body.width.value,
+    body.height.value,
+  ]);
+});
+
 // see https://github.com/user-attachments/assets/89796d25-b360-4486-9cf7-79a5e598022c
 const errorDistance = 2;
 

docs/.vitepress/plugins/mirror.ts

@@ -158,9 +158,9 @@ export const transformHtml = (code: string) => {
   if (!code.includes('/assets/')) return;
   // 注意: 如果使用 htmlparser2+dom-serializer, 当 md 文件包含 `<<n` 将出现 Hydration mismatches 错误
   const doc = new Parser().parseFromString(code, 'text/html');
-  // const script = doc.createElement('script');
-  // script.textContent = `;(${rewriteAppendChild})(${JSON.stringify(mirrorBaseUrl)});`;
-  // doc.head.insertBefore(script, doc.head.firstChild);
+  const script = doc.createElement('script');
+  script.textContent = `;(${rewriteAppendChild})(${JSON.stringify(mirrorBaseUrl)});`;
+  doc.head.insertBefore(script, doc.head.firstChild);
   Object.entries({
     link: 'href',
     script: 'src',