fix(useElementSize): component type warning (#4722)

menghany · web-flow · commit 9889fa0cde89 · 2025-04-30T08:30:08.000Z
diff --git a/packages/core/useElementSize/component.ts b/packages/core/useElementSize/component.ts
@@ -4,12 +4,12 @@ import type { UseResizeObserverOptions } from '../useResizeObserver'
 import { useElementSize } from '@vueuse/core'
 import { ref as deepRef, defineComponent, h, reactive } from 'vue'
 
-export const UseElementSize = /* #__PURE__ */ defineComponent<ElementSize & UseResizeObserverOptions & RenderableComponent>({
+export const UseElementSize = /* #__PURE__ */ defineComponent<Partial<ElementSize> & UseResizeObserverOptions & RenderableComponent>({
   name: 'UseElementSize',
   props: ['width', 'height', 'box', 'as'] as unknown as undefined,
   setup(props, { slots }) {
     const target = deepRef()
-    const data = reactive(useElementSize(target, { width: props.width, height: props.height }, { box: props.box }))
+    const data = reactive(useElementSize(target, { width: props.width ?? 0, height: props.height ?? 0 }, { box: props.box }))
 
     return () => {
       if (slots.default)
