@bagelink/blox 1.15.174 → 1.15.176

package/dist/{PreviewApp-Dz003khp.cjs → PreviewApp-B8EmNfyH.cjs}

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const PreviewApp_vue_vue_type_style_index_0_lang = require("./PreviewApp.vue_vue_type_style_index_0_lang-BNKK7Vhs.cjs");
+const PreviewApp_vue_vue_type_style_index_0_lang = require("./PreviewApp.vue_vue_type_style_index_0_lang-CPBuld3j.cjs");
 exports.default = PreviewApp_vue_vue_type_style_index_0_lang._sfc_main;

package/dist/{PreviewApp-CsC6qej1.js → PreviewApp-DdkAQqw2.js}

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "./PreviewApp.vue_vue_type_style_index_0_lang-C1SwhjdY.js";
+import { _ as _sfc_main } from "./PreviewApp.vue_vue_type_style_index_0_lang-1JKQVLm2.js";
 export {
   _sfc_main as default
 };

package/dist/{PreviewApp.vue_vue_type_style_index_0_lang-C1SwhjdY.js → PreviewApp.vue_vue_type_style_index_0_lang-1JKQVLm2.js}

@@ -1,5 +1,5 @@
 import { defineComponent, inject, ref, h, provide, onMounted, onUnmounted, openBlock, createElementBlock, createVNode, unref, nextTick } from "vue";
-import { B as BLOX_REGISTRY_KEY, g as globalRefOf, G as GlobalBlockHost, u as useLocale } from "./core-CbOrSpOU.js";
+import { B as BLOX_REGISTRY_KEY, g as globalRefOf, G as GlobalBlockHost, u as useLocale } from "./core-Bp2bf8e4.js";
 function sendToEditor(msg) {
   window.parent.postMessage(msg, "*");
 }

package/dist/{PreviewApp.vue_vue_type_style_index_0_lang-BNKK7Vhs.cjs → PreviewApp.vue_vue_type_style_index_0_lang-CPBuld3j.cjs}

@@ -1,6 +1,6 @@
 "use strict";
 const vue = require("vue");
-const core = require("./core-fPjj9xyJ.cjs");
+const core = require("./core-KRHc4Bob.cjs");
 function sendToEditor(msg) {
   window.parent.postMessage(msg, "*");
 }

package/dist/components/BloxRouterView.vue.d.ts

@@ -0,0 +1,18 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        fallback?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=BloxRouterView.vue.d.ts.map

package/dist/components/BloxRouterView.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BloxRouterView.vue.d.ts","sourceRoot":"","sources":["../../src/components/BloxRouterView.vue"],"names":[],"mappings":"AA4BA,iBAAS,cAAc;WAqDT,OAAO,IAA6B;;0BAVnB,GAAG;;;;EAejC;AAOD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,+QAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/composables/useData.d.ts

@@ -0,0 +1,22 @@
+import { MaybeRefOrGetter, Ref } from 'vue';
+import { BLOX_DATA_WINDOW_KEY } from '../ssg/constants';
+export { BLOX_DATA_WINDOW_KEY };
+export interface UseDataOptions<T> {
+    default?: T | (() => T);
+}
+export interface UseDataResult<T> {
+    data: Ref<T>;
+    pending: Ref<boolean>;
+    error: Ref<Error | null>;
+    refresh: () => Promise<void>;
+}
+/**
+ * Unified async data loader for Blox marketing apps (Nuxt-like `useAsyncData`).
+ *
+ * - **SSR/SSG**: `onServerPrefetch` awaits the fetcher; results land in `globalThis.__BLOX_DATA__`
+ *   and are embedded into the HTML by the SSG renderer.
+ * - **Client hydrate**: reads `window.__BLOX_DATA__[key]` synchronously (no refetch).
+ * - **SPA**: fetches on cache miss; re-runs when `key` changes.
+ */
+export declare function useData<T>(key: MaybeRefOrGetter<string>, handler: () => Promise<T>, opts?: UseDataOptions<T>): UseDataResult<T>;
+//# sourceMappingURL=useData.d.ts.map

package/dist/composables/useData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useData.d.ts","sourceRoot":"","sources":["../../src/composables/useData.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,gBAAgB,EACrB,KAAK,GAAG,EAKR,MAAM,KAAK,CAAA;AACZ,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAEvD,OAAO,EAAE,oBAAoB,EAAE,CAAA;AAE/B,MAAM,WAAW,cAAc,CAAC,CAAC;IAChC,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAA;CACvB;AAED,MAAM,WAAW,aAAa,CAAC,CAAC;IAC/B,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,CAAA;IACZ,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACrB,KAAK,EAAE,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAA;IACxB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CAC5B;AA0BD;;;;;;;GAOG;AACH,wBAAgB,OAAO,CAAC,CAAC,EACxB,GAAG,EAAE,gBAAgB,CAAC,MAAM,CAAC,EAC7B,OAAO,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,EACzB,IAAI,GAAE,cAAc,CAAC,CAAC,CAAM,GAC1B,aAAa,CAAC,CAAC,CAAC,CAuClB"}

package/dist/composables/useLocaleNav.d.ts

@@ -5,10 +5,18 @@
  *   using `currentAlternates[targetLocale]` when set (e.g. legal pages with
  *   per-locale paths). Falls back to the current URL slug, then home.
  * - `toPath(slug)` — returns the locale-aware path for any slug.
+ * - `availableLocales` — locales this page can switch to (CMS alternates when
+ *   set; otherwise all strategy locales).
+ * - `detect(path)` — strip locale prefix from a path → `{ locale, slug }`.
  */
 export declare function useLocaleNav(): {
     switchLocale: (targetLocale: string) => void;
     toPath: (slug: string) => string;
     locale: import('vue').Ref<string, string>;
+    availableLocales: import('vue').ComputedRef<string[]>;
+    detect: (path: string) => {
+        locale: string;
+        slug: string;
+    };
 };
 //# sourceMappingURL=useLocaleNav.d.ts.map

package/dist/composables/useLocaleNav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLocaleNav.d.ts","sourceRoot":"","sources":["../../src/composables/useLocaleNav.ts"],"names":[],"mappings":"AAMA;;;;;;;GAOG;AACH,wBAAgB,YAAY;iCAKS,MAAM;mBAkBpB,MAAM,KAAG,MAAM;;EAQrC"}
+{"version":3,"file":"useLocaleNav.d.ts","sourceRoot":"","sources":["../../src/composables/useLocaleNav.ts"],"names":[],"mappings":"AAMA;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY;iCAYS,MAAM;mBAkBpB,MAAM,KAAG,MAAM;;;mBAOf,MAAM;;;;EAO5B"}

package/dist/composables/useSeo.d.ts

@@ -0,0 +1,20 @@
+import { MaybeRefOrGetter } from 'vue';
+export interface SeoInput {
+    title?: string;
+    description?: string;
+    image?: string;
+    /** Bare default-locale paths per locale code (e.g. `{ en: '/legal/x', es: '/legal/y' }`). */
+    alternates?: Record<string, string>;
+}
+export type SeoGetter = MaybeRefOrGetter<SeoInput | null | undefined>;
+/**
+ * Declare page SEO from a block / detail view.
+ *
+ * - **Client**: updates `document.title` + basic meta tags.
+ * - **SSR/SSG**: writes `globalThis.__BLOX_PAGE_SEO__` so the prerenderer can
+ *   embed title/description/og/hreflang into `<head>`.
+ */
+export declare function useSeo(getter: SeoGetter): void;
+/** Read the SEO payload written by `useSeo` during the current SSR render. */
+export declare function consumePageSeo(): SeoInput | null;
+//# sourceMappingURL=useSeo.d.ts.map

package/dist/composables/useSeo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSeo.d.ts","sourceRoot":"","sources":["../../src/composables/useSeo.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,gBAAgB,EAMrB,MAAM,KAAK,CAAA;AAGZ,MAAM,WAAW,QAAQ;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6FAA6F;IAC7F,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACnC;AAED,MAAM,MAAM,SAAS,GAAG,gBAAgB,CAAC,QAAQ,GAAG,IAAI,GAAG,SAAS,CAAC,CAAA;AA4CrE;;;;;;GAMG;AACH,wBAAgB,MAAM,CAAC,MAAM,EAAE,SAAS,GAAG,IAAI,CAuB9C;AAED,8EAA8E;AAC9E,wBAAgB,cAAc,IAAI,QAAQ,GAAG,IAAI,CAKhD"}

package/dist/content/ContentDetailHost.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=ContentDetailHost.vue.d.ts.map

package/dist/content/ContentDetailHost.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentDetailHost.vue.d.ts","sourceRoot":"","sources":["../../src/content/ContentDetailHost.vue"],"names":[],"mappings":";AAoIA,wBAKG"}

package/dist/content/defineContent.d.ts

@@ -0,0 +1,22 @@
+import { Component } from 'vue';
+import { Router } from 'vue-router';
+export interface ContentRouteDef {
+    /** Stable vue-router name for default-locale links `{ name, params:{ slug } }`. */
+    name: string;
+    /** Datastore collection. */
+    collection: string;
+    /** Bare (default-locale) route pattern with a `:slug` param. */
+    route: string;
+    /** Optional detail component; falls back to a minimal placeholder. */
+    component?: Component;
+}
+/** Register data-powered detail collections (call once at app init, before createBloxApp). */
+export declare function defineContent(defs: ContentRouteDef[]): void;
+/** Snapshot of the content registry (used by prerender helpers / tests). */
+export declare function contentRoutes(): readonly ContentRouteDef[];
+/**
+ * Add locale-aware named routes for every `defineContent` entry.
+ * Must run **before** the CMS catch-all.
+ */
+export declare function registerContentRoutesOnRouter(router: Router, locales: readonly string[], defaultLocale: string): void;
+//# sourceMappingURL=defineContent.d.ts.map

package/dist/content/defineContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defineContent.d.ts","sourceRoot":"","sources":["../../src/content/defineContent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AACpC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAIxC,MAAM,WAAW,eAAe;IAC/B,mFAAmF;IACnF,IAAI,EAAE,MAAM,CAAA;IACZ,4BAA4B;IAC5B,UAAU,EAAE,MAAM,CAAA;IAClB,gEAAgE;IAChE,KAAK,EAAE,MAAM,CAAA;IACb,sEAAsE;IACtE,SAAS,CAAC,EAAE,SAAS,CAAA;CACrB;AAID,8FAA8F;AAC9F,wBAAgB,aAAa,CAAC,IAAI,EAAE,eAAe,EAAE,GAAG,IAAI,CAG3D;AAED,4EAA4E;AAC5E,wBAAgB,aAAa,IAAI,SAAS,eAAe,EAAE,CAE1D;AAED;;;GAGG;AACH,wBAAgB,6BAA6B,CAC5C,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,SAAS,MAAM,EAAE,EAC1B,aAAa,EAAE,MAAM,GACnB,IAAI,CAeN"}

package/dist/content/useContentItem.d.ts

@@ -0,0 +1,6 @@
+import { InjectionKey, Ref } from 'vue';
+export type ContentItem = Record<string, any>;
+export declare const BLOX_CONTENT_ITEM_KEY: InjectionKey<Ref<ContentItem | null>>;
+/** Active content-route entity (provided by `ContentDetailHost`). */
+export declare function useContentItem<T extends ContentItem = ContentItem>(): Ref<T | null>;
+//# sourceMappingURL=useContentItem.d.ts.map

package/dist/content/useContentItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContentItem.d.ts","sourceRoot":"","sources":["../../src/content/useContentItem.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAG5C,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;AAE7C,eAAO,MAAM,qBAAqB,EAAE,YAAY,CAAC,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAA+B,CAAA;AAEvG,qEAAqE;AACrE,wBAAgB,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,KAAK,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,CAEnF"}

package/dist/content/useContentSeo.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'vue';
+import { SeoGetter } from '../composables/useSeo';
+import { ContentItem } from './useContentItem';
+/**
+ * `useSeo` plus hreflang alternates from the entity's `available_locales`.
+ * Alternate values are the current bare path (locale prefix stripped); SSG
+ * head prefixes non-default locales with `/xx`.
+ */
+export declare function useContentSeo(item: Ref<ContentItem | null | undefined>, getter: SeoGetter): void;
+//# sourceMappingURL=useContentSeo.d.ts.map

package/dist/content/useContentSeo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContentSeo.d.ts","sourceRoot":"","sources":["../../src/content/useContentSeo.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAG9B,OAAO,EAAU,KAAK,SAAS,EAAiB,MAAM,uBAAuB,CAAA;AAE7E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAEnD;;;;GAIG;AACH,wBAAgB,aAAa,CAC5B,IAAI,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC,EACzC,MAAM,EAAE,SAAS,GACf,IAAI,CAqBN"}

package/dist/{core-CbOrSpOU.js → core-Bp2bf8e4.js}

@@ -1,8 +1,8 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { BLOX_WEBSITE_ID_WINDOW_KEY, BLOX_STATE_WINDOW_KEY } from "./ssg/client.mjs";
-import { inject, computed, ref, defineComponent, onMounted, unref, openBlock, createBlock, Teleport, createElementBlock, createElementVNode, createCommentVNode, onUnmounted, watch, h, provide, resolveComponent, createVNode, toDisplayString, withCtx, createTextVNode, Fragment, useAttrs, mergeProps, renderSlot, normalizeProps } from "vue";
+import { BLOX_WEBSITE_ID_WINDOW_KEY, BLOX_STATE_WINDOW_KEY, BLOX_DATA_WINDOW_KEY } from "./ssg/client.mjs";
+import { inject, computed, ref, defineComponent, onMounted, unref, openBlock, createBlock, Teleport, createElementBlock, createElementVNode, createCommentVNode, onUnmounted, watch, h, provide, resolveComponent, createVNode, toDisplayString, withCtx, createTextVNode, Fragment, onServerPrefetch, toValue, useAttrs, mergeProps, renderSlot, normalizeProps, resolveDynamicComponent } from "vue";
 import { useRoute, useRouter, RouterLink } from "vue-router";
 import { getI18n, Loading } from "@bagelink/vue";
 const BASE = "/api";
@@ -115,11 +115,11 @@ function useBloxEdit(configOverride) {
   }
   return { config, enabled, showEdit, studioBaseUrl, editUrl, enable, dismiss, init };
 }
-const _hoisted_1$2 = {
+const _hoisted_1$3 = {
   key: 0,
   class: "blox-admin-bar"
 };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "AdminEditBar",
   props: {
     websiteId: {},
@@ -138,7 +138,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         key: 0,
         to: "body"
       }, [
-        unref(showEdit) && __props.websiteId && __props.pageId ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
+        unref(showEdit) && __props.websiteId && __props.pageId ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
           createElementVNode("button", {
             type: "button",
             class: "blox-admin-btn",
@@ -260,11 +260,11 @@ const PageRenderer = defineComponent({
     }
   },
   setup(props) {
-    const registry = inject(BLOX_REGISTRY_KEY, {});
+    const registry2 = inject(BLOX_REGISTRY_KEY, {});
     return () => h(
       "div",
       props.blocks.flatMap((block, i) => {
-        const definition = registry[block.type];
+        const definition = registry2[block.type];
         if (!definition) return [];
         const ref2 = globalRefOf(block);
         if (ref2) {
@@ -283,7 +283,7 @@ const PageRenderer = defineComponent({
     );
   }
 });
-const _hoisted_1$1 = {
+const _hoisted_1$2 = {
   key: 0,
   class: "blox-loading flex column h-100vh justify-content-center"
 };
@@ -299,7 +299,7 @@ const _hoisted_4 = {
   key: 0,
   class: "blox-nav-progress"
 };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "CmsPageView",
   setup(__props) {
     const route = useRoute();
@@ -399,7 +399,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_RouterLink = resolveComponent("RouterLink");
       return openBlock(), createElementBlock("div", null, [
-        initialLoading.value && blocks.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+        initialLoading.value && blocks.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
           createVNode(unref(Loading))
         ])) : notFound.value ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
           _cache[0] || (_cache[0] = createElementVNode("h2", null, "404", -1)),
@@ -414,7 +414,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           navigating.value ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("", true),
           createVNode(unref(PageRenderer), { blocks: blocks.value }, null, 8, ["blocks"])
         ], 64)),
-        unref(adminConfig) ? (openBlock(), createBlock(_sfc_main$2, {
+        unref(adminConfig) ? (openBlock(), createBlock(_sfc_main$3, {
           key: 4,
           "website-id": websiteId.value,
           "page-id": currentPageId.value
@@ -509,9 +509,80 @@ function installSmartLinks(router) {
   document.addEventListener("click", onClick);
   return () => document.removeEventListener("click", onClick);
 }
-const _hoisted_1 = ["href"];
+function isServer() {
+  try {
+    if (false) ;
+  } catch {
+  }
+  return typeof window === "undefined";
+}
+function readPayload() {
+  const root = typeof window !== "undefined" ? window : globalThis;
+  const existing = root[BLOX_DATA_WINDOW_KEY];
+  if (existing && typeof existing === "object" && !Array.isArray(existing)) {
+    return existing;
+  }
+  const fresh = {};
+  root[BLOX_DATA_WINDOW_KEY] = fresh;
+  return fresh;
+}
+function resolveDefault(opts) {
+  if (typeof opts.default === "function") return opts.default();
+  return opts.default;
+}
+function useData(key, handler, opts = {}) {
+  const data = ref(resolveDefault(opts));
+  const pending = ref(false);
+  const error = ref(null);
+  async function refresh() {
+    const k = toValue(key);
+    pending.value = true;
+    error.value = null;
+    try {
+      const result = await handler();
+      data.value = result;
+      readPayload()[k] = result;
+    } catch (e) {
+      error.value = e instanceof Error ? e : new Error(String(e));
+    } finally {
+      pending.value = false;
+    }
+  }
+  function hydrateFromPayload() {
+    const k = toValue(key);
+    const payload = readPayload();
+    if (!Object.prototype.hasOwnProperty.call(payload, k)) return false;
+    data.value = payload[k];
+    return true;
+  }
+  if (isServer()) {
+    onServerPrefetch(() => refresh());
+  } else if (!hydrateFromPayload()) {
+    void refresh();
+  }
+  watch(() => toValue(key), () => {
+    if (!hydrateFromPayload()) void refresh();
+  });
+  return { data, pending, error, refresh };
+}
+function withLocaleRoutes(path, component, locales, defaultLocale) {
+  const normalized = path.startsWith("/") ? path : `/${path}`;
+  const others = locales.filter((l) => l && l !== defaultLocale);
+  const localePattern = others.join("|");
+  const routes = [
+    { path: normalized, component }
+  ];
+  if (localePattern) {
+    routes.push({
+      path: `/:locale(${localePattern})${normalized}`,
+      component
+    });
+  }
+  return routes;
+}
+const _hoisted_1$1 = ["href"];
 const _hoisted_2 = ["href"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "LocaleRouterLink",
   props: {
@@ -546,7 +617,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         rel: "noopener noreferrer"
       }), [
         renderSlot(_ctx.$slots, "default")
-      ], 16, _hoisted_1)) : resolved.value.kind === "special" ? (openBlock(), createElementBlock("a", mergeProps({ key: 1 }, unref(attrs), {
+      ], 16, _hoisted_1$1)) : resolved.value.kind === "special" ? (openBlock(), createElementBlock("a", mergeProps({ key: 1 }, unref(attrs), {
         href: resolved.value.href
       }), [
         renderSlot(_ctx.$slots, "default")
@@ -559,6 +630,77 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const BLOX_CONTENT_ITEM_KEY = Symbol("blox-content-item");
+function useContentItem() {
+  return inject(BLOX_CONTENT_ITEM_KEY, null) ?? ref(null);
+}
+const _hoisted_1 = {
+  key: 1,
+  class: "blox-content-detail"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ContentDetailHost",
+  setup(__props) {
+    const route = useRoute();
+    const { locale: locale2 } = useLocale();
+    const def = computed(() => route.meta.contentDef);
+    const slug = computed(() => String(route.params.slug ?? ""));
+    const { data: item } = useData(
+      () => {
+        var _a;
+        return `content:${((_a = def.value) == null ? void 0 : _a.collection) ?? ""}:${slug.value}:${locale2.value}`;
+      },
+      async () => {
+        var _a, _b;
+        const collection = (_a = def.value) == null ? void 0 : _a.collection;
+        const s = slug.value;
+        if (!collection || !s) return null;
+        const escaped = s.replace(/"/g, '\\"');
+        const page = await listItems(collection, {
+          locale: locale2.value,
+          q: `slug eq "${escaped}"`,
+          limit: 1
+        });
+        return ((_b = page.items) == null ? void 0 : _b[0]) ?? null;
+      },
+      { default: null }
+    );
+    provide(BLOX_CONTENT_ITEM_KEY, item);
+    const Detail = computed(() => {
+      var _a;
+      return (_a = def.value) == null ? void 0 : _a.component;
+    });
+    return (_ctx, _cache) => {
+      return Detail.value ? (openBlock(), createBlock(resolveDynamicComponent(Detail.value), { key: 0 })) : unref(item) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("pre", null, toDisplayString(unref(item)), 1)
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+const registry = [];
+function defineContent(defs) {
+  registry.length = 0;
+  registry.push(...defs);
+}
+function contentRoutes() {
+  return registry;
+}
+function registerContentRoutesOnRouter(router, locales, defaultLocale) {
+  for (const def of registry) {
+    const routes = withLocaleRoutes(def.route, _sfc_main, locales, defaultLocale);
+    routes.forEach((r, i) => {
+      router.addRoute({
+        ...r,
+        // Only the default-locale path gets the stable name.
+        name: i === 0 ? def.name : void 0,
+        meta: {
+          ...r.meta ?? {},
+          contentDef: def
+        }
+      });
+    });
+  }
+}
 function createPathStrategy(options) {
   const { defaultLocale, supportedLocales } = options;
   let _currentLocale = defaultLocale;
@@ -756,10 +898,15 @@ class BloxInstance {
     }
     router.addRoute({
       path: "/_blox_preview",
-      component: () => import("./PreviewApp-CsC6qej1.js"),
+      component: () => import("./PreviewApp-DdkAQqw2.js"),
       beforeEnter: () => window.parent !== window ? true : "/"
     });
-    router.addRoute({ path: "/:pathMatch(.*)*", component: _sfc_main$1 });
+    registerContentRoutesOnRouter(
+      router,
+      this._config.supportedLocales,
+      this._config.defaultLocale
+    );
+    router.addRoute({ path: "/:pathMatch(.*)*", component: _sfc_main$2 });
     this._routeRegistered = true;
     return this;
   }
@@ -790,7 +937,7 @@ class BloxInstance {
     app.provide(BLOX_CONFIG_KEY, this._config);
     app.provide(BLOX_LOCALE_STRATEGY_KEY, this._strategy);
     if (this._adminEdit) app.provide(BLOX_ADMIN_CONFIG_KEY, this._adminEdit);
-    app._context.components.RouterLink = _sfc_main;
+    app._context.components.RouterLink = _sfc_main$1;
   }
 }
 function isBlockDefinition(value) {
@@ -807,31 +954,38 @@ function createBlox(options) {
   return instance;
 }
 export {
+  useBloxEdit as A,
   BLOX_REGISTRY_KEY as B,
+  useContentItem as C,
+  useData as D,
+  withLocaleRoutes as E,
   GlobalBlockHost as G,
   PageRenderer as P,
-  _sfc_main$2 as _,
+  _sfc_main$3 as _,
   BLOX_LOCALE_STRATEGY_KEY as a,
   BLOX_ADMIN_CONFIG_KEY as b,
   createBlox as c,
   BLOX_CONFIG_KEY as d,
-  BLOX_GLOBAL_RESOLVER_KEY as e,
-  BloxInstance as f,
+  BLOX_CONTENT_ITEM_KEY as e,
+  BLOX_GLOBAL_RESOLVER_KEY as f,
   globalRefOf as g,
-  _sfc_main$1 as h,
+  BloxInstance as h,
   installSmartLinks as i,
-  GLOBAL_REF_KEY as j,
-  classifyLink as k,
-  configureApi as l,
-  getWebsiteId as m,
+  _sfc_main$2 as j,
+  GLOBAL_REF_KEY as k,
+  _sfc_main$1 as l,
+  classifyLink as m,
   normalizeLink as n,
-  getWebsiteIdSync as o,
-  isAbsoluteExternal as p,
-  isSpecialScheme as q,
-  listItems as r,
-  normalizeTo as s,
-  resolvePath as t,
+  configureApi as o,
+  contentRoutes as p,
+  defineContent as q,
+  getWebsiteId as r,
+  getWebsiteIdSync as s,
+  isAbsoluteExternal as t,
   useLocale as u,
-  toInternalPath as v,
-  useBloxEdit as w
+  isSpecialScheme as v,
+  listItems as w,
+  normalizeTo as x,
+  resolvePath as y,
+  toInternalPath as z
 };