@enquio/vue-popup 1.0.1

package/README.md

@@ -0,0 +1,107 @@
+# @enquio/vue
+
+Vue 3 wrapper component for the Enquio popup Web Component. Provides a Vue-idiomatic interface to integrate Enquio popups into your Vue applications.
+
+## 📦 Installation
+
+```bash
+npm install @enquio/vue
+```
+
+## ✅ Requirements
+
+- **Vue**: ^3.2.0
+
+## 🚀 Quick Start
+
+### Basic Usage
+
+```vue
+<script setup>
+import { EnquioPopup } from '@enquio/vue';
+
+const projectId = 'your-project-id';
+</script>
+
+<template>
+  <div>
+    <h1>My App</h1>
+    <EnquioPopup :projectId="projectId" />
+  </div>
+</template>
+```
+
+### With Composition API
+
+```vue
+<script setup>
+import { ref } from 'vue';
+import { EnquioPopup } from '@enquio/vue';
+
+const projectId = ref('your-project-id');
+
+const handleSwitch = () => {
+  projectId.value = 'different-project-id';
+};
+</script>
+
+<template>
+  <div>
+    <button @click="handleSwitch">Switch Project</button>
+    <EnquioPopup :projectId="projectId" />
+  </div>
+</template>
+```
+
+### With Options API
+
+```vue
+<script>
+import { EnquioPopup } from '@enquio/vue';
+
+export default {
+  components: {
+    EnquioPopup,
+  },
+  data() {
+    return {
+      projectId: 'your-project-id',
+    };
+  },
+};
+</script>
+
+<template>
+  <div>
+    <h1>My App</h1>
+    <EnquioPopup :projectId="projectId" />
+  </div>
+</template>
+```
+
+## 📖 API
+
+### `EnquioPopup`
+
+A Vue component that renders the Enquio popup Web Component.
+
+#### Props
+
+| Prop | Type | Required | Description |
+|------|------|----------|-------------|
+| `projectId` | `string` | Yes | Your Enquio project ID |
+
+#### Example
+
+```vue
+<EnquioPopup projectId="abc-123-def-456" />
+```
+
+## 🔗 Dependencies
+
+- `@enquio/core`: Core script loader
+- `vue`: Peer dependency (must be installed separately)
+
+## 📝 License
+
+MIT © Enquio Team

package/dist/index.es.js

@@ -0,0 +1,31 @@
+import { defineComponent as e, h as t, onMounted as n } from "vue";
+//#region ../core/dist/loader.js
+var r = "https://public.newapp.enquio.eu/popup.js";
+function i() {
+	return typeof window > "u" ? Promise.resolve() : (window.__ENQUIO_SCRIPT_PROMISE__ || (window.__ENQUIO_SCRIPT_PROMISE__ = new Promise((e, t) => {
+		if (document.getElementById("enquio-popup-script")) {
+			e();
+			return;
+		}
+		let n = document.createElement("script");
+		n.src = r, n.async = !0, n.id = "enquio-popup-script", n.onload = () => e(), n.onerror = () => t(/* @__PURE__ */ Error("Failed to load Enquio popup")), document.body.appendChild(n);
+	})), window.__ENQUIO_SCRIPT_PROMISE__);
+}
+//#endregion
+//#region src/EnquioPopup.vue
+var a = e({
+	name: "EnquioPopup",
+	props: { projectId: {
+		type: String,
+		required: !0
+	} },
+	setup(e) {
+		return n(() => {
+			i().then(() => customElements.whenDefined("enquio-popup")).catch((e) => console.error("Enquio: script failed to load", e));
+		}), () => t("enquio-popup", { "project-id": e.projectId });
+	}
+}), o = { install(e) {
+	e.component("EnquioPopup", a);
+} };
+//#endregion
+export { a as EnquioPopup, o as default };

package/dist/index.umd.js

@@ -0,0 +1 @@
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.EnquioVue={},e.Vue))})(this,function(e,t){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var n=`https://public.newapp.enquio.eu/popup.js`;function r(){return typeof window>`u`?Promise.resolve():(window.__ENQUIO_SCRIPT_PROMISE__||(window.__ENQUIO_SCRIPT_PROMISE__=new Promise((e,t)=>{if(document.getElementById(`enquio-popup-script`)){e();return}let r=document.createElement(`script`);r.src=n,r.async=!0,r.id=`enquio-popup-script`,r.onload=()=>e(),r.onerror=()=>t(Error(`Failed to load Enquio popup`)),document.body.appendChild(r)})),window.__ENQUIO_SCRIPT_PROMISE__)}var i=(0,t.defineComponent)({name:`EnquioPopup`,props:{projectId:{type:String,required:!0}},setup(e){return(0,t.onMounted)(()=>{r().then(()=>customElements.whenDefined(`enquio-popup`)).catch(e=>console.error(`Enquio: script failed to load`,e))}),()=>(0,t.h)(`enquio-popup`,{"project-id":e.projectId})}});e.EnquioPopup=i,e.default={install(e){e.component(`EnquioPopup`,i)}}});

package/package.json

@@ -0,0 +1,48 @@
+{
+	"name": "@enquio/vue-popup",
+	"version": "1.0.1",
+	"description": "Vue 3 popup component for Enquio Web Component",
+	"main": "dist/index.umd.js",
+	"module": "dist/index.es.js",
+	"types": "dist/index.d.ts",
+	"files": [
+		"dist"
+	],
+	"sideEffects": false,
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/skutam/EnquioWrappers.git",
+		"directory": "packages/vue"
+	},
+	"homepage": "https://github.com/skutam/EnquioWrappers#readme",
+	"bugs": {
+		"url": "https://github.com/skutam/EnquioWrappers/issues"
+	},
+	"keywords": [
+		"enquio",
+		"popup",
+		"vue",
+		"vue3",
+		"web-component",
+		"component"
+	],
+	"license": "MIT",
+	"author": "Enquio Team",
+	"peerDependencies": {
+		"vue": "^3.2.0"
+	},
+	"devDependencies": {
+		"vue": "^3.2.0",
+		"vite": "8.0.5",
+		"typescript": "^5.0.0",
+		"@vitejs/plugin-vue": "^5.0.0"
+	},
+	"dependencies": {
+		"@enquio/popup-core": "1.0.0"
+	},
+	"scripts": {
+		"build": "vite build",
+		"clean": "rm -rf dist",
+		"prepublishOnly": "npm run build"
+	}
+}