vue-intlayer 7.3.10 → 7.3.12

package/dist/cjs/client/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./installIntlayer.cjs"),n=require("./useDictionary.cjs"),i=require("./useDictionaryAsync.cjs"),c=require("./useDictionaryDynamic.cjs"),e=require("./useIntlayer.cjs"),a=require("./useLoadDynamic.cjs"),r=require("./useLocale.cjs");exports.INTLAYER_SYMBOL=t.INTLAYER_SYMBOL;exports.createIntlayerClient=t.createIntlayerClient;exports.installIntlayer=t.installIntlayer;exports.useDictionary=n.useDictionary;exports.useDictionaryAsync=i.useDictionaryAsync;exports.useDictionaryDynamic=c.useDictionaryDynamic;exports.atPath=e.atPath;exports.isComponentLike=e.isComponentLike;exports.isObjectLike=e.isObjectLike;exports.toComponent=e.toComponent;exports.useIntlayer=e.useIntlayer;exports.useLoadDynamic=a.useLoadDynamic;exports.useLocale=r.useLocale;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./installIntlayer.cjs"),e=require("./useDictionary.cjs"),n=require("./useDictionaryAsync.cjs"),i=require("./useDictionaryDynamic.cjs"),a=require("./useIntlayer.cjs"),r=require("./useLoadDynamic.cjs"),c=require("./useLocale.cjs");exports.INTLAYER_SYMBOL=t.INTLAYER_SYMBOL;exports.createIntlayerClient=t.createIntlayerClient;exports.installIntlayer=t.installIntlayer;exports.atPath=e.atPath;exports.createIntlayerLeafProxy=e.createIntlayerLeafProxy;exports.isComponentLike=e.isComponentLike;exports.isIntlayerNode=e.isIntlayerNode;exports.isObjectLike=e.isObjectLike;exports.toComponent=e.toComponent;exports.useDictionary=e.useDictionary;exports.useDictionaryAsync=n.useDictionaryAsync;exports.useDictionaryDynamic=i.useDictionaryDynamic;exports.useIntlayer=a.useIntlayer;exports.useLoadDynamic=r.useLoadDynamic;exports.useLocale=c.useLocale;

package/dist/cjs/client/useDictionary.cjs

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

package/dist/cjs/client/useIntlayer.cjs

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

package/dist/cjs/editor/useCrossFrameMessageListener.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@intlayer/editor"),c=require("vue"),l=require("./communicator.cjs"),o=new Map;let u=!1;const p=(e,t)=>{let s=o.get(e);s||(s=new Set,o.set(e,s)),s.add(t)},f=(e,t)=>{const s=o.get(e);s&&(s.delete(t),s.size===0&&o.delete(e))},m=(e,t)=>{u||window&&(window.addEventListener("message",s=>{const{type:n,data:i,senderId:a}=s.data??{};n&&a!==t&&(!e||e.includes("*")||e.some(r=>d.compareUrls(r,s.origin)))&&o.get(n)?.forEach(r=>{r(i)})}),u=!0)},b=(e,t)=>{const{allowedOrigins:s,postMessage:n,senderId:i}=l.useCommunicator()??{};return m(s,i),t?(p(e,t),c.onScopeDispose(()=>f(e,t))):c.getCurrentInstance()||console.warn("useCrossFrameMessageListener called outside a component without a callback; nothing to listen for."),r=>{n({type:e,data:r,senderId:i})}};exports.useCrossFrameMessageListener=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@intlayer/editor"),c=require("vue"),l=require("./communicator.cjs"),o=new Map;let u=!1;const f=(e,t)=>{let s=o.get(e);s||(s=new Set,o.set(e,s)),s.add(t)},p=(e,t)=>{const s=o.get(e);s&&(s.delete(t),s.size===0&&o.delete(e))},m=(e,t)=>{u||typeof window>"u"||(window.addEventListener("message",s=>{const{type:n,data:i,senderId:a}=s.data??{};n&&a!==t&&(!e||e.includes("*")||e.some(r=>d.compareUrls(r,s.origin)))&&o.get(n)?.forEach(r=>{r(i)})}),u=!0)},b=(e,t)=>{const{allowedOrigins:s,postMessage:n,senderId:i}=l.useCommunicator()??{};return m(s,i),t?(f(e,t),c.onScopeDispose(()=>p(e,t))):c.getCurrentInstance()||console.warn("useCrossFrameMessageListener called outside a component without a callback; nothing to listen for."),r=>{n({type:e,data:r,senderId:i})}};exports.useCrossFrameMessageListener=b;

package/dist/cjs/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./client/installIntlayer.cjs"),i=require("./client/useDictionary.cjs"),a=require("./client/useDictionaryAsync.cjs"),o=require("./client/useDictionaryDynamic.cjs"),e=require("./client/useIntlayer.cjs"),l=require("./client/useLoadDynamic.cjs"),s=require("./client/useLocale.cjs"),c=require("../ContentSelectorWrapper.vue_vue_type_script_setup_true_lang-B4fMFrZy.js"),u=require("./editor/installIntlayerEditor.cjs"),y=require("./editor/useEditor.cjs"),d=require("./getDictionary.cjs"),_=require("./getIntlayer.cjs"),t=require("./markdown/installIntlayerMarkdown.cjs"),r=require("./plugins.cjs");exports.INTLAYER_SYMBOL=n.INTLAYER_SYMBOL;exports.createIntlayerClient=n.createIntlayerClient;exports.installIntlayer=n.installIntlayer;exports.useDictionary=i.useDictionary;exports.useDictionaryAsync=a.useDictionaryAsync;exports.useDictionaryDynamic=o.useDictionaryDynamic;exports.atPath=e.atPath;exports.isComponentLike=e.isComponentLike;exports.isObjectLike=e.isObjectLike;exports.toComponent=e.toComponent;exports.useIntlayer=e.useIntlayer;exports.useLoadDynamic=l.useLoadDynamic;exports.useLocale=s.useLocale;exports.ContentSelectorWrapper=c._sfc_main;exports.installIntlayerEditor=u.installIntlayerEditor;exports.useEditor=y.useEditor;exports.getDictionary=d.getDictionary;exports.getIntlayer=_.getIntlayer;exports.INTLAYER_MARKDOWN_SYMBOL=t.INTLAYER_MARKDOWN_SYMBOL;exports.createIntlayerMarkdownClient=t.createIntlayerMarkdownClient;exports.installIntlayerMarkdown=t.installIntlayerMarkdown;exports.useMarkdown=t.useMarkdown;exports.intlayerNodePlugins=r.intlayerNodePlugins;exports.markdownPlugin=r.markdownPlugin;exports.markdownStringPlugin=r.markdownStringPlugin;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./client/installIntlayer.cjs"),e=require("./client/useDictionary.cjs"),i=require("./client/useDictionaryAsync.cjs"),a=require("./client/useDictionaryDynamic.cjs"),o=require("./client/useIntlayer.cjs"),l=require("./client/useLoadDynamic.cjs"),s=require("./client/useLocale.cjs"),c=require("../ContentSelectorWrapper.vue_vue_type_script_setup_true_lang-B4fMFrZy.js"),u=require("./editor/installIntlayerEditor.cjs"),y=require("./editor/useEditor.cjs"),d=require("./getDictionary.cjs"),I=require("./getIntlayer.cjs"),t=require("./markdown/installIntlayerMarkdown.cjs"),r=require("./plugins.cjs");exports.INTLAYER_SYMBOL=n.INTLAYER_SYMBOL;exports.createIntlayerClient=n.createIntlayerClient;exports.installIntlayer=n.installIntlayer;exports.atPath=e.atPath;exports.createIntlayerLeafProxy=e.createIntlayerLeafProxy;exports.isComponentLike=e.isComponentLike;exports.isIntlayerNode=e.isIntlayerNode;exports.isObjectLike=e.isObjectLike;exports.toComponent=e.toComponent;exports.useDictionary=e.useDictionary;exports.useDictionaryAsync=i.useDictionaryAsync;exports.useDictionaryDynamic=a.useDictionaryDynamic;exports.useIntlayer=o.useIntlayer;exports.useLoadDynamic=l.useLoadDynamic;exports.useLocale=s.useLocale;exports.ContentSelectorWrapper=c._sfc_main;exports.installIntlayerEditor=u.installIntlayerEditor;exports.useEditor=y.useEditor;exports.getDictionary=d.getDictionary;exports.getIntlayer=I.getIntlayer;exports.INTLAYER_MARKDOWN_SYMBOL=t.INTLAYER_MARKDOWN_SYMBOL;exports.createIntlayerMarkdownClient=t.createIntlayerMarkdownClient;exports.installIntlayerMarkdown=t.installIntlayerMarkdown;exports.useMarkdown=t.useMarkdown;exports.intlayerNodePlugins=r.intlayerNodePlugins;exports.markdownPlugin=r.markdownPlugin;exports.markdownStringPlugin=r.markdownStringPlugin;

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

package/dist/esm/client/index.mjs

@@ -1,22 +1,24 @@
-import { INTLAYER_SYMBOL as t, createIntlayerClient as r, installIntlayer as n } from "./installIntlayer.mjs";
-import { useDictionary as i } from "./useDictionary.mjs";
-import { useDictionaryAsync as s } from "./useDictionaryAsync.mjs";
-import { useDictionaryDynamic as p } from "./useDictionaryDynamic.mjs";
-import { atPath as f, isComponentLike as l, isObjectLike as x, toComponent as u, useIntlayer as L } from "./useIntlayer.mjs";
-import { useLoadDynamic as I } from "./useLoadDynamic.mjs";
-import { useLocale as k } from "./useLocale.mjs";
+import { INTLAYER_SYMBOL as r, createIntlayerClient as t, installIntlayer as a } from "./installIntlayer.mjs";
+import { atPath as i, createIntlayerLeafProxy as y, isComponentLike as m, isIntlayerNode as s, isObjectLike as c, toComponent as l, useDictionary as p } from "./useDictionary.mjs";
+import { useDictionaryAsync as x } from "./useDictionaryAsync.mjs";
+import { useDictionaryDynamic as u } from "./useDictionaryDynamic.mjs";
+import { useIntlayer as D } from "./useIntlayer.mjs";
+import { useLoadDynamic as d } from "./useLoadDynamic.mjs";
+import { useLocale as A } from "./useLocale.mjs";
 export {
-  t as INTLAYER_SYMBOL,
-  f as atPath,
-  r as createIntlayerClient,
-  n as installIntlayer,
-  l as isComponentLike,
-  x as isObjectLike,
-  u as toComponent,
-  i as useDictionary,
-  s as useDictionaryAsync,
-  p as useDictionaryDynamic,
-  L as useIntlayer,
-  I as useLoadDynamic,
-  k as useLocale
+  r as INTLAYER_SYMBOL,
+  i as atPath,
+  t as createIntlayerClient,
+  y as createIntlayerLeafProxy,
+  a as installIntlayer,
+  m as isComponentLike,
+  s as isIntlayerNode,
+  c as isObjectLike,
+  l as toComponent,
+  p as useDictionary,
+  x as useDictionaryAsync,
+  u as useDictionaryDynamic,
+  D as useIntlayer,
+  d as useLoadDynamic,
+  A as useLocale
 };

package/dist/esm/client/useDictionary.mjs

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

package/dist/esm/client/useIntlayer.mjs

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

package/dist/esm/editor/useCrossFrameMessageListener.mjs

@@ -1,5 +1,5 @@
-import { compareUrls as u } from "@intlayer/editor";
-import { onScopeDispose as d, getCurrentInstance as p } from "vue";
+import { compareUrls as d } from "@intlayer/editor";
+import { onScopeDispose as u, getCurrentInstance as p } from "vue";
 import { useCommunicator as f } from "./communicator.mjs";
 const o = /* @__PURE__ */ new Map();
 let c = !1;
@@ -10,18 +10,18 @@ const m = (e, t) => {
   const s = o.get(e);
   s && (s.delete(t), s.size === 0 && o.delete(e));
 }, w = (e, t) => {
-  c || window && (window.addEventListener("message", (s) => {
-    const { type: n, data: a, senderId: i } = s.data ?? {};
-    n && i !== t && (!e || e.includes("*") || e.some((r) => u(r, s.origin))) && o.get(n)?.forEach((r) => {
-      r(a);
+  c || typeof window > "u" || (window.addEventListener("message", (s) => {
+    const { type: n, data: i, senderId: a } = s.data ?? {};
+    n && a !== t && (!e || e.includes("*") || e.some((r) => d(r, s.origin))) && o.get(n)?.forEach((r) => {
+      r(i);
     });
   }), c = !0);
 }, L = (e, t) => {
-  const { allowedOrigins: s, postMessage: n, senderId: a } = f() ?? {};
-  return w(s, a), t ? (m(e, t), d(() => l(e, t))) : p() || console.warn(
+  const { allowedOrigins: s, postMessage: n, senderId: i } = f() ?? {};
+  return w(s, i), t ? (m(e, t), u(() => l(e, t))) : p() || console.warn(
     "useCrossFrameMessageListener called outside a component without a callback; nothing to listen for."
   ), (r) => {
-    n({ type: e, data: r, senderId: a });
+    n({ type: e, data: r, senderId: i });
   };
 };
 export {

package/dist/esm/index.mjs

@@ -1,41 +1,43 @@
 import { INTLAYER_SYMBOL as o, createIntlayerClient as t, installIntlayer as n } from "./client/installIntlayer.mjs";
-import { useDictionary as i } from "./client/useDictionary.mjs";
-import { useDictionaryAsync as m } from "./client/useDictionaryAsync.mjs";
-import { useDictionaryDynamic as s } from "./client/useDictionaryDynamic.mjs";
-import { atPath as f, isComponentLike as x, isObjectLike as c, toComponent as u, useIntlayer as d } from "./client/useIntlayer.mjs";
-import { useLoadDynamic as L } from "./client/useLoadDynamic.mjs";
-import { useLocale as D } from "./client/useLocale.mjs";
-import { _ as M } from "../ContentSelectorWrapper.vue_vue_type_script_setup_true_lang-HcQvp9bv.mjs";
-import { installIntlayerEditor as C } from "./editor/installIntlayerEditor.mjs";
+import { atPath as i, createIntlayerLeafProxy as l, isComponentLike as m, isIntlayerNode as p, isObjectLike as y, toComponent as s, useDictionary as f } from "./client/useDictionary.mjs";
+import { useDictionaryAsync as c } from "./client/useDictionaryAsync.mjs";
+import { useDictionaryDynamic as I } from "./client/useDictionaryDynamic.mjs";
+import { useIntlayer as L } from "./client/useIntlayer.mjs";
+import { useLoadDynamic as D } from "./client/useLoadDynamic.mjs";
+import { useLocale as M } from "./client/useLocale.mjs";
+import { _ as C } from "../ContentSelectorWrapper.vue_vue_type_script_setup_true_lang-HcQvp9bv.mjs";
+import { installIntlayerEditor as P } from "./editor/installIntlayerEditor.mjs";
 import { useEditor as E } from "./editor/useEditor.mjs";
-import { getDictionary as O } from "./getDictionary.mjs";
-import { getIntlayer as S } from "./getIntlayer.mjs";
-import { INTLAYER_MARKDOWN_SYMBOL as _, createIntlayerMarkdownClient as R, installIntlayerMarkdown as B, useMarkdown as T } from "./markdown/installIntlayerMarkdown.mjs";
-import { intlayerNodePlugins as b, markdownPlugin as h, markdownStringPlugin as j } from "./plugins.mjs";
+import { getDictionary as S } from "./getDictionary.mjs";
+import { getIntlayer as _ } from "./getIntlayer.mjs";
+import { INTLAYER_MARKDOWN_SYMBOL as B, createIntlayerMarkdownClient as T, installIntlayerMarkdown as W, useMarkdown as b } from "./markdown/installIntlayerMarkdown.mjs";
+import { intlayerNodePlugins as j, markdownPlugin as K, markdownStringPlugin as q } from "./plugins.mjs";
 export {
-  M as ContentSelectorWrapper,
-  _ as INTLAYER_MARKDOWN_SYMBOL,
+  C as ContentSelectorWrapper,
+  B as INTLAYER_MARKDOWN_SYMBOL,
   o as INTLAYER_SYMBOL,
-  f as atPath,
+  i as atPath,
   t as createIntlayerClient,
-  R as createIntlayerMarkdownClient,
-  O as getDictionary,
-  S as getIntlayer,
+  l as createIntlayerLeafProxy,
+  T as createIntlayerMarkdownClient,
+  S as getDictionary,
+  _ as getIntlayer,
   n as installIntlayer,
-  C as installIntlayerEditor,
-  B as installIntlayerMarkdown,
-  b as intlayerNodePlugins,
-  x as isComponentLike,
-  c as isObjectLike,
-  h as markdownPlugin,
-  j as markdownStringPlugin,
-  u as toComponent,
-  i as useDictionary,
-  m as useDictionaryAsync,
-  s as useDictionaryDynamic,
+  P as installIntlayerEditor,
+  W as installIntlayerMarkdown,
+  j as intlayerNodePlugins,
+  m as isComponentLike,
+  p as isIntlayerNode,
+  y as isObjectLike,
+  K as markdownPlugin,
+  q as markdownStringPlugin,
+  s as toComponent,
+  f as useDictionary,
+  c as useDictionaryAsync,
+  I as useDictionaryDynamic,
   E as useEditor,
-  d as useIntlayer,
-  L as useLoadDynamic,
-  D as useLocale,
-  T as useMarkdown
+  L as useIntlayer,
+  D as useLoadDynamic,
+  M as useLocale,
+  b as useMarkdown
 };

package/dist/esm/renderIntlayerNode.mjs

@@ -1,13 +1,13 @@
 import { ref as l, markRaw as i } from "vue";
-const s = ({
-  value: n,
-  children: a,
+const c = ({
+  value: o,
+  children: t,
   additionalProps: u = {}
 }) => {
-  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, {
+  const e = l(o);
+  let a = typeof t == "function" ? () => t() : () => t;
+  const v = () => (e.value, a()), n = Object.create(String.prototype);
+  return Object.assign(n, {
     /* component renderer */
     render: v,
     /* string interpolation */
@@ -21,18 +21,20 @@ const s = ({
     get raw() {
       return e.value;
     },
-    set raw(t) {
-      e.value = t;
+    set raw(r) {
+      e.value = r;
+    },
+    /* .value returns the primitive value */
+    get value() {
+      return e.value;
     },
-    /* circular ref for the ".value" trick */
-    value: void 0,
     /* called by useIntlayer when the dictionary entry changes */
-    __update(t) {
-      o = t.render, this.raw = t.raw;
+    __update(r) {
+      a = r.render, this.raw = r.raw;
     },
     ...u
-  }), r.value = r, i(r);
+  }), i(n);
 };
 export {
-  s as renderIntlayerNode
+  c as renderIntlayerNode
 };

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

@@ -1,4 +1,19 @@
 import { DeclaredLocales, Dictionary, LocalesValues } from '@intlayer/types';
-import { MaybeRefOrGetter } from 'vue';
+import { ComputedRef, MaybeRefOrGetter } from 'vue';
 import { DeepTransformContent } from '../plugins';
+export declare const atPath: (obj: any, path: (string | number)[]) => any;
+export declare const isObjectLike: (v: any) => boolean;
+export declare const isComponentLike: (v: any) => boolean;
+/** Check if value is an IntlayerNode */
+export declare const isIntlayerNode: (v: any) => boolean;
+/** Wrap a getter into a lightweight functional component */
+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>>;
+/**
+ * Create a proxy for IntlayerNode leaves that:
+ * - Is ref-like (__v_isRef) so Vue tracks reactivity and unwraps in templates
+ * - .value returns the IntlayerNode (for Vue's component :is="..." and ref unwrapping)
+ * - .raw returns the primitive string (for script access)
+ * - Passes through other IntlayerNode properties (render, toString, etc.)
+ */
+export declare const createIntlayerLeafProxy: (leafRef: ComputedRef<any>) => any;
 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/useIntlayer.d.ts

@@ -1,9 +1,4 @@
 import { DictionaryKeys, DictionaryRegistryContent, LocalesValues } from '@intlayer/types';
 import { MaybeRefOrGetter } from 'vue';
 import { DeepTransformContent } from '../plugins';
-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').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.10",
+  "version": "7.3.12",
   "private": false,
   "description": "Easily internationalize i18n your Vue applications with type-safe multilingual content management.",
   "keywords": [
@@ -87,12 +87,12 @@
     "typecheck": "vue-tsc --noEmit --project tsconfig.types.json"
   },
   "dependencies": {
-    "@intlayer/api": "7.3.10",
-    "@intlayer/config": "7.3.10",
-    "@intlayer/core": "7.3.10",
-    "@intlayer/editor": "7.3.10",
-    "@intlayer/types": "7.3.10",
-    "@intlayer/unmerged-dictionaries-entry": "7.3.10"
+    "@intlayer/api": "7.3.12",
+    "@intlayer/config": "7.3.12",
+    "@intlayer/core": "7.3.12",
+    "@intlayer/editor": "7.3.12",
+    "@intlayer/types": "7.3.12",
+    "@intlayer/unmerged-dictionaries-entry": "7.3.12"
   },
   "devDependencies": {
     "@types/node": "24.10.1",
@@ -111,7 +111,7 @@
     "vue-tsc": "3.1.5"
   },
   "peerDependencies": {
-    "intlayer": "7.3.10",
+    "intlayer": "7.3.12",
     "vue": ">=3.0.0"
   },
   "peerDependenciesMeta": {