vlite3 0.4.4 → 0.4.7

package/components/Timeline.vue.js

@@ -1,39 +1,40 @@
-import { defineComponent as w, computed as g, openBlock as l, createElementBlock as s, normalizeClass as n, createElementVNode as a, normalizeStyle as b, createCommentVNode as u, Fragment as P, renderList as p, createVNode as S, createBlock as v, renderSlot as z, toDisplayString as x } from "vue";
+import { defineComponent as S, computed as g, openBlock as l, createElementBlock as r, normalizeClass as a, createElementVNode as c, normalizeStyle as b, createCommentVNode as u, Fragment as z, renderList as j, createVNode as $, createBlock as v, renderSlot as C, toDisplayString as x } from "vue";
 import f from "./Icon.vue.js";
-const j = {
+import { $t as y } from "../utils/i18n.js";
+const I = {
   key: 0,
   class: "absolute top-4 left-4 right-4 h-0.5 bg-border",
   "aria-hidden": "true"
-}, C = {
+}, B = {
   key: 1,
   class: "absolute top-4 left-4 right-4 h-0.5 bg-border block sm:hidden",
   "aria-hidden": "true"
-}, $ = ["onClick"], B = {
+}, V = ["onClick"], N = {
   class: "flex h-9 w-9 items-center justify-center shrink-0 bg-background z-10",
   "aria-hidden": "true"
-}, V = {
+}, D = {
   key: 0,
   class: "relative z-10 flex h-8 w-8 items-center justify-center rounded-full bg-primary hover:bg-primary-dark transition-colors"
-}, N = {
+}, E = {
   key: 1,
   class: "relative z-10 flex h-8 w-8 items-center justify-center rounded-full border-2 border-primary bg-background"
-}, E = {
+}, T = {
   key: 1,
   class: "h-2.5 w-2.5 rounded-full bg-primary"
-}, D = {
+}, F = {
   key: 2,
   class: "relative z-10 flex h-8 w-8 items-center justify-center rounded-full border-2 bg-background group-hover:border-muted-foreground transition-colors"
-}, F = {
+}, L = {
   key: 1,
   class: "h-2.5 w-2.5 rounded-full bg-transparent group-hover:bg-muted"
-}, L = {
+}, M = {
   key: 0,
   class: "text-xs text-muted-foreground mt-1"
-}, M = {
+}, q = {
   key: 0,
   class: "hidden sm:block flex-1 h-0.5 bg-border ml-2",
   "aria-hidden": "true"
-}, G = /* @__PURE__ */ w({
+}, K = /* @__PURE__ */ S({
   __name: "Timeline",
   props: {
     steps: {},
@@ -44,131 +45,116 @@ const j = {
     class: { default: "" }
   },
   emits: ["step-click"],
-  setup(e, { emit: y }) {
-    const r = e, k = y, d = (c, m) => m.status ? m.status : c < r.activeStep ? "completed" : c === r.activeStep ? "current" : "upcoming", t = g(() => r.direction === "vertical"), h = g(() => r.steps.length <= 1 ? 0 : Math.min(r.activeStep, r.steps.length - 1) / (r.steps.length - 1) * 100);
-    return (c, m) => (l(), s("nav", {
+  setup(t, { emit: k }) {
+    const s = t, w = k, d = (o, m) => m.status ? m.status : o < s.activeStep ? "completed" : o === s.activeStep ? "current" : "upcoming", e = g(() => s.direction === "vertical"), h = g(() => s.steps.length <= 1 ? 0 : Math.min(s.activeStep, s.steps.length - 1) / (s.steps.length - 1) * 100), p = (o) => o.titleI18n ? y(o.titleI18n) : o.title, P = (o) => o.descriptionI18n ? y(o.descriptionI18n) : o.description;
+    return (o, m) => (l(), r("nav", {
       "aria-label": "Progress",
-      class: n(["w-full", r.class])
+      class: a(["w-full", s.class])
     }, [
-      a("ol", {
+      c("ol", {
         role: "list",
-        class: n([
+        class: a([
           "relative flex",
-          // Vertical
-          t.value ? "flex-col space-y-0" : "",
-          // Horizontal: Bottom Text (Default) -> Justify Between
-          !t.value && e.textPosition === "bottom" ? "flex-row w-full justify-between items-center" : "",
-          // Horizontal: Right Text -> Standard Flex
-          !t.value && e.textPosition === "right" ? "flex-row w-full" : ""
+          e.value ? "flex-col space-y-0" : "",
+          !e.value && t.textPosition === "bottom" ? "flex-row w-full justify-between items-center" : "",
+          !e.value && t.textPosition === "right" ? "flex-row w-full" : ""
         ])
       }, [
-        !t.value && e.textPosition === "bottom" ? (l(), s("div", j, [
-          a("div", {
+        !e.value && t.textPosition === "bottom" ? (l(), r("div", I, [
+          c("div", {
             class: "h-full bg-primary transition-all duration-300 ease-in-out",
             style: b({ width: `${h.value}%` })
           }, null, 4)
         ])) : u("", !0),
-        !t.value && e.textPosition === "right" ? (l(), s("div", C, [
-          a("div", {
+        !e.value && t.textPosition === "right" ? (l(), r("div", B, [
+          c("div", {
             class: "h-full bg-primary transition-all duration-300 ease-in-out",
             style: b({ width: `${h.value}%` })
           }, null, 4)
         ])) : u("", !0),
-        (l(!0), s(P, null, p(e.steps, (i, o) => (l(), s("li", {
+        (l(!0), r(z, null, j(t.steps, (i, n) => (l(), r("li", {
           key: i.id,
-          onClick: (T) => e.clickable ? k("step-click", i, o) : null,
-          class: n([
+          onClick: (A) => t.clickable ? w("step-click", i, n) : null,
+          class: a([
             "relative",
-            e.clickable ? "cursor-pointer" : "",
-            // Vertical
-            t.value ? "w-full pb-10 last:pb-0" : "",
-            // Horizontal Bottom: Fixed Width Icon Anchor
-            !t.value && e.textPosition === "bottom" ? "flex-none w-8" : "",
-            // Horizontal Right: Flex-1 to spread out (Desktop), Mobile acts as fixed width
-            !t.value && e.textPosition === "right" ? "flex-1 last:flex-none" : ""
+            t.clickable ? "cursor-pointer" : "",
+            e.value ? "w-full pb-10 last:pb-0" : "",
+            !e.value && t.textPosition === "bottom" ? "flex-none w-8" : "",
+            !e.value && t.textPosition === "right" ? "flex-1 last:flex-none" : ""
           ])
         }, [
-          t.value && o !== e.steps.length - 1 ? (l(), s("div", {
+          e.value && n !== t.steps.length - 1 ? (l(), r("div", {
             key: 0,
-            class: n(["hidden sm:block absolute top-4 left-4 -ml-px h-full w-0.5 bg-border", { "bg-primary": o < e.activeStep }]),
+            class: a(["hidden sm:block absolute top-4 left-4 -ml-px h-full w-0.5 bg-border", { "bg-primary": n < t.activeStep }]),
             "aria-hidden": "true"
           }, null, 2)) : u("", !0),
-          a("div", {
-            class: n([
+          c("div", {
+            class: a([
               "group relative flex",
-              // Vertical Layout
-              t.value ? "flex-col items-center text-center sm:flex-row sm:items-start sm:text-left" : "",
-              // Horizontal Bottom or Mobile Default
-              !t.value && e.textPosition === "bottom" ? "flex-col items-center justify-center" : "",
-              // Horizontal Right (Desktop) -> Row with gap
-              // Mobile -> Fallback to Col (Icon Only effectively)
-              !t.value && e.textPosition === "right" ? "flex-col items-center sm:flex-row sm:items-center sm:gap-2 w-full" : ""
+              e.value ? "flex-col items-center text-center sm:flex-row sm:items-start sm:text-left" : "",
+              !e.value && t.textPosition === "bottom" ? "flex-col items-center justify-center" : "",
+              !e.value && t.textPosition === "right" ? "flex-col items-center sm:flex-row sm:items-center sm:gap-2 w-full" : ""
             ])
           }, [
-            a("span", B, [
-              d(o, i) === "completed" ? (l(), s("span", V, [
-                S(f, {
+            c("span", N, [
+              d(n, i) === "completed" ? (l(), r("span", D, [
+                $(f, {
                   icon: "lucide:check",
                   class: "h-5 w-5 text-primary-foreground"
                 })
-              ])) : d(o, i) === "current" ? (l(), s("span", N, [
+              ])) : d(n, i) === "current" ? (l(), r("span", E, [
                 i.icon ? (l(), v(f, {
                   key: 0,
                   icon: i.icon,
                   class: "h-4 w-4 text-primary"
-                }, null, 8, ["icon"])) : (l(), s("span", E))
-              ])) : (l(), s("span", D, [
+                }, null, 8, ["icon"])) : (l(), r("span", T))
+              ])) : (l(), r("span", F, [
                 i.icon ? (l(), v(f, {
                   key: 0,
                   icon: i.icon,
                   class: "h-4 w-4 text-muted-foreground"
-                }, null, 8, ["icon"])) : (l(), s("span", F))
+                }, null, 8, ["icon"])) : (l(), r("span", L))
               ]))
             ]),
-            a("span", {
-              class: n([
+            c("span", {
+              class: a([
                 "min-w-[max-content] flex-col",
                 "hidden sm:flex",
-                // Hide on mobile (Icon Only rule)
-                // Vertical: Margin Left
-                t.value ? "sm:ml-4 sm:pt-1.5" : "",
-                // Horizontal Bottom: Absolute Below
-                !t.value && e.textPosition === "bottom" ? "absolute top-10 text-center" : "",
-                // Horizontal Bottom Alignment specific
-                !t.value && e.textPosition === "bottom" && o === 0 ? "left-0 text-left items-start" : "",
-                !t.value && e.textPosition === "bottom" && o === e.steps.length - 1 ? "right-0 text-right items-end" : "",
-                !t.value && e.textPosition === "bottom" && o > 0 && o < e.steps.length - 1 ? "left-1/2 -translate-x-1/2 items-center" : "",
-                // Horizontal Right: No absolute, just flow
-                (!t.value && e.textPosition === "right", "")
+                e.value ? "sm:ml-4 sm:pt-1.5" : "",
+                !e.value && t.textPosition === "bottom" ? "absolute top-10 text-center" : "",
+                !e.value && t.textPosition === "bottom" && n === 0 ? "left-0 text-left items-start" : "",
+                !e.value && t.textPosition === "bottom" && n === t.steps.length - 1 ? "right-0 text-right items-end" : "",
+                !e.value && t.textPosition === "bottom" && n > 0 && n < t.steps.length - 1 ? "left-1/2 -translate-x-1/2 items-center" : "",
+                (!e.value && t.textPosition === "right", "")
               ])
             }, [
-              z(c.$slots, "content", {
+              C(o.$slots, "content", {
                 step: i,
-                index: o
+                index: n
               }, () => [
-                a("span", {
-                  class: n([
+                c("span", {
+                  class: a([
                     "text-sm font-medium leading-tight",
-                    d(o, i) === "upcoming" ? "text-muted-foreground" : "text-primary"
+                    d(n, i) === "upcoming" ? "text-muted-foreground" : "text-primary"
                   ])
-                }, x(i.title), 3),
-                i.description ? (l(), s("span", L, x(i.description), 1)) : u("", !0)
+                }, x(p(i)), 3),
+                i.description || i.descriptionI18n ? (l(), r("span", M, x(P(i)), 1)) : u("", !0)
               ])
             ], 2),
-            !t.value && e.textPosition === "right" && o !== e.steps.length - 1 ? (l(), s("div", M, [
-              a("div", {
-                class: n([
+            !e.value && t.textPosition === "right" && n !== t.steps.length - 1 ? (l(), r("div", q, [
+              c("div", {
+                class: a([
                   "h-full bg-primary transition-all duration-300",
-                  o < e.activeStep ? "w-full" : "w-0"
+                  n < t.activeStep ? "w-full" : "w-0"
                 ])
               }, null, 2)
             ])) : u("", !0)
           ], 2)
-        ], 10, $))), 128))
+        ], 10, V))), 128))
       ], 2)
     ], 2));
   }
 });
 export {
-  G as default
+  K as default
 };

package/components/ToastNotification.vue.js

@@ -1,7 +1,7 @@
 import o from "./ToastNotification.vue2.js";
 /* empty css                       */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6b631840"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-dc3a3b49"]]);
 export {
-  f as default
+  c as default
 };

package/components/Tooltip.vue.d.ts

@@ -1,7 +1,8 @@
 import { TooltTipProps } from 'v-tooltip-lite/types';
-type __VLS_Props = TooltTipProps & {
+interface Props extends TooltTipProps {
     disabled?: boolean;
-};
+    contentI18n?: string;
+}
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -13,7 +14,7 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     disabled: boolean;
     triggerClass: string;
     contentClass: string;

package/components/Tooltip.vue.js

@@ -1,12 +1,15 @@
-import { defineComponent as n, openBlock as l, createElementBlock as r, renderSlot as o, createBlock as c, unref as i, mergeProps as d, withCtx as a } from "vue";
-import p from "v-tooltip-lite";
+import { defineComponent as r, computed as c, openBlock as l, createElementBlock as i, renderSlot as n, createBlock as d, unref as p, mergeProps as u, withCtx as a } from "vue";
+import f from "v-tooltip-lite";
 import "v-tooltip-lite/style.css";
-const f = {
+import { $t as m } from "../utils/i18n.js";
+const g = {
   key: 0,
   class: "contents"
-}, y = /* @__PURE__ */ n({
+}, b = /* @__PURE__ */ r({
   __name: "Tooltip",
   props: {
+    disabled: { type: Boolean, default: !1 },
+    contentI18n: {},
     content: {},
     placement: { default: "top" },
     offset: {},
@@ -19,27 +22,26 @@ const f = {
     styles: {},
     ignoreClickOutside: {},
     isOpen: { type: Boolean },
-    menuId: {},
-    disabled: { type: Boolean, default: !1 }
+    menuId: {}
   },
-  setup(e) {
-    const s = e;
-    return (t, u) => e.disabled ? (l(), r("div", f, [
-      o(t.$slots, "default")
-    ])) : (l(), c(i(p), d({ key: 1 }, s, {
+  setup(t) {
+    const e = t, s = c(() => e.contentI18n ? m(e.contentI18n) : e.content);
+    return (o, y) => t.disabled ? (l(), i("div", g, [
+      n(o.$slots, "default")
+    ])) : (l(), d(p(f), u({ key: 1 }, { ...e, content: s.value }, {
       class: "inline-block",
-      "class-name": `basic-tooltip ${e.className}`
+      "class-name": `basic-tooltip ${t.className}`
     }), {
       trigger: a(() => [
-        o(t.$slots, "default")
+        n(o.$slots, "default")
       ]),
       default: a(() => [
-        o(t.$slots, "content")
+        n(o.$slots, "content")
       ]),
       _: 3
     }, 16, ["class-name"]));
   }
 });
 export {
-  y as default
+  b as default
 };

package/components/Workbook/Sheet.vue.js

@@ -1,19 +1,20 @@
-import { defineComponent as S, ref as g, computed as y, openBlock as a, createElementBlock as c, normalizeClass as D, createElementVNode as r, withModifiers as f, createBlock as b, withCtx as v, createVNode as d, createCommentVNode as C, withDirectives as V, vModelText as N, toDisplayString as k, unref as O, createTextVNode as j, nextTick as M } from "vue";
-import u from "../Icon.vue.js";
-import R from "../Dropdown/Dropdown.vue.js";
-import z from "../IconPicker.vue.js";
-const A = {
+import { defineComponent as N, ref as g, computed as v, openBlock as a, createElementBlock as d, normalizeClass as D, createElementVNode as c, withModifiers as p, createBlock as y, withCtx as h, createVNode as u, createCommentVNode as w, withDirectives as O, vModelText as j, toDisplayString as C, unref as M, createTextVNode as R, nextTick as z } from "vue";
+import m from "../Icon.vue.js";
+import A from "../Dropdown/Dropdown.vue.js";
+import { $t as s } from "../../utils/i18n.js";
+import K from "../IconPicker.vue.js";
+const U = {
   type: "button",
   class: "flex items-center justify-center rounded hover:bg-accent transition-colors p-0.5 outline-none focus-visible:ring-2 focus-visible:ring-primary/20 mt-1"
-}, K = {
+}, q = {
   key: 1,
   class: "flex items-center justify-center p-0.5"
-}, U = { class: "flex-1 min-w-0 pr-1" }, q = {
+}, F = { class: "flex-1 min-w-0 pr-1" }, G = {
   key: 1,
   class: "block truncate text-sm font-medium leading-normal"
-}, F = { class: "p-1 rounded-md hover:bg-accent text-muted-foreground hover:text-foreground transition-colors" }, G = {
+}, H = { class: "p-1 rounded-md hover:bg-accent text-muted-foreground hover:text-foreground transition-colors" }, J = {
   class: /* @__PURE__ */ D(["flex items-center"])
-}, Q = /* @__PURE__ */ S({
+}, Y = /* @__PURE__ */ N({
   __name: "Sheet",
   props: {
     sheet: {},
@@ -28,24 +29,32 @@ const A = {
     inactiveItemClass: { default: "" }
   },
   emits: ["select", "update:title", "update:icon", "edit-start", "edit-end", "duplicate", "delete"],
-  setup(i, { emit: w }) {
-    const e = i, l = w, m = g(null), s = g(e.sheet.title), p = () => {
-      s.value = e.sheet.title, l("edit-start", e.sheet.id), M(() => {
-        m.value?.focus(), m.value?.select();
+  setup(o, { emit: E }) {
+    const e = o, n = E, f = g(null), r = g(e.sheet.title), T = v(() => e.sheet.titleI18n ? s(e.sheet.titleI18n) : e.sheet.title), k = () => {
+      r.value = e.sheet.title, n("edit-start", e.sheet.id), z(() => {
+        f.value?.focus(), f.value?.select();
       });
-    }, h = () => {
+    }, b = () => {
       if (!e.isEditing) return;
-      const t = s.value.trim();
-      t ? l("update:title", e.sheet.id, t) : s.value = e.sheet.title, l("edit-end", e.sheet.id);
-    }, E = () => {
-      s.value = e.sheet.title, l("edit-end", e.sheet.id);
-    }, T = (t) => {
-      t.key === "Enter" && h(), t.key === "Escape" && E();
-    }, B = y(() => [
-      { label: "Rename", value: "rename", icon: "lucide:pencil" },
-      { label: "Duplicate", value: "duplicate", icon: "lucide:copy" },
+      const t = r.value.trim();
+      t ? n("update:title", e.sheet.id, t) : r.value = e.sheet.title, n("edit-end", e.sheet.id);
+    }, B = () => {
+      r.value = e.sheet.title, n("edit-end", e.sheet.id);
+    }, I = (t) => {
+      t.key === "Enter" && b(), t.key === "Escape" && B();
+    }, $ = v(() => [
       {
-        label: "Delete",
+        label: s("vlite.workbook.rename") !== "vlite.workbook.rename" ? s("vlite.workbook.rename") : "Rename",
+        value: "rename",
+        icon: "lucide:pencil"
+      },
+      {
+        label: s("vlite.workbook.duplicate") !== "vlite.workbook.duplicate" ? s("vlite.workbook.duplicate") : "Duplicate",
+        value: "duplicate",
+        icon: "lucide:copy"
+      },
+      {
+        label: s("vlite.workbook.delete") !== "vlite.workbook.delete" ? s("vlite.workbook.delete") : "Delete",
         value: "delete",
         icon: "lucide:trash-2",
         class: "text-danger",
@@ -57,101 +66,101 @@ const A = {
           cancelText: e.confirmDeleteTexts?.cancel,
           variant: "danger",
           onConfirm: () => {
-            e.canDelete && l("delete", e.sheet.id);
+            e.canDelete && n("delete", e.sheet.id);
           }
         } : void 0
       }
-    ]), I = (t) => {
-      if (t.value === "rename" && p(), t.value === "duplicate" && l("duplicate", e.sheet.id), t.value === "delete") {
+    ]), S = (t) => {
+      if (t.value === "rename" && k(), t.value === "duplicate" && n("duplicate", e.sheet.id), t.value === "delete") {
         if (!e.canDelete || e.confirmDelete) return;
-        l("delete", e.sheet.id);
+        n("delete", e.sheet.id);
       }
     }, x = (t) => {
-      t && t.value && t.value !== "delete" || e.canDelete && l("delete", e.sheet.id);
-    }, $ = y(() => [
+      t && t.value && t.value !== "delete" || e.canDelete && n("delete", e.sheet.id);
+    }, V = v(() => [
       "group relative flex items-center min-w-[120px] max-w-[240px] h-9 px-3 border-r border-border select-none cursor-pointer transition-all duration-200 ease-out",
       e.itemClass,
       e.isActive ? `bg-muted text-foreground ring-1 ring-border ring-b-0 z-10 ${e.activeItemClass}` : `text-muted-foreground hover:bg-accent/50 ${e.inactiveItemClass}`,
       e.isEditing ? "cursor-text" : ""
     ].filter(Boolean).join(" "));
-    return (t, n) => (a(), c("div", {
-      class: D($.value),
-      onClick: n[5] || (n[5] = (o) => l("select", i.sheet.id)),
-      onDblclick: p
+    return (t, i) => (a(), d("div", {
+      class: D(V.value),
+      onClick: i[5] || (i[5] = (l) => n("select", o.sheet.id)),
+      onDblclick: k
     }, [
-      r("div", {
-        onClick: n[1] || (n[1] = f(() => {
+      c("div", {
+        onClick: i[1] || (i[1] = p(() => {
         }, ["stop"])),
         class: "mr-2 flex items-center shrink-0"
       }, [
-        (i.sheet.icon || i.isEditing) && i.allowIconChange ? (a(), b(z, {
+        (o.sheet.icon || o.isEditing) && o.allowIconChange ? (a(), y(K, {
           key: 0,
-          value: i.sheet.icon || "lucide:file",
+          value: o.sheet.icon || "lucide:file",
           position: "bottom-start",
-          onOnSelect: n[0] || (n[0] = (o) => l("update:icon", i.sheet.id, o))
+          onOnSelect: i[0] || (i[0] = (l) => n("update:icon", o.sheet.id, l))
         }, {
-          default: v(() => [
-            r("button", A, [
-              d(u, {
-                icon: i.sheet.icon || "lucide:file",
+          default: h(() => [
+            c("button", U, [
+              u(m, {
+                icon: o.sheet.icon || "lucide:file",
                 class: "w-4 h-4 opacity-70 hover:opacity-100 transition-opacity"
               }, null, 8, ["icon"])
             ])
           ]),
           _: 1
-        }, 8, ["value"])) : i.sheet.icon ? (a(), c("div", K, [
-          d(u, {
-            icon: i.sheet.icon,
+        }, 8, ["value"])) : o.sheet.icon ? (a(), d("div", q, [
+          u(m, {
+            icon: o.sheet.icon,
             class: "w-4 h-4 opacity-70"
           }, null, 8, ["icon"])
-        ])) : C("", !0)
+        ])) : w("", !0)
       ]),
-      r("div", U, [
-        i.isEditing ? V((a(), c("input", {
+      c("div", F, [
+        o.isEditing ? O((a(), d("input", {
           key: 0,
           ref_key: "inputRef",
-          ref: m,
-          "onUpdate:modelValue": n[2] || (n[2] = (o) => s.value = o),
+          ref: f,
+          "onUpdate:modelValue": i[2] || (i[2] = (l) => r.value = l),
           type: "text",
           class: "w-full bg-transparent border-none outline-none p-0 text-sm font-medium text-foreground placeholder-muted-foreground focus:ring-0",
-          onBlur: h,
-          onKeydown: T,
-          onClick: n[3] || (n[3] = f(() => {
+          onBlur: b,
+          onKeydown: I,
+          onClick: i[3] || (i[3] = p(() => {
           }, ["stop"]))
         }, null, 544)), [
-          [N, s.value]
-        ]) : (a(), c("span", q, k(i.sheet.title), 1))
+          [j, r.value]
+        ]) : (a(), d("span", G, C(T.value), 1))
       ]),
-      r("div", {
+      c("div", {
         class: "opacity-0 group-hover:opacity-100 transition-opacity ml-auto pl-1 flex items-center bg-inherit",
-        onClick: n[4] || (n[4] = f(() => {
+        onClick: i[4] || (i[4] = p(() => {
         }, ["stop"]))
       }, [
-        d(O(R), {
-          options: B.value,
+        u(M(A), {
+          options: $.value,
           position: "bottom-end",
           width: "140px",
           teleport: !0,
-          onOnSelect: I,
+          onOnSelect: S,
           onOnConfirm: x,
           onConfirm: x
         }, {
-          trigger: v(() => [
-            r("button", F, [
-              d(u, {
+          trigger: h(() => [
+            c("button", H, [
+              u(m, {
                 icon: "lucide:more-vertical",
                 class: "w-3.5 h-3.5"
               })
             ])
           ]),
-          item: v(({ option: o }) => [
-            r("div", G, [
-              o?.icon ? (a(), b(u, {
+          item: h(({ option: l }) => [
+            c("div", J, [
+              l?.icon ? (a(), y(m, {
                 key: 0,
-                icon: o?.icon,
+                icon: l?.icon,
                 class: "w-3.5 h-3.5 mr-2 opacity-70"
-              }, null, 8, ["icon"])) : C("", !0),
-              j(" " + k(o?.label), 1)
+              }, null, 8, ["icon"])) : w("", !0),
+              R(" " + C(l?.label), 1)
             ])
           ]),
           _: 1
@@ -161,5 +170,5 @@ const A = {
   }
 });
 export {
-  Q as default
+  Y as default
 };

package/components/Workbook/WorkbookAddButton.vue.js

@@ -1,20 +1,24 @@
-import { defineComponent as i, openBlock as r, createBlock as c } from "vue";
-import m from "../Button.vue.js";
-const u = /* @__PURE__ */ i({
+import { defineComponent as c, computed as l, openBlock as m, createBlock as s } from "vue";
+import d from "../Button.vue.js";
+import { $t as u } from "../../utils/i18n.js";
+const f = /* @__PURE__ */ c({
   __name: "WorkbookAddButton",
   emits: ["click"],
-  setup(s, { emit: o }) {
-    const t = o;
-    return (d, e) => (r(), c(m, {
+  setup(k, { emit: o }) {
+    const n = o, i = l(() => {
+      const t = u("vlite.workbook.addSheet");
+      return t !== "vlite.workbook.addSheet" ? t : "Add New Sheet";
+    });
+    return (t, e) => (m(), s(d, {
       variant: "ghost",
       size: "sm",
       icon: "lucide:plus",
-      title: "Add New Sheet",
+      title: i.value,
       rounded: "none",
-      onClick: e[0] || (e[0] = (n) => t("click", n))
-    }));
+      onClick: e[0] || (e[0] = (r) => n("click", r))
+    }, null, 8, ["title"]));
   }
 });
 export {
-  u as default
+  f as default
 };

package/components/Workbook/types.d.ts

@@ -1,6 +1,7 @@
 export interface WorkbookSheet {
     id: string;
     title: string;
+    titleI18n?: string;
     icon?: string;
     content?: string;
     closable?: boolean;

package/core/config.d.ts

@@ -12,6 +12,7 @@ export declare const VLITE_CONFIG_KEY: InjectionKey<VLiteConfig>;
 export declare const configState: {
     services?: {
         upload?: import('..').FileUploadHandler;
+        t?: import('..').TranslationHandler;
     };
 };
 /**
@@ -25,5 +26,6 @@ export declare function updateConfig(updates: Partial<VLiteConfig>): void;
 export declare function useVLiteConfig(): {
     services?: {
         upload?: import('..').FileUploadHandler;
+        t?: import('..').TranslationHandler;
     };
 };

package/index.d.ts

@@ -54,6 +54,7 @@ export * from './directives/vScrollReveal';
 export { createVLite, useVLiteConfig } from './core';
 export { GoogleSignInPlugin };
 export * from './utils';
+export { $t } from './utils/i18n';
 export * from './types';
 export * from './components/DataList';
 export * from './components/Screen';