adverich-kun-ui 0.1.318 → 0.1.320

package/dist/components/KunTable/src/components/KunTable.vue.js

@@ -1,77 +1,76 @@
-import { mergeModels as W, toRefs as be, useModel as Se, ref as y, watch as Q, computed as q, onMounted as Ce, createElementBlock as c, openBlock as l, mergeProps as B, createCommentVNode as u, createElementVNode as V, renderSlot as a, createBlock as S, unref as s, normalizeClass as C, withCtx as z, createVNode as b, withDirectives as G, vModelText as Te, vShow as J, normalizeProps as d, guardReactiveProps as g, Fragment as $e, createSlots as X, renderList as Y, isRef as Fe, nextTick as ke } from "vue";
-import { isMobile as p } from "../../../../utils/_platform.js";
+import { mergeModels as W, toRefs as be, useModel as Se, ref as v, watch as Q, computed as q, onMounted as Ce, createElementBlock as r, openBlock as l, mergeProps as B, createCommentVNode as u, createElementVNode as V, renderSlot as a, createBlock as b, unref as s, normalizeClass as S, withCtx as j, createVNode as C, withDirectives as G, vModelText as Te, vShow as J, normalizeProps as d, guardReactiveProps as g, Fragment as ke, createSlots as X, renderList as Y, toDisplayString as Fe, isRef as $e, nextTick as Pe } from "vue";
+import { isMobile as m } from "../../../../utils/_platform.js";
 import Z from "../../../KunIcon/src/components/KunIcon.vue.js";
-import Pe from "../../../../icons/IconFilter.vue.js";
-import Me from "../../../../icons/IconSearch.vue.js";
-import Ae from "./KunTableHeaders.vue.js";
-import Ie from "./KunTableFooter.vue.js";
-import Re from "./KunTableRows.vue.js";
-import Ee from "./KunTableIterators.vue.js";
-import Be from "../../../KunBtn/src/components/KunBtn.vue.js";
-import Ve from "./KunTableFilter.vue.js";
-import ze from "../../../KunCard/src/components/KunCard.vue.js";
-import je from "../composables/useExpand.js";
-import xe from "../composables/useOptions.js";
-import He from "../composables/useSelect.js";
-import Ne from "../composables/useFilter.js";
-import De from "../composables/KunTableProps.js";
+import Me from "../../../../icons/IconFilter.vue.js";
+import Ae from "../../../../icons/IconSearch.vue.js";
+import Ie from "./KunTableHeaders.vue.js";
+import Re from "./KunTableFooter.vue.js";
+import Ee from "./KunTableRows.vue.js";
+import Be from "./KunTableIterators.vue.js";
+import Ve from "../../../KunBtn/src/components/KunBtn.vue.js";
+import je from "./KunTableFilter.vue.js";
+import xe from "../composables/useExpand.js";
+import ze from "../composables/useOptions.js";
+import De from "../composables/useSelect.js";
+import He from "../composables/useFilter.js";
+import Ne from "../composables/KunTableProps.js";
 const Ke = ["placeholder"], Le = { class: "flex-1 overflow-auto" }, Ue = { key: 0 }, Oe = { key: 5 }, We = {
-  key: 0,
-  class: "h-full"
-}, Qe = {
+  key: 1,
+  class: "h-full flex justify-center items-center"
+}, Qe = { class: "text-center text-4xl" }, qe = {
   key: 1,
   class: "sticky bottom-0 z-10 print:hidden"
-}, qe = "overflow-hidden h-full w-full flex flex-col border border-slate-200 dark:border-slate-800 rounded", Ge = "table-auto w-full h-fit text-sm text-left", ps = {
+}, Ge = "overflow-hidden h-full w-full flex flex-col border border-slate-200 dark:border-slate-800 rounded", Je = "table-auto w-full h-fit text-sm text-left", ps = {
   __name: "KunTable",
-  props: /* @__PURE__ */ W(De(), {
+  props: /* @__PURE__ */ W(Ne(), {
     selectedItems: { type: Array, default: () => [] },
     selectedItemsModifiers: {}
   }),
   emits: /* @__PURE__ */ W(["update:page", "update:itemsPerPage", "update:sortBy", "update:search"], ["update:selectedItems"]),
-  setup(j, { emit: _ }) {
-    const x = _, m = j, T = be(m), ee = Se(j, "selectedItems"), {
-      headers: H,
-      showExpand: $,
+  setup(x, { emit: _ }) {
+    const z = _, p = x, T = be(p), ee = Se(x, "selectedItems"), {
+      headers: D,
+      showExpand: k,
       showSelect: F,
-      rowClass: N,
+      rowClass: H,
       hideDefaultFooter: se,
       hideDefaultHeader: oe,
       tableClass: te,
       wrapperClass: le,
       pageOptions: ae,
       items: ne,
-      searchable: D,
+      searchable: N,
       debounceTime: re
-    } = T, w = y(m.search);
-    Q(() => m.search, (e) => {
+    } = T, w = v(p.search);
+    Q(() => p.search, (e) => {
       e !== w.value && (w.value = e);
     });
-    const { filteredItems: ie, setSearch: ce, modalFilter: v, applyColumnFilters: ue, clearFilters: de, appliedFilters: pe } = Ne(T, re);
+    const { filteredItems: ie, setSearch: ce, modalFilter: y, applyColumnFilters: ue, clearFilters: de, appliedFilters: pe } = He(T, re);
     Q(w, (e) => {
-      x("update:search", e), ce(e);
+      z("update:search", e), ce(e);
     });
-    const { options: r, paginatedItems: f, updateSort: me } = xe(T, x, ie), { isSelected: k, toggleSelect: P, toggleSelectAll: fe, allSelected: he, someSelected: ge } = He(f, ee), { isExpanded: M, toggleExpand: A } = je(), h = q(() => ({
+    const { options: i, paginatedItems: f, updateSort: me } = ze(T, z, ie), { isSelected: $, toggleSelect: P, toggleSelectAll: fe, allSelected: he, someSelected: ge } = De(f, ee), { isExpanded: M, toggleExpand: A } = xe(), h = q(() => ({
       items: f.value,
-      headers: H.value,
-      page: r.page,
-      itemsPerPage: r.itemsPerPage,
+      headers: D.value,
+      page: i.page,
+      itemsPerPage: i.itemsPerPage,
       toggleSelect: P,
-      isSelected: k,
+      isSelected: $,
       toggleExpand: A,
       isExpanded: M,
-      sortBy: r.sortBy,
-      hasActions: m.hasActions
-    })), we = [qe, le.value], ve = [Ge, te.value], K = q(() => m.headers.map((e) => {
-      var t, i;
+      sortBy: i.sortBy,
+      hasActions: p.hasActions
+    })), we = [Ge, le.value], ye = [Je, te.value], K = q(() => p.headers.map((e) => {
+      var t, c;
       const o = { ...e };
       if ((e.columnType === "function" || e.columnType == "objectFunction" || e.columnType == "simpleFunction") && typeof e.columnFunction == "string") {
-        const n = (t = m.functionMap) == null ? void 0 : t[e.columnFunction];
+        const n = (t = p.functionMap) == null ? void 0 : t[e.columnFunction];
         typeof n == "function" ? o.columnFunction = n : (console.warn(
           `[KunTable] No se encontró la función "${e.columnFunction}" en functionMap`
         ), o.columnFunction = () => "");
       }
       if (e.columnFormat === "function" && typeof e.columnRowText == "string") {
-        const n = (i = m.functionMap) == null ? void 0 : i[e.columnRowText];
+        const n = (c = p.functionMap) == null ? void 0 : c[e.columnRowText];
         typeof n == "function" ? o.columnRowText = n : (console.warn(
           `[KunTable] No se encontró la función "${e.columnRowText}" en functionMap`
         ), o.columnRowText = () => "");
@@ -79,55 +78,55 @@ const Ke = ["placeholder"], Le = { class: "flex-1 overflow-auto" }, Ue = { key:
       return o;
     }));
     Ce(() => U());
-    const L = y(null), I = y(!0), R = y(!1);
-    function ye() {
-      p.value && (O(), ke(() => {
+    const L = v(null), I = v(!0), R = v(!1);
+    function ve() {
+      m.value && (O(), Pe(() => {
         L.value.focus();
       }));
     }
     function U() {
-      p.value && (E.value = "w-fit", I.value = !1, R.value = !0);
+      m.value && (E.value = "w-fit", I.value = !1, R.value = !0);
     }
     function O() {
-      p.value && (E.value = "w-full border", R.value = !1, I.value = !0);
+      m.value && (E.value = "w-full border", R.value = !1, I.value = !0);
     }
-    const E = y("w-full border max-w-sm");
-    return (e, o) => (l(), c("div", B({ class: we }, e.$attrs, { style: { "user-select": "text" } }), [
-      s(D) || e.filterable || e.$slots.prependSearch || e.$slots.appendSearch ? (l(), c("div", {
+    const E = v("w-full border max-w-sm");
+    return (e, o) => (l(), r("div", B({ class: we }, e.$attrs, { style: { "user-select": "text" } }), [
+      s(N) || e.filterable || e.$slots.prependSearch || e.$slots.appendSearch ? (l(), r("div", {
         key: 0,
-        class: C(["p-2 bg-slate-200 dark:bg-slate-800 print:hidden", {
+        class: S(["p-2 bg-slate-200 dark:bg-slate-800 print:hidden", {
           "justify-start flex": e.searchPosition === "start",
           "justify-center flex": e.searchPosition === "center",
           "justify-end flex": e.searchPosition === "end"
         }])
       }, [
         a(e.$slots, "prependSearch"),
-        e.filterable && e.filters.length ? (l(), S(Be, {
+        e.filterable && e.filters.length ? (l(), b(Ve, {
           key: 0,
           class: "h-fit",
-          onClick: o[0] || (o[0] = (t) => v.value = !0),
+          onClick: o[0] || (o[0] = (t) => y.value = !0),
           rounded: "rounded-full",
           size: "xs",
           bgColor: "bg-green-200 dark:bg-green-800"
         }, {
-          default: z(() => [
-            b(Z, {
+          default: j(() => [
+            C(Z, {
               class: "h-fit",
-              icon: Pe,
+              icon: Me,
               size: "text-lg"
             })
           ]),
           _: 1
         })) : u("", !0),
-        s(D) ? (l(), c("div", {
+        s(N) ? (l(), r("div", {
           key: 1,
-          class: C(["rounded flex mx-2", [E.value]])
+          class: S(["rounded flex mx-2", [E.value]])
         }, [
           G(V("input", {
             "onUpdate:modelValue": o[1] || (o[1] = (t) => w.value = t),
             type: "text",
             placeholder: e.searchPlaceholder,
-            class: C(["w-full text-sm", s(p) ? "px-1" : "px-2 py-1"]),
+            class: S(["w-full text-sm", s(m) ? "px-1" : "px-2 py-1"]),
             ref_key: "searchRef",
             ref: L,
             onFocus: O,
@@ -136,9 +135,9 @@ const Ke = ["placeholder"], Le = { class: "flex-1 overflow-auto" }, Ue = { key:
             [Te, w.value],
             [J, I.value]
           ]),
-          G(b(Z, {
-            icon: Me,
-            onClick: ye
+          G(C(Z, {
+            icon: Ae,
+            onClick: ve
           }, null, 512), [
             [J, R.value]
           ])
@@ -146,18 +145,19 @@ const Ke = ["placeholder"], Le = { class: "flex-1 overflow-auto" }, Ue = { key:
         a(e.$slots, "appendSearch")
       ], 2)) : u("", !0),
       V("div", Le, [
-        V("table", {
-          class: C(ve)
+        s(f).length ? (l(), r("table", {
+          key: 0,
+          class: S(ye)
         }, [
-          e.$slots.colgroup && !s(p) ? (l(), c("colgroup", Ue, [
+          e.$slots.colgroup && !s(m) ? (l(), r("colgroup", Ue, [
             a(e.$slots, "colgroup", d(g(h.value)))
           ])) : u("", !0),
-          !s(oe) && !s(p) ? (l(), S(Ae, {
+          !s(oe) && !s(m) ? (l(), b(Ie, {
             key: 1,
-            headers: s(H),
-            "sort-by": s(r).sortBy,
+            headers: s(D),
+            "sort-by": s(i).sortBy,
             "show-select": s(F),
-            "show-expand": s($),
+            "show-expand": s(k),
             "all-selected": s(he),
             "some-selected": s(ge),
             "thead-class": e.theadClass,
@@ -169,86 +169,82 @@ const Ke = ["placeholder"], Le = { class: "flex-1 overflow-auto" }, Ue = { key:
             onToggleSelectAll: s(fe),
             customHeaders: e.customSlots
           }, null, 8, ["headers", "sort-by", "show-select", "show-expand", "all-selected", "some-selected", "thead-class", "tr-class", "th-class", "has-actions", "action-label", "onSort", "onToggleSelectAll", "customHeaders"])) : a(e.$slots, "thead", d(B({ key: 2 }, h.value))),
-          s(f).length && !s(p) ? (l(), c($e, { key: 3 }, [
+          s(m) ? (l(), b(Be, {
+            key: 4,
+            items: s(f),
+            headers: K.value,
+            "row-class": s(H),
+            "row-class-condition": e.rowClassCondition,
+            "is-selected": s($),
+            "is-expanded": s(M),
+            "show-select": s(F),
+            "show-expand": s(k),
+            "has-actions": e.hasActions,
+            "action-loading-map": e.actionLoadingMap,
+            onToggleExpand: s(A),
+            onToggleSelect: s(P),
+            customSlots: e.customSlots
+          }, X({ _: 2 }, [
+            Y(e.$slots, (t, c) => ({
+              name: c,
+              fn: j((n) => [
+                a(e.$slots, c, d(g(n)))
+              ])
+            }))
+          ]), 1032, ["items", "headers", "row-class", "row-class-condition", "is-selected", "is-expanded", "show-select", "show-expand", "has-actions", "action-loading-map", "onToggleExpand", "onToggleSelect", "customSlots"])) : (l(), r(ke, { key: 3 }, [
             a(e.$slots, "body.prepend", d(g(h.value))),
-            b(Re, {
+            C(Ee, {
               items: s(f),
               headers: K.value,
               "tbody-class": e.tbodyClass,
-              "row-class": s(N),
+              "row-class": s(H),
               "row-class-condition": e.rowClassCondition,
               "tr-class": e.trClass,
               "td-class": e.tdClass,
               "selected-class": e.selectedClass,
               "striped-class": e.stripedClass,
-              "is-selected": s(k),
+              "is-selected": s($),
               "is-expanded": s(M),
               "show-select": s(F),
-              "show-expand": s($),
+              "show-expand": s(k),
               "has-actions": e.hasActions,
               "action-loading-map": e.actionLoadingMap,
               onToggleExpand: s(A),
               onToggleSelect: s(P),
               customSlots: e.customSlots
             }, X({ _: 2 }, [
-              Y(e.$slots, (t, i) => ({
-                name: i,
-                fn: z((n) => [
-                  a(e.$slots, i, d(g(n)))
+              Y(e.$slots, (t, c) => ({
+                name: c,
+                fn: j((n) => [
+                  a(e.$slots, c, d(g(n)))
                 ])
               }))
             ]), 1032, ["items", "headers", "tbody-class", "row-class", "row-class-condition", "tr-class", "td-class", "selected-class", "striped-class", "is-selected", "is-expanded", "show-select", "show-expand", "has-actions", "action-loading-map", "onToggleExpand", "onToggleSelect", "customSlots"]),
             a(e.$slots, "body.append", d(g(h.value)))
-          ], 64)) : s(f).length && s(p) ? (l(), S(Ee, {
-            key: 4,
-            items: s(f),
-            headers: K.value,
-            "row-class": s(N),
-            "row-class-condition": e.rowClassCondition,
-            "is-selected": s(k),
-            "is-expanded": s(M),
-            "show-select": s(F),
-            "show-expand": s($),
-            "has-actions": e.hasActions,
-            "action-loading-map": e.actionLoadingMap,
-            onToggleExpand: s(A),
-            onToggleSelect: s(P),
-            customSlots: e.customSlots
-          }, X({ _: 2 }, [
-            Y(e.$slots, (t, i) => ({
-              name: i,
-              fn: z((n) => [
-                a(e.$slots, i, d(g(n)))
-              ])
-            }))
-          ]), 1032, ["items", "headers", "row-class", "row-class-condition", "is-selected", "is-expanded", "show-select", "show-expand", "has-actions", "action-loading-map", "onToggleExpand", "onToggleSelect", "customSlots"])) : u("", !0),
-          e.$slots.tfoot ? (l(), c("tfoot", Oe, [
+          ], 64)),
+          e.$slots.tfoot ? (l(), r("tfoot", Oe, [
             a(e.$slots, "tfoot", d(g(h.value)))
           ])) : u("", !0)
-        ]),
-        s(f).length ? u("", !0) : (l(), c("div", We, [
-          b(ze, {
-            class: "h-full flex justify-center items-center text-center",
-            title: e.noDataText,
-            titleSize: "text-4xl"
-          }, null, 8, ["title"])
+        ])) : u("", !0),
+        s(f).length ? u("", !0) : (l(), r("div", We, [
+          V("div", Qe, Fe(e.noDataText), 1)
         ]))
       ]),
-      s(se) ? a(e.$slots, "footer", d(B({ key: 2 }, h.value))) : (l(), c("div", Qe, [
-        b(Ie, {
+      s(se) ? a(e.$slots, "footer", d(B({ key: 2 }, h.value))) : (l(), r("div", qe, [
+        C(Re, {
           "items-length": s(ne).length,
-          "items-per-page": s(r).itemsPerPage,
-          "current-page": s(r).page,
+          "items-per-page": s(i).itemsPerPage,
+          "current-page": s(i).page,
           "page-options": s(ae),
-          "onUpdate:itemsPerPage": o[2] || (o[2] = (t) => s(r).itemsPerPage = t),
-          "onUpdate:page": o[3] || (o[3] = (t) => s(r).page = t)
+          "onUpdate:itemsPerPage": o[2] || (o[2] = (t) => s(i).itemsPerPage = t),
+          "onUpdate:page": o[3] || (o[3] = (t) => s(i).page = t)
         }, null, 8, ["items-length", "items-per-page", "current-page", "page-options"])
       ])),
-      e.filterable && s(v) ? (l(), S(Ve, {
+      e.filterable && s(y) ? (l(), b(je, {
         key: 3,
         filters: e.filters,
-        modelValue: s(v),
-        "onUpdate:modelValue": o[4] || (o[4] = (t) => Fe(v) ? v.value = t : null),
+        modelValue: s(y),
+        "onUpdate:modelValue": o[4] || (o[4] = (t) => $e(y) ? y.value = t : null),
         onApplyFilters: s(ue),
         onClearFilters: s(de),
         activeFilters: s(pe).byColumn

package/dist/components/KunTable/src/components/KunTableRow.vue.js

@@ -1,6 +1,6 @@
-import { computed as a, createElementBlock as l, openBlock as s, normalizeClass as d, createCommentVNode as u, renderSlot as g, createElementVNode as f, withModifiers as h, Fragment as B, renderList as $, createBlock as T, resolveDynamicComponent as E, unref as c, createTextVNode as A, toDisplayString as V } from "vue";
-import { getValue as C, formatValue as N } from "../../../../utils/tableFormatters.js";
-const j = { key: 0 }, R = { key: 1 }, D = ["checked"], F = "px-3 py-2 whitespace-nowrap text-sm text-black dark:text-white", O = "hover:bg-slate-300 dark:hover:bg-slate-600 border-t border-slate-300 dark:border-slate-700", z = "bg-slate-100 dark:bg-slate-900", L = {
+import { computed as o, createElementBlock as l, openBlock as s, normalizeClass as d, createCommentVNode as u, renderSlot as g, createElementVNode as S, withModifiers as h, Fragment as B, renderList as $, createBlock as T, resolveDynamicComponent as E, unref as c, createTextVNode as A, toDisplayString as V } from "vue";
+import { getValue as C, formatValue as j } from "../../../../utils/tableFormatters.js";
+const N = { key: 0 }, O = { key: 1 }, R = ["checked"], D = "px-3 py-2 whitespace-nowrap text-sm text-black dark:text-white", F = "hover:bg-slate-300 dark:hover:bg-slate-600 border-t border-slate-300 dark:border-slate-700", z = "bg-slate-100 dark:bg-slate-900", L = {
   __name: "KunTableRow",
   props: {
     item: Object,
@@ -17,32 +17,32 @@ const j = { key: 0 }, R = { key: 1 }, D = ["checked"], F = "px-3 py-2 whitespace
     stripedClass: String,
     hasActions: Boolean,
     actionsAlign: String,
-    loading: Boolean,
+    loading: { type: [Boolean, Object], default: !1 },
     rowClassCondition: [String, Function],
     customSlots: Object
   },
   emits: ["toggle-expand", "toggle-select", "row-click"],
   setup(e, { emit: k }) {
-    const n = e, r = k, m = a(() => n.tdClass || F);
-    function w(o, i) {
-      const t = typeof n.rowClassCondition == "function" ? n.rowClassCondition({ item: o, index: i }) : n.rowClassCondition;
+    const n = e, r = k, m = o(() => n.tdClass || D);
+    function w(a, i) {
+      const t = typeof n.rowClassCondition == "function" ? n.rowClassCondition({ item: a, index: i }) : n.rowClassCondition;
       return (t == null ? void 0 : t.trim()) || "";
     }
-    const v = a(() => n.rowClass || O), b = a(() => n.trClass || z), y = a(() => w(n.item, n.index)), S = a(() => [
+    const v = o(() => n.rowClass || F), b = o(() => n.trClass || z), f = o(() => w(n.item, n.index)), y = o(() => [
       v.value,
       n.stripedClass,
       n.isSelected ? n.selectedClass : "",
-      y.value || b.value
+      f.value || b.value
     ]);
-    return (o, i) => (s(), l("tr", {
-      class: d(S.value),
+    return (a, i) => (s(), l("tr", {
+      class: d(y.value),
       onClick: i[2] || (i[2] = (t) => r("row-click", { item: e.item, index: e.index, event: t }))
     }, [
       e.showExpand ? (s(), l("td", {
         key: 0,
         class: d(["print:hidden", m.value])
       }, [
-        o.$slots.expandIcon ? g(o.$slots, "expand-icon", {
+        a.$slots.expandIcon ? g(a.$slots, "expand-icon", {
           key: 0,
           item: e.item,
           index: e.index
@@ -50,19 +50,19 @@ const j = { key: 0 }, R = { key: 1 }, D = ["checked"], F = "px-3 py-2 whitespace
           key: 1,
           onClick: i[0] || (i[0] = (t) => r("toggle-expand", e.item))
         }, [
-          e.isExpanded ? (s(), l("span", j, "−")) : (s(), l("span", R, "+"))
+          e.isExpanded ? (s(), l("span", N, "−")) : (s(), l("span", O, "+"))
         ]))
       ], 2)) : u("", !0),
       e.showSelect ? (s(), l("td", {
         key: 1,
         class: d([m.value, "h-full w-10 flex flex-col items-center justify-center print:hidden"])
       }, [
-        f("input", {
+        S("input", {
           type: "checkbox",
           checked: e.isSelected,
           onChange: i[1] || (i[1] = h((t) => r("toggle-select", e.item), ["stop"])),
           class: "h-5 w-5 text-blue-600 transition-all duration-200 ease-in-out rounded"
-        }, null, 40, D)
+        }, null, 40, R)
       ], 2)) : u("", !0),
       (s(!0), l(B, null, $(e.headers, (t) => {
         var x;
@@ -79,14 +79,14 @@ const j = { key: 0 }, R = { key: 1 }, D = ["checked"], F = "px-3 py-2 whitespace
             value: c(C)(t, e.item),
             index: e.index,
             header: t
-          }, null, 8, ["item", "value", "index", "header"])) : g(o.$slots, `item.${t.value}`, {
+          }, null, 8, ["item", "value", "index", "header"])) : g(a.$slots, `item.${t.value}`, {
             key: 1,
             item: e.item,
             value: c(C)(t, e.item),
             index: e.index,
             header: t
           }, () => [
-            A(V(c(N)(t, c(C)(t, e.item))), 1)
+            A(V(c(j)(t, c(C)(t, e.item))), 1)
           ])
         ], 2);
       }), 128)),
@@ -94,7 +94,7 @@ const j = { key: 0 }, R = { key: 1 }, D = ["checked"], F = "px-3 py-2 whitespace
         key: 2,
         class: d(["print:hidden", ["text-center", n.actionsAlign]])
       }, [
-        g(o.$slots, "item.actions", {
+        g(a.$slots, "item.actions", {
           item: e.item,
           index: e.index,
           loading: e.loading

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adverich-kun-ui",
-  "version": "0.1.318",
+  "version": "0.1.320",
   "type": "module",
   "description": "Una librería de componentes Vue.js con Tailwind CSS",
   "main": "dist/index.js",