fix unref element

Author: KABBOUCHI

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-tippy",
-  "version": "6.1.1",
+  "version": "6.1.2",
   "main": "index.js",
   "module": "dist/vue-tippy.mjs",
   "unpkg": "dist/vue-tippy.iife.js",

playground/pages/Wga.vue

@@ -1,7 +1,13 @@
 <template>
   <div>
     <tippy content="Choose an aggregation for this area" :tag="null">
-      <button  class="text-sm py-2 px-3 bg-gray-900 text-white rounded-lg">Aggregation #1</button>
+      <button class="text-sm py-2 px-3 bg-gray-900 text-white rounded-lg">Aggregation #1</button>
+    </tippy>
+
+    <tippy content="View Android device page" :tag="null">
+      <RouterLink to="/" aria-label="View Android device page">
+          Link
+      </RouterLink>
     </tippy>
   </div>
 </template>

src/components/Tippy.ts

@@ -13,6 +13,15 @@ declare module '@vue/runtime-core' {
   interface ComponentCustomProperties extends UnwrapNestedRefs<ReturnType<typeof useTippy>> { }
 }
 
+function toValue(r: any): any {
+  return typeof r === 'function'
+    ? (r as any)()
+    : unref(r)
+}
+function unrefElement(elRef: any): any {
+  const plain = toValue(elRef)
+  return (plain as any)?.$el ?? plain
+}
 
 const TippyComponent = defineComponent({
   props: {
@@ -95,7 +104,7 @@ const TippyComponent = defineComponent({
       return options
     }
 
-    let target: any = () => elem.value
+    let target: any = () => unrefElement(elem)
 
     if (props.to) {
       if (typeof Element !== 'undefined' && props.to instanceof Element) {