feat(useElementSize): stop function (#3367)

Co-authored-by: Anthony Fu <anthonyfu117@hotmail.com>
vueuse · Nov 9, 2023 · 5f545be · 5f545be
1 parent dc6f2e8
commit 5f545be
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/packages/core/useElementSize/index.ts b/packages/core/useElementSize/index.ts
@@ -25,7 +25,7 @@ export function useElementSize(
   const width = ref(initialSize.width)
   const height = ref(initialSize.height)
 
-  useResizeObserver(
+  const { stop: stop1 } = useResizeObserver(
     target,
     ([entry]) => {
       const boxSize = box === 'border-box'
@@ -58,17 +58,23 @@ export function useElementSize(
     options,
   )
 
-  watch(
+  const stop2 = watch(
     () => unrefElement(target),
     (ele) => {
       width.value = ele ? initialSize.width : 0
       height.value = ele ? initialSize.height : 0
     },
   )
 
+  function stop() {
+    stop1()
+    stop2()
+  }
+
   return {
     width,
     height,
+    stop,
   }
 }