@opengis/cms 0.0.51 → 0.0.52

package/dist/contentForm-C4Jp-FbQ.js

@@ -0,0 +1,586 @@
+import { defineAsyncComponent as xe, useModel as ke, ref as y, provide as $e, onMounted as Y, nextTick as D, watch as K, computed as p, createBlock as re, createCommentVNode as z, openBlock as h, unref as _, createElementBlock as b, createElementVNode as d, createTextVNode as ie, createVNode as A, defineComponent as Se, inject as Ae, getCurrentInstance as Ce, toRef as Te, withDirectives as W, toDisplayString as L, Fragment as Ve, renderList as je, normalizeClass as ae, vModelCheckbox as Fe, vShow as oe } from "vue";
+import { useRouter as ze, useRoute as Ne } from "vue-router";
+import { ExternalLink as Ee, ArrowLeft as Pe, HelpCircle as Le, Settings as Ue, Save as Be } from "lucide-vue-next";
+import { _ as Oe, a as De, V as Je, b as X, c as Me, d as Re, e as He, g as Ke } from "./getField-CKcz_b0t.js";
+import { useI18n as ne } from "vue-i18n";
+import { inputs as S, VForm as le } from "@opengis/form";
+import { notify as U } from "@opengis/core";
+import { _ as Ie } from "./CollectionsBreadcrumb.vue_vue_type_script_setup_true_lang-C-k8QGA-.js";
+const qe = [
+  {
+    key: "title",
+    label: "cms.common.title",
+    localization: !0,
+    type: "text"
+  },
+  {
+    key: "description",
+    label: "cms.common.description",
+    localization: !0,
+    type: "text"
+  },
+  {
+    key: "keywords",
+    label: "cms.common.keywords",
+    localization: !0,
+    type: "text"
+  },
+  {
+    key: "meta",
+    label: "cms.common.meta",
+    type: "key-value",
+    ignore: ["title", "description", "keywords"]
+  }
+], Ge = {
+  __name: "VsFormTags",
+  props: {
+    modelValue: { default: () => [] },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup($, { expose: i }) {
+    const C = xe(() => import("@opengis/form")), { t: w } = ne(), o = ke($, "modelValue"), g = y({}), u = y(!1);
+    $e("metaParentValue", o);
+    const f = (a) => Array.isArray(a) ? a.map((n) => typeof n == "object" && n !== null && n.id ? n.id : n) : [], T = async (a) => {
+      if (!Array.isArray(a) || a.length === 0)
+        return [];
+      try {
+        const x = await (await fetch("/api/tags")).json(), N = (x == null ? void 0 : x.rows) || [];
+        return a.map((M) => {
+          const V = N.find((R) => R.tag_id === M);
+          return V ? { id: V.tag_id, text: V.value, color: V.color } : { id: M, text: "", color: "#ababab" };
+        });
+      } catch (n) {
+        return console.error("Error fetching tags:", n), a.map((x) => ({ id: x, text: "", color: "#ababab" }));
+      }
+    };
+    Y(async () => {
+      await D(), await D(), setTimeout(() => {
+        var a;
+        if (Array.isArray((a = o.value) == null ? void 0 : a.tag_list)) {
+          const n = f(o.value.tag_list);
+          JSON.stringify(n) !== JSON.stringify(o.value.tag_list) && (o.value.tag_list = n);
+        }
+      }, 100);
+    }), K(
+      () => o.value.tag_list,
+      (a) => {
+        if (Array.isArray(a) && !u.value) {
+          const n = f(a);
+          JSON.stringify(n) !== JSON.stringify(a) && (o.value.tag_list = n);
+        }
+      },
+      { deep: !0 }
+    ), K(
+      () => o.value,
+      (a) => {
+        if (a && Array.isArray(a.tag_list) && !u.value) {
+          const n = f(a.tag_list);
+          JSON.stringify(n) !== JSON.stringify(a.tag_list) && (a.tag_list = n);
+        }
+      },
+      { deep: !0, immediate: !0 }
+    ), K(
+      () => {
+        var a;
+        return (a = o.value) == null ? void 0 : a.tag_list;
+      },
+      (a) => {
+        Array.isArray(a) && g.value && D(() => {
+          g.value && g.value.setValue && g.value.setValue("tag_list", a);
+        });
+      },
+      { deep: !0 }
+    );
+    const B = async (a) => {
+      if (a.tag_list && (a.tag_list = f(a.tag_list), o.value.tag_list = a.tag_list), await g.value.validate()) {
+        U({
+          type: "warning",
+          title: w("cms.common.actions.warning"),
+          message: w("cms.builder.editFieldFailed")
+        });
+        return;
+      }
+    };
+    i({
+      restoreTagsBeforeSubmit: async () => {
+        var a;
+        if (u.value = !0, Array.isArray((a = o.value) == null ? void 0 : a.tag_list)) {
+          const n = await T(o.value.tag_list);
+          o.value.tag_list = n;
+        }
+        setTimeout(() => {
+          u.value = !1;
+        }, 2e3);
+      }
+    });
+    const O = p(() => {
+      var a;
+      return [
+        {
+          key: "tag_list",
+          type: "select",
+          multiple: !0,
+          searchable: !1,
+          placeholder: w("cms.builder.tags"),
+          data: "tag_id",
+          value: ((a = o.value) == null ? void 0 : a.tag_list) || []
+        }
+      ];
+    });
+    return (a, n) => o.value ? (h(), re(_(C), {
+      key: 0,
+      schema: O.value,
+      modelValue: o.value,
+      "onUpdate:modelValue": [
+        n[0] || (n[0] = (x) => o.value = x),
+        B
+      ]
+    }, null, 8, ["schema", "modelValue"])) : z("", !0);
+  }
+}, Qe = { class: "flex justify-end mb-4" }, We = ["href"], Xe = ["src"], Ye = ["src"], Ze = {
+  key: 2,
+  class: "w-full h-[80vh] flex items-center justify-center text-gray-500"
+}, et = {
+  __name: "VsPreview",
+  props: {
+    preview_path: {
+      type: String,
+      default: ""
+    },
+    slug: {
+      type: String,
+      default: ""
+    }
+  },
+  setup($) {
+    const i = y(""), C = y(""), w = async () => {
+      var g, u;
+      try {
+        const T = await (await fetch("/api/settings")).json();
+        i.value = ((u = (g = T == null ? void 0 : T.settings) == null ? void 0 : g.site_info) == null ? void 0 : u.previewUrl) || "http://ip.local.softpro.ua";
+      } catch (f) {
+        console.error("Failed to fetch settings:", f), i.value = "http://ip.local.softpro.ua";
+      }
+    }, o = async () => {
+      var g;
+      try {
+        const f = await (await fetch("/user")).json();
+        C.value = (g = f == null ? void 0 : f.user) == null ? void 0 : g.draftKey;
+      } catch (u) {
+        console.error("Failed to fetch user:", u);
+      }
+    };
+    return Y(() => {
+      w(), o();
+    }), (g, u) => (h(), b("div", null, [
+      d("div", Qe, [
+        d("a", {
+          href: `${i.value}/uk/${$.preview_path}${$.slug}${C.value ? `?draftKey=${C.value}` : ""}`,
+          target: "_blank",
+          class: "inline-flex items-center gap-2 px-3 py-1.5 text-black-600 bg-white border border-blue-200 rounded hover:border-blue-300 hover:bg-blue-50 transition-colors duration-200 font-normal cursor-pointer"
+        }, [
+          u[0] || (u[0] = ie(" Переглянути на сайті ", -1)),
+          A(_(Ee), { class: "w-4 h-4" })
+        ], 8, We)
+      ]),
+      i.value && $.preview_path ? (h(), b("iframe", {
+        key: 0,
+        src: `${i.value}/uk/${$.preview_path}${$.slug}?hideHeader=true&hideFooter=true`,
+        class: "w-full h-[80vh]"
+      }, null, 8, Xe)) : i.value ? (h(), b("iframe", {
+        key: 1,
+        src: `${i.value}/uk/${$.slug}?hideHeader=true&hideFooter=true`,
+        class: "w-full h-[80vh]"
+      }, null, 8, Ye)) : (h(), b("div", Ze, " Loading preview... "))
+    ]));
+  }
+}, tt = { class: "space-y-6 mx-auto relativ max-w-[90%]" }, st = { class: "" }, at = { class: "flex items-center justify-between" }, ot = { class: "flex items-center gap-4" }, lt = { class: "text-2xl font-semibold text-gray-900 dark:text-white line-clamp-1" }, rt = ["href", "title"], it = { class: "flex items-center space-x-3" }, nt = ["title"], ct = { class: "w-full mt-6 flex items-center justify-between" }, ut = { class: "flex items-center w-full h-10 max-w-md grid-cols-3 p-1 bg-white border border-gray-200 rounded-md text-muted-foreground" }, dt = ["onClick"], mt = { class: "flex items-center gap-4" }, vt = { class: "flex items-center gap-2" }, pt = {
+  for: "is_pin",
+  class: "text-sm font-medium text-gray-700 dark:text-gray-300 cursor-pointer"
+}, ft = { class: "relative" }, gt = {
+  key: 0,
+  class: "w-3 h-3 text-white",
+  fill: "currentColor",
+  viewBox: "0 0 20 20"
+}, yt = { class: "mx-auto bg-white rounded-md p-5" }, ht = { class: "mx-auto bg-white rounded-md p-5" }, bt = {
+  key: 0,
+  class: "mx-auto bg-white rounded-md p-5"
+}, wt = {
+  key: 1,
+  class: "mx-auto bg-white rounded-md p-5"
+}, Vt = /* @__PURE__ */ Se({
+  __name: "contentForm",
+  setup($) {
+    S["vs-input-custom-datatable"] = Oe, S["vs-input-reference"] = De, S["vs-input-texteditor"] = Je, S["vs-input-mediaselect"] = X, S["vs-input-file"] = X, S["vs-input-image"] = X, S["vs-input-richtext-md"] = Me, S["vs-input-integer"] = Re, S["vs-input-relation-link"] = He;
+    const { t: i, locale: C } = ne(), w = ze(), o = Ne(), g = Ae("menu", y([])), u = y([]), f = y({}), T = y({}), B = y({}), J = y(""), O = Ce(), a = O == null ? void 0 : O.appContext, n = (a == null ? void 0 : a.config.globalProperties) || {}, x = Te(n, "$settings"), N = p(() => {
+      var e;
+      return ((e = x.value) == null ? void 0 : e.cms) || {};
+    }), M = p(() => Array.isArray(N.value.locales) ? N.value.locales : []), V = p(
+      () => M.value.filter(Boolean)
+    ), R = p(
+      () => N.value.locale || V.value[0] || "uk"
+    );
+    K(
+      x,
+      () => {
+        u.value.length && (u.value = u.value.map((e) => ({
+          ...e
+        })));
+      },
+      { deep: !0 }
+    );
+    const ce = (e) => {
+      const t = [], r = V.value.filter(
+        (l) => l !== R.value
+      );
+      return Array.isArray(e) && e.forEach((l) => {
+        t.push(l), !(!l.localization || r.length === 0) && r.forEach((s) => {
+          t.push({
+            ...l,
+            name: `${l.name}:${s}`,
+            label: `${l.label} (${s})`
+          });
+        });
+      }), t;
+    }, Z = p(() => ce(u.value)), ue = p(
+      () => Array.isArray(u.value) && u.value.some(
+        (e) => e.localization === !0 && e.name !== "title"
+      )
+    ), de = p(() => {
+      var e;
+      return (e = Z.value) == null ? void 0 : e.map(Ke);
+    }), me = p(() => {
+      C.value;
+      const e = V.value.filter(
+        (t) => t !== R.value
+      );
+      return qe.flatMap((t) => {
+        const r = {
+          ...t,
+          label: i(t.label)
+        };
+        if (!t.localization || e.length === 0)
+          return [r];
+        const l = e.map((s) => ({
+          ...t,
+          key: `${t.key}:${s}`,
+          label: `${i(t.label)} (${s})`,
+          localization: !1
+        }));
+        return [r, ...l];
+      });
+    }), k = y({}), m = y({
+      title: "",
+      status: "draft"
+    }), I = y(null), q = p(
+      () => {
+        var e;
+        return (((e = m.value) == null ? void 0 : e.type) || I.value) === "single";
+      }
+    ), ve = p(() => {
+      const e = [
+        { id: "content", name: i("cms.builder.content") },
+        { id: "seo", name: i("cms.builder.seo") },
+        { id: "tags", name: i("cms.builder.tags") }
+      ];
+      return J.value && e.push({ id: "preview", name: i("cms.builder.preview") }), e;
+    }), E = y("content"), pe = p(() => {
+      var t, r, l, s;
+      const e = ((t = o.params) == null ? void 0 : t.collection) || ((r = o.params) == null ? void 0 : r.id);
+      return ((s = (l = g.value) == null ? void 0 : l.find((v) => v.id === e)) == null ? void 0 : s.title) || e;
+    }), fe = p(() => {
+      var t, r;
+      const e = q.value ? "cms.builder.editPage" : "cms.builder.editCollection";
+      return ((t = m.value) == null ? void 0 : t.title) || ((r = o.params) != null && r.id ? i(e) : i("cms.articles.createArticle"));
+    }), ge = p(() => {
+      var l, s, v;
+      const e = ((l = o.params) == null ? void 0 : l.collection) || ((s = o.params) == null ? void 0 : s.id), t = (v = o.params) == null ? void 0 : v.id, r = [
+        {
+          label: pe.value,
+          route: `collections/${e}`
+        }
+      ];
+      return t ? r.push({
+        label: fe.value,
+        route: `collections/${e}/${t}`
+      }) : r.push({
+        label: i("cms.articles.createArticle"),
+        route: `collections/${e}/create`
+      }), r;
+    }), ye = (e) => {
+      e === "collections" ? w.push("/collections") : w.push(`/${e}`);
+    }, ee = async (e, t) => {
+      var r;
+      try {
+        if (!t || !e)
+          return;
+        const l = await fetch(`/api/cms/${e}/${t}`);
+        if (!l.ok)
+          throw new Error("Failed to fetch article");
+        const s = await l.json();
+        if (u.value = (s == null ? void 0 : s.columns) || [], s != null && s.preview_path && (J.value = s == null ? void 0 : s.preview_path), I.value = (s == null ? void 0 : s.type) || null, s.rows) {
+          let v = s.rows;
+          Array.isArray(v) || (v = [v]), m.value = v[0], await D(), (r = v[0]) != null && r.meta ? k.value = { ...v[0].meta } : k.value = {
+            title: "",
+            description: "",
+            keywords: "",
+            meta: {}
+          };
+        } else
+          m.value = s, await D(), s != null && s.meta ? (k.value = {
+            title: s.meta.title || "",
+            description: s.meta.description || "",
+            keywords: s.meta.keywords || "",
+            meta: { ...s.meta }
+          }, delete k.value.meta.title, delete k.value.meta.description, delete k.value.meta.keywords) : k.value = {
+            title: "",
+            description: "",
+            keywords: "",
+            meta: {}
+          };
+      } catch (l) {
+        console.error("Error fetching article:", l);
+      }
+    };
+    Y(async () => {
+      var s, v;
+      const e = (s = o.params) == null ? void 0 : s.collection, t = (v = o.params) == null ? void 0 : v.id, r = e || t, l = e && t ? t : void 0;
+      if (!l) {
+        if (!r)
+          return;
+        const c = await (await fetch(`/api/cms/${r}/`)).json();
+        u.value = c.columns, I.value = (c == null ? void 0 : c.type) || null;
+      }
+      await ee(r, l ?? "");
+    });
+    const te = p({
+      get: () => {
+        var e;
+        return ((e = m.value) == null ? void 0 : e.is_pin) || !1;
+      },
+      set: (e) => {
+        m.value && (m.value.is_pin = e);
+      }
+    }), he = () => {
+      m.value && (m.value.is_pin = !m.value.is_pin);
+    }, G = p(() => {
+      var t;
+      const e = (t = m.value) == null ? void 0 : t.content_type_id;
+      return e ? `/collections/${e}/edit` : null;
+    }), be = () => {
+      G.value && w.push(G.value);
+    }, we = async () => {
+      var l, s;
+      const e = (l = o.params) == null ? void 0 : l.collection, t = (s = o.params) == null ? void 0 : s.id;
+      (await fetch(
+        `/api/cms-translate?id=${t}&collection=${e}&to=en&nocache=1`
+      )).ok ? (U({
+        title: i("cms.collections.translateContentSuccess"),
+        message: i("cms.collections.translateContentSuccess"),
+        type: "success"
+      }), await ee(e, t)) : U({
+        title: i("cms.collections.translateContentError"),
+        message: i("cms.collections.translateContentError"),
+        type: "error"
+      });
+    }, _e = async (e) => {
+      var P, c, Q, se;
+      const t = (P = o.params) == null ? void 0 : P.collection, r = (c = o.params) == null ? void 0 : c.id, l = await f.value.validate();
+      if (l) {
+        U({
+          title: i("cms.validation"),
+          message: JSON.stringify(l),
+          type: "warning"
+        });
+        return;
+      }
+      (Q = B.value) != null && Q.restoreTagsBeforeSubmit && await B.value.restoreTagsBeforeSubmit();
+      const s = k.value || {}, v = {
+        ...m.value,
+        meta: {
+          ...s,
+          ...s.meta || {}
+        }
+      };
+      console.log("Payload before submit:", v);
+      try {
+        const F = await fetch(`/api/cms/${t}/${r || ""}`, {
+          method: r ? "PUT" : "POST",
+          headers: {
+            "Content-Type": "application/json"
+          },
+          body: JSON.stringify(v)
+        });
+        if (!F.ok) {
+          let j;
+          try {
+            const H = await F.json();
+            j = JSON.stringify(H, null, 2);
+          } catch {
+            j = await F.text();
+          }
+          throw new Error(`HTTP ${F.status}: ${j}`);
+        }
+        if (!r)
+          try {
+            const j = await F.json(), H = j.id || ((se = j.data) == null ? void 0 : se.id);
+            H && o.name === "createArticle" && await w.push(`/collections/${t}/${H}`);
+          } catch (j) {
+            console.warn("Could not parse response to get ID:", j);
+          }
+        U({
+          title: i("cms.common.success"),
+          message: i("cms.common.successMessage"),
+          type: "success"
+        });
+      } catch (F) {
+        console.error("Submit error:", F), U({
+          title: i("cms.common.error"),
+          message: "Помилка збереження",
+          type: "error"
+        });
+      }
+    };
+    return (e, t) => {
+      var r, l, s, v, P;
+      return h(), b("div", tt, [
+        d("div", st, [
+          A(Ie, {
+            items: ge.value,
+            onNavigate: ye
+          }, null, 8, ["items"]),
+          d("div", at, [
+            d("div", ot, [
+              d("button", {
+                onClick: t[0] || (t[0] = (c) => _(w).back()),
+                class: "p-2 text-gray-500 rounded-full hover:text-gray-900 dark:text-gray-400 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-700"
+              }, [
+                A(_(Pe), { class: "w-5 h-5" })
+              ]),
+              d("h1", lt, L(e.$t(
+                q.value ? "cms.builder.editPage" : "cms.builder.editCollection"
+              )) + ' "' + L(m.value.title) + '" ', 1),
+              d("a", {
+                href: `https://cms.opengis.info/${_(C)}/guides/content/`,
+                target: "_blank",
+                title: e.$t("cms.guide.content")
+              }, [
+                A(_(Le), { class: "w-5 h-5" })
+              ], 8, rt)
+            ]),
+            d("div", it, [
+              G.value && q.value ? (h(), b("button", {
+                key: 0,
+                onClick: be,
+                type: "button",
+                title: e.$t("cms.builder.editContentType"),
+                class: "inline-flex items-center justify-center rounded-md h-9 w-9 border border-gray-200 bg-white text-gray-700 shadow-sm transition-all duration-200 transform hover:text-gray-900 hover:shadow-md focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+                "aria-label": "$t('cms.builder.editContentType')"
+              }, [
+                A(_(Ue), { class: "w-4 h-4" })
+              ], 8, nt)) : z("", !0),
+              d("button", {
+                onClick: _e,
+                type: "submit",
+                class: "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium h-9 px-4 py-2 bg-blue-600 text-white shadow-md transition-all duration-200 transform hover:bg-blue-700 hover:shadow-lg hover:scale-105 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"
+              }, [
+                A(_(Be), { class: "w-4 h-4 mr-2" }),
+                ie(" " + L(e.$t("cms.builder.save")), 1)
+              ])
+            ])
+          ]),
+          d("div", ct, [
+            d("div", ut, [
+              (h(!0), b(Ve, null, je(ve.value, (c) => (h(), b("button", {
+                key: c.id,
+                onClick: (Q) => {
+                  E.value = c.id, console.log("cmsSettings:", N.value.value);
+                },
+                class: ae([
+                  "inline-flex flex-1 items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm data-[state=active]:bg-blue-50 data-[state=active]:text-blue-700 data-[state=active]:border-blue-200",
+                  c.id === E.value ? "bg-blue-50 text-blue-700 border-blue-200" : ""
+                ])
+              }, L(c.name), 11, dt))), 128))
+            ]),
+            d("div", mt, [
+              (r = _(o).params) != null && r.id && ue.value ? (h(), b("button", {
+                key: 0,
+                class: "text-sm font-medium text-gray-700 dark:text-gray-300 cursor-pointer bg-white border border-gray-200 rounded-md text-muted-foreground px-4 py-2",
+                onClick: we
+              }, L(e.$t("cms.collections.enLocalization")), 1)) : z("", !0),
+              d("div", vt, [
+                d("label", pt, L(e.$t("cms.collections.pinPublication")), 1),
+                d("div", ft, [
+                  W(d("input", {
+                    type: "checkbox",
+                    id: "is_pin",
+                    "onUpdate:modelValue": t[1] || (t[1] = (c) => te.value = c),
+                    class: "sr-only"
+                  }, null, 512), [
+                    [Fe, te.value]
+                  ]),
+                  d("div", {
+                    class: ae([
+                      "w-5 h-5 border-2 rounded transition-all duration-200 cursor-pointer flex items-center justify-center",
+                      (l = m.value) != null && l.is_pin ? "bg-sky-600 border-sky-600" : "bg-white border-gray-300 hover:border-sky-400 dark:bg-gray-700 dark:border-gray-600 dark:hover:border-sky-400"
+                    ]),
+                    onClick: he
+                  }, [
+                    (s = m.value) != null && s.is_pin ? (h(), b("svg", gt, [...t[7] || (t[7] = [
+                      d("path", {
+                        "fill-rule": "evenodd",
+                        d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
+                        "clip-rule": "evenodd"
+                      }, null, -1)
+                    ])])) : z("", !0)
+                  ], 2)
+                ])
+              ])
+            ])
+          ])
+        ]),
+        W(d("div", yt, [
+          (v = Z.value) != null && v.length ? (h(), re(_(le), {
+            key: 0,
+            modelValue: m.value,
+            "onUpdate:modelValue": t[2] || (t[2] = (c) => m.value = c),
+            schema: de.value,
+            form: f.value,
+            "onUpdate:form": t[3] || (t[3] = (c) => f.value = c)
+          }, null, 8, ["modelValue", "schema", "form"])) : z("", !0)
+        ], 512), [
+          [oe, E.value === "content"]
+        ]),
+        W(d("div", ht, [
+          A(_(le), {
+            schema: me.value,
+            values: k.value,
+            "onUpdate:values": t[4] || (t[4] = (c) => k.value = c),
+            form: T.value,
+            "onUpdate:form": t[5] || (t[5] = (c) => T.value = c)
+          }, null, 8, ["schema", "values", "form"])
+        ], 512), [
+          [oe, E.value === "seo"]
+        ]),
+        E.value === "tags" ? (h(), b("div", bt, [
+          A(Ge, {
+            ref_key: "tagsForm",
+            ref: B,
+            modelValue: m.value,
+            "onUpdate:modelValue": t[6] || (t[6] = (c) => m.value = c)
+          }, null, 8, ["modelValue"])
+        ])) : z("", !0),
+        E.value === "preview" ? (h(), b("div", wt, [
+          A(et, {
+            slug: (P = m.value) == null ? void 0 : P.slug,
+            preview_path: J.value
+          }, null, 8, ["slug", "preview_path"])
+        ])) : z("", !0)
+      ]);
+    };
+  }
+});
+export {
+  Vt as default
+};