feat: add popper methods show/hide to createTooltip()

Author: Akryum

packages/docs/src/.vuepress/enhanceApp.js

@@ -5,7 +5,7 @@
  */
 
 import 'v-tooltip/dist/v-tooltip.css'
-import VTooltipPlugin from 'v-tooltip'
+import VTooltipPlugin, { createTooltip } from 'v-tooltip'
 
 export default ({
   Vue, // the version of Vue being used in the VuePress app
@@ -30,4 +30,8 @@ export default ({
       },
     },
   })
+
+  if (typeof window !== 'undefined') {
+    window.createTooltip = createTooltip
+  }
 }

packages/v-tooltip/src/directives/v-tooltip.js

@@ -2,6 +2,7 @@ import Vue from 'vue'
 import { placements } from '@popperjs/core'
 import TooltipDirective from '../components/TooltipDirective.vue'
 import { getDefaultConfig } from '../config'
+import PopperMethods from '../components/PopperMethods'
 
 const TARGET_CLASS = 'v-popper--has-tooltip'
 
@@ -43,6 +44,9 @@ export function createTooltip (el, value, modifiers) {
   const options = getOptions(el, value, modifiers)
 
   const tooltipApp = el.$_popper = new Vue({
+    mixins: [
+      PopperMethods,
+    ],
     data () {
       return {
         options,
@@ -65,7 +69,7 @@ export function createTooltip (el, value, modifiers) {
           loadingContent,
         },
         attrs: otherOptions,
-        ref: 'tooltip',
+        ref: 'popper',
       })
     },
     devtools: {