@prefabs.tech/vue3-i18n 0.13.0 → 0.14.0

package/dist/PrefabsTechVue3I18n.es.js

@@ -1,145 +1,144 @@
-import { useI18n as R, createI18n as q } from "vue-i18n";
-import { useI18n as Te } from "vue-i18n";
-import { watch as D, getCurrentScope as z, onScopeDispose as U, computed as I, toValue as h, unref as M, defineComponent as C, createElementBlock as w, openBlock as y, createTextVNode as j, createCommentVNode as H, toDisplayString as x, createVNode as G, ref as T, normalizeClass as V, createElementVNode as S, renderSlot as J, Fragment as K, renderList as Q } from "vue";
-import { useConfig as X } from "@prefabs.tech/vue3-config";
-const Y = "data:image/svg+xml,%3c?xml%20version='1.0'%20?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3ctitle/%3e%3cg%20id='Complete'%3e%3cg%20id='F-Chevron'%3e%3cpolyline%20fill='none'%20id='Down'%20points='5%208.5%2012%2015.5%2019%208.5'%20stroke='%23000000'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e";
+import { useI18n as G, createI18n as z } from "vue-i18n";
+import { useI18n as Pe } from "vue-i18n";
+import { watch as D, getCurrentScope as R, onScopeDispose as U, computed as I, toValue as v, unref as N, defineComponent as A, createElementBlock as L, openBlock as _, createTextVNode as V, createCommentVNode as j, toDisplayString as E, createBlock as H, ref as P, normalizeClass as T, createElementVNode as w, renderSlot as J, Fragment as K, renderList as Q, createVNode as X } from "vue";
+import { useConfig as Y } from "@prefabs.tech/vue3-config";
 function Z(e) {
-  return z() ? (U(e), !0) : !1;
+  return R() ? (U(e), !0) : !1;
 }
-const N = typeof window < "u" && typeof document < "u";
+const W = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const ee = Object.prototype.toString, te = (e) => ee.call(e) === "[object Object]", _ = () => {
-}, oe = /* @__PURE__ */ ne();
-function ne() {
+const ee = Object.prototype.toString, te = (e) => ee.call(e) === "[object Object]", y = () => {
+}, ne = /* @__PURE__ */ oe();
+function oe() {
   var e, t;
-  return N && ((e = window?.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((t = window?.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window?.navigator.userAgent));
+  return W && ((e = window?.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((t = window?.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window?.navigator.userAgent));
 }
-function $(e) {
+function B(e) {
   return Array.isArray(e) ? e : [e];
 }
-function le(e, t, o) {
+function le(e, t, n) {
   return D(
     e,
     t,
     {
-      ...o,
+      ...n,
       immediate: !0
     }
   );
 }
-const W = N ? window : void 0;
+const q = W ? window : void 0;
 function b(e) {
   var t;
-  const o = h(e);
-  return (t = o?.$el) != null ? t : o;
+  const n = v(e);
+  return (t = n?.$el) != null ? t : n;
 }
-function L(...e) {
-  const t = [], o = () => {
+function S(...e) {
+  const t = [], n = () => {
     t.forEach((a) => a()), t.length = 0;
-  }, n = (a, r, u, f) => (a.addEventListener(r, u, f), () => a.removeEventListener(r, u, f)), l = I(() => {
-    const a = $(h(e[0])).filter((r) => r != null);
+  }, o = (a, r, u, p) => (a.addEventListener(r, u, p), () => a.removeEventListener(r, u, p)), l = I(() => {
+    const a = B(v(e[0])).filter((r) => r != null);
     return a.every((r) => typeof r != "string") ? a : void 0;
-  }), s = le(
+  }), c = le(
     () => {
       var a, r;
       return [
-        (r = (a = l.value) == null ? void 0 : a.map((u) => b(u))) != null ? r : [W].filter((u) => u != null),
-        $(h(l.value ? e[1] : e[0])),
-        $(M(l.value ? e[2] : e[1])),
+        (r = (a = l.value) == null ? void 0 : a.map((u) => b(u))) != null ? r : [q].filter((u) => u != null),
+        B(v(l.value ? e[1] : e[0])),
+        B(N(l.value ? e[2] : e[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        h(l.value ? e[3] : e[2])
+        v(l.value ? e[3] : e[2])
       ];
     },
-    ([a, r, u, f]) => {
-      if (o(), !a?.length || !r?.length || !u?.length)
+    ([a, r, u, p]) => {
+      if (n(), !a?.length || !r?.length || !u?.length)
         return;
-      const m = te(f) ? { ...f } : f;
+      const g = te(p) ? { ...p } : p;
       t.push(
         ...a.flatMap(
-          (v) => r.flatMap(
-            (g) => u.map((k) => n(v, g, k, m))
+          (h) => r.flatMap(
+            (m) => u.map((k) => o(h, m, k, g))
           )
         )
       );
     },
     { flush: "post" }
-  ), p = () => {
-    s(), o();
+  ), f = () => {
+    c(), n();
   };
-  return Z(o), p;
+  return Z(n), f;
 }
-let B = !1;
-function ce(e, t, o = {}) {
-  const { window: n = W, ignore: l = [], capture: s = !0, detectIframe: p = !1, controls: a = !1 } = o;
-  if (!n)
-    return a ? { stop: _, cancel: _, trigger: _ } : _;
-  if (oe && !B) {
-    B = !0;
-    const c = { passive: !0 };
-    Array.from(n.document.body.children).forEach((i) => L(i, "click", _, c)), L(n.document.documentElement, "click", _, c);
+let M = !1;
+function se(e, t, n = {}) {
+  const { window: o = q, ignore: l = [], capture: c = !0, detectIframe: f = !1, controls: a = !1 } = n;
+  if (!o)
+    return a ? { stop: y, cancel: y, trigger: y } : y;
+  if (ne && !M) {
+    M = !0;
+    const s = { passive: !0 };
+    Array.from(o.document.body.children).forEach((i) => S(i, "click", y, s)), S(o.document.documentElement, "click", y, s);
   }
   let r = !0;
-  const u = (c) => h(l).some((i) => {
+  const u = (s) => v(l).some((i) => {
     if (typeof i == "string")
-      return Array.from(n.document.querySelectorAll(i)).some((d) => d === c.target || c.composedPath().includes(d));
+      return Array.from(o.document.querySelectorAll(i)).some((d) => d === s.target || s.composedPath().includes(d));
     {
       const d = b(i);
-      return d && (c.target === d || c.composedPath().includes(d));
+      return d && (s.target === d || s.composedPath().includes(d));
     }
   });
-  function f(c) {
-    const i = h(c);
+  function p(s) {
+    const i = v(s);
     return i && i.$.subTree.shapeFlag === 16;
   }
-  function m(c, i) {
-    const d = h(c), E = d.$.subTree && d.$.subTree.children;
-    return E == null || !Array.isArray(E) ? !1 : E.some((P) => P.el === i.target || i.composedPath().includes(P.el));
+  function g(s, i) {
+    const d = v(s), $ = d.$.subTree && d.$.subTree.children;
+    return $ == null || !Array.isArray($) ? !1 : $.some((x) => x.el === i.target || i.composedPath().includes(x.el));
   }
-  const v = (c) => {
+  const h = (s) => {
     const i = b(e);
-    if (c.target != null && !(!(i instanceof Element) && f(e) && m(e, c)) && !(!i || i === c.target || c.composedPath().includes(i))) {
-      if ("detail" in c && c.detail === 0 && (r = !u(c)), !r) {
+    if (s.target != null && !(!(i instanceof Element) && p(e) && g(e, s)) && !(!i || i === s.target || s.composedPath().includes(i))) {
+      if ("detail" in s && s.detail === 0 && (r = !u(s)), !r) {
         r = !0;
         return;
       }
-      t(c);
+      t(s);
     }
   };
-  let g = !1;
+  let m = !1;
   const k = [
-    L(n, "click", (c) => {
-      g || (g = !0, setTimeout(() => {
-        g = !1;
-      }, 0), v(c));
-    }, { passive: !0, capture: s }),
-    L(n, "pointerdown", (c) => {
+    S(o, "click", (s) => {
+      m || (m = !0, setTimeout(() => {
+        m = !1;
+      }, 0), h(s));
+    }, { passive: !0, capture: c }),
+    S(o, "pointerdown", (s) => {
       const i = b(e);
-      r = !u(c) && !!(i && !c.composedPath().includes(i));
+      r = !u(s) && !!(i && !s.composedPath().includes(i));
     }, { passive: !0 }),
-    p && L(n, "blur", (c) => {
+    f && S(o, "blur", (s) => {
       setTimeout(() => {
         var i;
         const d = b(e);
-        ((i = n.document.activeElement) == null ? void 0 : i.tagName) === "IFRAME" && !d?.contains(n.document.activeElement) && t(c);
+        ((i = o.document.activeElement) == null ? void 0 : i.tagName) === "IFRAME" && !d?.contains(o.document.activeElement) && t(s);
       }, 0);
     }, { passive: !0 })
-  ].filter(Boolean), A = () => k.forEach((c) => c());
+  ].filter(Boolean), O = () => k.forEach((s) => s());
   return a ? {
-    stop: A,
+    stop: O,
     cancel: () => {
       r = !1;
     },
-    trigger: (c) => {
-      r = !0, v(c), r = !1;
+    trigger: (s) => {
+      r = !0, h(s), r = !1;
     }
-  } : A;
+  } : O;
 }
-const se = { class: "badge" }, re = {
+const ce = { class: "badge" }, re = {
   key: 0,
   class: "country"
 }, ae = {
   name: "LocaleBadge"
-}, ie = /* @__PURE__ */ C({
+}, ie = /* @__PURE__ */ A({
   ...ae,
   props: {
     locale: {
@@ -148,25 +147,25 @@ const se = { class: "badge" }, re = {
     }
   },
   setup(e) {
-    const t = e, o = I(() => t.locale.substring(0, 2)), n = I(() => {
+    const t = e, n = I(() => t.locale.substring(0, 2)), o = I(() => {
       const l = t.locale.split("-");
       if (l.length > 1)
         return l[1];
     });
-    return (l, s) => (y(), w("span", se, [
-      j(x(o.value) + " ", 1),
-      n.value ? (y(), w("span", re, x(n.value), 1)) : H("", !0)
+    return (l, c) => (_(), L("span", ce, [
+      V(E(n.value) + " ", 1),
+      o.value ? (_(), L("span", re, E(o.value), 1)) : j("", !0)
     ]));
   }
-}), O = (e, t) => {
-  const o = e.__vccOpts || e;
-  for (const [n, l] of t)
-    o[n] = l;
-  return o;
-}, ue = /* @__PURE__ */ O(ie, [["__scopeId", "data-v-c1291edf"]]), de = { class: "locale" }, pe = {
+}), C = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [o, l] of t)
+    n[o] = l;
+  return n;
+}, ue = /* @__PURE__ */ C(ie, [["__scopeId", "data-v-c1291edf"]]), de = { class: "locale" }, fe = {
   name: "LocaleOption"
-}, fe = /* @__PURE__ */ C({
-  ...pe,
+}, pe = /* @__PURE__ */ A({
+  ...fe,
   props: {
     locale: {
       required: !0,
@@ -175,15 +174,22 @@ const se = { class: "badge" }, re = {
     name: {
       required: !0,
       type: String
+    },
+    showBadges: {
+      default: !0,
+      type: Boolean
     }
   },
   setup(e) {
-    return (t, o) => (y(), w("div", de, [
-      G(ue, { locale: e.locale }, null, 8, ["locale"]),
-      j(" " + x(e.name), 1)
+    return (t, n) => (_(), L("div", de, [
+      e.showBadges ? (_(), H(ue, {
+        key: 0,
+        locale: e.locale
+      }, null, 8, ["locale"])) : j("", !0),
+      V(" " + E(e.name), 1)
     ]));
   }
-}), me = /* @__PURE__ */ O(fe, [["__scopeId", "data-v-5ee88038"]]), F = (e) => {
+}), ge = /* @__PURE__ */ C(pe, [["__scopeId", "data-v-3d8a4124"]]), F = (e) => {
   const t = `${e}.locale`;
   return { getLocale: () => {
     const l = localStorage.getItem(t);
@@ -191,131 +197,145 @@ const se = { class: "badge" }, re = {
   }, setLocale: (l) => {
     l ? localStorage.setItem(t, l) : localStorage.removeItem(t);
   } };
-}, ge = { class: "locale truncated" }, ve = { class: "truncated" }, he = { class: "dropdown" }, _e = ["onClick"], we = {
+}, me = { class: "locale truncated" }, he = { class: "truncated" }, ve = { class: "dropdown" }, _e = ["onClick"], we = {
   name: "LocaleSwitcher"
-}, ye = /* @__PURE__ */ C({
+}, ye = /* @__PURE__ */ A({
   ...we,
+  props: {
+    showBadges: {
+      default: !0,
+      type: Boolean
+    }
+  },
   setup(e) {
-    const { availableLocales: t, locale: o, t: n } = R(), l = X(), s = T(!1), p = (m) => {
-      o.value = m, s.value = !1;
-      const { setLocale: v } = F(l.slug);
-      v(m);
+    const { availableLocales: t, locale: n, t: o } = G(), l = Y(), c = P(!1), f = (g) => {
+      n.value = g, c.value = !1;
+      const { setLocale: h } = F(l.slug);
+      h(g);
     }, a = I(() => ({
-      locale: o.value,
-      name: u(o.value)
+      locale: n.value,
+      name: u(n.value)
     })), r = () => {
-      s.value = !s.value;
-    }, u = (m) => n(`locales.${m}`), f = T(null);
-    return ce(f, (m) => {
-      s.value = !1;
-    }), (m, v) => (y(), w("nav", {
+      c.value = !c.value;
+    }, u = (g) => o(`locales.${g}`), p = P(null);
+    return se(p, (g) => {
+      c.value = !1;
+    }), (g, h) => (_(), L("nav", {
       ref_key: "dzangolabVueI18nLocaleSwitcher",
-      ref: f,
-      class: V(["locale-switcher", { expanded: s.value }])
+      ref: p,
+      class: T(["locale-switcher", { expanded: c.value }])
     }, [
-      S("div", {
+      w("div", {
         class: "locale-trigger",
         onClick: r
       }, [
-        S("div", ge, x(a.value.name), 1),
-        S("span", ve, [
-          J(m.$slots, "icon", {}, () => [
-            v[0] || (v[0] = S("img", {
-              src: Y,
-              alt: "locale"
-            }, null, -1))
+        w("div", me, E(a.value.name), 1),
+        w("span", he, [
+          J(g.$slots, "icon", {}, () => [
+            h[0] || (h[0] = w("svg", {
+              height: "24",
+              viewBox: "0 0 24 24",
+              width: "24",
+              xmlns: "http://www.w3.org/2000/svg"
+            }, [
+              w("path", {
+                d: "M12 15.25a.74.74 0 0 1-.53-.22l-5-5A.75.75 0 0 1 7.53 9L12 13.44L16.47 9a.75.75 0 0 1 1.06 1l-5 5a.74.74 0 0 1-.53.25",
+                fill: "currentColor"
+              })
+            ], -1))
           ], !0)
         ])
       ]),
-      S("ul", he, [
-        (y(!0), w(K, null, Q(M(t), (g) => (y(), w("li", {
-          key: g,
-          class: V([{ current: g === a.value.locale }, "truncated"]),
-          onClick: (k) => p(g)
+      w("ul", ve, [
+        (_(!0), L(K, null, Q(N(t), (m) => (_(), L("li", {
+          key: m,
+          class: T([{ current: m === a.value.locale }, "truncated"]),
+          onClick: (k) => f(m)
         }, [
-          G(me, {
-            locale: g,
-            name: u(g)
-          }, null, 8, ["locale", "name"])
+          X(ge, {
+            locale: m,
+            name: u(m),
+            "show-badges": e.showBadges
+          }, null, 8, ["locale", "name", "show-badges"])
         ], 10, _e))), 128))
       ])
     ], 2));
   }
-}), Ce = /* @__PURE__ */ O(ye, [["__scopeId", "data-v-0bb7ed2b"]]), Se = {
+}), Ae = /* @__PURE__ */ C(ye, [["__scopeId", "data-v-368e3886"]]), Le = {
   en: "English",
   "en-GB": "English (GB)",
   "en-US": "English (US)",
   fr: "Français",
   th: "ไทย"
-}, Le = (e) => {
+}, Se = (e) => {
   const t = {};
-  for (const o of e)
-    t[o] = {
-      locales: Se
+  for (const n of e)
+    t[n] = {
+      locales: Le
     };
   return t;
 }, be = (e, t) => {
-  let o;
-  return e.some((n) => {
-    const l = n.split("-");
-    let s = [];
-    for (let p = 1; p <= l.length; p++)
-      if (s = (s.length === 0 ? t : s).filter((a) => a.startsWith(l.slice(0, p).join("-"))), s.length === 1)
-        return o = s[0], !0;
-  }), o;
+  let n;
+  return e.some((o) => {
+    const l = o.split("-");
+    let c = [];
+    for (let f = 1; f <= l.length; f++)
+      if (c = (c.length === 0 ? t : c).filter((a) => a.startsWith(l.slice(0, f).join("-"))), c.length === 1)
+        return n = c[0], !0;
+  }), n;
 }, ke = (e, t) => {
   if (!t)
     return e;
-  const o = {};
-  for (const n in t) {
-    const l = t[n], s = e[n];
-    o[n] = s ? {
-      ...s,
+  const n = {};
+  for (const o in t) {
+    const l = t[o], c = e[o];
+    n[o] = c ? {
+      ...c,
       ...l
     } : l;
   }
-  for (const n in e) {
-    if (o[n])
+  for (const o in e) {
+    if (n[o])
       continue;
-    const l = t[n], s = e[n];
-    o[n] = l ? {
-      ...s,
+    const l = t[o], c = e[o];
+    n[o] = l ? {
+      ...c,
       ...l
-    } : s;
+    } : c;
   }
-  return o;
+  return n;
 }, Ie = (e) => {
-  const t = e.config.i18n, o = e.config.slug, { getLocale: n, setLocale: l } = F(o), s = n();
-  if (!s) {
+  const t = e.config.i18n, n = e.config.slug, { getLocale: o, setLocale: l } = F(n), c = o();
+  if (!c) {
     const r = be(
       navigator.languages,
       t.supportedLocales
     );
     l(r);
   }
-  const p = ke(
-    Le(t.supportedLocales),
+  const f = ke(
+    Se(t.supportedLocales),
     t?.messages
   );
-  return q({
+  return z({
     ...t,
     globalInjection: !0,
     legacy: !1,
-    locale: s,
-    messages: p
+    locale: c,
+    messages: f
   });
-}, Oe = {
+}, Ce = {
   install: (e, t) => {
-    const o = Ie(t);
-    e.use(o);
+    const n = Ie(t);
+    e.use(n);
   }
 };
 export {
-  Ce as LocaleSwitcher,
+  Ae as LocaleSwitcher,
   Ie as createI18n,
-  Oe as default,
+  Ce as default,
   be as getPreferredLocale,
   ke as prependMessages,
-  Te as useI18n,
+  Pe as useI18n,
   F as useLocaleStore
 };

package/dist/PrefabsTechVue3I18n.umd.js

@@ -1 +1 @@
-(function(f,k){typeof exports=="object"&&typeof module<"u"?k(exports,require("vue-i18n"),require("vue"),require("@prefabs.tech/vue3-config")):typeof define=="function"&&define.amd?define(["exports","vue-i18n","vue","@prefabs.tech/vue3-config"],k):(f=typeof globalThis<"u"?globalThis:f||self,k(f.PrefabsTechVue3I18n={},f.VueI18n,f.Vue,f.PrefabsTechVue3Config))})(this,function(f,k,t,A){"use strict";const M="data:image/svg+xml,%3c?xml%20version='1.0'%20?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3ctitle/%3e%3cg%20id='Complete'%3e%3cg%20id='F-Chevron'%3e%3cpolyline%20fill='none'%20id='Down'%20points='5%208.5%2012%2015.5%2019%208.5'%20stroke='%23000000'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e";function j(e){return t.getCurrentScope()?(t.onScopeDispose(e),!0):!1}const C=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const q=Object.prototype.toString,D=e=>q.call(e)==="[object Object]",S=()=>{},G=W();function W(){var e,n;return C&&((e=window?.navigator)==null?void 0:e.userAgent)&&(/iP(?:ad|hone|od)/.test(window.navigator.userAgent)||((n=window?.navigator)==null?void 0:n.maxTouchPoints)>2&&/iPad|Macintosh/.test(window?.navigator.userAgent))}function E(e){return Array.isArray(e)?e:[e]}function F(e,n,o){return t.watch(e,n,{...o,immediate:!0})}const v=C?window:void 0;function b(e){var n;const o=t.toValue(e);return(n=o?.$el)!=null?n:o}function w(...e){const n=[],o=()=>{n.forEach(i=>i()),n.length=0},c=(i,a,d,g)=>(i.addEventListener(a,d,g),()=>i.removeEventListener(a,d,g)),l=t.computed(()=>{const i=E(t.toValue(e[0])).filter(a=>a!=null);return i.every(a=>typeof a!="string")?i:void 0}),s=F(()=>{var i,a;return[(a=(i=l.value)==null?void 0:i.map(d=>b(d)))!=null?a:[v].filter(d=>d!=null),E(t.toValue(l.value?e[1]:e[0])),E(t.unref(l.value?e[2]:e[1])),t.toValue(l.value?e[3]:e[2])]},([i,a,d,g])=>{if(o(),!i?.length||!a?.length||!d?.length)return;const h=D(g)?{...g}:g;n.push(...i.flatMap(y=>a.flatMap(_=>d.map(L=>c(y,_,L,h)))))},{flush:"post"}),m=()=>{s(),o()};return j(o),m}let P=!1;function R(e,n,o={}){const{window:c=v,ignore:l=[],capture:s=!0,detectIframe:m=!1,controls:i=!1}=o;if(!c)return i?{stop:S,cancel:S,trigger:S}:S;if(G&&!P){P=!0;const r={passive:!0};Array.from(c.document.body.children).forEach(u=>w(u,"click",S,r)),w(c.document.documentElement,"click",S,r)}let a=!0;const d=r=>t.toValue(l).some(u=>{if(typeof u=="string")return Array.from(c.document.querySelectorAll(u)).some(p=>p===r.target||r.composedPath().includes(p));{const p=b(u);return p&&(r.target===p||r.composedPath().includes(p))}});function g(r){const u=t.toValue(r);return u&&u.$.subTree.shapeFlag===16}function h(r,u){const p=t.toValue(r),B=p.$.subTree&&p.$.subTree.children;return B==null||!Array.isArray(B)?!1:B.some(x=>x.el===u.target||u.composedPath().includes(x.el))}const y=r=>{const u=b(e);if(r.target!=null&&!(!(u instanceof Element)&&g(e)&&h(e,r))&&!(!u||u===r.target||r.composedPath().includes(u))){if("detail"in r&&r.detail===0&&(a=!d(r)),!a){a=!0;return}n(r)}};let _=!1;const L=[w(c,"click",r=>{_||(_=!0,setTimeout(()=>{_=!1},0),y(r))},{passive:!0,capture:s}),w(c,"pointerdown",r=>{const u=b(e);a=!d(r)&&!!(u&&!r.composedPath().includes(u))},{passive:!0}),m&&w(c,"blur",r=>{setTimeout(()=>{var u;const p=b(e);((u=c.document.activeElement)==null?void 0:u.tagName)==="IFRAME"&&!p?.contains(c.document.activeElement)&&n(r)},0)},{passive:!0})].filter(Boolean),N=()=>L.forEach(r=>r());return i?{stop:N,cancel:()=>{a=!1},trigger:r=>{a=!0,y(r),a=!1}}:N}const z={class:"badge"},U={key:0,class:"country"},H={name:"LocaleBadge"},J=t.defineComponent({...H,props:{locale:{required:!0,type:String}},setup(e){const n=e,o=t.computed(()=>n.locale.substring(0,2)),c=t.computed(()=>{const l=n.locale.split("-");if(l.length>1)return l[1]});return(l,s)=>(t.openBlock(),t.createElementBlock("span",z,[t.createTextVNode(t.toDisplayString(o.value)+" ",1),c.value?(t.openBlock(),t.createElementBlock("span",U,t.toDisplayString(c.value),1)):t.createCommentVNode("",!0)]))}}),V=(e,n)=>{const o=e.__vccOpts||e;for(const[c,l]of n)o[c]=l;return o},K=V(J,[["__scopeId","data-v-c1291edf"]]),Q={class:"locale"},X={name:"LocaleOption"},Y=t.defineComponent({...X,props:{locale:{required:!0,type:String},name:{required:!0,type:String}},setup(e){return(n,o)=>(t.openBlock(),t.createElementBlock("div",Q,[t.createVNode(K,{locale:e.locale},null,8,["locale"]),t.createTextVNode(" "+t.toDisplayString(e.name),1)]))}}),Z=V(Y,[["__scopeId","data-v-5ee88038"]]),I=e=>{const n=`${e}.locale`;return{getLocale:()=>{const l=localStorage.getItem(n);return l||void 0},setLocale:l=>{l?localStorage.setItem(n,l):localStorage.removeItem(n)}}},ee={class:"locale truncated"},te={class:"truncated"},ne={class:"dropdown"},oe=["onClick"],ce={name:"LocaleSwitcher"},le=t.defineComponent({...ce,setup(e){const{availableLocales:n,locale:o,t:c}=k.useI18n(),l=A.useConfig(),s=t.ref(!1),m=h=>{o.value=h,s.value=!1;const{setLocale:y}=I(l.slug);y(h)},i=t.computed(()=>({locale:o.value,name:d(o.value)})),a=()=>{s.value=!s.value},d=h=>c(`locales.${h}`),g=t.ref(null);return R(g,h=>{s.value=!1}),(h,y)=>(t.openBlock(),t.createElementBlock("nav",{ref_key:"dzangolabVueI18nLocaleSwitcher",ref:g,class:t.normalizeClass(["locale-switcher",{expanded:s.value}])},[t.createElementVNode("div",{class:"locale-trigger",onClick:a},[t.createElementVNode("div",ee,t.toDisplayString(i.value.name),1),t.createElementVNode("span",te,[t.renderSlot(h.$slots,"icon",{},()=>[y[0]||(y[0]=t.createElementVNode("img",{src:M,alt:"locale"},null,-1))],!0)])]),t.createElementVNode("ul",ne,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(t.unref(n),_=>(t.openBlock(),t.createElementBlock("li",{key:_,class:t.normalizeClass([{current:_===i.value.locale},"truncated"]),onClick:L=>m(_)},[t.createVNode(Z,{locale:_,name:d(_)},null,8,["locale","name"])],10,oe))),128))])],2))}}),re=V(le,[["__scopeId","data-v-0bb7ed2b"]]),se={en:"English","en-GB":"English (GB)","en-US":"English (US)",fr:"Français",th:"ไทย"},ae=e=>{const n={};for(const o of e)n[o]={locales:se};return n},T=(e,n)=>{let o;return e.some(c=>{const l=c.split("-");let s=[];for(let m=1;m<=l.length;m++)if(s=(s.length===0?n:s).filter(i=>i.startsWith(l.slice(0,m).join("-"))),s.length===1)return o=s[0],!0}),o},O=(e,n)=>{if(!n)return e;const o={};for(const c in n){const l=n[c],s=e[c];o[c]=s?{...s,...l}:l}for(const c in e){if(o[c])continue;const l=n[c],s=e[c];o[c]=l?{...s,...l}:s}return o},$=e=>{const n=e.config.i18n,o=e.config.slug,{getLocale:c,setLocale:l}=I(o),s=c();if(!s){const a=T(navigator.languages,n.supportedLocales);l(a)}const m=O(ae(n.supportedLocales),n?.messages);return k.createI18n({...n,globalInjection:!0,legacy:!1,locale:s,messages:m})},ie={install:(e,n)=>{const o=$(n);e.use(o)}};Object.defineProperty(f,"useI18n",{enumerable:!0,get:()=>k.useI18n}),f.LocaleSwitcher=re,f.createI18n=$,f.default=ie,f.getPreferredLocale=T,f.prependMessages=O,f.useLocaleStore=I,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(f,k){typeof exports=="object"&&typeof module<"u"?k(exports,require("vue-i18n"),require("vue"),require("@prefabs.tech/vue3-config")):typeof define=="function"&&define.amd?define(["exports","vue-i18n","vue","@prefabs.tech/vue3-config"],k):(f=typeof globalThis<"u"?globalThis:f||self,k(f.PrefabsTechVue3I18n={},f.VueI18n,f.Vue,f.PrefabsTechVue3Config))})(this,function(f,k,e,j){"use strict";function v(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}const C=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const q=Object.prototype.toString,x=t=>q.call(t)==="[object Object]",w=()=>{},D=W();function W(){var t,n;return C&&((t=window?.navigator)==null?void 0:t.userAgent)&&(/iP(?:ad|hone|od)/.test(window.navigator.userAgent)||((n=window?.navigator)==null?void 0:n.maxTouchPoints)>2&&/iPad|Macintosh/.test(window?.navigator.userAgent))}function E(t){return Array.isArray(t)?t:[t]}function z(t,n,o){return e.watch(t,n,{...o,immediate:!0})}const P=C?window:void 0;function S(t){var n;const o=e.toValue(t);return(n=o?.$el)!=null?n:o}function b(...t){const n=[],o=()=>{n.forEach(i=>i()),n.length=0},l=(i,a,d,g)=>(i.addEventListener(a,d,g),()=>i.removeEventListener(a,d,g)),c=e.computed(()=>{const i=E(e.toValue(t[0])).filter(a=>a!=null);return i.every(a=>typeof a!="string")?i:void 0}),s=z(()=>{var i,a;return[(a=(i=c.value)==null?void 0:i.map(d=>S(d)))!=null?a:[P].filter(d=>d!=null),E(e.toValue(c.value?t[1]:t[0])),E(e.unref(c.value?t[2]:t[1])),e.toValue(c.value?t[3]:t[2])]},([i,a,d,g])=>{if(o(),!i?.length||!a?.length||!d?.length)return;const h=x(g)?{...g}:g;n.push(...i.flatMap(y=>a.flatMap(_=>d.map(L=>l(y,_,L,h)))))},{flush:"post"}),m=()=>{s(),o()};return v(o),m}let O=!1;function F(t,n,o={}){const{window:l=P,ignore:c=[],capture:s=!0,detectIframe:m=!1,controls:i=!1}=o;if(!l)return i?{stop:w,cancel:w,trigger:w}:w;if(D&&!O){O=!0;const r={passive:!0};Array.from(l.document.body.children).forEach(u=>b(u,"click",w,r)),b(l.document.documentElement,"click",w,r)}let a=!0;const d=r=>e.toValue(c).some(u=>{if(typeof u=="string")return Array.from(l.document.querySelectorAll(u)).some(p=>p===r.target||r.composedPath().includes(p));{const p=S(u);return p&&(r.target===p||r.composedPath().includes(p))}});function g(r){const u=e.toValue(r);return u&&u.$.subTree.shapeFlag===16}function h(r,u){const p=e.toValue(r),I=p.$.subTree&&p.$.subTree.children;return I==null||!Array.isArray(I)?!1:I.some(M=>M.el===u.target||u.composedPath().includes(M.el))}const y=r=>{const u=S(t);if(r.target!=null&&!(!(u instanceof Element)&&g(t)&&h(t,r))&&!(!u||u===r.target||r.composedPath().includes(u))){if("detail"in r&&r.detail===0&&(a=!d(r)),!a){a=!0;return}n(r)}};let _=!1;const L=[b(l,"click",r=>{_||(_=!0,setTimeout(()=>{_=!1},0),y(r))},{passive:!0,capture:s}),b(l,"pointerdown",r=>{const u=S(t);a=!d(r)&&!!(u&&!r.composedPath().includes(u))},{passive:!0}),m&&b(l,"blur",r=>{setTimeout(()=>{var u;const p=S(t);((u=l.document.activeElement)==null?void 0:u.tagName)==="IFRAME"&&!p?.contains(l.document.activeElement)&&n(r)},0)},{passive:!0})].filter(Boolean),A=()=>L.forEach(r=>r());return i?{stop:A,cancel:()=>{a=!1},trigger:r=>{a=!0,y(r),a=!1}}:A}const G={class:"badge"},R={key:0,class:"country"},U={name:"LocaleBadge"},H=e.defineComponent({...U,props:{locale:{required:!0,type:String}},setup(t){const n=t,o=e.computed(()=>n.locale.substring(0,2)),l=e.computed(()=>{const c=n.locale.split("-");if(c.length>1)return c[1]});return(c,s)=>(e.openBlock(),e.createElementBlock("span",G,[e.createTextVNode(e.toDisplayString(o.value)+" ",1),l.value?(e.openBlock(),e.createElementBlock("span",R,e.toDisplayString(l.value),1)):e.createCommentVNode("",!0)]))}}),B=(t,n)=>{const o=t.__vccOpts||t;for(const[l,c]of n)o[l]=c;return o},J=B(H,[["__scopeId","data-v-c1291edf"]]),K={class:"locale"},Q={name:"LocaleOption"},X=e.defineComponent({...Q,props:{locale:{required:!0,type:String},name:{required:!0,type:String},showBadges:{default:!0,type:Boolean}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("div",K,[t.showBadges?(e.openBlock(),e.createBlock(J,{key:0,locale:t.locale},null,8,["locale"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.name),1)]))}}),Y=B(X,[["__scopeId","data-v-3d8a4124"]]),V=t=>{const n=`${t}.locale`;return{getLocale:()=>{const c=localStorage.getItem(n);return c||void 0},setLocale:c=>{c?localStorage.setItem(n,c):localStorage.removeItem(n)}}},Z={class:"locale truncated"},ee={class:"truncated"},te={class:"dropdown"},ne=["onClick"],oe={name:"LocaleSwitcher"},le=e.defineComponent({...oe,props:{showBadges:{default:!0,type:Boolean}},setup(t){const{availableLocales:n,locale:o,t:l}=k.useI18n(),c=j.useConfig(),s=e.ref(!1),m=h=>{o.value=h,s.value=!1;const{setLocale:y}=V(c.slug);y(h)},i=e.computed(()=>({locale:o.value,name:d(o.value)})),a=()=>{s.value=!s.value},d=h=>l(`locales.${h}`),g=e.ref(null);return F(g,h=>{s.value=!1}),(h,y)=>(e.openBlock(),e.createElementBlock("nav",{ref_key:"dzangolabVueI18nLocaleSwitcher",ref:g,class:e.normalizeClass(["locale-switcher",{expanded:s.value}])},[e.createElementVNode("div",{class:"locale-trigger",onClick:a},[e.createElementVNode("div",Z,e.toDisplayString(i.value.name),1),e.createElementVNode("span",ee,[e.renderSlot(h.$slots,"icon",{},()=>[y[0]||(y[0]=e.createElementVNode("svg",{height:"24",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M12 15.25a.74.74 0 0 1-.53-.22l-5-5A.75.75 0 0 1 7.53 9L12 13.44L16.47 9a.75.75 0 0 1 1.06 1l-5 5a.74.74 0 0 1-.53.25",fill:"currentColor"})],-1))],!0)])]),e.createElementVNode("ul",te,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(n),_=>(e.openBlock(),e.createElementBlock("li",{key:_,class:e.normalizeClass([{current:_===i.value.locale},"truncated"]),onClick:L=>m(_)},[e.createVNode(Y,{locale:_,name:d(_),"show-badges":t.showBadges},null,8,["locale","name","show-badges"])],10,ne))),128))])],2))}}),ce=B(le,[["__scopeId","data-v-368e3886"]]),re={en:"English","en-GB":"English (GB)","en-US":"English (US)",fr:"Français",th:"ไทย"},se=t=>{const n={};for(const o of t)n[o]={locales:re};return n},T=(t,n)=>{let o;return t.some(l=>{const c=l.split("-");let s=[];for(let m=1;m<=c.length;m++)if(s=(s.length===0?n:s).filter(i=>i.startsWith(c.slice(0,m).join("-"))),s.length===1)return o=s[0],!0}),o},$=(t,n)=>{if(!n)return t;const o={};for(const l in n){const c=n[l],s=t[l];o[l]=s?{...s,...c}:c}for(const l in t){if(o[l])continue;const c=n[l],s=t[l];o[l]=c?{...s,...c}:s}return o},N=t=>{const n=t.config.i18n,o=t.config.slug,{getLocale:l,setLocale:c}=V(o),s=l();if(!s){const a=T(navigator.languages,n.supportedLocales);c(a)}const m=$(se(n.supportedLocales),n?.messages);return k.createI18n({...n,globalInjection:!0,legacy:!1,locale:s,messages:m})},ae={install:(t,n)=>{const o=N(n);t.use(o)}};Object.defineProperty(f,"useI18n",{enumerable:!0,get:()=>k.useI18n}),f.LocaleSwitcher=ce,f.createI18n=N,f.default=ae,f.getPreferredLocale=T,f.prependMessages=$,f.useLocaleStore=V,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/src/locale-switcher/Index.vue.d.ts

@@ -1,4 +1,16 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    showBadges: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    showBadges: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+}>> & Readonly<{}>, {
+    showBadges: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     icon: (_: {}) => any;
 }>;
 export default _default;

package/dist/src/locale-switcher/Index.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Index.vue.d.ts","sourceRoot":"","sources":["../../../src/locale-switcher/Index.vue.ts"],"names":[],"mappings":";UAqLM,CAAC,CAAC,IAAgB,KAAK,GAAG;;AAxKhC,wBA6Lc;AACd,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAAE,MAAM,EAAE,CAAC,CAAA;KAAE,CAAA;CAAE,CAAC"}
+{"version":3,"file":"Index.vue.d.ts","sourceRoot":"","sources":["../../../src/locale-switcher/Index.vue.ts"],"names":[],"mappings":";;;;;;;;;;;;;UA8KM,CAAC,CAAC,IAAgB,KAAK,GAAG;;AAjKhC,wBAsLc;AACd,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAAE,MAAM,EAAE,CAAC,CAAA;KAAE,CAAA;CAAE,CAAC"}

package/dist/src/locale-switcher/LocaleOption.vue.d.ts

@@ -8,6 +8,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: true;
         type: PropType<string>;
     };
+    showBadges: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     locale: {
         required: true;
@@ -17,6 +21,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: true;
         type: PropType<string>;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    showBadges: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+}>> & Readonly<{}>, {
+    showBadges: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=LocaleOption.vue.d.ts.map

package/dist/src/locale-switcher/LocaleOption.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LocaleOption.vue.d.ts","sourceRoot":"","sources":["../../../src/locale-switcher/LocaleOption.vue.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;;;;cAmBhB,QAAQ,CAAC,MAAM,CAAC;;;;cAIhB,QAAQ,CAAC,MAAM,CAAC;;;;;cAJhB,QAAQ,CAAC,MAAM,CAAC;;;;cAIhB,QAAQ,CAAC,MAAM,CAAC;;;AApBpC,wBAqFc"}
+{"version":3,"file":"LocaleOption.vue.d.ts","sourceRoot":"","sources":["../../../src/locale-switcher/LocaleOption.vue.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;;;;cAuBhB,QAAQ,CAAC,MAAM,CAAC;;;;cAIhB,QAAQ,CAAC,MAAM,CAAC;;;;;;;;;cAJhB,QAAQ,CAAC,MAAM,CAAC;;;;cAIhB,QAAQ,CAAC,MAAM,CAAC;;;;;;;;;AAxBpC,wBAiGc"}

package/dist/vue3-i18n.css

@@ -1 +1 @@
-.country[data-v-c1291edf]{bottom:-.35rem;background:var(--locale-switcher-badge-country-bf-color, #007aff);color:var(--locale-switcher-badge-country-color, #fff);font-size:.5rem;font-weight:700;line-height:1.25;padding:1px 2px;position:absolute;right:-.25rem}.badge[data-v-c1291edf]{align-items:center;background-color:var(--locale-switcher-badge-bg-color, #007aff);border-radius:50%;display:flex;font-size:.9rem;height:2em;justify-content:center;position:relative;text-align:center;width:2em}.locale[data-v-5ee88038]{align-items:center;display:flex;gap:.5rem;justify-content:flex-start}nav.locale-switcher[data-v-0bb7ed2b]{--_hover-bg: var(--nav-item-hover-bg, #f0f2f7ad);--_hover-color: var(--nav-item-hover-color, #2c2c2c);border-radius:.325rem;cursor:pointer;padding:0;position:relative;width:var(--locale-switcher-width, 9rem)}nav.locale-switcher.expanded[data-v-0bb7ed2b],nav.locale-switcher[data-v-0bb7ed2b]:hover{background:var(--_hover-bg);color:var(--_hover-color)}nav.locale-switcher>.locale-trigger[data-v-0bb7ed2b]{align-items:center;display:flex;gap:0;justify-content:space-between;padding:var(--locale-switcher-padding-v, .625rem) var(--locale-switcher-padding-h, 1rem)}.locale[data-v-0bb7ed2b]{flex:1}nav>.locale-trigger>span[data-v-0bb7ed2b]{align-self:start;font-size:1.5rem;line-height:1.25rem;text-align:center;width:1.25rem}nav>ul.dropdown[data-v-0bb7ed2b]{background-color:var(--locale-switcher-bg-color, #fff);border:var(--locale-switcher-border, 1px solid #e5e5e5);border-radius:var(--locale-switcher-border-radius, 5px);box-shadow:0 2px 5px #0000001a;display:none;list-style:none;min-width:var(--locale-switcher-min-width, 160px);padding-inline-start:0;padding:.15rem 0;position:absolute;right:0;top:120%;z-index:var(--locale-switcher-z-index, 9999)}nav.expanded ul[data-v-0bb7ed2b]{display:block}nav>.dropdown>li[data-v-0bb7ed2b]{--_hover-bg: var(--nav-item-hover-bg, #f0f2f7ad);--_hover-color: var(--nav-item-hover-color, #2c2c2c);cursor:pointer;list-style:none;padding:.7rem 1.25rem}nav li.current[data-v-0bb7ed2b]{display:none}nav.expanded li[data-v-0bb7ed2b]:hover{background:var(--_hover-bg);color:var(--_hover-color)}.truncated[data-v-0bb7ed2b]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}nav .truncated>img[data-v-0bb7ed2b]{transition:transform .3s ease}nav.expanded .truncated>img[data-v-0bb7ed2b]{transform:rotate(180deg)}
+.country[data-v-c1291edf]{bottom:-.35rem;background:var(--locale-switcher-badge-country-bf-color, #007aff);color:var(--locale-switcher-badge-country-color, #fff);font-size:.5rem;font-weight:700;line-height:1.25;padding:1px 2px;position:absolute;right:-.25rem}.badge[data-v-c1291edf]{align-items:center;background-color:var(--locale-switcher-badge-bg-color, #007aff);border-radius:50%;display:flex;font-size:.9rem;height:2em;justify-content:center;position:relative;text-align:center;width:2em}.locale[data-v-3d8a4124]{align-items:center;display:flex;gap:.5rem;justify-content:flex-start}nav.locale-switcher[data-v-368e3886]{--_hover-bg: var(--nav-item-hover-bg, #f0f2f7ad);--_hover-color: var(--nav-item-hover-color, #2c2c2c);--_width: var(--locale-switcher-width, 10rem);border-radius:.325rem;cursor:pointer;padding:0;position:relative;width:var(--_width)}nav.locale-switcher.expanded[data-v-368e3886],nav.locale-switcher[data-v-368e3886]:hover{background:var(--_hover-bg);color:var(--_hover-color)}nav.locale-switcher>.locale-trigger[data-v-368e3886]{--_padding-h: var(--locale-switcher-padding-h, 1rem);--_padding-v: var(--locale-switcher-padding-v, .625rem);align-items:center;display:flex;gap:0;justify-content:space-between;padding:var(--_padding-v) var(--_padding-h)}.locale[data-v-368e3886]{flex:1}nav.locale-switcher>.locale-trigger>span[data-v-368e3886]{align-self:start;font-size:1.5rem;line-height:1.25rem;text-align:center;width:1.5rem}nav.locale-switcher>ul.dropdown[data-v-368e3886]{--_bg-color: var(--locale-switcher-bg-color, #fff);--_border: var(--locale-switcher-border, 1px solid #e5e5e5);--_min-width: var(--locale-switcher-width, 10rem);background-color:var(--_bg-color);border:var(--_border);border-radius:.325rem;box-shadow:0 2px 5px #0000001a;display:none;list-style:none;min-width:var(--_min-width);padding-inline-start:0;padding:.15rem 0;position:absolute;right:0;top:120%;z-index:1000}nav.locale-switcher.expanded ul[data-v-368e3886]{display:block}nav.locale-switcher>.dropdown>li[data-v-368e3886]{--_active-bg: var(--nav-item-active-bg, #eff6ff);--_active-color: var(--nav-item-active-color, #2c2c2c);--_hover-bg: var(--nav-item-hover-bg, #f0f2f7ad);--_hover-color: var(--nav-item-hover-color, #2c2c2c);cursor:pointer;list-style:none;padding:.7rem 1.25rem}nav.locale-switcher.expanded li[data-v-368e3886]:hover{background:var(--_hover-bg);color:var(--_hover-color)}nav.locale-switcher>.dropdown>li.current[data-v-368e3886]{background-color:var(--_active-bg);color:var(--_active-color)}.locale-switcher .truncated[data-v-368e3886]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.locale-switcher .truncated>svg[data-v-368e3886]{transition:transform .3s ease}nav.locale-switcher.expanded .truncated>svg[data-v-368e3886]{transform:rotate(180deg)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prefabs.tech/vue3-i18n",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "description": "Vue3 I18n Plugin",
   "type": "module",
   "exports": {
@@ -22,7 +22,7 @@
   "devDependencies": {
     "@prefabs.tech/eslint-config": "0.2.0",
     "@prefabs.tech/tsconfig": "0.2.0",
-    "@prefabs.tech/vue3-config": "0.13.0",
+    "@prefabs.tech/vue3-config": "0.14.0",
     "@types/node": "22.13.5",
     "@typescript-eslint/eslint-plugin": "8.24.1",
     "@typescript-eslint/parser": "8.24.1",
@@ -49,7 +49,7 @@
     "vue-tsc": "1.2.0"
   },
   "peerDependencies": {
-    "@prefabs.tech/vue3-config": "0.13.0",
+    "@prefabs.tech/vue3-config": "0.14.0",
     "@vueuse/core": ">=9.4.0",
     "pinia": ">=2.0",
     "vue": ">=3.2"
@@ -62,6 +62,7 @@
     "build": "vite build && vue-tsc --emitDeclarationOnly",
     "lint": "eslint . --ext .vue",
     "lint:fix": "eslint . --ext .vue --fix",
+    "snapshot:update": "vitest --environment jsdom run --update",
     "sort-package": "npx sort-package-json",
     "test": "vitest --environment jsdom run --coverage",
     "test:component": "vitest --environment jsdom run component/",