feat(tryOnMounted): support target arguement

packages/shared/tryOnBeforeMount/index.ts

@@ -1,15 +1,18 @@
 import { getCurrentInstance, nextTick, onBeforeMount } from 'vue-demi'
+import type { ComponentInternalInstance } from 'vue-demi'
 import type { Fn } from '../utils'
 
 /**
  * Call onBeforeMount() if it's inside a component lifecycle, if not, just call the function
  *
  * @param fn
  * @param sync if set to false, it will run in the nextTick() of Vue
+ * @param target
  */
-export function tryOnBeforeMount(fn: Fn, sync = true) {
-  if (getCurrentInstance())
-    onBeforeMount(fn)
+export function tryOnBeforeMount(fn: Fn, sync = true, target?: ComponentInternalInstance | null) {
+  const instance = target || getCurrentInstance()
+  if (instance)
+    onBeforeMount(fn, instance)
   else if (sync)
     fn()
   else

packages/shared/tryOnBeforeUnmount/index.ts

@@ -1,12 +1,15 @@
+import type { ComponentInternalInstance } from 'vue-demi'
 import { getCurrentInstance, onBeforeUnmount } from 'vue-demi'
 import type { Fn } from '../utils'
 
 /**
  * Call onBeforeUnmount() if it's inside a component lifecycle, if not, do nothing
  *
  * @param fn
+ * @param target
  */
-export function tryOnBeforeUnmount(fn: Fn) {
-  if (getCurrentInstance())
-    onBeforeUnmount(fn)
+export function tryOnBeforeUnmount(fn: Fn, target?: ComponentInternalInstance | null) {
+  const instance = target || getCurrentInstance()
+  if (instance)
+    onBeforeUnmount(fn, instance)
 }

packages/shared/tryOnMounted/index.ts

@@ -1,16 +1,19 @@
 // eslint-disable-next-line no-restricted-imports
 import { getCurrentInstance, nextTick, onMounted } from 'vue-demi'
+import type { ComponentInternalInstance } from 'vue-demi'
 import type { Fn } from '../utils'
 
 /**
  * Call onMounted() if it's inside a component lifecycle, if not, just call the function
  *
  * @param fn
  * @param sync if set to false, it will run in the nextTick() of Vue
+ * @param target
  */
-export function tryOnMounted(fn: Fn, sync = true) {
-  if (getCurrentInstance())
-    onMounted(fn)
+export function tryOnMounted(fn: Fn, sync = true, target?: ComponentInternalInstance | null) {
+  const instance = target || getCurrentInstance()
+  if (instance)
+    onMounted(fn, instance)
   else if (sync)
     fn()
   else

packages/shared/tryOnUnmounted/index.ts

@@ -1,13 +1,16 @@
 // eslint-disable-next-line no-restricted-imports
 import { getCurrentInstance, onUnmounted } from 'vue-demi'
+import type { ComponentInternalInstance } from 'vue-demi'
 import type { Fn } from '../utils'
 
 /**
  * Call onUnmounted() if it's inside a component lifecycle, if not, do nothing
  *
  * @param fn
+ * @param target
  */
-export function tryOnUnmounted(fn: Fn) {
-  if (getCurrentInstance())
-    onUnmounted(fn)
+export function tryOnUnmounted(fn: Fn, target?: ComponentInternalInstance | null) {
+  const instance = target || getCurrentInstance()
+  if (instance)
+    onUnmounted(fn, instance)
 }