fix(useElementSize): get value in onMounted hook (#3366)

Co-authored-by: Anthony Fu <anthonyfu117@hotmail.com>
vueuse · Nov 9, 2023 · 165c88a · 165c88a
1 parent 71b4653
commit 165c88a
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'
@@ -58,6 +59,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
+    }
+  })
+
   const stop2 = watch(
     () => unrefElement(target),
     (ele) => {