Switch from watch to watchEffect for tooltip listener setup

Co-authored-by: vinpogo <35638693+vinpogo@users.noreply.github.com>

Author: Copilot

packages/vueltip/src/composables.ts

@@ -11,6 +11,7 @@ import {
   computed,
   type StyleValue,
   watch,
+  watchEffect,
 } from 'vue'
 import { getOption } from './options'
 import {
@@ -37,27 +38,24 @@ export const useVueltip = ({
   floatingOptions,
 }: UseTooltipOptions) => {
   let initialParent: Maybe<HTMLElement>
-  watch(
-    tooltipElement,
-    (el, _prevEl, onCleanup) => {
-      if (!el) return
-      initialParent = el.parentElement
+  watchEffect((onCleanup) => {
+    const el = tooltipElement.value
+    if (!el) return
+    initialParent = el.parentElement
 
-      const onEnter = () =>
-        (hoveredElement.value = debouncedHoveredElement.value)
-      const onLeave = () =>
-        (hoveredElement.value = undefined)
+    const onEnter = () =>
+      (hoveredElement.value = debouncedHoveredElement.value)
+    const onLeave = () =>
+      (hoveredElement.value = undefined)
 
-      el.addEventListener('mouseenter', onEnter)
-      el.addEventListener('mouseleave', onLeave)
+    el.addEventListener('mouseenter', onEnter)
+    el.addEventListener('mouseleave', onLeave)
 
-      onCleanup(() => {
-        el.removeEventListener('mouseenter', onEnter)
-        el.removeEventListener('mouseleave', onLeave)
-      })
-    },
-    { immediate: true, flush: 'post' },
-  )
+    onCleanup(() => {
+      el.removeEventListener('mouseenter', onEnter)
+      el.removeEventListener('mouseleave', onLeave)
+    })
+  }, { flush: 'post' })
   const middleware = [
     offset(_offset),
     flip(),