@jspreadsheet/vue 9.4.1

package/dist/index.js

@@ -0,0 +1,38 @@
+import { ref, onMounted } from "vue";
+import jspreadsheet from "jspreadsheet";
+import "jspreadsheet/dist/jspreadsheet.css";
+import "jsuites/dist/jsuites.css";
+
+export const Worksheet = {
+  name: "Worksheet"
+};
+
+export const Spreadsheet = {
+  name: "Spreadsheet",
+  setup(props, { attrs, slots }) {
+    const spreadsheet = ref(null);
+    let ret = { spreadsheet };
+    let options = { ...attrs };
+    options.worksheets = slots.default().reduce((acc, vnode) => {
+      if (vnode.type.name === "Worksheet") {
+        acc.push(vnode.props);
+      }
+      return acc;
+    }, []);
+    if (attrs.license) {
+      jspreadsheet.setLicense(attrs.license);
+    }
+    if (attrs.extensions) {
+      jspreadsheet.setExtensions(attrs.extensions);
+    }
+
+    onMounted(() => {
+      ret.current = jspreadsheet(spreadsheet.value, options);
+    });
+
+    return ret;
+  },
+  template: `<div ref="spreadsheet" />`
+};
+
+export default { Spreadsheet, Worksheet, jspreadsheet };

package/package.json

@@ -0,0 +1,27 @@
+{
+    "name": "@jspreadsheet/vue",
+    "title": "Jspreadsheet Pro Vue Wrapper",
+    "description": "Jspreadsheet is a lightweight, vanilla javascript plugin to create amazing web-based interactive tables and spreadsheets compatible with other spreadsheet software.",
+    "author": {
+        "name": "Contact <contact@jspreadsheet.com>",
+        "url": "https://jspreadsheet.com/v9"
+    },
+    "keywords": [
+        "spreadsheet",
+        "spreadsheets",
+        "tables",
+        "table",
+        "excel",
+        "grid",
+        "grid-editor",
+        "data-table",
+        "data-grid",
+        "data-spreadsheet",
+        "vue"
+    ],
+    "dependencies": {
+        "jspreadsheet": "^9.4.1"
+    },
+    "main": "dist/index.js",
+    "version": "9.4.1"
+}