fix(useResizeObserver): fix target is Ref Array (#4005)

Alfred-Skyblue · antfu · web-flow · commit 1c124276d920 · 2024-07-17T12:57:08.000Z
Co-authored-by: Anthony Fu &lt;anthonyfu117@hotmail.com&gt;
diff --git a/packages/core/useResizeObserver/index.ts b/packages/core/useResizeObserver/index.ts
@@ -1,6 +1,6 @@
-import { tryOnScopeDispose } from '@vueuse/shared'
+import { type MaybeRefOrGetter, toValue, tryOnScopeDispose } from '@vueuse/shared'
 import { computed, watch } from 'vue-demi'
-import type { MaybeComputedElementRef } from '../unrefElement'
+import type { MaybeComputedElementRef, MaybeElement } from '../unrefElement'
 import { unrefElement } from '../unrefElement'
 import { useSupported } from '../useSupported'
 import type { ConfigurableWindow } from '../_configurable'
@@ -47,7 +47,7 @@ declare class ResizeObserver {
  * @param options
  */
 export function useResizeObserver(
-  target: MaybeComputedElementRef | MaybeComputedElementRef[],
+  target: MaybeComputedElementRef | MaybeComputedElementRef[] | MaybeRefOrGetter<MaybeElement[]>,
   callback: ResizeObserverCallback,
   options: UseResizeObserverOptions = {},
 ) {
@@ -62,10 +62,12 @@ export function useResizeObserver(
     }
   }
 
-  const targets = computed(() =>
-    Array.isArray(target)
-      ? target.map(el => unrefElement(el))
-      : [unrefElement(target)])
+  const targets = computed(() => {
+    const _targets = toValue(target)
+    return Array.isArray(_targets)
+      ? _targets.map(el => unrefElement(el))
+      : [unrefElement(_targets)]
+  })
 
   const stopWatch = watch(
     targets,
