feat(useElementSize): get value in onMounted hook

vueuse · Sep 1, 2023 · 8487d2a · 8487d2a
1 parent 48f4c6e
commit 8487d2a
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/packages/core/useElementSize/index.ts b/packages/core/useElementSize/index.ts
@@ -1,3 +1,4 @@
+import { tryOnMounted } from '@vueuse/shared'
 import { computed, ref, watch } from 'vue-demi'
 import type { MaybeComputedElementRef } from '../unrefElement'
 import type { UseResizeObserverOptions } from '../useResizeObserver'
@@ -61,6 +62,14 @@ export function useElementSize(
     options,
   )
 
+  tryOnMounted(() => {
+    const ele = unrefElement(target)
+    if (ele) {
+      width.value = 'offsetWidth' in ele ? ele.offsetWidth : initialSize.width
+      height.value = 'offsetHeight' in ele ? ele.offsetHeight : initialSize.height
+    }
+  })
+
   watch(
     () => unrefElement(target),
     (ele) => {