@vingy/vueltip 2.1.0 → 2.1.1

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import { n as __reExport, t as __exportAll } from "./chunk-CtajNgzt.mjs";
 import * as Vue from "vue";
-import { computed, createApp, defineComponent, h, ref, useTemplateRef, watch } from "vue";
+import { computed, createVNode, defineComponent, h, ref, render, useTemplateRef, watch } from "vue";
 
 //#region ../../node_modules/.pnpm/@floating-ui+utils@0.2.10/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
 const min = Math.min;
@@ -1651,16 +1651,23 @@ const vueltipDirective = {
 
 //#endregion
 //#region src/plugin.ts
+const CONTAINER_ID = "__vueltip_root__";
+const getContainer = () => {
+	const existing = document.getElementById(CONTAINER_ID);
+	if (existing) return existing;
+	const container = document.createElement("div");
+	container.id = CONTAINER_ID;
+	document.body.appendChild(container);
+	return container;
+};
 const vueltipPlugin = { install: (app, options) => {
 	const { component, ...rest } = options;
 	setOptions(rest);
 	if (!component) return;
-	const container = document.createElement("div");
-	container.id = "__vueltip_root__";
-	document.body.appendChild(container);
-	const tooltipApp = createApp(component);
-	tooltipApp._context = app._context;
-	tooltipApp.mount(container);
+	const container = getContainer();
+	const vnode = createVNode(component);
+	vnode.appContext = app._context;
+	render(vnode, container);
 } };
 
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vingy/vueltip",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "Headless tooltip which only shows when necessary.",
   "keywords": [
     "composition-api",