ablok-components 0.3.86 → 0.3.88

package/dist/components/molecules/bulk-upload/bulk-upload.vue.js

@@ -1,10 +1,14 @@
-import { defineComponent as w, computed as T, ref as v, resolveComponent as y, openBlock as p, createElementBlock as _, createElementVNode as o, toDisplayString as x, createCommentVNode as U, createVNode as d, withCtx as g, withDirectives as H, vModelText as I, withModifiers as V, nextTick as L } from "vue";
+import { defineComponent as x, computed as z, ref as h, resolveComponent as C, openBlock as a, createElementBlock as i, createElementVNode as o, unref as L, withModifiers as y, createVNode as u, createCommentVNode as m, toDisplayString as b, withCtx as $, renderSlot as S, Fragment as I, withDirectives as U, vModelText as D, nextTick as F } from "vue";
 import N from "../file-upload/file-upload.vue.js";
 /* empty css                              */
-const S = { class: "container" }, A = { class: "row" }, B = { class: "col-12" }, E = {
+import { sanitizeHtml as A } from "../../../composables/useSanitize.js";
+const E = { class: "container" }, R = { class: "row" }, j = {
+  key: 0,
+  class: "col-12"
+}, q = { class: "p-3 d-flex align-items-center border border-bottom-0" }, G = ["innerHTML"], K = { class: "col-12" }, J = {
   key: 0,
   class: "grid place-items-center text-center text-muted py-5 border border-bottom-0"
-}, z = { class: "m-0" }, D = { class: "preview-item border-bottom p-3" }, F = { class: "d-flex gap-3" }, j = { class: "col-2" }, q = { class: "col" }, R = ["onUpdate:modelValue", "id"], G = ["innerHTML"], J = { class: "col-auto d-flex flex-column gap-2" }, K = ["onClick"], O = ["onClick"], P = { class: "d-flex align-items-end p-3" }, Q = { class: "btn btn-primary btn-sm ms-auto d-flex align-items-center gap-2" }, W = ["innerHTML"], ee = /* @__PURE__ */ w({
+}, O = { class: "m-0" }, P = { class: "preview-item border-bottom p-3" }, Q = { class: "d-flex gap-3" }, W = { class: "col-2" }, X = { class: "col d-flex flex-column" }, Y = { class: "file-meta text-muted small mb-2" }, Z = { class: "fw-semibold" }, ee = { key: 0 }, te = { key: 1 }, oe = ["onUpdate:modelValue", "id"], le = ["innerHTML"], se = { class: "col-auto d-flex flex-column gap-2" }, ne = ["onClick"], ae = ["onClick"], ie = { class: "d-flex align-items-end p-3" }, de = { class: "btn btn-primary btn-sm ms-auto d-flex align-items-center gap-2" }, re = ["innerHTML"], fe = /* @__PURE__ */ x({
   __name: "bulk-upload",
   props: {
     storeId: String,
@@ -22,49 +26,101 @@ const S = { class: "container" }, A = { class: "row" }, B = { class: "col-12" },
     },
     messages: {
       type: null
+    },
+    hasHeader: {
+      type: Boolean,
+      default: !0
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    hasBulkRemove: {
+      type: Boolean,
+      default: !0
+    },
+    hasCaptions: {
+      type: Boolean,
+      default: !0
+    },
+    editCaptions: {
+      type: Boolean,
+      default: !0
     }
   },
   emits: ["update:modelValue"],
-  setup(k, { emit: M }) {
-    const f = k, b = M, n = T({
+  setup(d, { emit: B }) {
+    const g = d, k = B, r = z({
       get: () => {
-        const e = f.modelValue || [];
-        return c.value = e.map((t) => t.caption || ""), e.map((t) => ({ type: t.type, src: t.src }));
+        const t = g.modelValue || [];
+        return f.value = t.map((e) => e.caption || ""), t.map((e) => ({
+          type: e.type,
+          src: e.src,
+          ...e.name ? { name: e.name } : {},
+          ...e.size ? { size: e.size } : {},
+          ...e.lastModified ? { lastModified: e.lastModified } : {}
+        }));
       },
-      set: (e) => {
-        const t = n.value || [], s = Array.isArray(e) ? e : [], i = s.length <= t.length && s.every((r) => t.some((l) => l.src === r.src));
-        u(i ? s : [...t, ...s]);
+      set: (t) => {
+        const e = r.value || [], l = Array.isArray(t) ? t : [], c = l.length <= e.length && l.every((s) => e.some((n) => n.src === s.src));
+        v(c ? l : [...e, ...l]);
       }
-    }), h = v(null), a = v({}), c = v({});
-    function C(e) {
-      const t = [...f.modelValue || []];
-      t.splice(e, 1), b("update:modelValue", t);
+    }), M = h(null), p = h({}), f = h({});
+    function V(t) {
+      const e = [...g.modelValue || []];
+      e.splice(t, 1), k("update:modelValue", e);
     }
-    async function $(e) {
-      a.value[e] = !a.value[e], a.value[e] || u(), await L(), h.value?.querySelector(`#caption-${e}`)?.focus();
+    async function w(t) {
+      p.value[t] = !p.value[t], p.value[t] || v(), await F(), M.value?.querySelector(`#caption-${t}`)?.focus();
     }
-    function u(e) {
-      b("update:modelValue", (e || n.value).map((t, s) => ({
-        ...t,
-        caption: c.value[s] || ""
+    function H(t) {
+      if (t == null) return "";
+      const e = ["B", "KB", "MB", "GB", "TB"];
+      let l = t, c = e.shift();
+      for (; l >= 1024 && e.length; )
+        l /= 1024, c = e.shift();
+      return `${l.toFixed(1)} ${c}`;
+    }
+    function T(t) {
+      return t ? new Date(t).toLocaleDateString() : "";
+    }
+    function v(t) {
+      k("update:modelValue", (t || r.value).map((e, l) => ({
+        ...e,
+        caption: f.value[l] || ""
       })));
     }
-    return (e, t) => {
-      const s = y("base-image"), i = y("svg-icon");
-      return p(), _("div", {
+    return (t, e) => {
+      const l = C("svg-icon"), c = C("base-image");
+      return a(), i("div", {
         class: "bulk-upload",
         ref_key: "root",
-        ref: h
+        ref: M
       }, [
-        o("div", S, [
-          o("div", A, [
-            o("div", B, [
-              n.value.length ? U("", !0) : (p(), _("div", E, [
-                o("p", z, x(e.$t("fileInput.noFilesSelected")), 1)
+        o("div", E, [
+          o("div", R, [
+            d.hasHeader ? (a(), i("div", j, [
+              o("div", q, [
+                o("p", {
+                  class: "fw-bold m-0",
+                  innerHTML: L(A)(d.title || t.$t("fileInput.bulkUploadHeadline"))
+                }, null, 8, G),
+                d.hasBulkRemove ? (a(), i("button", {
+                  key: 0,
+                  onClick: e[0] || (e[0] = y((s) => r.value = [], ["prevent"])),
+                  class: "btn btn--close ms-auto p-0"
+                }, [
+                  u(l, { symbol: "x" })
+                ])) : m("", !0)
+              ])
+            ])) : m("", !0),
+            o("div", K, [
+              r.value.length ? m("", !0) : (a(), i("div", J, [
+                o("p", O, b(t.$t("fileInput.noFilesSelected")), 1)
               ])),
-              d(N, {
-                modelValue: n.value,
-                "onUpdate:modelValue": t[1] || (t[1] = (r) => n.value = r),
+              u(N, {
+                modelValue: r.value,
+                "onUpdate:modelValue": e[2] || (e[2] = (s) => r.value = s),
                 multiple: !0,
                 accept: "image/*",
                 "drop-files": !0,
@@ -72,64 +128,75 @@ const S = { class: "container" }, A = { class: "row" }, B = { class: "col-12" },
                 "local-url-format": "objectUrl",
                 class: "d-flex flex-column border"
               }, {
-                "preview-item": g(({ bind: { item: r, index: l } }) => [
-                  o("div", D, [
-                    o("div", F, [
-                      o("div", j, [
-                        d(s, {
-                          src: r.src,
+                "preview-item": $(({ bind: { item: s, index: n } }) => [
+                  o("div", P, [
+                    o("div", Q, [
+                      o("div", W, [
+                        u(c, {
+                          src: s.src,
                           alt: "",
                           class: "img-thumbnail"
                         }, null, 8, ["src"])
                       ]),
-                      o("div", q, [
-                        a.value[l] ? H((p(), _("textarea", {
-                          key: 0,
-                          "onUpdate:modelValue": (m) => c.value[l] = m,
-                          id: `caption-${l}`,
-                          class: "form-control rounded-0 h-100",
-                          onChangeCapture: t[0] || (t[0] = (m) => u())
-                        }, null, 40, R)), [
-                          [I, c.value[l]]
-                        ]) : (p(), _("p", {
-                          key: 1,
-                          class: "m-0",
-                          innerHTML: c.value[l] || `<small>${e.$t("fileInput.noCaption")}</small>`
-                        }, null, 8, G))
+                      o("div", X, [
+                        o("div", Y, [
+                          o("div", Z, b(s.name || t.$t("fileInput.unknownFile")), 1),
+                          o("div", null, [
+                            s.size ? (a(), i("span", ee, b(H(s.size)), 1)) : m("", !0),
+                            s.lastModified ? (a(), i("span", te, " · " + b(T(s.lastModified)), 1)) : m("", !0)
+                          ])
+                        ]),
+                        d.hasCaptions ? (a(), i(I, { key: 0 }, [
+                          p.value[n] && d.editCaptions ? U((a(), i("textarea", {
+                            key: 0,
+                            "onUpdate:modelValue": (_) => f.value[n] = _,
+                            id: `caption-${n}`,
+                            class: "form-control rounded-0 h-100",
+                            onChangeCapture: e[1] || (e[1] = (_) => v())
+                          }, null, 40, oe)), [
+                            [D, f.value[n]]
+                          ]) : (a(), i("p", {
+                            key: 1,
+                            class: "m-0",
+                            innerHTML: f.value[n] || `<small>${t.$t("fileInput.noCaption")}</small>`
+                          }, null, 8, le))
+                        ], 64)) : m("", !0)
                       ]),
-                      o("div", J, [
+                      o("div", se, [
                         o("button", {
-                          onClick: V((m) => C(l), ["prevent"]),
+                          onClick: y((_) => V(n), ["prevent"]),
                           class: "btn btn--close"
                         }, [
-                          d(i, { symbol: "x" })
-                        ], 8, K),
+                          u(l, { symbol: "x" })
+                        ], 8, ne),
                         o("button", {
-                          onClick: V((m) => $(l), ["prevent"]),
+                          onClick: y((_) => w(n), ["prevent"]),
                           class: "btn btn--close"
                         }, [
-                          d(i, {
-                            symbol: a.value[l] ? "check" : "edit-3"
+                          u(l, {
+                            symbol: p.value[n] ? "check" : "edit-3"
                           }, null, 8, ["symbol"])
-                        ], 8, O)
+                        ], 8, ae)
                       ])
                     ])
                   ])
                 ]),
-                button: g(() => [
-                  o("span", P, [
-                    o("span", Q, [
-                      d(i, {
-                        symbol: "upload",
-                        size: "small"
-                      }),
-                      o("span", {
-                        innerHTML: e.$t("common.selectFile")
-                      }, null, 8, W)
+                button: $(() => [
+                  S(t.$slots, "button", {}, () => [
+                    o("span", ie, [
+                      o("span", de, [
+                        u(l, {
+                          symbol: "upload",
+                          size: "small"
+                        }),
+                        o("span", {
+                          innerHTML: t.$t("common.selectFile")
+                        }, null, 8, re)
+                      ])
                     ])
                   ])
                 ]),
-                _: 1
+                _: 3
               }, 8, ["modelValue"])
             ])
           ])
@@ -139,5 +206,5 @@ const S = { class: "container" }, A = { class: "row" }, B = { class: "col-12" },
   }
 });
 export {
-  ee as default
+  fe as default
 };

package/dist/components/molecules/file-upload/file-upload.vue.d.ts

@@ -9,6 +9,9 @@ declare function __VLS_template(): {
                 item: {
                     type?: string;
                     src?: string;
+                    name?: string;
+                    size?: number;
+                    lastModified?: number;
                 };
                 index: number;
             };
@@ -30,24 +33,42 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
             (arrayLength: number): {
                 type?: string;
                 src?: string;
+                name?: string;
+                size?: number;
+                lastModified?: number;
             }[];
             (...items: {
                 type?: string;
                 src?: string;
+                name?: string;
+                size?: number;
+                lastModified?: number;
             }[]): {
                 type?: string;
                 src?: string;
+                name?: string;
+                size?: number;
+                lastModified?: number;
             }[];
             new (arrayLength: number): {
                 type?: string;
                 src?: string;
+                name?: string;
+                size?: number;
+                lastModified?: number;
             }[];
             new (...items: {
                 type?: string;
                 src?: string;
+                name?: string;
+                size?: number;
+                lastModified?: number;
             }[]): {
                 type?: string;
                 src?: string;
+                name?: string;
+                size?: number;
+                lastModified?: number;
             }[];
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
@@ -154,24 +175,42 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
             (arrayLength: number): {
                 type?: string;
                 src?: string;
+                name?: string;
+                size?: number;
+                lastModified?: number;
             }[];
             (...items: {
                 type?: string;
                 src?: string;
+                name?: string;
+                size?: number;
+                lastModified?: number;
             }[]): {
                 type?: string;
                 src?: string;
+                name?: string;
+                size?: number;
+                lastModified?: number;
             }[];
             new (arrayLength: number): {
                 type?: string;
                 src?: string;
+                name?: string;
+                size?: number;
+                lastModified?: number;
             }[];
             new (...items: {
                 type?: string;
                 src?: string;
+                name?: string;
+                size?: number;
+                lastModified?: number;
             }[]): {
                 type?: string;
                 src?: string;
+                name?: string;
+                size?: number;
+                lastModified?: number;
             }[];
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
@@ -281,6 +320,9 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
     modelValue: {
         type?: string;
         src?: string;
+        name?: string;
+        size?: number;
+        lastModified?: number;
     }[];
     name: string;
     placeholder: string;

package/dist/components/molecules/file-upload/file-upload.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as L, ref as y, toRef as N, computed as P, watch as b, openBlock as u, createElementBlock as d, normalizeClass as h, unref as v, Fragment as V, renderList as T, renderSlot as S, createElementVNode as c, withModifiers as w, createVNode as m, Transition as M, withCtx as H, createCommentVNode as W } from "vue";
+import { defineComponent as L, ref as y, toRef as M, computed as N, watch as b, openBlock as u, createElementBlock as d, normalizeClass as h, unref as v, Fragment as V, renderList as P, renderSlot as S, createElementVNode as c, withModifiers as w, createVNode as p, Transition as T, withCtx as H, createCommentVNode as W } from "vue";
 import k from "../../atoms/svg-icon/svg-icon.vue.js";
 /* empty css                                 */
 import q from "../../atoms/input-file/input-file.vue.js";
@@ -10,7 +10,7 @@ import { uniqueId as F } from "../../../utilities/helpers.js";
 const _ = ["src"], j = ["onClick"], x = ["onClick"], G = ["for"], J = ["innerHTML"], K = {
   key: 0,
   class: "file-upload__loading-spinner"
-}, oe = /* @__PURE__ */ L({
+}, ne = /* @__PURE__ */ L({
   __name: "file-upload",
   props: {
     modelValue: {
@@ -102,93 +102,96 @@ const _ = ["src"], j = ["onClick"], x = ["onClick"], G = ["for"], J = ["innerHTM
     }
   },
   emits: ["update:modelValue", "update:src"],
-  setup(a, { emit: U }) {
-    const e = a, i = U, g = y(), p = y([]), o = y([]), { pending: $, uploadFile: B } = I(e), { toLocalUrl: D, revoke: C } = R(N(e, "localUrlFormat")), { isDragging: z } = E(g, {
+  setup(o, { emit: U }) {
+    const e = o, i = U, g = y(), m = y([]), n = y([]), { pending: $, uploadFile: B } = I(e), { toLocalUrl: D, revoke: z } = R(M(e, "localUrlFormat")), { isDragging: C } = E(g, {
       enabled: () => e.dropFiles,
       onDrop: (t) => {
-        p.value = t;
+        m.value = t;
       }
-    }), A = P(() => e.modelValue?.length ? e.modelValue : e.src ? [{ type: "", src: e.src }] : o.value);
+    }), A = N(() => e.modelValue?.length ? e.modelValue : e.src ? [{ type: "", src: e.src }] : n.value);
     function f(t) {
-      const l = typeof t == "string" ? parseInt(t, 10) : t, n = Array.isArray(e.modelValue) && e.modelValue.length > 0, s = Array.isArray(o.value) && o.value.length > 0;
-      if (s && l < o.value.length && (C(o.value[l]?.src), o.value.splice(l, 1)), n) {
-        const r = [...e.modelValue];
-        l < r.length && r.splice(l, 1), i("update:modelValue", r), e.multiple || i("update:src", r[0]?.src || "");
-      } else if (s) {
-        const r = e.multiple ? o.value : o.value[0];
-        i("update:modelValue", r), e.multiple || i("update:src", o.value[0]?.src || "");
+      const l = typeof t == "string" ? parseInt(t, 10) : t, a = Array.isArray(e.modelValue) && e.modelValue.length > 0, r = Array.isArray(n.value) && n.value.length > 0;
+      if (r && l < n.value.length && (z(n.value[l]?.src), n.value.splice(l, 1)), a) {
+        const s = [...e.modelValue];
+        l < s.length && s.splice(l, 1), i("update:modelValue", s), e.multiple || i("update:src", s[0]?.src || "");
+      } else if (r) {
+        const s = e.multiple ? n.value : n.value[0];
+        i("update:modelValue", s), e.multiple || i("update:src", n.value[0]?.src || "");
       } else
         i("update:modelValue", e.multiple ? [] : void 0), i("update:src", "");
-      p.value.splice(l, 1);
+      m.value.splice(l, 1);
     }
-    return b(() => p.value, async (t) => {
+    return b(() => m.value, async (t) => {
       const l = await Promise.all(
-        t.map(async (n) => ({
-          src: e.toDataUrl ? await D(n) : await B(n),
-          type: n.type
+        t.map(async (a) => ({
+          src: e.toDataUrl ? await D(a) : await B(a),
+          type: a.type,
+          name: a.name,
+          size: a.size,
+          lastModified: a.lastModified
         }))
       );
-      o.value = l.filter((n) => n !== null);
-    }, { deep: !0 }), b(() => o.value, async (t) => {
+      n.value = l;
+    }, { deep: !0 }), b(() => n.value, async (t) => {
       const l = e.multiple ? t : t[0];
       i("update:modelValue", l), e.multiple || i("update:src", t[0] && t[0].src);
     }, { deep: !0 }), (t, l) => (u(), d("div", {
       ref_key: "root",
       ref: g,
       class: h(["file-upload", {
-        "has-dragging": a.dropFiles,
-        "is-dragging": v(z)
+        "has-dragging": o.dropFiles,
+        "is-dragging": v(C)
       }])
     }, [
-      (u(!0), d(V, null, T(A.value, (n, s) => (u(), d("div", {
-        key: n.src,
-        class: h(a.enablePreview ? "file-upload__thumbnail" : "file-upload__reset")
+      (u(!0), d(V, null, P(A.value, (a, r) => (u(), d("div", {
+        key: a.src,
+        class: h(o.enablePreview ? "file-upload__thumbnail" : "file-upload__reset")
       }, [
         S(t.$slots, "preview-item", {
-          bind: { item: n, index: s },
+          bind: { item: a, index: r },
           on: { removeFile: f }
         }, () => [
-          a.enablePreview ? (u(), d(V, { key: 0 }, [
+          o.enablePreview ? (u(), d(V, { key: 0 }, [
             c("img", {
-              src: `${n.src}${a.previewWidth ? `?width=${a.previewWidth}` : ""}`,
+              src: `${a.src}${o.previewWidth ? `?width=${o.previewWidth}` : ""}`,
               class: "img-thumbnail rounded"
             }, null, 8, _),
             c("button", {
-              onClick: w((r) => f(s), ["prevent"]),
+              onClick: w((s) => f(r), ["prevent"]),
               class: "btn btn--close"
             }, [
-              m(k, { symbol: "x" })
+              p(k, { symbol: "x" })
             ], 8, j)
           ], 64)) : (u(), d("button", {
             key: 1,
-            onClick: w((r) => f(s), ["prevent"]),
+            onClick: w((s) => f(r), ["prevent"]),
             class: "btn btn--close btn-outline-contrast"
           }, [
-            m(k, { symbol: "x" })
+            p(k, { symbol: "x" })
           ], 8, x))
         ])
       ], 2))), 128)),
-      m(q, {
-        modelValue: p.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (n) => p.value = n),
-        id: a.id,
-        name: a.name,
-        accept: a.accept,
-        "max-file-size": a.maxFileSize,
-        multiple: a.multiple,
+      p(q, {
+        modelValue: m.value,
+        "onUpdate:modelValue": l[0] || (l[0] = (a) => m.value = a),
+        id: o.id,
+        name: o.name,
+        accept: o.accept,
+        "max-file-size": o.maxFileSize,
+        multiple: o.multiple,
         class: "d-none"
       }, null, 8, ["modelValue", "id", "name", "accept", "max-file-size", "multiple"]),
       c("label", {
-        for: a.id,
+        for: o.id,
         class: "file-upload__label"
       }, [
         S(t.$slots, "button", {}, () => [
           c("span", {
             class: "btn btn-outline-contrast",
-            innerHTML: v(O)(a.label || t.$t("common.selectFile"))
+            innerHTML: v(O)(o.label || t.$t("common.selectFile"))
           }, null, 8, J)
         ]),
-        m(M, { name: "fade" }, {
+        p(T, { name: "fade" }, {
           default: H(() => [
             v($) ? (u(), d("span", K, [...l[1] || (l[1] = [
               c("span", {
@@ -206,5 +209,5 @@ const _ = ["src"], j = ["onClick"], x = ["onClick"], G = ["for"], J = ["innerHTM
   }
 });
 export {
-  oe as default
+  ne as default
 };

package/dist/i18n.d.ts

@@ -98,6 +98,7 @@ declare const i18n: import('vue-i18n').I18n<{
             fileTooLarge: string;
             noFilesSelected: string;
             noCaption: string;
+            bulkUploadHeadline: string;
         };
         editor: {
             header: {

package/dist/locales/en.d.ts

@@ -97,6 +97,7 @@ export declare const messages: {
         fileTooLarge: string;
         noFilesSelected: string;
         noCaption: string;
+        bulkUploadHeadline: string;
     };
     editor: {
         header: {

package/package.json

@@ -1,23 +1,7 @@
 {
   "name": "ablok-components",
   "private": false,
-  "version": "0.3.86",
-  "scripts": {
-    "dev": "vite --host",
-    "story:dev": "histoire dev",
-    "story:build": "histoire build",
-    "story:preview": "histoire preview",
-    "build": "vue-tsc --noEmit --project tsconfig.build.json && vite build",
-    "build:watch": "vue-tsc --noEmit --watch --project tsconfig.build.json & vite build --watch",
-    "preview": "vite preview",
-    "build-lib-bak": "vite build && vue-tsc --emitDeclarationOnly && mv dist/src dist/types",
-    "build-lib": "vite build && vue-tsc --emitDeclarationOnly",
-    "release": "bash ./scripts/release.sh",
-    "postrelease": "bash ./scripts/publish.sh",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:ui": "vitest --ui"
-  },
+  "version": "0.3.88",
   "dependencies": {
     "date-fns": "^3.0.0",
     "dompurify": "^3.3.1",
@@ -136,5 +120,21 @@
     "./package.json": "./package.json"
   },
   "types": "./dist/index.d.ts",
-  "sideEffects": false
-}
+  "sideEffects": false,
+  "scripts": {
+    "dev": "vite --host",
+    "story:dev": "histoire dev",
+    "story:build": "histoire build",
+    "story:preview": "histoire preview",
+    "build": "vue-tsc --noEmit --project tsconfig.build.json && vite build",
+    "build:watch": "vue-tsc --noEmit --watch --project tsconfig.build.json & vite build --watch",
+    "preview": "vite preview",
+    "build-lib-bak": "vite build && vue-tsc --emitDeclarationOnly && mv dist/src dist/types",
+    "build-lib": "vite build && vue-tsc --emitDeclarationOnly",
+    "release": "bash ./scripts/release.sh",
+    "postrelease": "bash ./scripts/publish.sh",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:ui": "vitest --ui"
+  }
+}