@xosen/site-sdk 0.0.4 → 0.0.5

package/dist/index.js

@@ -1,11 +1,11 @@
-import { onMounted as C, computed as f, defineComponent as y, openBlock as n, createElementBlock as a, Fragment as h, renderList as v, normalizeClass as k, toDisplayString as _, ref as w, onUnmounted as A, resolveComponent as E, createElementVNode as u, createVNode as P, withCtx as B, createBlock as T, createTextVNode as L, createCommentVNode as d, renderSlot as H, normalizeStyle as U, resolveDynamicComponent as R, watch as I, mergeProps as z } from "vue";
+import { onMounted as C, computed as f, defineComponent as y, openBlock as n, createElementBlock as a, Fragment as h, renderList as v, normalizeClass as k, toDisplayString as _, ref as w, onUnmounted as E, resolveComponent as A, createElementVNode as d, createVNode as P, withCtx as B, createBlock as T, createTextVNode as L, createCommentVNode as u, renderSlot as z, normalizeStyle as U, resolveDynamicComponent as R, watch as I, mergeProps as G } from "vue";
 import { useI18n as M } from "vue-i18n";
-function G(r) {
+function J(r) {
   function o(e) {
     const t = document.documentElement;
     if (e.colors)
       for (const [c, i] of Object.entries(e.colors))
-        i && t.style.setProperty(`--x-color-${J(c)}`, i);
+        i && t.style.setProperty(`--x-color-${V(c)}`, i);
     e.typography?.fontFamily && t.style.setProperty("--x-font-family", e.typography.fontFamily), e.typography?.headingFont && t.style.setProperty("--x-font-heading", e.typography.headingFont), e.typography?.baseFontSize && t.style.setProperty("--x-font-size", e.typography.baseFontSize), e.shape?.borderRadius && t.style.setProperty("--x-border-radius", e.shape.borderRadius), e.shape?.maxWidth && t.style.setProperty("--x-max-width", e.shape.maxWidth);
   }
   C(() => {
@@ -21,7 +21,7 @@ function G(r) {
     });
   });
 }
-function J(r) {
+function V(r) {
   return r.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 }
 function F() {
@@ -41,7 +41,7 @@ function F() {
     hasFeature: p
   };
 }
-const V = /* @__PURE__ */ y({
+const W = /* @__PURE__ */ y({
   __name: "XLocaleSwitcher",
   props: {
     locales: { type: Array, required: !0 }
@@ -60,9 +60,9 @@ const V = /* @__PURE__ */ y({
   for (const [t, c] of o)
     e[t] = c;
   return e;
-}, W = { class: "x-locale-switcher" }, K = ["onClick"];
-function Y(r, o, e, t, c, i) {
-  return n(), a("div", W, [
+}, K = { class: "x-locale-switcher" }, Y = ["onClick"];
+function Z(r, o, e, t, c, i) {
+  return n(), a("div", K, [
     (n(!0), a(
       h,
       null,
@@ -70,13 +70,13 @@ function Y(r, o, e, t, c, i) {
         key: s,
         class: k(["x-locale-switcher__btn", { "x-locale-switcher__btn--active": t.locale === s }]),
         onClick: (l) => t.switchLocale(s)
-      }, _(s.toUpperCase()), 11, K))),
+      }, _(s.toUpperCase()), 11, Y))),
       128
       /* KEYED_FRAGMENT */
     ))
   ]);
 }
-const Z = /* @__PURE__ */ x(V, [["render", Y], ["__scopeId", "data-v-675f0bbd"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/common/XLocaleSwitcher.vue"]]), Q = /* @__PURE__ */ y({
+const Q = /* @__PURE__ */ x(W, [["render", Z], ["__scopeId", "data-v-675f0bbd"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/common/XLocaleSwitcher.vue"]]), ee = /* @__PURE__ */ y({
   __name: "XSiteNav",
   setup(r, { expose: o }) {
     o();
@@ -84,23 +84,23 @@ const Z = /* @__PURE__ */ x(V, [["render", Y], ["__scopeId", "data-v-675f0bbd"],
     function l() {
       i.value = window.scrollY > 20;
     }
-    C(() => window.addEventListener("scroll", l)), A(() => window.removeEventListener("scroll", l));
-    const p = { navigation: e, branding: t, locales: c, scrolled: i, menuOpen: s, onScroll: l, XLocaleSwitcher: Z };
+    C(() => window.addEventListener("scroll", l)), E(() => window.removeEventListener("scroll", l));
+    const p = { navigation: e, branding: t, locales: c, scrolled: i, menuOpen: s, onScroll: l, XLocaleSwitcher: Q };
     return Object.defineProperty(p, "__isScriptSetup", { enumerable: !1, value: !0 }), p;
   }
-}), ee = { class: "x-nav__container" }, te = ["src", "alt"], se = {
+}), te = { class: "x-nav__container" }, se = ["src", "alt"], oe = {
   key: 1,
   class: "x-nav__logo-text"
-}, oe = ["href"];
-function ne(r, o, e, t, c, i) {
-  const s = E("router-link");
+}, ne = ["href"];
+function ae(r, o, e, t, c, i) {
+  const s = A("router-link");
   return n(), a(
     "nav",
     {
       class: k(["x-nav", { "x-nav--scrolled": t.scrolled }])
     },
     [
-      u("div", ee, [
+      d("div", te, [
         P(s, {
           to: "/",
           class: "x-nav__logo"
@@ -111,9 +111,9 @@ function ne(r, o, e, t, c, i) {
               src: t.branding.logo,
               alt: t.branding.siteName || "",
               class: "x-nav__logo-img"
-            }, null, 8, te)) : (n(), a(
+            }, null, 8, se)) : (n(), a(
               "span",
-              se,
+              oe,
               _(t.branding.siteName || ""),
               1
               /* TEXT */
@@ -122,7 +122,7 @@ function ne(r, o, e, t, c, i) {
           _: 1
           /* STABLE */
         }),
-        u(
+        d(
           "div",
           {
             class: k(["x-nav__links", { "x-nav__links--open": t.menuOpen }])
@@ -143,7 +143,7 @@ function ne(r, o, e, t, c, i) {
                     class: "x-nav__link",
                     target: "_blank",
                     onClick: o[0] || (o[0] = (p) => t.menuOpen = !1)
-                  }, _(l.text), 9, oe)) : (n(), T(s, {
+                  }, _(l.text), 9, ne)) : (n(), T(s, {
                     key: 1,
                     to: l.url,
                     class: "x-nav__link",
@@ -169,30 +169,30 @@ function ne(r, o, e, t, c, i) {
             t.locales.length > 1 ? (n(), T(t.XLocaleSwitcher, {
               key: 0,
               locales: t.locales
-            }, null, 8, ["locales"])) : d("v-if", !0)
+            }, null, 8, ["locales"])) : u("v-if", !0)
           ],
           2
           /* CLASS */
         ),
-        u("button", {
+        d("button", {
           class: "x-nav__hamburger",
           onClick: o[2] || (o[2] = (l) => t.menuOpen = !t.menuOpen)
         }, [...o[3] || (o[3] = [
-          u(
+          d(
             "span",
             null,
             null,
             -1
             /* CACHED */
           ),
-          u(
+          d(
             "span",
             null,
             null,
             -1
             /* CACHED */
           ),
-          u(
+          d(
             "span",
             null,
             null,
@@ -206,25 +206,25 @@ function ne(r, o, e, t, c, i) {
     /* CLASS */
   );
 }
-const ae = /* @__PURE__ */ x(Q, [["render", ne], ["__scopeId", "data-v-07c4b748"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/layout/XSiteNav.vue"]]), re = /* @__PURE__ */ y({
+const re = /* @__PURE__ */ x(ee, [["render", ae], ["__scopeId", "data-v-07c4b748"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/layout/XSiteNav.vue"]]), ce = /* @__PURE__ */ y({
   __name: "XSiteFooter",
   setup(r, { expose: o }) {
     o();
     const { footer: e, branding: t } = F(), c = f(() => e.value.copyright ? e.value.copyright : `© ${(/* @__PURE__ */ new Date()).getFullYear()} ${t.value.siteName || ""}`), i = { footerConfig: e, branding: t, copyright: c };
     return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
   }
-}), ce = { class: "x-footer" }, ie = { class: "x-footer__container" }, le = {
+}), ie = { class: "x-footer" }, le = { class: "x-footer__container" }, _e = {
   key: 0,
   class: "x-footer__links"
-}, _e = {
+}, ue = {
   key: 1,
   class: "x-footer__copyright"
 };
 function de(r, o, e, t, c, i) {
-  const s = E("router-link");
-  return n(), a("footer", ce, [
-    u("div", ie, [
-      t.footerConfig.links?.length ? (n(), a("div", le, [
+  const s = A("router-link");
+  return n(), a("footer", ie, [
+    d("div", le, [
+      t.footerConfig.links?.length ? (n(), a("div", _e, [
         (n(!0), a(
           h,
           null,
@@ -246,35 +246,35 @@ function de(r, o, e, t, c, i) {
           128
           /* KEYED_FRAGMENT */
         ))
-      ])) : d("v-if", !0),
+      ])) : u("v-if", !0),
       t.copyright ? (n(), a(
         "p",
-        _e,
+        ue,
         _(t.copyright),
         1
         /* TEXT */
-      )) : d("v-if", !0)
+      )) : u("v-if", !0)
     ])
   ]);
 }
-const ue = /* @__PURE__ */ x(re, [["render", de], ["__scopeId", "data-v-f9b38381"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/layout/XSiteFooter.vue"]]), pe = /* @__PURE__ */ y({
+const pe = /* @__PURE__ */ x(ce, [["render", de], ["__scopeId", "data-v-f9b38381"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/layout/XSiteFooter.vue"]]), fe = /* @__PURE__ */ y({
   __name: "XSiteLayout",
   setup(r, { expose: o }) {
-    o(), G();
-    const e = { XSiteNav: ae, XSiteFooter: ue };
+    o(), J();
+    const e = { XSiteNav: re, XSiteFooter: pe };
     return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
   }
-}), fe = { class: "x-site-layout" }, me = { class: "x-site-layout__main" };
-function he(r, o, e, t, c, i) {
-  return n(), a("div", fe, [
+}), me = { class: "x-site-layout" }, he = { class: "x-site-layout__main" };
+function ve(r, o, e, t, c, i) {
+  return n(), a("div", me, [
     P(t.XSiteNav),
-    u("main", me, [
-      H(r.$slots, "default", {}, void 0, !0)
+    d("main", he, [
+      z(r.$slots, "default", {}, void 0, !0)
     ]),
     P(t.XSiteFooter)
   ]);
 }
-const ts = /* @__PURE__ */ x(pe, [["render", he], ["__scopeId", "data-v-41b0f2a9"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/layout/XSiteLayout.vue"]]), ve = /* @__PURE__ */ y({
+const ss = /* @__PURE__ */ x(fe, [["render", ve], ["__scopeId", "data-v-41b0f2a9"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/layout/XSiteLayout.vue"]]), ye = /* @__PURE__ */ y({
   __name: "XHeroBlock",
   props: {
     data: { type: Object, required: !0 },
@@ -285,23 +285,23 @@ const ts = /* @__PURE__ */ x(pe, [["render", he], ["__scopeId", "data-v-41b0f2a9
     const e = r, t = f(() => e.data.image ? { backgroundImage: `url(${e.data.image})` } : {}), c = { props: e, bgStyle: t };
     return Object.defineProperty(c, "__isScriptSetup", { enumerable: !1, value: !0 }), c;
   }
-}), ye = {
+}), xe = {
   key: 0,
   class: "x-hero__overlay"
-}, xe = { class: "x-hero__content" }, ge = {
+}, ge = { class: "x-hero__content" }, ke = {
   key: 0,
   class: "x-hero__title"
-}, ke = {
+}, be = {
   key: 1,
   class: "x-hero__subtitle"
-}, be = {
+}, $e = {
   key: 2,
   class: "x-hero__buttons"
-}, $e = ["href"], Se = {
+}, Se = ["href"], we = {
   key: 3,
   class: "x-hero__stats"
-}, we = { class: "x-hero__stat-value" }, je = { class: "x-hero__stat-label" };
-function Te(r, o, e, t, c, i) {
+}, je = { class: "x-hero__stat-value" }, Te = { class: "x-hero__stat-label" };
+function Ce(r, o, e, t, c, i) {
   return n(), a(
     "section",
     {
@@ -309,23 +309,23 @@ function Te(r, o, e, t, c, i) {
       style: U(t.bgStyle)
     },
     [
-      e.data.image && e.data.overlay !== !1 ? (n(), a("div", ye)) : d("v-if", !0),
-      u("div", xe, [
+      e.data.image && e.data.overlay !== !1 ? (n(), a("div", xe)) : u("v-if", !0),
+      d("div", ge, [
         e.data.title ? (n(), a(
           "h1",
-          ge,
+          ke,
           _(e.data.title),
           1
           /* TEXT */
-        )) : d("v-if", !0),
+        )) : u("v-if", !0),
         e.data.subtitle ? (n(), a(
           "p",
-          ke,
+          be,
           _(e.data.subtitle),
           1
           /* TEXT */
-        )) : d("v-if", !0),
-        e.data.buttons?.length ? (n(), a("div", be, [
+        )) : u("v-if", !0),
+        e.data.buttons?.length ? (n(), a("div", $e, [
           (n(!0), a(
             h,
             null,
@@ -333,12 +333,12 @@ function Te(r, o, e, t, c, i) {
               key: l,
               href: s.url,
               class: k(["x-btn", `x-btn--${s.variant || "primary"}`])
-            }, _(s.text), 11, $e))),
+            }, _(s.text), 11, Se))),
             128
             /* KEYED_FRAGMENT */
           ))
-        ])) : d("v-if", !0),
-        e.data.stats?.length ? (n(), a("div", Se, [
+        ])) : u("v-if", !0),
+        e.data.stats?.length ? (n(), a("div", we, [
           (n(!0), a(
             h,
             null,
@@ -346,16 +346,16 @@ function Te(r, o, e, t, c, i) {
               key: l,
               class: "x-hero__stat"
             }, [
-              u(
+              d(
                 "span",
-                we,
+                je,
                 _(s.value),
                 1
                 /* TEXT */
               ),
-              u(
+              d(
                 "span",
-                je,
+                Te,
                 _(s.label),
                 1
                 /* TEXT */
@@ -364,14 +364,14 @@ function Te(r, o, e, t, c, i) {
             128
             /* KEYED_FRAGMENT */
           ))
-        ])) : d("v-if", !0)
+        ])) : u("v-if", !0)
       ])
     ],
     6
     /* CLASS, STYLE */
   );
 }
-const Ce = /* @__PURE__ */ x(ve, [["render", Te], ["__scopeId", "data-v-d8cfe56f"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/blocks/XHeroBlock.vue"]]), Xe = /* @__PURE__ */ y({
+const Xe = /* @__PURE__ */ x(ye, [["render", Ce], ["__scopeId", "data-v-d8cfe56f"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/blocks/XHeroBlock.vue"]]), Be = /* @__PURE__ */ y({
   __name: "XHtmlBlock",
   props: {
     data: { type: Object, required: !0 }
@@ -381,16 +381,16 @@ const Ce = /* @__PURE__ */ x(ve, [["render", Te], ["__scopeId", "data-v-d8cfe56f
     const e = {};
     return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
   }
-}), Be = { class: "x-html-block" }, Oe = ["innerHTML"];
-function Pe(r, o, e, t, c, i) {
-  return n(), a("section", Be, [
-    u("div", {
+}), Oe = { class: "x-html-block" }, Pe = ["innerHTML"];
+function Ie(r, o, e, t, c, i) {
+  return n(), a("section", Oe, [
+    d("div", {
       class: "x-html-block__content",
       innerHTML: e.data.content
-    }, null, 8, Oe)
+    }, null, 8, Pe)
   ]);
 }
-const Ie = /* @__PURE__ */ x(Xe, [["render", Pe], ["__scopeId", "data-v-abfd69e8"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/blocks/XHtmlBlock.vue"]]), Le = /* @__PURE__ */ y({
+const Le = /* @__PURE__ */ x(Be, [["render", Ie], ["__scopeId", "data-v-abfd69e8"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/blocks/XHtmlBlock.vue"]]), Ne = /* @__PURE__ */ y({
   __name: "XCardsBlock",
   props: {
     data: { type: Object, required: !0 },
@@ -423,36 +423,36 @@ const Ie = /* @__PURE__ */ x(Xe, [["render", Pe], ["__scopeId", "data-v-abfd69e8
     const l = { props: e, gridStyle: t, iconStyle: c, iconMap: i, iconDisplay: s };
     return Object.defineProperty(l, "__isScriptSetup", { enumerable: !1, value: !0 }), l;
   }
-}), Ne = { class: "x-cards-block__container" }, Ae = {
+}), Ee = { class: "x-cards-block__container" }, Ae = {
   key: 0,
   class: "x-cards-block__title"
-}, Ee = {
+}, Ue = {
   key: 1,
   class: "x-cards-block__subtitle"
-}, Ue = ["src", "alt"], Re = { class: "x-card__title" }, Me = { class: "x-card__desc" };
-function Fe(r, o, e, t, c, i) {
+}, Re = ["src", "alt"], Me = { class: "x-card__title" }, Fe = { class: "x-card__desc" };
+function qe(r, o, e, t, c, i) {
   return n(), a(
     "section",
     {
       class: k(["x-cards-block", `x-cards-block--${e.variant}`])
     },
     [
-      u("div", Ne, [
+      d("div", Ee, [
         e.data.title ? (n(), a(
           "h2",
           Ae,
           _(e.data.title),
           1
           /* TEXT */
-        )) : d("v-if", !0),
+        )) : u("v-if", !0),
         e.data.subtitle ? (n(), a(
           "p",
-          Ee,
+          Ue,
           _(e.data.subtitle),
           1
           /* TEXT */
-        )) : d("v-if", !0),
-        u(
+        )) : u("v-if", !0),
+        d(
           "div",
           {
             class: "x-cards-block__grid",
@@ -473,7 +473,7 @@ function Fe(r, o, e, t, c, i) {
                     src: s.image,
                     alt: s.title,
                     class: "x-card__image"
-                  }, null, 8, Ue)) : d("v-if", !0),
+                  }, null, 8, Re)) : u("v-if", !0),
                   s.icon && e.variant !== "image-cards" ? (n(), a(
                     "div",
                     {
@@ -484,17 +484,17 @@ function Fe(r, o, e, t, c, i) {
                     _(t.iconDisplay(s.icon)),
                     1
                     /* TEXT */
-                  )) : d("v-if", !0),
-                  u(
+                  )) : u("v-if", !0),
+                  d(
                     "h3",
-                    Re,
+                    Me,
                     _(s.title),
                     1
                     /* TEXT */
                   ),
-                  u(
+                  d(
                     "p",
-                    Me,
+                    Fe,
                     _(s.desc),
                     1
                     /* TEXT */
@@ -516,7 +516,7 @@ function Fe(r, o, e, t, c, i) {
     /* CLASS */
   );
 }
-const qe = /* @__PURE__ */ x(Le, [["render", Fe], ["__scopeId", "data-v-a1505674"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/blocks/XCardsBlock.vue"]]), De = /* @__PURE__ */ y({
+const De = /* @__PURE__ */ x(Ne, [["render", qe], ["__scopeId", "data-v-a1505674"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/blocks/XCardsBlock.vue"]]), He = /* @__PURE__ */ y({
   __name: "XImageTextBlock",
   props: {
     data: { type: Object, required: !0 },
@@ -527,45 +527,45 @@ const qe = /* @__PURE__ */ x(Le, [["render", Fe], ["__scopeId", "data-v-a1505674
     const e = {};
     return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
   }
-}), He = { class: "x-image-text__container" }, ze = { class: "x-image-text__text" }, Ge = {
+}), ze = { class: "x-image-text__container" }, Ge = { class: "x-image-text__text" }, Je = {
   key: 0,
   class: "x-image-text__title"
-}, Je = ["innerHTML"], Ve = {
+}, Ve = ["innerHTML"], We = {
   key: 2,
   class: "x-image-text__checklist"
-}, We = { class: "x-image-text__check-icon" }, Ke = {
+}, Ke = { class: "x-image-text__check-icon" }, Ye = {
   key: 0,
   class: "x-image-text__image-wrap"
-}, Ye = ["src", "alt"];
-function Ze(r, o, e, t, c, i) {
+}, Ze = ["src", "alt"];
+function Qe(r, o, e, t, c, i) {
   return n(), a(
     "section",
     {
       class: k(["x-image-text", { "x-image-text--reverse": e.reverse }])
     },
     [
-      u("div", He, [
-        u("div", ze, [
+      d("div", ze, [
+        d("div", Ge, [
           e.data.title ? (n(), a(
             "h2",
-            Ge,
+            Je,
             _(e.data.title),
             1
             /* TEXT */
-          )) : d("v-if", !0),
+          )) : u("v-if", !0),
           e.data.content ? (n(), a("div", {
             key: 1,
             class: "x-image-text__content",
             innerHTML: e.data.content
-          }, null, 8, Je)) : d("v-if", !0),
-          e.data.items?.length ? (n(), a("ul", Ve, [
+          }, null, 8, Ve)) : u("v-if", !0),
+          e.data.items?.length ? (n(), a("ul", We, [
             (n(!0), a(
               h,
               null,
               v(e.data.items, (s, l) => (n(), a("li", { key: l }, [
-                u(
+                d(
                   "span",
-                  We,
+                  Ke,
                   _(s.icon || "✓"),
                   1
                   /* TEXT */
@@ -579,22 +579,22 @@ function Ze(r, o, e, t, c, i) {
               128
               /* KEYED_FRAGMENT */
             ))
-          ])) : d("v-if", !0)
+          ])) : u("v-if", !0)
         ]),
-        e.data.image ? (n(), a("div", Ke, [
-          u("img", {
+        e.data.image ? (n(), a("div", Ye, [
+          d("img", {
             src: e.data.image,
             alt: e.data.title || "",
             class: "x-image-text__image"
-          }, null, 8, Ye)
-        ])) : d("v-if", !0)
+          }, null, 8, Ze)
+        ])) : u("v-if", !0)
       ])
     ],
     2
     /* CLASS */
   );
 }
-const Qe = /* @__PURE__ */ x(De, [["render", Ze], ["__scopeId", "data-v-5ca1e218"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/blocks/XImageTextBlock.vue"]]);
+const et = /* @__PURE__ */ x(He, [["render", Qe], ["__scopeId", "data-v-5ca1e218"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/blocks/XImageTextBlock.vue"]]);
 function q(r, o) {
   const e = w(null), { locale: t } = M(), c = window.__SITE_DATA__, i = c?.locale;
   function s() {
@@ -613,7 +613,7 @@ function q(r, o) {
     l();
   }), e;
 }
-function et() {
+function tt() {
   const o = window.__SITE_DATA__?.apiBase || "";
   async function e(i) {
     const s = await fetch(`${o}${i}`);
@@ -633,7 +633,7 @@ function et() {
     getProducts: c
   };
 }
-const tt = /* @__PURE__ */ y({
+const st = /* @__PURE__ */ y({
   __name: "XPricingBlock",
   props: {
     data: { type: Object, required: !1 },
@@ -642,7 +642,7 @@ const tt = /* @__PURE__ */ y({
   },
   setup(r, { expose: o }) {
     o();
-    const e = r, t = f(() => e.data?.title), c = f(() => e.data?.subtitle), i = w([]), s = w(""), l = q("tariffs", "tariffs"), p = et();
+    const e = r, t = f(() => e.data?.title), c = f(() => e.data?.subtitle), i = w([]), s = w(""), l = q("tariffs", "tariffs"), p = tt();
     C(async () => {
       if (e.source === "api")
         try {
@@ -670,44 +670,44 @@ const tt = /* @__PURE__ */ y({
     const b = f(() => !s.value || g.value.length <= 1 ? i.value : i.value.filter((m) => m.tariffGroupName === s.value)), X = { props: e, title: t, subtitle: c, plans: i, activeGroup: s, kvTariffs: l, api: p, groups: g, activePlans: b };
     return Object.defineProperty(X, "__isScriptSetup", { enumerable: !1, value: !0 }), X;
   }
-}), st = { class: "x-pricing" }, ot = { class: "x-pricing__container" }, nt = {
+}), ot = { class: "x-pricing" }, nt = { class: "x-pricing__container" }, at = {
   key: 0,
   class: "x-pricing__title"
-}, at = {
+}, rt = {
   key: 1,
   class: "x-pricing__subtitle"
-}, rt = {
+}, ct = {
   key: 2,
   class: "x-pricing__tabs"
-}, ct = ["onClick"], it = { class: "x-pricing__grid" }, lt = { class: "x-pricing-card__name" }, _t = {
+}, it = ["onClick"], lt = { class: "x-pricing__grid" }, _t = { class: "x-pricing-card__name" }, ut = {
   key: 0,
   class: "x-pricing-card__desc"
-}, dt = { class: "x-pricing-card__price" }, ut = { class: "x-pricing-card__amount" }, pt = {
+}, dt = { class: "x-pricing-card__price" }, pt = { class: "x-pricing-card__amount" }, ft = {
   key: 0,
   class: "x-pricing-card__period"
-}, ft = {
+}, mt = {
   key: 1,
   class: "x-pricing-card__features"
-}, mt = ["href"];
-function ht(r, o, e, t, c, i) {
-  return n(), a("section", st, [
-    u("div", ot, [
+}, ht = ["href"];
+function vt(r, o, e, t, c, i) {
+  return n(), a("section", ot, [
+    d("div", nt, [
       t.title ? (n(), a(
         "h2",
-        nt,
+        at,
         _(t.title),
         1
         /* TEXT */
-      )) : d("v-if", !0),
+      )) : u("v-if", !0),
       t.subtitle ? (n(), a(
         "p",
-        at,
+        rt,
         _(t.subtitle),
         1
         /* TEXT */
-      )) : d("v-if", !0),
-      d(" Tabs for tariff groups "),
-      t.groups.length > 1 ? (n(), a("div", rt, [
+      )) : u("v-if", !0),
+      u(" Tabs for tariff groups "),
+      t.groups.length > 1 ? (n(), a("div", ct, [
         (n(!0), a(
           h,
           null,
@@ -715,12 +715,12 @@ function ht(r, o, e, t, c, i) {
             key: s,
             class: k(["x-pricing__tab", { "x-pricing__tab--active": t.activeGroup === s }]),
             onClick: (l) => t.activeGroup = s
-          }, _(s), 11, ct))),
+          }, _(s), 11, it))),
           128
           /* KEYED_FRAGMENT */
         ))
-      ])) : d("v-if", !0),
-      u("div", it, [
+      ])) : u("v-if", !0),
+      d("div", lt, [
         (n(!0), a(
           h,
           null,
@@ -731,37 +731,37 @@ function ht(r, o, e, t, c, i) {
               class: k(["x-pricing-card", { "x-pricing-card--featured": l === e.featuredIndex }])
             },
             [
-              u(
+              d(
                 "h3",
-                lt,
+                _t,
                 _(s.name),
                 1
                 /* TEXT */
               ),
               s.description ? (n(), a(
                 "p",
-                _t,
+                ut,
                 _(s.description),
                 1
                 /* TEXT */
-              )) : d("v-if", !0),
-              u("div", dt, [
-                u(
+              )) : u("v-if", !0),
+              d("div", dt, [
+                d(
                   "span",
-                  ut,
+                  pt,
                   _(s.price),
                   1
                   /* TEXT */
                 ),
                 s.period ? (n(), a(
                   "span",
-                  pt,
+                  ft,
                   "/" + _(s.period),
                   1
                   /* TEXT */
-                )) : d("v-if", !0)
+                )) : u("v-if", !0)
               ]),
-              s.features?.length ? (n(), a("ul", ft, [
+              s.features?.length ? (n(), a("ul", mt, [
                 (n(!0), a(
                   h,
                   null,
@@ -775,12 +775,12 @@ function ht(r, o, e, t, c, i) {
                   128
                   /* KEYED_FRAGMENT */
                 ))
-              ])) : d("v-if", !0),
+              ])) : u("v-if", !0),
               s.actionUrl ? (n(), a("a", {
                 key: 2,
                 href: s.actionUrl,
                 class: "x-btn x-btn--primary x-pricing-card__action"
-              }, _(s.actionText || "Choose"), 9, mt)) : d("v-if", !0)
+              }, _(s.actionText || "Choose"), 9, ht)) : u("v-if", !0)
             ],
             2
             /* CLASS */
@@ -792,7 +792,7 @@ function ht(r, o, e, t, c, i) {
     ])
   ]);
 }
-const vt = /* @__PURE__ */ x(tt, [["render", ht], ["__scopeId", "data-v-bd1e5d79"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/blocks/XPricingBlock.vue"]]), yt = /* @__PURE__ */ y({
+const yt = /* @__PURE__ */ x(st, [["render", vt], ["__scopeId", "data-v-bd1e5d79"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/blocks/XPricingBlock.vue"]]), xt = /* @__PURE__ */ y({
   __name: "XContactsBlock",
   props: {
     data: { type: Object, required: !1 }
@@ -802,36 +802,36 @@ const vt = /* @__PURE__ */ x(tt, [["render", ht], ["__scopeId", "data-v-bd1e5d79
     const e = q("contacts:offices", "contacts:offices"), t = f(() => e.value || []), c = { kvOffices: e, offices: t };
     return Object.defineProperty(c, "__isScriptSetup", { enumerable: !1, value: !0 }), c;
   }
-}), xt = { class: "x-contacts" }, gt = { class: "x-contacts__container" }, kt = {
+}), gt = { class: "x-contacts" }, kt = { class: "x-contacts__container" }, bt = {
   key: 0,
   class: "x-contacts__title"
-}, bt = {
+}, $t = {
   key: 1,
   class: "x-contacts__grid"
-}, $t = { class: "x-contacts__name" }, St = {
+}, St = { class: "x-contacts__name" }, wt = {
   key: 0,
   class: "x-contacts__info"
-}, wt = {
+}, jt = {
   key: 1,
   class: "x-contacts__info"
-}, jt = ["href"], Tt = {
+}, Tt = ["href"], Ct = {
   key: 2,
   class: "x-contacts__info"
-}, Ct = ["href"], Xt = {
+}, Xt = ["href"], Bt = {
   key: 3,
   class: "x-contacts__hours"
 };
-function Bt(r, o, e, t, c, i) {
-  return n(), a("section", xt, [
-    u("div", gt, [
+function Ot(r, o, e, t, c, i) {
+  return n(), a("section", gt, [
+    d("div", kt, [
       e.data?.title ? (n(), a(
         "h2",
-        kt,
+        bt,
         _(e.data.title),
         1
         /* TEXT */
-      )) : d("v-if", !0),
-      t.offices ? (n(), a("div", bt, [
+      )) : u("v-if", !0),
+      t.offices ? (n(), a("div", $t, [
         (n(!0), a(
           h,
           null,
@@ -842,37 +842,37 @@ function Bt(r, o, e, t, c, i) {
               class: k(["x-contacts__card", { "x-contacts__card--main": s.isMain }])
             },
             [
-              u(
+              d(
                 "h3",
-                $t,
+                St,
                 _(s.name),
                 1
                 /* TEXT */
               ),
               s.address ? (n(), a(
                 "p",
-                St,
+                wt,
                 _(s.address),
                 1
                 /* TEXT */
-              )) : d("v-if", !0),
-              s.phone ? (n(), a("p", wt, [
-                u("a", {
+              )) : u("v-if", !0),
+              s.phone ? (n(), a("p", jt, [
+                d("a", {
                   href: `tel:${s.phone}`
-                }, _(s.phone), 9, jt)
-              ])) : d("v-if", !0),
-              s.email ? (n(), a("p", Tt, [
-                u("a", {
+                }, _(s.phone), 9, Tt)
+              ])) : u("v-if", !0),
+              s.email ? (n(), a("p", Ct, [
+                d("a", {
                   href: `mailto:${s.email}`
-                }, _(s.email), 9, Ct)
-              ])) : d("v-if", !0),
+                }, _(s.email), 9, Xt)
+              ])) : u("v-if", !0),
               s.hours ? (n(), a(
                 "p",
-                Xt,
+                Bt,
                 _(s.hours),
                 1
                 /* TEXT */
-              )) : d("v-if", !0)
+              )) : u("v-if", !0)
             ],
             2
             /* CLASS */
@@ -880,11 +880,11 @@ function Bt(r, o, e, t, c, i) {
           128
           /* KEYED_FRAGMENT */
         ))
-      ])) : d("v-if", !0)
+      ])) : u("v-if", !0)
     ])
   ]);
 }
-const Ot = /* @__PURE__ */ x(yt, [["render", Bt], ["__scopeId", "data-v-e873ba26"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/blocks/XContactsBlock.vue"]]), Pt = /* @__PURE__ */ y({
+const Pt = /* @__PURE__ */ x(xt, [["render", Ot], ["__scopeId", "data-v-e873ba26"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/blocks/XContactsBlock.vue"]]), It = /* @__PURE__ */ y({
   __name: "XGalleryBlock",
   props: {
     data: { type: Object, required: !0 }
@@ -894,20 +894,20 @@ const Ot = /* @__PURE__ */ x(yt, [["render", Bt], ["__scopeId", "data-v-e873ba26
     const e = {};
     return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
   }
-}), It = { class: "x-gallery-block" }, Lt = {
+}), Lt = { class: "x-gallery-block" }, Nt = {
   key: 0,
   class: "x-gallery-block__title"
-}, Nt = { class: "x-gallery-block__grid" }, At = ["src", "alt"], Et = { key: 0 };
-function Ut(r, o, e, t, c, i) {
-  return n(), a("section", It, [
+}, Et = { class: "x-gallery-block__grid" }, At = ["src", "alt"], Ut = { key: 0 };
+function Rt(r, o, e, t, c, i) {
+  return n(), a("section", Lt, [
     e.data.title ? (n(), a(
       "h2",
-      Lt,
+      Nt,
       _(e.data.title),
       1
       /* TEXT */
-    )) : d("v-if", !0),
-    u("div", Nt, [
+    )) : u("v-if", !0),
+    d("div", Et, [
       (n(!0), a(
         h,
         null,
@@ -915,18 +915,18 @@ function Ut(r, o, e, t, c, i) {
           key: l,
           class: "x-gallery-block__item"
         }, [
-          u("img", {
+          d("img", {
             src: s.src,
             alt: s.alt || "",
             loading: "lazy"
           }, null, 8, At),
           s.caption ? (n(), a(
             "figcaption",
-            Et,
+            Ut,
             _(s.caption),
             1
             /* TEXT */
-          )) : d("v-if", !0)
+          )) : u("v-if", !0)
         ]))),
         128
         /* KEYED_FRAGMENT */
@@ -934,7 +934,7 @@ function Ut(r, o, e, t, c, i) {
     ])
   ]);
 }
-const Rt = /* @__PURE__ */ x(Pt, [["render", Ut], ["__scopeId", "data-v-b99bb987"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/blocks/XGalleryBlock.vue"]]), Mt = /* @__PURE__ */ y({
+const Mt = /* @__PURE__ */ x(It, [["render", Rt], ["__scopeId", "data-v-b99bb987"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/blocks/XGalleryBlock.vue"]]), Ft = /* @__PURE__ */ y({
   __name: "XMapBlock",
   props: {
     data: { type: Object, required: !0 }
@@ -947,21 +947,21 @@ const Rt = /* @__PURE__ */ x(Pt, [["render", Ut], ["__scopeId", "data-v-b99bb987
     }), c = { props: e, mapUrl: t };
     return Object.defineProperty(c, "__isScriptSetup", { enumerable: !1, value: !0 }), c;
   }
-}), Ft = { class: "x-map-block" }, qt = {
+}), qt = { class: "x-map-block" }, Dt = {
   key: 0,
   class: "x-map-block__title"
-}, Dt = { class: "x-map-block__container" }, Ht = ["src"];
-function zt(r, o, e, t, c, i) {
-  return n(), a("section", Ft, [
+}, Ht = { class: "x-map-block__container" }, zt = ["src"];
+function Gt(r, o, e, t, c, i) {
+  return n(), a("section", qt, [
     e.data.title ? (n(), a(
       "h2",
-      qt,
+      Dt,
       _(e.data.title),
       1
       /* TEXT */
-    )) : d("v-if", !0),
-    u("div", Dt, [
-      u("iframe", {
+    )) : u("v-if", !0),
+    d("div", Ht, [
+      d("iframe", {
         src: t.mapUrl,
         width: "100%",
         height: "400",
@@ -969,11 +969,11 @@ function zt(r, o, e, t, c, i) {
         allowfullscreen: "",
         loading: "lazy",
         referrerpolicy: "no-referrer-when-downgrade"
-      }, null, 8, Ht)
+      }, null, 8, zt)
     ])
   ]);
 }
-const Gt = /* @__PURE__ */ x(Mt, [["render", zt], ["__scopeId", "data-v-583f4762"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/blocks/XMapBlock.vue"]]), Jt = /* @__PURE__ */ y({
+const Jt = /* @__PURE__ */ x(Ft, [["render", Gt], ["__scopeId", "data-v-583f4762"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/blocks/XMapBlock.vue"]]), Vt = /* @__PURE__ */ y({
   __name: "XBlockRenderer",
   props: {
     blocks: { type: Array, required: !0 }
@@ -981,14 +981,14 @@ const Gt = /* @__PURE__ */ x(Mt, [["render", zt], ["__scopeId", "data-v-583f4762
   setup(r, { expose: o }) {
     o();
     const e = r, t = {
-      hero: Ce,
-      html: Ie,
-      cards: qe,
-      "image-text": Qe,
-      pricing: vt,
-      contacts: Ot,
-      gallery: Rt,
-      map: Gt
+      hero: Xe,
+      html: Le,
+      cards: De,
+      "image-text": et,
+      pricing: yt,
+      contacts: Pt,
+      gallery: Mt,
+      map: Jt
     };
     function c(l) {
       return t[l];
@@ -996,9 +996,9 @@ const Gt = /* @__PURE__ */ x(Mt, [["render", zt], ["__scopeId", "data-v-583f4762
     const i = f(() => e.blocks.filter((l) => l.settings?.visible !== !1)), s = { props: e, blockRegistry: t, getBlockComponent: c, visibleBlocks: i };
     return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
   }
-}), Vt = { class: "x-block-renderer" };
-function Wt(r, o, e, t, c, i) {
-  return n(), a("div", Vt, [
+}), Wt = { class: "x-block-renderer" };
+function Kt(r, o, e, t, c, i) {
+  return n(), a("div", Wt, [
     (n(!0), a(
       h,
       null,
@@ -1006,12 +1006,12 @@ function Wt(r, o, e, t, c, i) {
         h,
         { key: l },
         [
-          t.getBlockComponent(s.type) ? (n(), T(R(t.getBlockComponent(s.type)), z({
+          t.getBlockComponent(s.type) ? (n(), T(R(t.getBlockComponent(s.type)), G({
             key: 0,
             data: s.data || s.props
           }, { ref_for: !0 }, s.settings, {
             class: s.settings?.className
-          }), null, 16, ["data", "class"])) : d("v-if", !0)
+          }), null, 16, ["data", "class"])) : u("v-if", !0)
         ],
         64
         /* STABLE_FRAGMENT */
@@ -1021,24 +1021,34 @@ function Wt(r, o, e, t, c, i) {
     ))
   ]);
 }
-const ss = /* @__PURE__ */ x(Jt, [["render", Wt], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/blocks/XBlockRenderer.vue"]]);
-function os() {
-  const r = w(null), o = w(!1);
+const os = /* @__PURE__ */ x(Vt, [["render", Kt], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/blocks/XBlockRenderer.vue"]]);
+function D() {
+  try {
+    return window.self !== window.top;
+  } catch {
+    return !0;
+  }
+}
+function ns(r) {
+  D() && r.beforeEach((o, e) => !e.name);
+}
+function as() {
+  const r = w(null), o = w(D());
   function e(t) {
     const c = t.data;
     c?.type === "xosen-preview-update" && c.page && (r.value = c.page, o.value = !0);
   }
   return C(() => {
-    window.addEventListener("message", e), window.parent !== window && window.parent.postMessage({ type: "xosen-preview-ready" }, "*");
-  }), A(() => {
+    window.addEventListener("message", e), o.value && window.parent.postMessage({ type: "xosen-preview-ready" }, "*");
+  }), E(() => {
     window.removeEventListener("message", e);
   }), {
     previewPage: r,
     isPreviewMode: o
   };
 }
-const Kt = /\.(js|css|png|jpg|jpeg|gif|svg|ico|woff2?|ttf|eot|webp|avif|map|json|txt|xml|webmanifest)$/;
-function Yt(r, o) {
+const Yt = /\.(js|css|png|jpg|jpeg|gif|svg|ico|woff2?|ttf|eot|webp|avif|map|json|txt|xml|webmanifest)$/;
+function Zt(r, o) {
   const t = new URL(r.url).searchParams.get("lang");
   if (t && o.supportedLocales?.includes(t)) return t;
   if (o.supportedLocales?.length) {
@@ -1048,7 +1058,7 @@ function Yt(r, o) {
   }
   return o.defaultLocale;
 }
-function Zt(r, o) {
+function Qt(r, o) {
   if (!r.pathname.startsWith("/api/content/")) return null;
   const e = decodeURIComponent(r.pathname.replace("/api/content/", ""));
   return e ? (async () => {
@@ -1070,14 +1080,14 @@ function N(r, o, e) {
   }
   return o.meta?.description && (t = t.replace(/(<meta\s+name="description"\s+content=")[^"]*(")/, `$1${o.meta.description}$2`)), o.meta?.ogTitle && (t = t.replace(/(<meta\s+property="og:title"\s+content=")[^"]*(")/, `$1${o.meta.ogTitle}$2`)), o.html && (t = t.replace('<div id="app"></div>', `<div id="app">${o.html}</div>`)), t;
 }
-function ns(r) {
+function rs(r) {
   return {
     async fetch(o, e) {
-      const t = new URL(o.url), c = Zt(t, e);
+      const t = new URL(o.url), c = Qt(t, e);
       if (c) return c;
-      if (Kt.test(t.pathname))
+      if (Yt.test(t.pathname))
         return e.ASSETS.fetch(o);
-      const i = Yt(o, r), s = new URL("/index.html", o.url);
+      const i = Zt(o, r), s = new URL("/index.html", o.url);
       let p = await (await e.ASSETS.fetch(new Request(s))).text();
       const [g, b] = await Promise.all([
         e.SITE_CONTENT.get("config"),
@@ -1101,8 +1111,8 @@ function ns(r) {
         S && (p = N(p, S, r.siteName));
       }
       t.pathname === "/" && m.home && (p = N(p, m.home, r.siteName));
-      const D = `<script>window.__SITE_DATA__ = ${JSON.stringify(O)};<\/script>`;
-      return p = p.replace("</head>", `${D}
+      const H = `<script>window.__SITE_DATA__ = ${JSON.stringify(O)};<\/script>`;
+      return p = p.replace("</head>", `${H}
 </head>`), new Response(p, {
         headers: {
           "Content-Type": "text/html;charset=utf-8",
@@ -1113,23 +1123,25 @@ function ns(r) {
   };
 }
 export {
-  ss as XBlockRenderer,
-  qe as XCardsBlock,
-  Ot as XContactsBlock,
-  Rt as XGalleryBlock,
-  Ce as XHeroBlock,
-  Ie as XHtmlBlock,
-  Qe as XImageTextBlock,
-  Z as XLocaleSwitcher,
-  Gt as XMapBlock,
-  vt as XPricingBlock,
-  ue as XSiteFooter,
-  ts as XSiteLayout,
-  ae as XSiteNav,
-  ns as createSiteWorker,
-  os as useLivePreview,
-  et as useSiteApi,
+  os as XBlockRenderer,
+  De as XCardsBlock,
+  Pt as XContactsBlock,
+  Mt as XGalleryBlock,
+  Xe as XHeroBlock,
+  Le as XHtmlBlock,
+  et as XImageTextBlock,
+  Q as XLocaleSwitcher,
+  Jt as XMapBlock,
+  yt as XPricingBlock,
+  pe as XSiteFooter,
+  ss as XSiteLayout,
+  re as XSiteNav,
+  rs as createSiteWorker,
+  D as isInPreview,
+  ns as setupPreviewRouter,
+  as as useLivePreview,
+  tt as useSiteApi,
   F as useSiteConfig,
   q as useSiteData,
-  G as useSkin
+  J as useSkin
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xosen/site-sdk",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "Shared Vue components and composables for Xosen site templates",
   "type": "module",
   "main": "./dist/index.js",

package/src/composables/useLivePreview.ts

@@ -1,4 +1,5 @@
 import { ref, onMounted, onUnmounted } from 'vue';
+import type { Router } from 'vue-router';
 
 export interface PreviewMessage {
   type: 'xosen-preview-update';
@@ -11,20 +12,37 @@ export interface PreviewMessage {
   };
 }
 
+/** Check if running inside an iframe (preview mode) */
+export function isInPreview(): boolean {
+  try {
+    return window.self !== window.top;
+  } catch {
+    return true;
+  }
+}
+
+/**
+ * Install a router guard that blocks all navigation in preview mode.
+ * Call this once during app setup (e.g. in App.vue or router config).
+ */
+export function setupPreviewRouter(router: Router) {
+  if (!isInPreview()) return;
+
+  router.beforeEach((_to, from) => {
+    // Allow initial navigation, block subsequent ones
+    if (!from.name) return true;
+    return false;
+  });
+}
+
 /**
  * Listen for live preview messages from the admin UI.
  * When the admin sends page data via postMessage, this composable
  * provides reactive access to the preview data.
- *
- * Usage in template ContentPage:
- * ```ts
- * const { previewPage } = useLivePreview();
- * // If previewPage matches current slug+locale, use it instead of KV/API data
- * ```
  */
 export function useLivePreview() {
   const previewPage = ref<PreviewMessage['page'] | null>(null);
-  const isPreviewMode = ref(false);
+  const isPreviewMode = ref(isInPreview());
 
   function handleMessage(event: MessageEvent) {
     const data = event.data;
@@ -37,7 +55,7 @@ export function useLivePreview() {
   onMounted(() => {
     window.addEventListener('message', handleMessage);
     // Notify parent that preview is ready
-    if (window.parent !== window) {
+    if (isPreviewMode.value) {
       window.parent.postMessage({ type: 'xosen-preview-ready' }, '*');
     }
   });

package/src/index.ts

@@ -22,7 +22,7 @@ export { useSiteData } from './composables/useSiteData.js';
 export { useSiteConfig } from './composables/useSiteConfig.js';
 export { useSkin } from './composables/useSkin.js';
 export { useSiteApi } from './composables/useSiteApi.js';
-export { useLivePreview } from './composables/useLivePreview.js';
+export { useLivePreview, setupPreviewRouter, isInPreview } from './composables/useLivePreview.js';
 export type { PreviewMessage } from './composables/useLivePreview.js';
 
 // Worker