feat(demo): update demo for proper typescript support

Author: vinpogo

demo/src/Tooltip.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { useTooltip } from '@vingy/vueltip'
+import { useVueltip } from '@vingy/vueltip'
 import { useTemplateRef } from 'vue'
 
 const tooltipElement = useTemplateRef('tooltipElement')
 const arrowElement = useTemplateRef('arrowElement')
 
 const { tooltipStyles, arrowStyles, show, content } =
-  useTooltip({
+  useVueltip({
     tooltipElement,
     arrowElement,
     offset: 8,

demo/src/main.ts

@@ -1,15 +1,22 @@
 import Vuebugger from '@vingy/vuebugger'
-import { tooltipPlugin } from '@vingy/vueltip'
+import {
+  vueltipDirective,
+  vueltipPlugin,
+} from '@vingy/vueltip'
 import { createPinia } from 'pinia'
 import { createApp } from 'vue'
 import App from './App.vue'
 import Tooltip from './Tooltip.vue'
 
 const app = createApp(App)
 
-app.use(createPinia()).use(Vuebugger).use(tooltipPlugin, {
-  component: Tooltip,
-  handleDialogModals: true,
-})
+app
+  .use(createPinia())
+  .use(Vuebugger)
+  .use(vueltipPlugin, {
+    component: Tooltip,
+    handleDialogModals: true,
+  })
+  .directive('tooltip', vueltipDirective)
 
 app.mount('#app')