@getspot/spot-widget-vue 0.0.0

package/.turbo/turbo-build.log

@@ -0,0 +1,14 @@
+
+> @getspot/spot-widget-vue@0.0.0 build /builds/getspot/spot-widget/packages/vue
+> vite build
+
+The CJS build of Vite's Node API is deprecated. See https://vite.dev/guide/troubleshooting.html#vite-cjs-node-api-deprecated for more details.
+vite v5.4.18 building for production...
+transforming...
+✓ 2 modules transformed.
+No name was provided for external module "@getspot/spot-widget" in "output.globals" – guessing "SpotWidget".
+rendering chunks...
+computing gzip size...
+dist/vue-spot-widget.umd.js  0.80 kB │ gzip: 0.49 kB
+dist/vue-spot-widget.es.js  0.80 kB │ gzip: 0.48 kB
+✓ built in 147ms

package/dist/vue-spot-widget.es.js

@@ -0,0 +1,37 @@
+import s from "@getspot/spot-widget";
+import { createElementBlock as c, openBlock as i } from "vue";
+const p = (t, e) => {
+  const o = t.__vccOpts || t;
+  for (const [r, n] of e)
+    o[r] = n;
+  return o;
+}, a = {
+  name: "VueSpotWidget",
+  props: {
+    options: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  mounted() {
+    try {
+      this.widget = new s({
+        ...this.options,
+        location: this.$refs.container
+      });
+    } catch (t) {
+      this.$emit("error", t);
+    }
+  },
+  beforeUnmount() {
+    var t, e;
+    (e = (t = this.widget) == null ? void 0 : t.destroy) == null || e.call(t);
+  }
+}, d = { ref: "container" };
+function f(t, e, o, r, n, _) {
+  return i(), c("div", d, null, 512);
+}
+const l = /* @__PURE__ */ p(a, [["render", f]]);
+export {
+  l as default
+};

package/dist/vue-spot-widget.umd.js

@@ -0,0 +1 @@
+(function(t,o){typeof exports=="object"&&typeof module<"u"?module.exports=o(require("@getspot/spot-widget"),require("vue")):typeof define=="function"&&define.amd?define(["@getspot/spot-widget","vue"],o):(t=typeof globalThis<"u"?globalThis:t||self,t.VueSpotWidget=o(t.SpotWidget,t.Vue))})(this,function(t,o){"use strict";const d=(e,n)=>{const i=e.__vccOpts||e;for(const[s,r]of n)i[s]=r;return i},p={name:"VueSpotWidget",props:{options:{type:Object,default:()=>({})}},mounted(){try{this.widget=new t({...this.options,location:this.$refs.container})}catch(e){this.$emit("error",e)}},beforeUnmount(){var e,n;(n=(e=this.widget)==null?void 0:e.destroy)==null||n.call(e)}},c={ref:"container"};function u(e,n,i,s,r,_){return o.openBlock(),o.createElementBlock("div",c,null,512)}return d(p,[["render",u]])});

package/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "@getspot/spot-widget-vue",
+  "version": "0.0.0",
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "dependencies": {
+    "@getspot/spot-widget": "0.0.0"
+  },
+  "peerDependencies": {
+    "vue": "^3.0.0"
+  },
+  "devDependencies": {
+    "vite": "^5.0.0",
+    "@vitejs/plugin-vue": "^5.0.0"
+  },
+  "scripts": {
+    "build": "vite build"
+  }
+}

package/src/VueSpotWidget.vue

@@ -0,0 +1,30 @@
+<template>
+  <div ref="container" />
+</template>
+
+<script>
+import SpotWidget from "@getspot/spot-widget";
+
+export default {
+  name: "VueSpotWidget",
+  props: {
+    options: {
+      type: Object,
+      default: () => ({}),
+    },
+  },
+  mounted() {
+    try {
+      this.widget = new SpotWidget({
+        ...this.options,
+        location: this.$refs.container,
+      });
+    } catch (err) {
+      this.$emit("error", err);
+    }
+  },
+  beforeUnmount() {
+    this.widget?.destroy?.();
+  },
+};
+</script>

package/vite.config.js

@@ -0,0 +1,24 @@
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
+import path from "path";
+
+export default defineConfig({
+  plugins: [vue()],
+  build: {
+    outDir: "dist",
+    lib: {
+      entry: path.resolve(__dirname, "src/VueSpotWidget.vue"),
+      name: "VueSpotWidget",
+      fileName: (format) => `vue-spot-widget.${format}.js`,
+      formats: ["umd", "es"],
+    },
+    rollupOptions: {
+      external: ["vue", "@getspot/spot-widget"],
+      output: {
+        globals: {
+          vue: "Vue",
+        },
+      },
+    },
+  },
+});