fix(useMounted): hold the instance, close #3785, close #3795

vueuse · Feb 20, 2024 · 2f66e6f · 2f66e6f
1 parent a086e8b
commit 2f66e6f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/packages/core/useMounted/index.ts b/packages/core/useMounted/index.ts
@@ -9,10 +9,11 @@ import { getCurrentInstance, onMounted, ref } from 'vue-demi'
 export function useMounted() {
   const isMounted = ref(false)
 
-  if (getCurrentInstance()) {
+  const instance = getCurrentInstance()
+  if (instance) {
     onMounted(() => {
       isMounted.value = true
-    })
+    }, instance)
   }
 
   return isMounted

diff --git a/packages/shared/tryOnMounted/index.ts b/packages/shared/tryOnMounted/index.ts
@@ -1,6 +1,7 @@
 // eslint-disable-next-line no-restricted-imports
 import { nextTick, onMounted } from 'vue-demi'
-import { type Fn, getLifeCycleTarget } from '../utils'
+import type { Fn } from '../utils'
+import { getLifeCycleTarget } from '../utils'
 
 /**
  * Call onMounted() if it's inside a component lifecycle, if not, just call the function