vue-intlayer 7.3.6 → 7.3.8

package/dist/cjs/client/useDictionary.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),P=require("../getDictionary.cjs"),h=require("./installIntlayer.cjs"),n=require("./useIntlayer.cjs"),_=(l,s)=>{const u=e.inject(h.INTLAYER_SYMBOL);if(!u)throw new Error("useIntlayer must be used under <IntlayerProvider>");const y=e.isRef(u.locale)?u.locale:e.ref(u.locale),m=e.computed(()=>(s!==void 0?e.toValue(s):void 0)??y.value),o=e.ref({});e.watch([()=>e.toValue(l),()=>m.value],([i,r])=>{o.value=P.getDictionary(l,r)},{immediate:!0,flush:"sync"});const v=i=>{const r=e.computed(()=>n.atPath(o.value,i)),d={get(a,t,b){if(t==="__v_isRef")return!0;if(t==="value")return r.value;if(t==="then")return;if(t==="c"||t==="asComponent")return n.toComponent(()=>r.value);if(t==="$raw")return r;if(t===Symbol.toPrimitive)return()=>r.value;const c=i.concat(t),f=n.atPath(o.value,c);return n.isObjectLike(f)&&!n.isComponentLike(f)?v(c):e.computed(()=>n.atPath(o.value,c))},ownKeys(){const a=r.value;return n.isObjectLike(a)?Reflect.ownKeys(a):[]},getOwnPropertyDescriptor(){return{enumerable:!0,configurable:!0}}};return new Proxy({},d)};return v([])};exports.useDictionary=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("@intlayer/config/built"),e=require("vue"),h=require("../getDictionary.cjs"),P=require("./installIntlayer.cjs"),r=require("./useIntlayer.cjs"),_=(f,l)=>{const a=e.inject(P.INTLAYER_SYMBOL),y=e.isRef(a?.locale)?a.locale:e.ref(a?.locale??g.internationalization.defaultLocale),m=e.computed(()=>(l!==void 0?e.toValue(l):void 0)??y.value),o=e.shallowRef({});e.watch([()=>e.toValue(f),()=>m.value],([i,n])=>{o.value=h.getDictionary(i,n)},{immediate:!0,flush:"sync"});const s=i=>{const n=e.computed(()=>r.atPath(o.value,i)),d={get(u,t,b){if(t==="__v_isRef")return!0;if(t==="value")return n.value;if(t==="then")return;if(t==="c"||t==="asComponent")return r.toComponent(()=>n.value);if(t==="$raw")return n;if(t===Symbol.toPrimitive)return()=>n.value;const c=i.concat(t),v=r.atPath(o.value,c);return r.isObjectLike(v)&&!r.isComponentLike(v)?s(c):e.computed(()=>r.atPath(o.value,c))},ownKeys(){const u=n.value;return r.isObjectLike(u)?Reflect.ownKeys(u):[]},getOwnPropertyDescriptor(){return{enumerable:!0,configurable:!0}}};return new Proxy({},d)};return s([])};exports.useDictionary=_;

package/dist/cjs/client/useDictionaryAsync.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@intlayer/config/built"),t=require("vue"),r=require("./installIntlayer.cjs"),l=require("./useDictionary.cjs"),s=async(n,i)=>{const c=t.inject(r.INTLAYER_SYMBOL),e=t.computed(()=>i??c?.locale?.value??a?.internationalization.defaultLocale),o=await n[e.value]?.();return l.useDictionary(o,e)};exports.useDictionaryAsync=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@intlayer/config/built"),e=require("vue"),u=require("./installIntlayer.cjs"),s=require("./useDictionary.cjs"),y=async(n,c)=>{const o=e.inject(u.INTLAYER_SYMBOL),t=e.computed(()=>c??o?.locale?.value??l?.internationalization.defaultLocale),a=e.ref(await n[t.value]?.());return e.watch(()=>t.value,async r=>{const i=await n[r]?.();i&&(a.value=i)}),s.useDictionary(a,t)};exports.useDictionaryAsync=y;

package/dist/cjs/client/useDictionaryDynamic.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@intlayer/config/built"),t=require("vue"),u=require("./installIntlayer.cjs"),l=require("./useDictionary.cjs"),s=require("./useLoadDynamic.cjs"),y=(i,n,c)=>{const a=t.inject(u.INTLAYER_SYMBOL),e=t.computed(()=>c??a?.locale?.value??r?.internationalization.defaultLocale),o=s.useLoadDynamic(`${String(n)}.${e.value}`,i[e.value]?.());return l.useDictionary(o,e)};exports.useDictionaryDynamic=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./useDictionaryAsync.cjs"),n=async(i,t,e)=>await c.useDictionaryAsync(i,e);exports.useDictionaryDynamic=n;

package/dist/cjs/client/useIntlayer.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),P=require("../getIntlayer.cjs"),g=require("./installIntlayer.cjs"),a=(e,n)=>n.reduce((o,c)=>o?.[c],e),s=e=>e!=null&&typeof e=="object",v=e=>typeof e=="function"||s(e)&&("render"in e||"setup"in e),h=e=>t.defineComponent({name:"IntlayerLeaf",setup(){return()=>{const n=e();return n==null?null:v(n)?t.h(n):Array.isArray(n)?t.h("span",n):n}}}),w=(e,n)=>{const o=t.inject(g.INTLAYER_SYMBOL);if(!o)throw new Error("useIntlayer must be used under <IntlayerProvider>");const c=t.isRef(o.locale)?o.locale:t.ref(o.locale),b=t.computed(()=>(n!==void 0?t.toValue(n):void 0)??c.value),l=t.ref({});t.watch([()=>t.toValue(e),()=>b.value],([i,u])=>{l.value=P.getIntlayer(i,u)},{immediate:!0,flush:"sync"});const d=i=>{const u=t.computed(()=>a(l.value,i)),I={get(f,r,L){if(r==="__v_isRef")return!0;if(r==="value")return u.value;if(r==="then")return;if(r==="c"||r==="asComponent")return h(()=>u.value);if(r==="$raw")return u;if(r===Symbol.toPrimitive)return()=>u.value;const y=i.concat(r),m=a(l.value,y);return s(m)&&!v(m)?d(y):t.computed(()=>a(l.value,y))},ownKeys(){const f=u.value;return s(f)?Reflect.ownKeys(f):[]},getOwnPropertyDescriptor(){return{enumerable:!0,configurable:!0}}};return new Proxy({},I)};return d([])};exports.atPath=a;exports.isComponentLike=v;exports.isObjectLike=s;exports.toComponent=h;exports.useIntlayer=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("@intlayer/config/built"),e=require("vue"),w=require("../getIntlayer.cjs"),P=require("./installIntlayer.cjs"),l=(t,n)=>n.reduce((u,s)=>u?.[s],t),c=t=>t!=null&&typeof t=="object",m=t=>typeof t=="function"||c(t)&&("render"in t||"setup"in t),h=t=>e.markRaw(e.defineComponent({name:"IntlayerLeaf",setup(){return()=>{const n=t();return n==null?null:m(n)?e.h(n):Array.isArray(n)?e.h("span",n):n}}})),I=(t,n)=>{const u=e.inject(P.INTLAYER_SYMBOL),s=e.isRef(u?.locale)?u.locale:e.ref(u?.locale??b.internationalization.defaultLocale),g=e.computed(()=>(n!==void 0?e.toValue(n):void 0)??s.value),a=e.shallowRef({});e.watch([()=>e.toValue(t),()=>g.value],([i,o])=>{a.value=w.getIntlayer(i,o)},{immediate:!0,flush:"sync"});const v=i=>{const o=e.computed(()=>l(a.value,i)),L={get(f,r,R){if(r==="__v_isRef")return!0;if(r==="value")return o.value;if(r==="then")return;if(r==="c"||r==="asComponent")return h(()=>o.value);if(r==="$raw")return o;if(r===Symbol.toPrimitive)return()=>o.value;const y=i.concat(r),d=l(a.value,y);return c(d)&&!m(d)?v(y):e.computed(()=>l(a.value,y))},ownKeys(){const f=o.value;return c(f)?Reflect.ownKeys(f):[]},getOwnPropertyDescriptor(){return{enumerable:!0,configurable:!0}}};return new Proxy({},L)};return v([])};exports.atPath=l;exports.isComponentLike=m;exports.isObjectLike=c;exports.toComponent=h;exports.useIntlayer=I;

package/dist/cjs/editor/createSharedComposable.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),c=t=>s.getCurrentScope()?(s.onScopeDispose(t),!0):!1,p=t=>{let r=0,o,e;const n=()=>{r-=1,e&&r<=0&&(e.stop(),o=void 0,e=void 0)};return(...i)=>(r+=1,e||(e=s.effectScope(!0),o=e.run(()=>t(...i))),c(n),o)};exports.createSharedComposable=p;exports.tryOnScopeDispose=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),c=t=>s.getCurrentScope()?(s.onScopeDispose(t),!0):!1,p=t=>{let r=0,o,e;const n=()=>{r-=1,e&&r<=0&&(e.stop(),o=void 0,e=void 0)};return((...i)=>(r+=1,e||(e=s.effectScope(!0),o=e.run(()=>t(...i))),c(n),o))};exports.createSharedComposable=p;exports.tryOnScopeDispose=c;

package/dist/cjs/editor/editorLocale.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@intlayer/editor"),r=require("vue"),a=require("../client/installIntlayer.cjs");require("@intlayer/core");require("@intlayer/types");require("./communicator.cjs");require("@intlayer/config/built");const s=require("./createSharedComposable.cjs"),u=require("./useCrossFrameState.cjs");require("./installIntlayerEditor.cjs");require("../client/useLocaleStorage.cjs");const n=s.createSharedComposable(()=>{const e=r.inject(a.INTLAYER_SYMBOL);if(!e)throw new Error("IntlayerEditor state not found");const[c,t]=u.useCrossFrameState(i.MessageKey.INTLAYER_CURRENT_LOCALE);return r.watch(e.locale,o=>{t(o)},{immediate:!0}),e});exports.useEditorLocale=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@intlayer/editor"),r=require("vue"),a=require("../client/installIntlayer.cjs");require("@intlayer/config/built");require("@intlayer/core");require("@intlayer/types");require("./communicator.cjs");const s=require("./createSharedComposable.cjs"),u=require("./useCrossFrameState.cjs");require("./installIntlayerEditor.cjs");require("../client/useLocaleStorage.cjs");const n=s.createSharedComposable(()=>{const e=r.inject(a.INTLAYER_SYMBOL);if(!e)throw new Error("IntlayerEditor state not found");const[c,t]=u.useCrossFrameState(i.MessageKey.INTLAYER_CURRENT_LOCALE);return r.watch(e.locale,o=>{t(o)},{immediate:!0}),e});exports.useEditorLocale=n;

package/dist/cjs/renderIntlayerNode.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),d=({value:u,children:a,additionalProps:l={}})=>{const e=o.ref(u);let n=typeof a=="function"?()=>a():()=>a;const v=()=>(e.value,n()),r=Object.create(String.prototype);return Object.assign(r,{render:v,toString:()=>e.value,valueOf:()=>e.value,[Symbol.toPrimitive]:()=>e.value,get raw(){return e.value},set raw(t){e.value=t},value:void 0,__update(t){n=t.render,this.raw=t.raw},...l}),r.value=r,o.markRaw(r)};exports.renderIntlayerNode=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),d=({value:u,children:a,additionalProps:l={}})=>{const e=o.ref(u);let n=typeof a=="function"?()=>a():()=>a;const v=()=>(e.value,n()),r=Object.create(String.prototype);return Object.assign(r,{render:v,toString:()=>e.value,valueOf:()=>e.value,[Symbol.toPrimitive]:()=>e.value,toJSON:()=>e.value,get raw(){return e.value},set raw(t){e.value=t},value:void 0,__update(t){n=t.render,this.raw=t.raw},...l}),r.value=r,o.markRaw(r)};exports.renderIntlayerNode=d;

package/dist/esm/client/useDictionary.mjs

@@ -1,48 +1,46 @@
-import { inject as _, isRef as x, ref as v, computed as a, toValue as y, watch as b } from "vue";
-import { getDictionary as g } from "../getDictionary.mjs";
-import { INTLAYER_SYMBOL as L } from "./installIntlayer.mjs";
-import { atPath as c, isObjectLike as d, toComponent as R, isComponentLike as k } from "./useIntlayer.mjs";
-const E = (l, s) => {
-  const r = _(L);
-  if (!r)
-    throw new Error("useIntlayer must be used under <IntlayerProvider>");
-  const w = x(r.locale) ? r.locale : v(r.locale), h = a(() => (s !== void 0 ? y(s) : void 0) ?? w.value), n = v({});
-  b(
-    [() => y(l), () => h.value],
-    ([o, t]) => {
-      n.value = g(l, t);
+import g from "@intlayer/config/built";
+import { inject as x, isRef as L, ref as P, computed as u, toValue as m, shallowRef as R, watch as _ } from "vue";
+import { getDictionary as b } from "../getDictionary.mjs";
+import { INTLAYER_SYMBOL as k } from "./installIntlayer.mjs";
+import { atPath as c, isObjectLike as v, toComponent as C, isComponentLike as D } from "./useIntlayer.mjs";
+const p = (y, l) => {
+  const o = x(k), d = L(o?.locale) ? o.locale : P(o?.locale ?? g.internationalization.defaultLocale), h = u(() => (l !== void 0 ? m(l) : void 0) ?? d.value), n = R({});
+  _(
+    [() => m(y), () => h.value],
+    ([r, t]) => {
+      n.value = b(r, t);
     },
     { immediate: !0, flush: "sync" }
   );
-  const f = (o) => {
-    const t = a(
-      () => c(n.value, o)
-    ), P = {
-      get(u, e, C) {
+  const s = (r) => {
+    const t = u(
+      () => c(n.value, r)
+    ), w = {
+      get(i, e, O) {
         if (e === "__v_isRef") return !0;
         if (e === "value") return t.value;
         if (e === "then") return;
         if (e === "c" || e === "asComponent")
-          return R(() => t.value);
+          return C(() => t.value);
         if (e === "$raw") return t;
         if (e === Symbol.toPrimitive)
           return () => t.value;
-        const i = o.concat(e), m = c(n.value, i);
-        return d(m) && !k(m) ? f(i) : a(() => c(n.value, i));
+        const a = r.concat(e), f = c(n.value, a);
+        return v(f) && !D(f) ? s(a) : u(() => c(n.value, a));
       },
       // Make Object.keys(), for...in, v-for on object keys work
       ownKeys() {
-        const u = t.value;
-        return d(u) ? Reflect.ownKeys(u) : [];
+        const i = t.value;
+        return v(i) ? Reflect.ownKeys(i) : [];
       },
       getOwnPropertyDescriptor() {
         return { enumerable: !0, configurable: !0 };
       }
     };
-    return new Proxy({}, P);
+    return new Proxy({}, w);
   };
-  return f([]);
+  return s([]);
 };
 export {
-  E as useDictionary
+  p as useDictionary
 };

package/dist/esm/client/useDictionaryAsync.mjs

@@ -1,13 +1,21 @@
 import r from "@intlayer/config/built";
-import { inject as c, computed as e } from "vue";
-import { INTLAYER_SYMBOL as l } from "./installIntlayer.mjs";
-import { useDictionary as m } from "./useDictionary.mjs";
-const y = async (t, i) => {
-  const a = c(l), o = e(
-    () => i ?? a?.locale?.value ?? r?.internationalization.defaultLocale
-  ), n = await t[o.value]?.();
-  return m(n, o);
+import { inject as l, computed as u, ref as s, watch as f } from "vue";
+import { INTLAYER_SYMBOL as m } from "./installIntlayer.mjs";
+import { useDictionary as y } from "./useDictionary.mjs";
+const L = async (a, i) => {
+  const c = l(m), t = u(
+    () => i ?? c?.locale?.value ?? r?.internationalization.defaultLocale
+  ), o = s(
+    await a[t.value]?.()
+  );
+  return f(
+    () => t.value,
+    async (e) => {
+      const n = await a[e]?.();
+      n && (o.value = n);
+    }
+  ), y(o, t);
 };
 export {
-  y as useDictionaryAsync
+  L as useDictionaryAsync
 };

package/dist/esm/client/useDictionaryDynamic.mjs

@@ -1,17 +1,5 @@
-import e from "@intlayer/config/built";
-import { inject as c, computed as m } from "vue";
-import { INTLAYER_SYMBOL as l } from "./installIntlayer.mjs";
-import { useDictionary as u } from "./useDictionary.mjs";
-import { useLoadDynamic as f } from "./useLoadDynamic.mjs";
-const L = (t, i, r) => {
-  const a = c(l), o = m(
-    () => r ?? a?.locale?.value ?? e?.internationalization.defaultLocale
-  ), n = f(
-    `${String(i)}.${o.value}`,
-    t[o.value]?.()
-  );
-  return u(n, o);
-};
+import { useDictionaryAsync as c } from "./useDictionaryAsync.mjs";
+const t = async (i, n, a) => await c(i, a);
 export {
-  L as useDictionaryDynamic
+  t as useDictionaryDynamic
 };

package/dist/esm/client/useIntlayer.mjs

@@ -1,59 +1,59 @@
-import { defineComponent as I, h as d, inject as L, isRef as _, ref as h, computed as c, toValue as w, watch as g } from "vue";
-import { getIntlayer as p } from "../getIntlayer.mjs";
-import { INTLAYER_SYMBOL as R } from "./installIntlayer.mjs";
-const f = (e, t) => t.reduce((r, l) => r?.[l], e), m = (e) => e != null && typeof e == "object", P = (e) => typeof e == "function" || m(e) && ("render" in e || "setup" in e), C = (e) => I({
-  name: "IntlayerLeaf",
-  setup() {
-    return () => {
-      const t = e();
-      return t == null ? null : P(t) ? d(t) : Array.isArray(t) ? d("span", t) : t;
-    };
-  }
-}), E = (e, t) => {
-  const r = L(R);
-  if (!r)
-    throw new Error("useIntlayer must be used under <IntlayerProvider>");
-  const l = _(r.locale) ? r.locale : h(r.locale), b = c(() => (t !== void 0 ? w(t) : void 0) ?? l.value), i = h({});
-  g(
-    [() => w(e), () => b.value],
-    ([u, o]) => {
-      i.value = p(u, o);
+import g from "@intlayer/config/built";
+import { markRaw as p, defineComponent as x, h as d, inject as P, isRef as _, ref as b, computed as s, toValue as h, shallowRef as k, watch as C } from "vue";
+import { getIntlayer as I } from "../getIntlayer.mjs";
+import { INTLAYER_SYMBOL as j } from "./installIntlayer.mjs";
+const f = (e, t) => t.reduce((o, a) => o?.[a], e), m = (e) => e != null && typeof e == "object", w = (e) => typeof e == "function" || m(e) && ("render" in e || "setup" in e), A = (e) => p(
+  x({
+    name: "IntlayerLeaf",
+    setup() {
+      return () => {
+        const t = e();
+        return t == null ? null : w(t) ? d(t) : Array.isArray(t) ? d("span", t) : t;
+      };
+    }
+  })
+), z = (e, t) => {
+  const o = P(j), a = _(o?.locale) ? o.locale : b(o?.locale ?? g.internationalization.defaultLocale), L = s(() => (t !== void 0 ? h(t) : void 0) ?? a.value), i = k({});
+  C(
+    [() => h(e), () => L.value],
+    ([u, r]) => {
+      i.value = I(u, r);
     },
     { immediate: !0, flush: "sync" }
   );
   const v = (u) => {
-    const o = c(
+    const r = s(
       () => f(i.value, u)
-    ), x = {
-      get(a, n, j) {
+    ), R = {
+      get(l, n, O) {
         if (n === "__v_isRef") return !0;
-        if (n === "value") return o.value;
+        if (n === "value") return r.value;
         if (n === "then") return;
         if (n === "c" || n === "asComponent")
-          return C(() => o.value);
-        if (n === "$raw") return o;
+          return A(() => r.value);
+        if (n === "$raw") return r;
         if (n === Symbol.toPrimitive)
-          return () => o.value;
-        const s = u.concat(n), y = f(i.value, s);
-        return m(y) && !P(y) ? v(s) : c(() => f(i.value, s));
+          return () => r.value;
+        const c = u.concat(n), y = f(i.value, c);
+        return m(y) && !w(y) ? v(c) : s(() => f(i.value, c));
       },
       // Make Object.keys(), for...in, v-for on object keys work
       ownKeys() {
-        const a = o.value;
-        return m(a) ? Reflect.ownKeys(a) : [];
+        const l = r.value;
+        return m(l) ? Reflect.ownKeys(l) : [];
       },
       getOwnPropertyDescriptor() {
         return { enumerable: !0, configurable: !0 };
       }
     };
-    return new Proxy({}, x);
+    return new Proxy({}, R);
   };
   return v([]);
 };
 export {
   f as atPath,
-  P as isComponentLike,
+  w as isComponentLike,
   m as isObjectLike,
-  C as toComponent,
-  E as useIntlayer
+  A as toComponent,
+  z as useIntlayer
 };

package/dist/esm/editor/createSharedComposable.mjs

@@ -4,7 +4,7 @@ const u = (t) => n() ? (i(t), !0) : !1, a = (t) => {
   const s = () => {
     r -= 1, e && r <= 0 && (e.stop(), o = void 0, e = void 0);
   };
-  return (...p) => (r += 1, e || (e = c(!0), o = e.run(() => t(...p))), u(s), o);
+  return ((...p) => (r += 1, e || (e = c(!0), o = e.run(() => t(...p))), u(s), o));
 };
 export {
   a as createSharedComposable,

package/dist/esm/editor/editorLocale.mjs

@@ -1,10 +1,10 @@
 import { MessageKey as e } from "@intlayer/editor";
 import { inject as m, watch as i } from "vue";
 import { INTLAYER_SYMBOL as a } from "../client/installIntlayer.mjs";
+import "@intlayer/config/built";
 import "@intlayer/core";
 import "@intlayer/types";
 import "./communicator.mjs";
-import "@intlayer/config/built";
 import { createSharedComposable as p } from "./createSharedComposable.mjs";
 import { useCrossFrameState as s } from "./useCrossFrameState.mjs";
 import "./installIntlayerEditor.mjs";

package/dist/esm/renderIntlayerNode.mjs

@@ -1,12 +1,12 @@
 import { ref as l, markRaw as i } from "vue";
 const s = ({
-  value: o,
+  value: n,
   children: a,
   additionalProps: u = {}
 }) => {
-  const e = l(o);
-  let n = typeof a == "function" ? () => a() : () => a;
-  const v = () => (e.value, n()), r = Object.create(String.prototype);
+  const e = l(n);
+  let o = typeof a == "function" ? () => a() : () => a;
+  const v = () => (e.value, o()), r = Object.create(String.prototype);
   return Object.assign(r, {
     /* component renderer */
     render: v,
@@ -15,6 +15,8 @@ const s = ({
     /* primitive coercion helpers */
     valueOf: () => e.value,
     [Symbol.toPrimitive]: () => e.value,
+    /* JSON serialization - prevents circular reference errors */
+    toJSON: () => e.value,
     /* reactive getter/setter for the primitive value */
     get raw() {
       return e.value;
@@ -26,7 +28,7 @@ const s = ({
     value: void 0,
     /* called by useIntlayer when the dictionary entry changes */
     __update(t) {
-      n = t.render, this.raw = t.raw;
+      o = t.render, this.raw = t.raw;
     },
     ...u
   }), r.value = r, i(r);

package/dist/types/client/useDictionary.d.ts

@@ -1,3 +1,4 @@
 import { DeclaredLocales, Dictionary, LocalesValues } from '@intlayer/types';
+import { MaybeRefOrGetter } from 'vue';
 import { DeepTransformContent } from '../plugins';
-export declare const useDictionary: <T extends Dictionary, L extends LocalesValues = DeclaredLocales>(dictionary: T, locale?: L) => DeepTransformContent<T["content"], L>;
+export declare const useDictionary: <T extends Dictionary, L extends LocalesValues = DeclaredLocales>(dictionary: MaybeRefOrGetter<T>, locale?: MaybeRefOrGetter<L>) => DeepTransformContent<T["content"], L>;

package/dist/types/client/useDictionaryAsync.d.ts

@@ -1,7 +1,8 @@
 import { Dictionary, LocalesValues, StrictModeLocaleMap } from '@intlayer/types';
+import { MaybeRefOrGetter } from 'vue';
 /**
  * On the server side, Hook that transform a dictionary and return the content
  *
  * If the locale is not provided, it will use the locale from the client context
  */
-export declare const useDictionaryAsync: <T extends Dictionary>(dictionaryPromise: StrictModeLocaleMap<() => Promise<T>>, locale?: LocalesValues) => Promise<any>;
+export declare const useDictionaryAsync: <T extends Dictionary>(dictionaryPromise: StrictModeLocaleMap<() => Promise<T>>, locale?: MaybeRefOrGetter<LocalesValues>) => Promise<any>;

package/dist/types/client/useDictionaryDynamic.d.ts

@@ -1,7 +1,8 @@
 import { Dictionary, DictionaryKeys, LocalesValues, StrictModeLocaleMap } from '@intlayer/types';
+import { MaybeRefOrGetter } from 'vue';
 /**
  * On the server side, Hook that transform a dictionary and return the content
  *
  * If the locale is not provided, it will use the locale from the client context
  */
-export declare const useDictionaryDynamic: <T extends Dictionary, K extends DictionaryKeys>(dictionaryPromise: StrictModeLocaleMap<() => Promise<T>>, key: K, locale?: LocalesValues) => import('@intlayer/core').DeepTransformContent<T["content"], import('..').IInterpreterPluginState, any>;
+export declare const useDictionaryDynamic: <T extends Dictionary, K extends DictionaryKeys>(dictionaryPromise: StrictModeLocaleMap<() => Promise<T>>, _key: K, locale?: MaybeRefOrGetter<LocalesValues>) => Promise<any>;

package/dist/types/client/useIntlayer.d.ts

@@ -5,5 +5,5 @@ export declare const atPath: (obj: any, path: (string | number)[]) => any;
 export declare const isObjectLike: (v: any) => boolean;
 export declare const isComponentLike: (v: any) => boolean;
 /** Wrap a getter into a lightweight functional component */
-export declare const toComponent: (getter: () => any) => import('vue').DefineComponent<{}, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const toComponent: (getter: () => any) => import('vue').Raw<import('vue').DefineComponent<{}, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>>;
 export declare const useIntlayer: <T extends DictionaryKeys>(key: T, locale?: MaybeRefOrGetter<LocalesValues | null | undefined>) => DeepTransformContent<DictionaryRegistryContent<T>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-intlayer",
-  "version": "7.3.6",
+  "version": "7.3.8",
   "private": false,
   "description": "Easily internationalize i18n your Vue applications with type-safe multilingual content management.",
   "keywords": [
@@ -87,31 +87,31 @@
     "typecheck": "vue-tsc --noEmit --project tsconfig.types.json"
   },
   "dependencies": {
-    "@intlayer/api": "7.3.6",
-    "@intlayer/config": "7.3.6",
-    "@intlayer/core": "7.3.6",
-    "@intlayer/editor": "7.3.6",
-    "@intlayer/types": "7.3.6",
-    "@intlayer/unmerged-dictionaries-entry": "7.3.6"
+    "@intlayer/api": "7.3.8",
+    "@intlayer/config": "7.3.8",
+    "@intlayer/core": "7.3.8",
+    "@intlayer/editor": "7.3.8",
+    "@intlayer/types": "7.3.8",
+    "@intlayer/unmerged-dictionaries-entry": "7.3.8"
   },
   "devDependencies": {
     "@types/node": "24.10.1",
     "@utils/ts-config": "1.0.4",
     "@utils/ts-config-types": "1.0.4",
     "@utils/tsdown-config": "1.0.4",
-    "@vitejs/plugin-vue": "6.0.1",
+    "@vitejs/plugin-vue": "6.0.2",
     "ajv": "^8.17.1",
     "fast-glob": "3.3.3",
     "rimraf": "6.1.2",
     "tsdown": "0.16.8",
     "typescript": "5.9.3",
-    "vite": "7.2.2",
+    "vite": "7.2.6",
     "vite-plugin-dts": "4.5.4",
-    "vitest": "4.0.14",
-    "vue-tsc": "3.1.1"
+    "vitest": "4.0.15",
+    "vue-tsc": "3.1.5"
   },
   "peerDependencies": {
-    "intlayer": "7.3.6",
+    "intlayer": "7.3.8",
     "vue": ">=3.0.0"
   },
   "peerDependenciesMeta": {