From 7b4009121954b1571595e6db4e5f76d0a0588704 Mon Sep 17 00:00:00 2001
From: webfansplz <308241863@qq.com>
Date: Sun, 13 Feb 2022 14:35:19 +0800
Subject: [PATCH] fix(useElementSize): should reset value while element
 unmounted (#1254)

---
 packages/core/useElementSize/index.ts | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/core/useElementSize/index.ts b/packages/core/useElementSize/index.ts
index db4637bdba29..c9422f6a3c8a 100644
--- a/packages/core/useElementSize/index.ts
+++ b/packages/core/useElementSize/index.ts
@@ -1,8 +1,8 @@
-import { ref } from 'vue-demi'
+import { ref, watch } from 'vue-demi'
 import type { MaybeElementRef } from '../unrefElement'
 import type { ResizeObserverOptions } from '../useResizeObserver'
 import { useResizeObserver } from '../useResizeObserver'
-
+import { unrefElement } from '../unrefElement'
 export interface ElementSize {
   width: number
   height: number
@@ -32,7 +32,10 @@ export function useElementSize(
     },
     options,
   )
-
+  watch(() => unrefElement(target), (ele) => {
+    width.value = ele ? initialSize.width : 0
+    height.value = ele ? initialSize.height : 0
+  })
   return {
     width,
     height,