@fewangsit/wangsvue-fats 1.0.1-alpha.20 → 1.0.1-alpha.22

package/buttonscan/index.d.ts

@@ -153,7 +153,7 @@ export interface ButtonScanProps extends Omit<ButtonProps, 'type'> {
   /**
    * Defines the size of the button.
    *
-   * @default to large
+   * @default to undefined / normal
    */
   size?: 'small' | 'large';
 }

package/buttonscan/index.es.js

@@ -1,11 +1,11 @@
 import { AxiosError as ye } from "axios";
-import { ref as re, defineComponent as _e, onBeforeUnmount as Re, shallowRef as v, computed as E, createElementBlock as D, openBlock as u, Fragment as F, createVNode as b, createBlock as M, createCommentVNode as U, mergeProps as De, withCtx as ke, createElementVNode as C, normalizeClass as ee, createTextVNode as se, toDisplayString as A, Teleport as Ne } from "vue";
+import { ref as re, defineComponent as Re, onBeforeUnmount as _e, shallowRef as v, computed as E, createElementBlock as D, openBlock as u, Fragment as F, createVNode as b, createBlock as M, createCommentVNode as U, mergeProps as De, withCtx as ke, createElementVNode as C, normalizeClass as ee, createTextVNode as se, toDisplayString as j, Teleport as Ne } from "vue";
 import { ChangelogServices as he } from "@tagsamurai/fats-api-services";
 import { u as Ie } from "../utils/baseToast.util.es.js";
 import { _ as ne } from "../button/index.es.js";
 import { _ as Ee } from "../dialogconfirm/index.es.js";
 import { _ as Ce } from "../hardwaresync/index.es.js";
-import { _ as $ } from "../icon/index.es.js";
+import { _ as A } from "../icon/index.es.js";
 import { _ as z } from "../toast/index.es.js";
 import { v as J } from "../vendor/uuid/dist/esm-browser/v4.es.js";
 const Oe = (a) => {
@@ -56,7 +56,7 @@ const ie = () => window.devices ?? [], xe = () => window.device ?? { RFID: null,
 }, Le = { class: "flex gap-2 items-center" }, We = { class: "flex gap-0.5 items-center leading-4" }, Fe = { class: "flex gap-5 items-center" }, Me = {
   key: 1,
   class: "text-xs font-medium leading-[16.39px] tracking-[0.02em]"
-}, He = /* @__PURE__ */ _e({
+}, He = /* @__PURE__ */ Re({
   __name: "ButtonScan",
   props: {
     label: {},
@@ -93,7 +93,7 @@ const ie = () => window.devices ?? [], xe = () => window.device ?? { RFID: null,
   emits: ["update:modelValue", "connect", "connected", "scan", "stop", "error", "beforeStartScan"],
   setup(a, { expose: l, emit: m }) {
     const s = a, r = m;
-    Re(() => {
+    _e(() => {
       X();
     });
     const c = Ie(), { devices: le, device: S, saveDevices: ue, setDevice: G } = Be(), w = v(!1), O = v(!1), k = v(!1), N = v(!1), y = v(!1), V = v(!1), f = v(), H = v(0), o = v(s.type ?? "RFID"), P = [], T = E(
@@ -133,11 +133,11 @@ const ie = () => window.devices ?? [], xe = () => window.device ?? { RFID: null,
           }, 0);
         };
         window.scannerWorker.onmessage = ({ data: n }) => {
-          var _;
+          var R;
           if (n.status === "connection_established")
             try {
-              const { error: p } = (n == null ? void 0 : n.data) ?? {}, i = ((_ = n == null ? void 0 : n.data) == null ? void 0 : _.deviceList) ?? [], R = S.value[s.type], d = i.some(
-                (W) => W.serialNumber === (R == null ? void 0 : R.serialNumber)
+              const { error: p } = (n == null ? void 0 : n.data) ?? {}, i = ((R = n == null ? void 0 : n.data) == null ? void 0 : R.deviceList) ?? [], _ = S.value[s.type], d = i.some(
+                (W) => W.serialNumber === (_ == null ? void 0 : _.serialNumber)
               );
               if (i.length && d)
                 t();
@@ -164,13 +164,13 @@ const ie = () => window.devices ?? [], xe = () => window.device ?? { RFID: null,
         Y(t);
       }
     }, Q = (e = !1, t = !1) => {
-      var _;
+      var R;
       V.value = !1, c.removeGroup(g.value), localStorage.devmode || (window.addEventListener("blur", L), window.addEventListener("beforeunload", L));
       const n = S.value[o.value];
       if (n) {
         let p = "";
         s.bulk ? p = `bulkscan-${o.value.toLowerCase()}` : p = `scan-${o.value.toLowerCase()}`, window.scannerWorker.onmessage = async ({ data: i }) => {
-          var R;
+          var _;
           if (i.status === "scan_started")
             t || (H.value++, setTimeout(() => {
               c.add({
@@ -187,13 +187,13 @@ const ie = () => window.devices ?? [], xe = () => window.device ?? { RFID: null,
             if (d) {
               if (["scan-rfid", "scan-qr"].includes(p)) {
                 y.value = !!s.scanValidation;
-                const j = await ((R = s.scanValidation) == null ? void 0 : R.call(
+                const $ = await ((_ = s.scanValidation) == null ? void 0 : _.call(
                   s,
                   o.value,
                   d,
                   x()
                 )) ?? !0;
-                if (y.value = !1, j)
+                if (y.value = !1, $)
                   s.autoSwitch ? (K(), fe()) : h(!0);
                 else {
                   V.value || Q(!1, !0);
@@ -206,8 +206,8 @@ const ie = () => window.devices ?? [], xe = () => window.device ?? { RFID: null,
                     tag: d,
                     serialNumber: x()
                   });
-                } catch (j) {
-                  console.error(j);
+                } catch ($) {
+                  console.error($);
                 }
                 r("update:modelValue", d), r("scan", d, x()), s.bulk && P.push(d);
               }
@@ -216,7 +216,7 @@ const ie = () => window.devices ?? [], xe = () => window.device ?? { RFID: null,
         }, window.scannerWorker.onerror = Z, window.scannerWorker.postMessage({
           command: "scan",
           scanCommand: p,
-          userId: (_ = JSON.parse(localStorage.getItem("user") ?? "{}")) == null ? void 0 : _._id,
+          userId: (R = JSON.parse(localStorage.getItem("user") ?? "{}")) == null ? void 0 : R._id,
           source: "app",
           jenisDevice: n.jenisDevice,
           serialNumber: n.serialNumber,
@@ -308,7 +308,8 @@ const ie = () => window.devices ?? [], xe = () => window.device ?? { RFID: null,
             "[&_i]:w-2 [&_i]:h-2": e.type === "QR",
             "[&_i]:w-[11px] [&_i]:h-[7px]": e.type === "RFID"
           },
-          "!px-1.5"
+          "!px-1.5",
+          s.class || e.$attrs.class
         ],
         disabled: s.disabled,
         icon: be.value,
@@ -352,35 +353,35 @@ const ie = () => window.devices ?? [], xe = () => window.device ?? { RFID: null,
           }, [
             n.detail === "scanning" ? (u(), D(F, { key: 0 }, [
               C("section", Le, [
-                b($, {
+                b(A, {
                   class: "animate-spin text-base",
                   icon: "loader-4"
                 }),
                 C("span", We, [
                   o.value === "RFID" ? (u(), D(F, { key: 0 }, [
-                    b($, {
+                    b(A, {
                       class: "text-base !w-4 !h-4",
                       icon: "rfid"
                     }),
-                    se(" " + A(y.value ? "Validating RFID..." : "RFID Scanning..."), 1)
+                    se(" " + j(y.value ? "Validating RFID..." : "RFID Scanning..."), 1)
                   ], 64)) : (u(), D(F, { key: 1 }, [
-                    b($, {
+                    b(A, {
                       class: "text-sm",
                       icon: "qr"
                     }),
-                    se(" " + A(y.value ? "Validating QR..." : "QR Scanning..."), 1)
+                    se(" " + j(y.value ? "Validating QR..." : "QR Scanning..."), 1)
                   ], 64))
                 ])
               ]),
               C("section", Fe, [
                 t[4] || (t[4] = C("span", null, "do not leave this page", -1)),
                 b(ne, {
-                  onClick: t[1] || (t[1] = (_) => I(!0)),
+                  onClick: t[1] || (t[1] = (R) => I(!0)),
                   label: "Stop Scan",
                   severity: "danger"
                 })
               ])
-            ], 64)) : (u(), D("span", Me, A(n.detail), 1))
+            ], 64)) : (u(), D("span", Me, j(n.detail), 1))
           ], 2)
         ]),
         _: 1

package/config/locale.es.js

@@ -62,7 +62,8 @@ const e = {
       asideRightExpandedButtonLabel: "Close <"
     },
     InputPhoneNumber: {
-      defaultPlaceholder: "Enter phone number"
+      defaultPlaceholder: "Enter phone number",
+      emptyInvalidText: "{label} must not be empty"
     },
     InputNumber: {
       defaultPlaceholder: "Enter {label}",

package/inputphonenumber/index.d.ts

@@ -1,7 +1,10 @@
 import { DefineComponent } from 'vue';
 
+import { CustomValidation } from '../form';
+
 export interface InputPhoneNumberLocaleConfig {
   defaultPlaceholder?: string;
+  emptyInvalidText?: string;
 }
 
 /**
@@ -63,7 +66,7 @@ export interface InputPhoneNumberProps {
    * Set the custom validator message.
    * By default each field has preserved with its validator message, you don't need to worrying about the message.
    */
-  validatorMessage?: string;
+  validatorMessage?: string | CustomValidation<'empty'>;
   /**
    * Show information about the field.
    */

package/inputphonenumber/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as G, onBeforeMount as V, shallowRef as u, onMounted as D, reactive as L, inject as x, computed as j, watch as C, createBlock as f, openBlock as P, withCtx as M, createElementVNode as d, withDirectives as F, createVNode as v, unref as c, normalizeClass as H, toDisplayString as R, normalizeProps as E, guardReactiveProps as J, vShow as q, nextTick as w } from "vue";
+import { defineComponent as G, onBeforeMount as V, shallowRef as u, onMounted as D, reactive as L, inject as x, computed as j, watch as C, createBlock as P, openBlock as R, withCtx as M, createElementVNode as d, withDirectives as F, createVNode as v, unref as c, normalizeClass as H, toDisplayString as w, normalizeProps as E, guardReactiveProps as J, vShow as q, nextTick as z } from "vue";
 import O from "axios";
 import { u as W } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
 import { u as Z } from "../plugins/WangsVue.es.js";
@@ -468,32 +468,42 @@ const Fc = {
         t,
         W(
           o.fieldName ?? "numberInput",
-          async (a) => await w(() => U(a))
+          async (a) => await z(() => U(a))
         )
       ), o.value != null && h(o.value), o.modelValue != null && h(o.modelValue);
     });
-    const { locale: z } = Z("InputPhoneNumber"), S = x("preset", {}).inputphonenumber, y = u(!1), b = j(() => o.invalid || !!t.errorMessage), k = navigator.userAgent.includes("Chrome"), U = (a) => o.invalid && o.validatorMessage ? o.validatorMessage : a == null && o.mandatory ? o.validatorMessage ?? `${o.label} harus diisi.` : !0, g = u(), l = u(), e = u(), I = u(0), t = L({ value: null }), T = async () => {
+    const { locale: b } = Z("InputPhoneNumber"), S = x("preset", {}).inputphonenumber, y = u(!1), k = j(() => o.invalid || !!t.errorMessage), B = navigator.userAgent.includes("Chrome"), U = (a) => {
+      var n;
+      if (o.invalid && typeof o.validatorMessage == "string")
+        return o.validatorMessage;
+      if (typeof o.validatorMessage != "string") {
+        const { empty: s } = o.validatorMessage ?? {};
+        if (a == null && o.mandatory)
+          return s ?? ((n = b.emptyInvalidText) == null ? void 0 : n.replace("{label}", o.label));
+      }
+      return !0;
+    }, g = u(), l = u(), i = u(), I = u(0), t = L({ value: null }), T = async () => {
       const { data: a } = await O.get(
         "https://assets.tagsamurai.com/json/country-dial-code.json"
       );
       return a.filter((n) => n.dial_code) ?? [];
-    }, B = () => {
-      t.value = e.value ? `${l.value} ${e.value}` : void 0, m("update:modelValue", t.value);
+    }, A = () => {
+      t.value = i.value ? `${l.value} ${i.value}` : void 0, m("update:modelValue", t.value);
     }, K = () => {
-      w(() => {
+      z(() => {
         const a = document.getElementById(
           "phone-number-input"
         );
         a && a.focus();
       });
-    }, A = (a, n) => {
-      l.value = a, e.value = n;
+    }, _ = (a, n) => {
+      l.value = a, i.value = n;
     }, h = (a) => {
       const n = a == null ? void 0 : a.split(" ");
-      n != null && n.length ? (A(n[0], n[1]), t.value = e.value ? `${l.value} ${e.value}` : void 0) : t.value = void 0;
+      n != null && n.length ? (_(n[0], n[1]), t.value = i.value ? `${l.value} ${i.value}` : void 0) : t.value = void 0;
     }, N = () => {
       if (g.value) {
-        const { country: a } = jc(), n = g.value.find((i) => i.name === a);
+        const { country: a } = jc(), n = g.value.find((s) => s.name === a);
         return n ? n.dial_code : "+62";
       }
       return "+62";
@@ -507,36 +517,36 @@ const Fc = {
     ), C(
       () => t.value,
       () => {
-        var i;
-        const [a, n] = ((i = t.value) == null ? void 0 : i.split(" ")) ?? [];
-        a && n && A(a, n);
+        var s;
+        const [a, n] = ((s = t.value) == null ? void 0 : s.split(" ")) ?? [];
+        a && n && _(a, n);
       }
     ), C(
       () => o.modelValue,
       (a) => {
         h(a);
       }
-    ), (a, n) => (P(), f(Y, {
+    ), (a, n) => (R(), P(Y, {
       info: o.fieldInfo,
       label: o.label,
       mandatory: o.mandatory
     }, {
       default: M(() => {
-        var i, _;
+        var s, f;
         return [
           d("div", Fc, [
             v(c($), {
               modelValue: l.value,
-              "onUpdate:modelValue": n[0] || (n[0] = (s) => l.value = s),
-              class: H((i = c(S)) == null ? void 0 : i.dialcode.root({ isChromeBased: c(k), invalidInput: b.value }).class),
+              "onUpdate:modelValue": n[0] || (n[0] = (e) => l.value = e),
+              class: H((s = c(S)) == null ? void 0 : s.dialcode.root({ isChromeBased: c(B), invalidInput: k.value }).class),
               disabled: o.disabled,
               "filter-fields": ["dial_code", "name"],
               options: g.value,
-              onChange: B,
+              onChange: A,
               onHide: n[1] || (n[1] = () => {
                 K(), y.value = !1;
               }),
-              onShow: n[2] || (n[2] = (s) => y.value = !0),
+              onShow: n[2] || (n[2] = (e) => y.value = !0),
               "data-wv-section": "dialcode",
               filter: "",
               "filter-placeholder": "Search",
@@ -546,32 +556,32 @@ const Fc = {
               dropdownicon: M(() => [
                 v(Q, E(J(c(S).dialcode.dropdownicon({ state: { isShowOverlay: y.value } }))), null, 16)
               ]),
-              option: M(({ option: s }) => [
+              option: M(({ option: e }) => [
                 d("div", Hc, [
                   d("img", {
-                    src: s.image,
+                    src: e.image,
                     alt: "country-img",
                     style: { height: "16px" }
                   }, null, 8, Ec),
-                  d("span", null, R(s.name), 1),
-                  d("span", null, R(s.dial_code), 1)
+                  d("span", null, w(e.name), 1),
+                  d("span", null, w(e.dial_code), 1)
                 ])
               ]),
               _: 1
             }, 8, ["modelValue", "class", "disabled", "options"]),
-            (P(), f(X, {
+            (R(), P(X, {
               key: I.value,
-              modelValue: e.value,
-              "onUpdate:modelValue": n[3] || (n[3] = (s) => e.value = s),
+              modelValue: i.value,
+              "onUpdate:modelValue": n[3] || (n[3] = (e) => i.value = e),
               "allowed-characters": /\d/,
               disabled: a.disabled,
-              "input-class": (_ = c(S)) == null ? void 0 : _.input({ isChromeBased: c(k), invalidInput: b.value }).class,
+              "input-class": (f = c(S)) == null ? void 0 : f.input({ isChromeBased: c(B), invalidInput: k.value }).class,
               "max-length": a.maxDigit,
-              placeholder: a.placeholder ?? c(z).defaultPlaceholder,
+              placeholder: a.placeholder ?? c(b).defaultPlaceholder,
               "use-field-wrapper": !1,
               "use-input-group": !1,
               "use-validator": !1,
-              onBlur: B,
+              onBlur: A,
               "data-wv-section": "phoneinput",
               "input-id": "phone-number-input",
               "prevent-input-on-max-length": ""

package/languageswitcher/index.es.js

@@ -1,51 +1,52 @@
-import { defineComponent as h, onMounted as v, shallowRef as i, watch as w, createBlock as c, openBlock as u, unref as _, withCtx as s, createVNode as g, createCommentVNode as y } from "vue";
+import { defineComponent as h, onMounted as v, shallowRef as i, watch as w, createBlock as u, openBlock as c, unref as _, withCtx as s, createVNode as g, createCommentVNode as y } from "vue";
 import { u as L } from "../plugins/basei18n.es.js";
+import { g as C } from "../utils/cookie.util.es.js";
 import { s as x } from "../vendor/primevue/dropdown/dropdown.esm.es.js";
-import { _ as C } from "../icon/index.es.js";
+import { _ as k } from "../icon/index.es.js";
 import { _ as p } from "../languagedropdownoption/index.es.js";
-const b = /* @__PURE__ */ h({
+const N = /* @__PURE__ */ h({
   __name: "LanguageSwitcher",
-  setup(S) {
+  setup(O) {
     v(async () => {
-      n.value = await f();
+      t.value = await f();
     });
-    const { service: r, setLocale: m } = L(), n = i(), o = i([]), l = i(!1), f = async () => {
-      const a = localStorage.getItem("lang") || navigator.language.split("-")[0];
-      if (!o.value.length)
+    const { service: r, setLocale: m } = L(), t = i(), a = i([]), l = i(!1), f = async () => {
+      const o = C("lang") || navigator.language.split("-")[0];
+      if (!a.value.length)
         try {
-          const e = await r.getLanguageOptionMeta(a);
+          const e = await r.getLanguageOptionMeta(o);
           if (e.isoCode)
-            return o.value[0] = e, e;
+            return a.value[0] = e, e;
         } catch (e) {
           console.error(
             "Ups! Something error while fetching Language Option Meta.",
             e
           );
         }
-      return o.value.find((e) => e.isoCode === a) || o.value[0];
+      return a.value.find((e) => e.isoCode === o) || a.value[0];
     }, d = async () => {
-      if (!(!r || o.value.length > 1))
+      if (!(!r || a.value.length > 1))
         try {
           l.value = !0;
-          const a = await r.getLanguageOptions();
-          o.value = a;
-        } catch (a) {
+          const o = await r.getLanguageOptions();
+          a.value = o;
+        } catch (o) {
           console.error(
             "Ups! Something error while fetching language options.",
-            a
+            o
           );
         } finally {
           l.value = !1;
         }
     };
-    return w(n, (a) => {
-      m(a.isoCode);
-    }), (a, e) => (u(), c(_(x), {
-      modelValue: n.value,
-      "onUpdate:modelValue": e[0] || (e[0] = (t) => n.value = t),
+    return w(t, (o) => {
+      m(o.isoCode);
+    }), (o, e) => (c(), u(_(x), {
+      modelValue: t.value,
+      "onUpdate:modelValue": e[0] || (e[0] = (n) => t.value = n),
       "filter-fields": ["language", "name"],
       loading: l.value,
-      options: o.value,
+      options: a.value,
       pt: {
         root: {
           class: "flex items-center gap-1 gap-1"
@@ -64,25 +65,25 @@ const b = /* @__PURE__ */ h({
       "filter-placeholder": "Search language"
     }, {
       dropdownicon: s(() => [
-        g(C, {
+        g(k, {
           class: "w-4 h-4 rotate-180 text-general-800 transition-transform",
           icon: "arrow-up-s"
         })
       ]),
-      value: s(({ value: t }) => [
-        t ? (u(), c(p, {
+      value: s(({ value: n }) => [
+        n ? (c(), u(p, {
           key: 0,
-          option: t,
+          option: n,
           "icon-only": ""
         }, null, 8, ["option"])) : y("", !0)
       ]),
-      option: s(({ option: t }) => [
-        g(p, { option: t }, null, 8, ["option"])
+      option: s(({ option: n }) => [
+        g(p, { option: n }, null, 8, ["option"])
       ]),
       _: 1
     }, 8, ["modelValue", "loading", "options"]));
   }
 });
 export {
-  b as _
+  N as _
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fewangsit/wangsvue-fats",
-  "version": "1.0.1-alpha.20",
+  "version": "1.0.1-alpha.22",
   "author": "Wangsit FE Developer",
   "description": "Fixed Asset Tagsamurai VueJS Component Library",
   "type": "module",

package/plugins/WangsVue.es.js

@@ -1,7 +1,7 @@
 import { inject as c } from "vue";
 import { x as m } from "../vendor/@wangs-ui/vue/dist/index.es.js";
-import { d as g } from "../utils/object.util.es.js";
-import { P as p } from "../vendor/primevue/config/config.esm.es.js";
+import { d as p } from "../utils/object.util.es.js";
+import { P as g } from "../vendor/primevue/config/config.esm.es.js";
 const h = {
   startsWith: "Starts with",
   contains: "Contains",
@@ -213,7 +213,8 @@ const h = {
         asideRightExpandedButtonLabel: "Tutup <"
       },
       InputPhoneNumber: {
-        defaultPlaceholder: "Masukkan nomor telepon"
+        defaultPlaceholder: "Masukkan nomor telepon",
+        emptyInvalidText: "{label} harus diisi"
       },
       InputNumber: {
         defaultPlaceholder: "Tulis {label}",
@@ -299,7 +300,7 @@ const h = {
   if (!l)
     throw new Error("WangsVue is not installed!");
   return t ? l.getComponentConfig(t) : l.config;
-}, b = (t, l) => g(t, l), P = (t = u, l = !0) => {
+}, b = (t, l) => p(t, l), P = (t = u, l = !0) => {
   const r = l ? b(u, t) : t;
   return {
     install: (o, e) => {
@@ -331,7 +332,7 @@ const h = {
           }
         })
       };
-      o.config.globalProperties.$wangsvue = n, o.config.globalProperties.$preset = n.config.preset, o.provide(d, n), o.provide("preset", a.preset), o.provide("useToastConfig", a.useToastConfig), o.use(p, {
+      o.config.globalProperties.$wangsvue = n, o.config.globalProperties.$preset = n.config.preset, o.provide(d, n), o.provide("preset", a.preset), o.provide("useToastConfig", a.useToastConfig), o.use(g, {
         unstyled: !0,
         pt: a.preset,
         locale: a.locale.global

package/plugins/basei18n.es.js

@@ -1,88 +1,89 @@
-import { shallowRef as P, shallowReactive as I, inject as M } from "vue";
-import { u as b } from "../assetinfo/index.es.js";
-const n = P(), u = "messages";
-let r;
+import { shallowRef as m, shallowReactive as P, inject as I } from "vue";
+import { u as M } from "../assetinfo/index.es.js";
+import { s as b, g as y } from "../utils/cookie.util.es.js";
+const s = m(), u = "messages";
+let o;
 const f = () => {
   try {
-    const t = localStorage.getItem(u);
-    return t ? JSON.parse(t) : {};
+    const e = localStorage.getItem(u);
+    return e ? JSON.parse(e) : {};
   } catch {
     return {};
   }
-}, g = I(f()), a = new Proxy(g, {
-  get: (t, e) => {
-    const l = f()[e];
-    return g[e] = l, l;
+}, i = P(f()), r = new Proxy(i, {
+  get: (e, t) => {
+    const l = f()[t];
+    return i[t] = l, l;
   },
-  set: (t, e, s) => (g[e] = s, m(g), !0)
-}), m = (t) => {
-  localStorage.setItem(u, JSON.stringify(t));
-}, y = async (t) => {
-  var e;
-  if (!(t in a)) {
-    const { setLoading: s } = b();
-    s(!0, "Loading language package...");
+  set: (e, t, n) => (i[t] = n, x(i), !0)
+}), x = (e) => {
+  localStorage.setItem(u, JSON.stringify(e));
+}, A = async (e) => {
+  var t;
+  if (!(e in r)) {
+    const { setLoading: n } = M();
+    n(!0, "Loading language package...");
     let l = {};
     try {
-      const { data: c } = await (((e = r == null ? void 0 : r.getMessages) == null ? void 0 : e.call(r, t)) ?? {});
+      const { data: c } = await (((t = o == null ? void 0 : o.getMessages) == null ? void 0 : t.call(o, e)) ?? {});
       l = c.data;
     } catch {
     } finally {
-      s(!1);
+      n(!1);
     }
     return l;
   }
-  return a[t];
-}, d = (t, ...e) => {
+  return r[e];
+}, d = (e, ...t) => {
   var c;
-  if (!n.value && !localStorage.lang) return t;
-  let s = (c = a[n.value]) == null ? void 0 : c[t];
-  const l = s === t && n.value !== "en";
-  if ((!s || l) && (s = t, r == null || r.translateText(t, n.value).then((o) => {
-    a[n.value] ? a[n.value] = {
-      ...a[n.value],
-      [t]: o
-    } : a[n.value] = {
-      [t]: o
+  if (!s.value && !y("lang")) return e;
+  let n = (c = r[s.value]) == null ? void 0 : c[e];
+  const l = n === e && s.value !== "en";
+  if ((!n || l) && (n = e, o == null || o.translateText(e, s.value).then((a) => {
+    r[s.value] ? r[s.value] = {
+      ...r[s.value],
+      [e]: a
+    } : r[s.value] = {
+      [e]: a
     };
-  }).catch((o) => {
-    console.error("Translation error:", o);
-  })), e.length === 1 && typeof e[0] == "object" && !Array.isArray(e[0])) {
-    const o = e[0];
-    return Object.keys(o).reduce(
-      (h, i) => h.replaceAll(`{${i}}`, o[i]),
-      s
+  }).catch((a) => {
+    console.error("Translation error:", a);
+  })), t.length === 1 && typeof t[0] == "object" && !Array.isArray(t[0])) {
+    const a = t[0];
+    return Object.keys(a).reduce(
+      (h, g) => h.replaceAll(`{${g}}`, a[g]),
+      n
     );
   }
-  if (e.length > 0) {
-    let o = 0;
-    return s.replace(/%s/g, () => String(e[o++] ?? ""));
+  if (t.length > 0) {
+    let a = 0;
+    return n.replace(/%s/g, () => String(t[a++] ?? ""));
   }
-  return s;
-}, v = async (t) => {
-  if (n.value !== t) {
-    const e = await y(t);
-    n.value = t, a[t] = e, localStorage.lang = t;
+  return n;
+}, v = async (e) => {
+  if (s.value !== e) {
+    const t = await A(e);
+    s.value = e, r[e] = t, b({ name: "lang", value: s.value, path: "/" });
   }
-}, O = () => (M("i18n") || console.error("I18n Plugin not installed!"), {
+}, E = () => (I("i18n") || console.error("I18n Plugin not installed!"), {
   t: d,
-  locale: n,
+  locale: s,
   setLocale: v,
-  service: r
-}), S = () => {
-  const t = {
+  service: o
+}), O = () => {
+  const e = {
     t: d,
-    locale: n,
+    locale: s,
     setLocale: v,
-    service: r
+    service: o
   };
   return {
-    install(e) {
-      e.config.globalProperties.$i18n = t, e.config.globalProperties.$t = t.t, e.provide("i18n", t);
+    install(t) {
+      t.config.globalProperties.$i18n = e, t.config.globalProperties.$t = e.t, t.provide("i18n", e);
     }
   };
-}, T = (t) => (r = t, S());
+}, R = (e) => (o = e, O());
 export {
-  T as c,
-  O as u
+  R as c,
+  E as u
 };