fix: read the document on the server side

imzbf · Jan 9, 2025 · bdf6a5a · bdf6a5a
1 parent cd7f305
commit bdf6a5a
Showing 1 changed file with 12 additions and 13 deletions.
diff --git a/packages/MdEditor/layouts/Content/composition/useResize.ts b/packages/MdEditor/layouts/Content/composition/useResize.ts
@@ -1,4 +1,4 @@
-import { Ref, onBeforeUnmount, reactive, ref, toRef, watch } from 'vue';
+import { Ref, onBeforeUnmount, onMounted, reactive, ref, toRef, watch } from 'vue';
 import { MinInputBoxWidth } from '~/config';
 
 import { ContentProps } from '../props';
@@ -61,19 +61,18 @@ const useResize = (
     document.removeEventListener('mousemove', resizeMousemove);
   };
 
-  watch(
-    [resizeRef],
-    () => {
-      document.removeEventListener('mousedown', resizeMousedown);
-      document.removeEventListener('mouseup', resizeMouseup);
+  watch([resizeRef], () => {
+    document.removeEventListener('mousedown', resizeMousedown);
+    document.removeEventListener('mouseup', resizeMouseup);
 
-      document.addEventListener('mousedown', resizeMousedown);
-      document.addEventListener('mouseup', resizeMouseup);
-    },
-    {
-      immediate: true
-    }
-  );
+    document.addEventListener('mousedown', resizeMousedown);
+    document.addEventListener('mouseup', resizeMouseup);
+  });
+
+  onMounted(() => {
+    document.addEventListener('mousedown', resizeMousedown);
+    document.addEventListener('mouseup', resizeMouseup);
+  });
 
   onBeforeUnmount(() => {
     document.removeEventListener('mousedown', resizeMousedown);