fix: createTooltip().show()

Author: Akryum

packages/demo-vue3/src/router.js

@@ -37,6 +37,13 @@ export const demos = [
       label: 'Directive manual',
     },
   },
+  {
+    path: '/directive/create-tooltip',
+    component: () => import('./views/directive/CreateTooltip.vue'),
+    meta: {
+      label: 'createTooltip',
+    },
+  },
   {
     path: '/component/demo1',
     component: () => import('./views/component/DropdownDemo1.vue'),

packages/demo-vue3/src/views/directive/CreateTooltip.vue

@@ -0,0 +1,32 @@
+<script setup>
+import { createTooltip, destroyTooltip } from 'floating-vue'
+
+function clipboardSuccess (el) {
+  el.classList.add('copied')
+  const tooltip = createTooltip(el, {
+    triggers: [],
+    content: 'Copied!',
+    delay: 0,
+  })
+  tooltip.show()
+  setTimeout(() => {
+    el.classList.remove('copied')
+    tooltip.hide()
+    // Transition
+    setTimeout(() => {
+      destroyTooltip(el)
+    }, 400)
+  }, 600)
+}
+</script>
+
+<template>
+  <div>
+    <button
+      class="px-4 py-2 bg-green-100 rounded"
+      @click="clipboardSuccess($event.currentTarget)"
+    >
+      Copy
+    </button>
+  </div>
+</template>

packages/floating-vue/src/directives/v-tooltip.ts

@@ -65,7 +65,7 @@ function ensureDirectiveApp () {
       return this.directives.map((directive) => {
         return h(TooltipDirective, {
           ...directive.options,
-          shown: directive.shown.value || directive.options.shown,
+          shown: directive.shown || directive.options.shown,
           key: directive.id,
         })
       })
@@ -126,7 +126,7 @@ export function destroyTooltip (el) {
   }
 }
 
-export function bind (el, { value, oldValue, modifiers }) {
+export function bind (el, { value, modifiers }) {
   const options = getOptions(el, value, modifiers)
   if (!options.content || getDefaultConfig(options.theme || 'tooltip', 'disabled')) {
     destroyTooltip(el)