@storyblok/vue 6.1.0 → 6.3.0

package/dist/storyblok-vue.mjs

@@ -1,407 +1,561 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a2, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a2, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a2, prop, b[prop]);
+import { defineComponent as P, openBlock as j, createBlock as x, resolveDynamicComponent as A, normalizeProps as C, guardReactiveProps as M, ref as N, onMounted as I } from "vue";
+import q from "axios";
+var L = Object.defineProperty, z = Object.defineProperties, B = Object.getOwnPropertyDescriptors, v = Object.getOwnPropertySymbols, D = Object.prototype.hasOwnProperty, U = Object.prototype.propertyIsEnumerable, b = (n, t, e) => t in n ? L(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e, h = (n, t) => {
+  for (var e in t || (t = {}))
+    D.call(t, e) && b(n, e, t[e]);
+  if (v)
+    for (var e of v(t))
+      U.call(t, e) && b(n, e, t[e]);
+  return n;
+}, y = (n, t) => z(n, B(t));
+let _ = !1;
+const T = [], V = (n) => new Promise((t, e) => {
+  if (typeof window > "u" || (window.storyblokRegisterEvent = (s) => {
+    if (window.location === window.parent.location) {
+      console.warn("You are not in Draft Mode or in the Visual Editor.");
+      return;
     }
-  return a2;
-};
-import { defineComponent, openBlock, createBlock, resolveDynamicComponent, normalizeProps, guardReactiveProps, ref, onMounted } from "vue";
-import e from "axios";
-var __defProp2 = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
-var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues2 = (a2, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp2.call(b, prop))
-      __defNormalProp2(a2, prop, b[prop]);
-  if (__getOwnPropSymbols2)
-    for (var prop of __getOwnPropSymbols2(b)) {
-      if (__propIsEnum2.call(b, prop))
-        __defNormalProp2(a2, prop, b[prop]);
+    _ ? s() : T.push(s);
+  }, document.getElementById("storyblok-javascript-bridge")))
+    return;
+  const r = document.createElement("script");
+  r.async = !0, r.src = n, r.id = "storyblok-javascript-bridge", r.onerror = (s) => e(s), r.onload = (s) => {
+    T.forEach((o) => o()), _ = !0, t(s);
+  }, document.getElementsByTagName("head")[0].appendChild(r);
+}), H = function(n, t) {
+  if (!n)
+    return null;
+  let e = {};
+  for (let r in n) {
+    let s = n[r];
+    t.indexOf(r) > -1 && s !== null && (e[r] = s);
+  }
+  return e;
+}, J = (n) => n === "email";
+var Y = {
+  nodes: {
+    horizontal_rule() {
+      return {
+        singleTag: "hr"
+      };
+    },
+    blockquote() {
+      return {
+        tag: "blockquote"
+      };
+    },
+    bullet_list() {
+      return {
+        tag: "ul"
+      };
+    },
+    code_block(n) {
+      return {
+        tag: [
+          "pre",
+          {
+            tag: "code",
+            attrs: n.attrs
+          }
+        ]
+      };
+    },
+    hard_break() {
+      return {
+        singleTag: "br"
+      };
+    },
+    heading(n) {
+      return {
+        tag: `h${n.attrs.level}`
+      };
+    },
+    image(n) {
+      return {
+        singleTag: [
+          {
+            tag: "img",
+            attrs: H(n.attrs, ["src", "alt", "title"])
+          }
+        ]
+      };
+    },
+    list_item() {
+      return {
+        tag: "li"
+      };
+    },
+    ordered_list() {
+      return {
+        tag: "ol"
+      };
+    },
+    paragraph() {
+      return {
+        tag: "p"
+      };
+    }
+  },
+  marks: {
+    bold() {
+      return {
+        tag: "b"
+      };
+    },
+    strike() {
+      return {
+        tag: "strike"
+      };
+    },
+    underline() {
+      return {
+        tag: "u"
+      };
+    },
+    strong() {
+      return {
+        tag: "strong"
+      };
+    },
+    code() {
+      return {
+        tag: "code"
+      };
+    },
+    italic() {
+      return {
+        tag: "i"
+      };
+    },
+    link(n) {
+      const t = h({}, n.attrs), { linktype: e = "url" } = n.attrs;
+      return J(e) && (t.href = `mailto:${t.href}`), t.anchor && (t.href = `${t.href}#${t.anchor}`, delete t.anchor), {
+        tag: [
+          {
+            tag: "a",
+            attrs: t
+          }
+        ]
+      };
+    },
+    styled(n) {
+      return {
+        tag: [
+          {
+            tag: "span",
+            attrs: n.attrs
+          }
+        ]
+      };
     }
-  return a2;
+  }
 };
-var __spreadProps = (a2, b) => __defProps(a2, __getOwnPropDescs(b));
-let loaded = false;
-const callbacks = [];
-const loadBridge = (src) => {
-  return new Promise((resolve, reject) => {
-    if (typeof window === "undefined")
-      return;
-    window.storyblokRegisterEvent = (cb) => {
-      if (window.location === window.parent.location) {
-        console.warn("You are not in Draft Mode or in the Visual Editor.");
-        return;
-      }
-      if (!loaded)
-        callbacks.push(cb);
-      else
-        cb();
-    };
-    if (document.getElementById("storyblok-javascript-bridge"))
-      return;
-    const script = document.createElement("script");
-    script.async = true;
-    script.src = src;
-    script.id = "storyblok-javascript-bridge";
-    script.onerror = (error) => reject(error);
-    script.onload = (ev) => {
-      callbacks.forEach((cb) => cb());
-      loaded = true;
-      resolve(ev);
-    };
-    document.getElementsByTagName("head")[0].appendChild(script);
-  });
+const F = function(n) {
+  const t = {
+    "&": "&",
+    "<": "&lt;",
+    ">": "&gt;",
+    '"': "&quot;",
+    "'": "&#39;"
+  }, e = /[&<>"']/g, r = RegExp(e.source);
+  return n && r.test(n) ? n.replace(e, (s) => t[s]) : n;
 };
+class R {
+  constructor(t) {
+    t || (t = Y), this.marks = t.marks || [], this.nodes = t.nodes || [];
+  }
+  addNode(t, e) {
+    this.nodes[t] = e;
+  }
+  addMark(t, e) {
+    this.marks[t] = e;
+  }
+  render(t = {}) {
+    if (t.content && Array.isArray(t.content)) {
+      let e = "";
+      return t.content.forEach((r) => {
+        e += this.renderNode(r);
+      }), e;
+    }
+    return console.warn("The render method must receive an object with a content field, which is an array"), "";
+  }
+  renderNode(t) {
+    let e = [];
+    t.marks && t.marks.forEach((s) => {
+      const o = this.getMatchingMark(s);
+      o && e.push(this.renderOpeningTag(o.tag));
+    });
+    const r = this.getMatchingNode(t);
+    return r && r.tag && e.push(this.renderOpeningTag(r.tag)), t.content ? t.content.forEach((s) => {
+      e.push(this.renderNode(s));
+    }) : t.text ? e.push(F(t.text)) : r && r.singleTag ? e.push(this.renderTag(r.singleTag, " /")) : r && r.html && e.push(r.html), r && r.tag && e.push(this.renderClosingTag(r.tag)), t.marks && t.marks.slice(0).reverse().forEach((s) => {
+      const o = this.getMatchingMark(s);
+      o && e.push(this.renderClosingTag(o.tag));
+    }), e.join("");
+  }
+  renderTag(t, e) {
+    return t.constructor === String ? `<${t}${e}>` : t.map((s) => {
+      if (s.constructor === String)
+        return `<${s}${e}>`;
+      {
+        let o = `<${s.tag}`;
+        if (s.attrs)
+          for (let a in s.attrs) {
+            let i = s.attrs[a];
+            i !== null && (o += ` ${a}="${i}"`);
+          }
+        return `${o}${e}>`;
+      }
+    }).join("");
+  }
+  renderOpeningTag(t) {
+    return this.renderTag(t, "");
+  }
+  renderClosingTag(t) {
+    return t.constructor === String ? `</${t}>` : t.slice(0).reverse().map((r) => r.constructor === String ? `</${r}>` : `</${r.tag}>`).join("");
+  }
+  getMatchingNode(t) {
+    if (typeof this.nodes[t.type] == "function")
+      return this.nodes[t.type](t);
+  }
+  getMatchingMark(t) {
+    if (typeof this.marks[t.type] == "function")
+      return this.marks[t.type](t);
+  }
+}
 /*!
  * storyblok-js-client v4.5.2
  * Universal JavaScript SDK for Storyblok's API
  * (c) 2020-2022 Stobylok Team
  */
-function t(e2) {
-  return typeof e2 == "number" && (e2 == e2 && e2 !== 1 / 0 && e2 !== -1 / 0);
+function w(n) {
+  return typeof n == "number" && n == n && n !== 1 / 0 && n !== -1 / 0;
 }
-function s(e2, s2, r2) {
-  if (!t(s2))
+function $(n, t, e) {
+  if (!w(t))
     throw new TypeError("Expected `limit` to be a finite number");
-  if (!t(r2))
+  if (!w(e))
     throw new TypeError("Expected `interval` to be a finite number");
-  var i2 = [], n2 = [], o2 = 0, a2 = function() {
-    o2++;
-    var t2 = setTimeout(function() {
-      o2--, i2.length > 0 && a2(), n2 = n2.filter(function(e3) {
-        return e3 !== t2;
+  var r = [], s = [], o = 0, a = function() {
+    o++;
+    var c = setTimeout(function() {
+      o--, r.length > 0 && a(), s = s.filter(function(u) {
+        return u !== c;
       });
-    }, r2);
-    n2.indexOf(t2) < 0 && n2.push(t2);
-    var s3 = i2.shift();
-    s3.resolve(e2.apply(s3.self, s3.args));
-  }, l2 = function() {
-    var e3 = arguments, t2 = this;
-    return new Promise(function(r3, n3) {
-      i2.push({ resolve: r3, reject: n3, args: e3, self: t2 }), o2 < s2 && a2();
+    }, e);
+    s.indexOf(c) < 0 && s.push(c);
+    var l = r.shift();
+    l.resolve(n.apply(l.self, l.args));
+  }, i = function() {
+    var c = arguments, l = this;
+    return new Promise(function(u, p) {
+      r.push({ resolve: u, reject: p, args: c, self: l }), o < t && a();
     });
   };
-  return l2.abort = function() {
-    n2.forEach(clearTimeout), n2 = [], i2.forEach(function(e3) {
-      e3.reject(new throttle.AbortError());
-    }), i2.length = 0;
-  }, l2;
+  return i.abort = function() {
+    s.forEach(clearTimeout), s = [], r.forEach(function(c) {
+      c.reject(new throttle.AbortError());
+    }), r.length = 0;
+  }, i;
 }
-s.AbortError = function() {
+$.AbortError = function() {
   Error.call(this, "Throttled function aborted"), this.name = "AbortError";
 };
-const r = function(e2, t2) {
-  if (!e2)
+const K = function(n, t) {
+  if (!n)
     return null;
-  let s2 = {};
-  for (let r2 in e2) {
-    let i2 = e2[r2];
-    t2.indexOf(r2) > -1 && i2 !== null && (s2[r2] = i2);
+  let e = {};
+  for (let r in n) {
+    let s = n[r];
+    t.indexOf(r) > -1 && s !== null && (e[r] = s);
   }
-  return s2;
+  return e;
 };
-var i = { nodes: { horizontal_rule: () => ({ singleTag: "hr" }), blockquote: () => ({ tag: "blockquote" }), bullet_list: () => ({ tag: "ul" }), code_block: (e2) => ({ tag: ["pre", { tag: "code", attrs: e2.attrs }] }), hard_break: () => ({ singleTag: "br" }), heading: (e2) => ({ tag: `h${e2.attrs.level}` }), image: (e2) => ({ singleTag: [{ tag: "img", attrs: r(e2.attrs, ["src", "alt", "title"]) }] }), list_item: () => ({ tag: "li" }), ordered_list: () => ({ tag: "ol" }), paragraph: () => ({ tag: "p" }) }, marks: { bold: () => ({ tag: "b" }), strike: () => ({ tag: "strike" }), underline: () => ({ tag: "u" }), strong: () => ({ tag: "strong" }), code: () => ({ tag: "code" }), italic: () => ({ tag: "i" }), link(e2) {
-  const t2 = __spreadValues2({}, e2.attrs), { linktype: s2 = "url" } = e2.attrs;
-  return s2 === "email" && (t2.href = `mailto:${t2.href}`), t2.anchor && (t2.href = `${t2.href}#${t2.anchor}`, delete t2.anchor), { tag: [{ tag: "a", attrs: t2 }] };
-}, styled: (e2) => ({ tag: [{ tag: "span", attrs: e2.attrs }] }) } };
-class n {
-  constructor(e2) {
-    e2 || (e2 = i), this.marks = e2.marks || [], this.nodes = e2.nodes || [];
-  }
-  addNode(e2, t2) {
-    this.nodes[e2] = t2;
-  }
-  addMark(e2, t2) {
-    this.marks[e2] = t2;
-  }
-  render(e2 = {}) {
-    if (e2.content && Array.isArray(e2.content)) {
-      let t2 = "";
-      return e2.content.forEach((e3) => {
-        t2 += this.renderNode(e3);
-      }), t2;
+var G = { nodes: { horizontal_rule: () => ({ singleTag: "hr" }), blockquote: () => ({ tag: "blockquote" }), bullet_list: () => ({ tag: "ul" }), code_block: (n) => ({ tag: ["pre", { tag: "code", attrs: n.attrs }] }), hard_break: () => ({ singleTag: "br" }), heading: (n) => ({ tag: `h${n.attrs.level}` }), image: (n) => ({ singleTag: [{ tag: "img", attrs: K(n.attrs, ["src", "alt", "title"]) }] }), list_item: () => ({ tag: "li" }), ordered_list: () => ({ tag: "ol" }), paragraph: () => ({ tag: "p" }) }, marks: { bold: () => ({ tag: "b" }), strike: () => ({ tag: "strike" }), underline: () => ({ tag: "u" }), strong: () => ({ tag: "strong" }), code: () => ({ tag: "code" }), italic: () => ({ tag: "i" }), link(n) {
+  const t = h({}, n.attrs), { linktype: e = "url" } = n.attrs;
+  return e === "email" && (t.href = `mailto:${t.href}`), t.anchor && (t.href = `${t.href}#${t.anchor}`, delete t.anchor), { tag: [{ tag: "a", attrs: t }] };
+}, styled: (n) => ({ tag: [{ tag: "span", attrs: n.attrs }] }) } };
+class Q {
+  constructor(t) {
+    t || (t = G), this.marks = t.marks || [], this.nodes = t.nodes || [];
+  }
+  addNode(t, e) {
+    this.nodes[t] = e;
+  }
+  addMark(t, e) {
+    this.marks[t] = e;
+  }
+  render(t = {}) {
+    if (t.content && Array.isArray(t.content)) {
+      let e = "";
+      return t.content.forEach((r) => {
+        e += this.renderNode(r);
+      }), e;
     }
     return console.warn("The render method must receive an object with a content field, which is an array"), "";
   }
-  renderNode(e2) {
-    let t2 = [];
-    e2.marks && e2.marks.forEach((e3) => {
-      const s3 = this.getMatchingMark(e3);
-      s3 && t2.push(this.renderOpeningTag(s3.tag));
+  renderNode(t) {
+    let e = [];
+    t.marks && t.marks.forEach((s) => {
+      const o = this.getMatchingMark(s);
+      o && e.push(this.renderOpeningTag(o.tag));
     });
-    const s2 = this.getMatchingNode(e2);
-    return s2 && s2.tag && t2.push(this.renderOpeningTag(s2.tag)), e2.content ? e2.content.forEach((e3) => {
-      t2.push(this.renderNode(e3));
-    }) : e2.text ? t2.push(function(e3) {
-      const t3 = { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" }, s3 = /[&<>"']/g, r2 = RegExp(s3.source);
-      return e3 && r2.test(e3) ? e3.replace(s3, (e4) => t3[e4]) : e3;
-    }(e2.text)) : s2 && s2.singleTag ? t2.push(this.renderTag(s2.singleTag, " /")) : s2 && s2.html && t2.push(s2.html), s2 && s2.tag && t2.push(this.renderClosingTag(s2.tag)), e2.marks && e2.marks.slice(0).reverse().forEach((e3) => {
-      const s3 = this.getMatchingMark(e3);
-      s3 && t2.push(this.renderClosingTag(s3.tag));
-    }), t2.join("");
-  }
-  renderTag(e2, t2) {
-    if (e2.constructor === String)
-      return `<${e2}${t2}>`;
-    return e2.map((e3) => {
-      if (e3.constructor === String)
-        return `<${e3}${t2}>`;
+    const r = this.getMatchingNode(t);
+    return r && r.tag && e.push(this.renderOpeningTag(r.tag)), t.content ? t.content.forEach((s) => {
+      e.push(this.renderNode(s));
+    }) : t.text ? e.push(function(s) {
+      const o = { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" }, a = /[&<>"']/g, i = RegExp(a.source);
+      return s && i.test(s) ? s.replace(a, (c) => o[c]) : s;
+    }(t.text)) : r && r.singleTag ? e.push(this.renderTag(r.singleTag, " /")) : r && r.html && e.push(r.html), r && r.tag && e.push(this.renderClosingTag(r.tag)), t.marks && t.marks.slice(0).reverse().forEach((s) => {
+      const o = this.getMatchingMark(s);
+      o && e.push(this.renderClosingTag(o.tag));
+    }), e.join("");
+  }
+  renderTag(t, e) {
+    return t.constructor === String ? `<${t}${e}>` : t.map((r) => {
+      if (r.constructor === String)
+        return `<${r}${e}>`;
       {
-        let s2 = `<${e3.tag}`;
-        if (e3.attrs)
-          for (let t3 in e3.attrs) {
-            let r2 = e3.attrs[t3];
-            r2 !== null && (s2 += ` ${t3}="${r2}"`);
+        let s = `<${r.tag}`;
+        if (r.attrs)
+          for (let o in r.attrs) {
+            let a = r.attrs[o];
+            a !== null && (s += ` ${o}="${a}"`);
           }
-        return `${s2}${t2}>`;
+        return `${s}${e}>`;
       }
     }).join("");
   }
-  renderOpeningTag(e2) {
-    return this.renderTag(e2, "");
+  renderOpeningTag(t) {
+    return this.renderTag(t, "");
   }
-  renderClosingTag(e2) {
-    if (e2.constructor === String)
-      return `</${e2}>`;
-    return e2.slice(0).reverse().map((e3) => e3.constructor === String ? `</${e3}>` : `</${e3.tag}>`).join("");
+  renderClosingTag(t) {
+    return t.constructor === String ? `</${t}>` : t.slice(0).reverse().map((e) => e.constructor === String ? `</${e}>` : `</${e.tag}>`).join("");
   }
-  getMatchingNode(e2) {
-    if (typeof this.nodes[e2.type] == "function")
-      return this.nodes[e2.type](e2);
+  getMatchingNode(t) {
+    if (typeof this.nodes[t.type] == "function")
+      return this.nodes[t.type](t);
   }
-  getMatchingMark(e2) {
-    if (typeof this.marks[e2.type] == "function")
-      return this.marks[e2.type](e2);
+  getMatchingMark(t) {
+    if (typeof this.marks[t.type] == "function")
+      return this.marks[t.type](t);
   }
 }
-const o = (e2 = 0, t2 = e2) => {
-  const s2 = Math.abs(t2 - e2) || 0, r2 = e2 < t2 ? 1 : -1;
-  return ((e3 = 0, t3) => [...Array(e3)].map(t3))(s2, (t3, s3) => s3 * r2 + e2);
-}, a = (e2, t2, s2) => {
-  const r2 = [];
-  for (const i2 in e2) {
-    if (!Object.prototype.hasOwnProperty.call(e2, i2))
+const W = (n = 0, t = n) => {
+  const e = Math.abs(t - n) || 0, r = n < t ? 1 : -1;
+  return ((s = 0, o) => [...Array(s)].map(o))(e, (s, o) => o * r + n);
+}, k = (n, t, e) => {
+  const r = [];
+  for (const s in n) {
+    if (!Object.prototype.hasOwnProperty.call(n, s))
       continue;
-    const n2 = e2[i2], o2 = s2 ? "" : encodeURIComponent(i2);
-    let l2;
-    l2 = typeof n2 == "object" ? a(n2, t2 ? t2 + encodeURIComponent("[" + o2 + "]") : o2, Array.isArray(n2)) : (t2 ? t2 + encodeURIComponent("[" + o2 + "]") : o2) + "=" + encodeURIComponent(n2), r2.push(l2);
+    const o = n[s], a = e ? "" : encodeURIComponent(s);
+    let i;
+    i = typeof o == "object" ? k(o, t ? t + encodeURIComponent("[" + a + "]") : a, Array.isArray(o)) : (t ? t + encodeURIComponent("[" + a + "]") : a) + "=" + encodeURIComponent(o), r.push(i);
   }
-  return r2.join("&");
+  return r.join("&");
 };
-let l = {}, c = {};
-class h {
-  constructor(t2, r2) {
-    if (!r2) {
-      let e2 = t2.region ? `-${t2.region}` : "", s2 = t2.https === false ? "http" : "https";
-      r2 = t2.oauthToken === void 0 ? `${s2}://api${e2}.storyblok.com/v2` : `${s2}://api${e2}.storyblok.com/v1`;
+let f = {}, d = {};
+class X {
+  constructor(t, e) {
+    if (!e) {
+      let o = t.region ? `-${t.region}` : "", a = t.https === !1 ? "http" : "https";
+      e = t.oauthToken === void 0 ? `${a}://api${o}.storyblok.com/v2` : `${a}://api${o}.storyblok.com/v1`;
     }
-    let i2 = Object.assign({}, t2.headers), o2 = 5;
-    t2.oauthToken !== void 0 && (i2.Authorization = t2.oauthToken, o2 = 3), t2.rateLimit !== void 0 && (o2 = t2.rateLimit), this.richTextResolver = new n(t2.richTextSchema), typeof t2.componentResolver == "function" && this.setComponentResolver(t2.componentResolver), this.maxRetries = t2.maxRetries || 5, this.throttle = s(this.throttledRequest, o2, 1e3), this.accessToken = t2.accessToken, this.relations = {}, this.links = {}, this.cache = t2.cache || { clear: "manual" }, this.client = e.create({ baseURL: r2, timeout: t2.timeout || 0, headers: i2, proxy: t2.proxy || false }), t2.responseInterceptor && this.client.interceptors.response.use((e2) => t2.responseInterceptor(e2)), this.resolveNestedRelations = t2.resolveNestedRelations || true;
-  }
-  setComponentResolver(e2) {
-    this.richTextResolver.addNode("blok", (t2) => {
-      let s2 = "";
-      return t2.attrs.body.forEach((t3) => {
-        s2 += e2(t3.component, t3);
-      }), { html: s2 };
+    let r = Object.assign({}, t.headers), s = 5;
+    t.oauthToken !== void 0 && (r.Authorization = t.oauthToken, s = 3), t.rateLimit !== void 0 && (s = t.rateLimit), this.richTextResolver = new Q(t.richTextSchema), typeof t.componentResolver == "function" && this.setComponentResolver(t.componentResolver), this.maxRetries = t.maxRetries || 5, this.throttle = $(this.throttledRequest, s, 1e3), this.accessToken = t.accessToken, this.relations = {}, this.links = {}, this.cache = t.cache || { clear: "manual" }, this.client = q.create({ baseURL: e, timeout: t.timeout || 0, headers: r, proxy: t.proxy || !1 }), t.responseInterceptor && this.client.interceptors.response.use((o) => t.responseInterceptor(o)), this.resolveNestedRelations = t.resolveNestedRelations || !0;
+  }
+  setComponentResolver(t) {
+    this.richTextResolver.addNode("blok", (e) => {
+      let r = "";
+      return e.attrs.body.forEach((s) => {
+        r += t(s.component, s);
+      }), { html: r };
     });
   }
-  parseParams(e2 = {}) {
-    return e2.version || (e2.version = "published"), e2.token || (e2.token = this.getToken()), e2.cv || (e2.cv = c[e2.token]), Array.isArray(e2.resolve_relations) && (e2.resolve_relations = e2.resolve_relations.join(",")), e2;
+  parseParams(t = {}) {
+    return t.version || (t.version = "published"), t.token || (t.token = this.getToken()), t.cv || (t.cv = d[t.token]), Array.isArray(t.resolve_relations) && (t.resolve_relations = t.resolve_relations.join(",")), t;
   }
-  factoryParamOptions(e2, t2 = {}) {
-    return ((e3 = "") => e3.indexOf("/cdn/") > -1)(e2) ? this.parseParams(t2) : t2;
+  factoryParamOptions(t, e = {}) {
+    return ((r = "") => r.indexOf("/cdn/") > -1)(t) ? this.parseParams(e) : e;
   }
-  makeRequest(e2, t2, s2, r2) {
-    const i2 = this.factoryParamOptions(e2, ((e3 = {}, t3 = 25, s3 = 1) => __spreadProps(__spreadValues2({}, e3), { per_page: t3, page: s3 }))(t2, s2, r2));
-    return this.cacheResponse(e2, i2);
+  makeRequest(t, e, r, s) {
+    const o = this.factoryParamOptions(t, ((a = {}, i = 25, c = 1) => y(h({}, a), { per_page: i, page: c }))(e, r, s));
+    return this.cacheResponse(t, o);
   }
-  get(e2, t2) {
-    let s2 = `/${e2}`;
-    const r2 = this.factoryParamOptions(s2, t2);
-    return this.cacheResponse(s2, r2);
+  get(t, e) {
+    let r = `/${t}`;
+    const s = this.factoryParamOptions(r, e);
+    return this.cacheResponse(r, s);
   }
-  async getAll(e2, t2 = {}, s2) {
-    const r2 = t2.per_page || 25, i2 = `/${e2}`, n2 = i2.split("/");
-    s2 = s2 || n2[n2.length - 1];
-    const a2 = await this.makeRequest(i2, t2, r2, 1), l2 = Math.ceil(a2.total / r2);
-    return ((e3 = [], t3) => e3.map(t3).reduce((e4, t4) => [...e4, ...t4], []))([a2, ...await (async (e3 = [], t3) => Promise.all(e3.map(t3)))(o(1, l2), async (e3) => this.makeRequest(i2, t2, r2, e3 + 1))], (e3) => Object.values(e3.data[s2]));
+  async getAll(t, e = {}, r) {
+    const s = e.per_page || 25, o = `/${t}`, a = o.split("/");
+    r = r || a[a.length - 1];
+    const i = await this.makeRequest(o, e, s, 1), c = Math.ceil(i.total / s);
+    return ((l = [], u) => l.map(u).reduce((p, S) => [...p, ...S], []))([i, ...await (async (l = [], u) => Promise.all(l.map(u)))(W(1, c), async (l) => this.makeRequest(o, e, s, l + 1))], (l) => Object.values(l.data[r]));
   }
-  post(e2, t2) {
-    let s2 = `/${e2}`;
-    return this.throttle("post", s2, t2);
+  post(t, e) {
+    let r = `/${t}`;
+    return this.throttle("post", r, e);
   }
-  put(e2, t2) {
-    let s2 = `/${e2}`;
-    return this.throttle("put", s2, t2);
+  put(t, e) {
+    let r = `/${t}`;
+    return this.throttle("put", r, e);
   }
-  delete(e2, t2) {
-    let s2 = `/${e2}`;
-    return this.throttle("delete", s2, t2);
+  delete(t, e) {
+    let r = `/${t}`;
+    return this.throttle("delete", r, e);
   }
-  getStories(e2) {
-    return this.get("cdn/stories", e2);
+  getStories(t) {
+    return this.get("cdn/stories", t);
   }
-  getStory(e2, t2) {
-    return this.get(`cdn/stories/${e2}`, t2);
+  getStory(t, e) {
+    return this.get(`cdn/stories/${t}`, e);
   }
-  setToken(e2) {
-    this.accessToken = e2;
+  setToken(t) {
+    this.accessToken = t;
   }
   getToken() {
     return this.accessToken;
   }
-  _cleanCopy(e2) {
-    return JSON.parse(JSON.stringify(e2));
-  }
-  _insertLinks(e2, t2) {
-    const s2 = e2[t2];
-    s2 && s2.fieldtype == "multilink" && s2.linktype == "story" && typeof s2.id == "string" && this.links[s2.id] ? s2.story = this._cleanCopy(this.links[s2.id]) : s2 && s2.linktype === "story" && typeof s2.uuid == "string" && this.links[s2.uuid] && (s2.story = this._cleanCopy(this.links[s2.uuid]));
-  }
-  _insertRelations(e2, t2, s2) {
-    if (s2.indexOf(e2.component + "." + t2) > -1) {
-      if (typeof e2[t2] == "string")
-        this.relations[e2[t2]] && (e2[t2] = this._cleanCopy(this.relations[e2[t2]]));
-      else if (e2[t2].constructor === Array) {
-        let s3 = [];
-        e2[t2].forEach((e3) => {
-          this.relations[e3] && s3.push(this._cleanCopy(this.relations[e3]));
-        }), e2[t2] = s3;
+  _cleanCopy(t) {
+    return JSON.parse(JSON.stringify(t));
+  }
+  _insertLinks(t, e) {
+    const r = t[e];
+    r && r.fieldtype == "multilink" && r.linktype == "story" && typeof r.id == "string" && this.links[r.id] ? r.story = this._cleanCopy(this.links[r.id]) : r && r.linktype === "story" && typeof r.uuid == "string" && this.links[r.uuid] && (r.story = this._cleanCopy(this.links[r.uuid]));
+  }
+  _insertRelations(t, e, r) {
+    if (r.indexOf(t.component + "." + e) > -1) {
+      if (typeof t[e] == "string")
+        this.relations[t[e]] && (t[e] = this._cleanCopy(this.relations[t[e]]));
+      else if (t[e].constructor === Array) {
+        let s = [];
+        t[e].forEach((o) => {
+          this.relations[o] && s.push(this._cleanCopy(this.relations[o]));
+        }), t[e] = s;
       }
     }
   }
-  _insertAssetsRelations(e2, t2) {
-    t2.forEach((t3) => {
-      e2.id === t3.id && (e2.original = t3, e2.original.filename = e2.filename, e2.original.filename = e2.original.filename.includes("https://s3.amazonaws.com/") ? e2.original.filename : e2.original.filename.replace("https://", "https://s3.amazonaws.com/"), delete e2.original.s3_filename);
+  _insertAssetsRelations(t, e) {
+    e.forEach((r) => {
+      t.id === r.id && (t.original = r, t.original.filename = t.filename, t.original.filename = t.original.filename.includes("https://s3.amazonaws.com/") ? t.original.filename : t.original.filename.replace("https://", "https://s3.amazonaws.com/"), delete t.original.s3_filename);
     });
   }
-  iterateTree(e2, t2) {
-    let s2 = (e3) => {
-      if (e3 != null) {
-        if (e3.constructor === Array)
-          for (let t3 = 0; t3 < e3.length; t3++)
-            s2(e3[t3]);
-        else if (e3.constructor === Object) {
-          if (e3._stopResolving)
+  iterateTree(t, e) {
+    let r = (s) => {
+      if (s != null) {
+        if (s.constructor === Array)
+          for (let o = 0; o < s.length; o++)
+            r(s[o]);
+        else if (s.constructor === Object) {
+          if (s._stopResolving)
             return;
-          for (let r2 in e3)
-            e3.component && e3._uid || e3.type === "link" ? (this._insertRelations(e3, r2, t2), this._insertLinks(e3, r2)) : e3.fieldtype === "asset" && this._insertAssetsRelations(e3, t2), s2(e3[r2]);
+          for (let o in s)
+            s.component && s._uid || s.type === "link" ? (this._insertRelations(s, o, e), this._insertLinks(s, o)) : "id" in s && s.fieldtype === "asset" && this._insertAssetsRelations(s, e), r(s[o]);
         }
       }
     };
-    s2(e2.content);
-  }
-  async resolveLinks(e2, t2) {
-    let s2 = [];
-    if (e2.link_uuids) {
-      const r2 = e2.link_uuids.length;
-      let i2 = [];
-      const n2 = 50;
-      for (let t3 = 0; t3 < r2; t3 += n2) {
-        const s3 = Math.min(r2, t3 + n2);
-        i2.push(e2.link_uuids.slice(t3, s3));
+    r(t.content);
+  }
+  async resolveLinks(t, e) {
+    let r = [];
+    if (t.link_uuids) {
+      const s = t.link_uuids.length;
+      let o = [];
+      const a = 50;
+      for (let i = 0; i < s; i += a) {
+        const c = Math.min(s, i + a);
+        o.push(t.link_uuids.slice(i, c));
       }
-      for (let e3 = 0; e3 < i2.length; e3++) {
-        (await this.getStories({ per_page: n2, language: t2.language, version: t2.version, by_uuids: i2[e3].join(",") })).data.stories.forEach((e4) => {
-          s2.push(e4);
+      for (let i = 0; i < o.length; i++)
+        (await this.getStories({ per_page: a, language: e.language, version: e.version, by_uuids: o[i].join(",") })).data.stories.forEach((c) => {
+          r.push(c);
         });
-      }
     } else
-      s2 = e2.links;
-    s2.forEach((e3) => {
-      this.links[e3.uuid] = __spreadProps(__spreadValues2({}, e3), { _stopResolving: true });
+      r = t.links;
+    r.forEach((s) => {
+      this.links[s.uuid] = y(h({}, s), { _stopResolving: !0 });
     });
   }
-  async resolveRelations(e2, t2) {
-    let s2 = [];
-    if (e2.rel_uuids) {
-      const r2 = e2.rel_uuids.length;
-      let i2 = [];
-      const n2 = 50;
-      for (let t3 = 0; t3 < r2; t3 += n2) {
-        const s3 = Math.min(r2, t3 + n2);
-        i2.push(e2.rel_uuids.slice(t3, s3));
+  async resolveRelations(t, e) {
+    let r = [];
+    if (t.rel_uuids) {
+      const s = t.rel_uuids.length;
+      let o = [];
+      const a = 50;
+      for (let i = 0; i < s; i += a) {
+        const c = Math.min(s, i + a);
+        o.push(t.rel_uuids.slice(i, c));
       }
-      for (let e3 = 0; e3 < i2.length; e3++) {
-        (await this.getStories({ per_page: n2, language: t2.language, version: t2.version, by_uuids: i2[e3].join(",") })).data.stories.forEach((e4) => {
-          s2.push(e4);
+      for (let i = 0; i < o.length; i++)
+        (await this.getStories({ per_page: a, language: e.language, version: e.version, by_uuids: o[i].join(",") })).data.stories.forEach((c) => {
+          r.push(c);
         });
-      }
     } else
-      s2 = e2.rels;
-    s2.forEach((e3) => {
-      this.relations[e3.uuid] = __spreadProps(__spreadValues2({}, e3), { _stopResolving: true });
+      r = t.rels;
+    r.forEach((s) => {
+      this.relations[s.uuid] = y(h({}, s), { _stopResolving: !0 });
     });
   }
-  async resolveStories(e2, t2) {
-    let s2 = [];
-    if (t2.resolve_relations !== void 0 && t2.resolve_relations.length > 0 && (s2 = t2.resolve_relations.split(","), await this.resolveRelations(e2, t2)), ["1", "story", "url"].indexOf(t2.resolve_links) > -1 && await this.resolveLinks(e2, t2), this.resolveNestedRelations)
-      for (const e3 in this.relations)
-        this.iterateTree(this.relations[e3], s2);
-    e2.story ? this.iterateTree(e2.story, s2) : e2.stories.forEach((e3) => {
-      this.iterateTree(e3, s2);
+  async resolveStories(t, e) {
+    let r = [];
+    if (e.resolve_relations !== void 0 && e.resolve_relations.length > 0 && (t.rels || t.rel_uuids) && (r = e.resolve_relations.split(","), await this.resolveRelations(t, e)), ["1", "story", "url"].indexOf(e.resolve_links) > -1 && (t.links || t.link_uuids) && await this.resolveLinks(t, e), this.resolveNestedRelations)
+      for (const s in this.relations)
+        this.iterateTree(this.relations[s], r);
+    t.story ? this.iterateTree(t.story, r) : t.stories.forEach((s) => {
+      this.iterateTree(s, r);
     });
   }
-  resolveAssetsRelations(e2) {
-    const { assets: t2, stories: s2, story: r2 } = e2;
-    if (s2)
-      for (const e3 of s2)
-        this.iterateTree(e3, t2);
-    else
-      this.iterateTree(r2, t2);
-  }
-  cacheResponse(e2, t2, s2) {
-    return s2 === void 0 && (s2 = 0), new Promise(async (r2, i2) => {
-      let n2 = a({ url: e2, params: t2 }), o2 = this.cacheProvider();
-      if (this.cache.clear === "auto" && t2.version === "draft" && await this.flushCache(), t2.version === "published" && e2 != "/cdn/spaces/me") {
-        const e3 = await o2.get(n2);
-        if (e3)
-          return r2(e3);
+  resolveAssetsRelations(t) {
+    const { assets: e, stories: r, story: s } = t;
+    if (r)
+      for (const o of r)
+        this.iterateTree(o, e);
+    else {
+      if (!s)
+        return t;
+      this.iterateTree(s, e);
+    }
+  }
+  cacheResponse(t, e, r) {
+    return r === void 0 && (r = 0), new Promise(async (s, o) => {
+      let a = k({ url: t, params: e }), i = this.cacheProvider();
+      if (this.cache.clear === "auto" && e.version === "draft" && await this.flushCache(), e.version === "published" && t != "/cdn/spaces/me") {
+        const l = await i.get(a);
+        if (l)
+          return s(l);
       }
       try {
-        let s3 = await this.throttle("get", e2, { params: t2, paramsSerializer: (e3) => a(e3) }), l3 = { data: s3.data, headers: s3.headers };
-        if (l3.data.assets && l3.data.assets.length && this.resolveAssetsRelations(l3.data), s3.headers["per-page"] && (l3 = Object.assign({}, l3, { perPage: parseInt(s3.headers["per-page"]), total: parseInt(s3.headers.total) })), s3.status != 200)
-          return i2(s3);
-        (l3.data.story || l3.data.stories) && await this.resolveStories(l3.data, t2), t2.version === "published" && e2 != "/cdn/spaces/me" && o2.set(n2, l3), l3.data.cv && (t2.version == "draft" && c[t2.token] != l3.data.cv && this.flushCache(), c[t2.token] = l3.data.cv), r2(l3);
-      } catch (n3) {
-        if (n3.response && n3.response.status === 429 && (s2 += 1) < this.maxRetries)
-          return console.log(`Hit rate limit. Retrying in ${s2} seconds.`), await (l2 = 1e3 * s2, new Promise((e3) => setTimeout(e3, l2))), this.cacheResponse(e2, t2, s2).then(r2).catch(i2);
-        i2(n3);
+        let l = await this.throttle("get", t, { params: e, paramsSerializer: (p) => k(p) }), u = { data: l.data, headers: l.headers };
+        if (u.data.assets && u.data.assets.length && this.resolveAssetsRelations(u.data), l.headers["per-page"] && (u = Object.assign({}, u, { perPage: parseInt(l.headers["per-page"]), total: parseInt(l.headers.total) })), l.status != 200)
+          return o(l);
+        (u.data.story || u.data.stories) && await this.resolveStories(u.data, e), e.version === "published" && t != "/cdn/spaces/me" && i.set(a, u), u.data.cv && (e.version == "draft" && d[e.token] != u.data.cv && this.flushCache(), d[e.token] = u.data.cv), s(u);
+      } catch (l) {
+        if (l.response && l.response.status === 429 && (r += 1) < this.maxRetries)
+          return console.log(`Hit rate limit. Retrying in ${r} seconds.`), await (c = 1e3 * r, new Promise((u) => setTimeout(u, c))), this.cacheResponse(t, e, r).then(s).catch(o);
+        o(l);
       }
-      var l2;
+      var c;
     });
   }
-  throttledRequest(e2, t2, s2) {
-    return this.client[e2](t2, s2);
+  throttledRequest(t, e, r) {
+    return this.client[t](e, r);
   }
   cacheVersions() {
-    return c;
+    return d;
   }
   cacheVersion() {
-    return c[this.accessToken];
+    return d[this.accessToken];
   }
-  setCacheVersion(e2) {
-    this.accessToken && (c[this.accessToken] = e2);
+  setCacheVersion(t) {
+    this.accessToken && (d[this.accessToken] = t);
   }
   cacheProvider() {
-    return this.cache.type === "memory" ? { get: (e2) => l[e2], getAll: () => l, set(e2, t2) {
-      l[e2] = t2;
+    return this.cache.type === "memory" ? { get: (t) => f[t], getAll: () => f, set(t, e) {
+      f[t] = e;
     }, flush() {
-      l = {};
+      f = {};
     } } : { get() {
     }, getAll() {
     }, set() {
@@ -412,113 +566,126 @@ class h {
     return await this.cacheProvider().flush(), this;
   }
 }
-const apiFactory = (options = {}) => {
-  const { apiOptions } = options;
-  if (!apiOptions.accessToken) {
+const at = (n = {}) => {
+  const { apiOptions: t } = n;
+  if (!t.accessToken) {
     console.error("You need to provide an access token to interact with Storyblok API. Read https://www.storyblok.com/docs/api/content-delivery#topics/authentication");
     return;
   }
-  const storyblokApi = new h(apiOptions);
-  return { storyblokApi };
+  return { storyblokApi: new X(t) };
 };
-var editable = (blok) => {
-  if (typeof blok !== "object" || typeof blok._editable === "undefined") {
+var Z = (n) => {
+  if (typeof n != "object" || typeof n._editable > "u")
     return {};
-  }
-  const options = JSON.parse(blok._editable.replace(/^<!--#storyblok#/, "").replace(/-->$/, ""));
+  const t = JSON.parse(n._editable.replace(/^<!--#storyblok#/, "").replace(/-->$/, ""));
   return {
-    "data-blok-c": JSON.stringify(options),
-    "data-blok-uid": options.id + "-" + options.uid
+    "data-blok-c": JSON.stringify(t),
+    "data-blok-uid": t.id + "-" + t.uid
   };
 };
-const bridgeLatest = "https://app.storyblok.com/f/storyblok-v2-latest.js";
-const useStoryblokBridge = (id, cb, options = {}) => {
-  if (typeof window === "undefined") {
-    return;
-  }
-  if (typeof window.storyblokRegisterEvent === "undefined") {
-    console.error("Storyblok Bridge is disabled. Please enable it to use it. Read https://github.com/storyblok/storyblok-js");
-    return;
-  }
-  if (!id) {
-    console.warn("Story ID is not defined. Please provide a valid ID.");
-    return;
-  }
-  window.storyblokRegisterEvent(() => {
-    const sbBridge = new window.StoryblokBridge(options);
-    sbBridge.on(["input", "published", "change"], (event) => {
-      if (event.action == "input" && event.story.id === id) {
-        cb(event.story);
-      } else {
-        window.location.reload();
-      }
+let m;
+const tt = "https://app.storyblok.com/f/storyblok-v2-latest.js", et = (n, t, e = {}) => {
+  if (!(typeof window > "u")) {
+    if (typeof window.storyblokRegisterEvent > "u") {
+      console.error("Storyblok Bridge is disabled. Please enable it to use it. Read https://github.com/storyblok/storyblok-js");
+      return;
+    }
+    if (!n) {
+      console.warn("Story ID is not defined. Please provide a valid ID.");
+      return;
+    }
+    window.storyblokRegisterEvent(() => {
+      new window.StoryblokBridge(e).on(["input", "published", "change"], (s) => {
+        s.story.id === n && (s.action === "input" ? t(s.story) : window.location.reload());
+      });
     });
+  }
+}, rt = (n = {}) => {
+  const {
+    bridge: t,
+    accessToken: e,
+    use: r = [],
+    apiOptions: s = {},
+    richText: o = {}
+  } = n;
+  s.accessToken = s.accessToken || e;
+  const a = { bridge: t, apiOptions: s };
+  let i = {};
+  return r.forEach((c) => {
+    i = h(h({}, i), c(a));
+  }), t !== !1 && V(tt), m = new R(o.schema), o.resolver && E(m, o.resolver), i;
+}, E = (n, t) => {
+  n.addNode("blok", (e) => {
+    let r = "";
+    return e.attrs.body.forEach((s) => {
+      r += t(s.component, s);
+    }), {
+      html: r
+    };
   });
-};
-const storyblokInit = (pluginOptions = {}) => {
-  const { bridge, accessToken, use = [], apiOptions = {} } = pluginOptions;
-  apiOptions.accessToken = apiOptions.accessToken || accessToken;
-  const options = { bridge, apiOptions };
-  let result = {};
-  use.forEach((pluginFactory) => {
-    result = __spreadValues2(__spreadValues2({}, result), pluginFactory(options));
-  });
-  if (bridge !== false) {
-    loadBridge(bridgeLatest);
+}, lt = (n, t) => {
+  if (!m) {
+    console.error("Please initialize the Storyblok SDK before calling the renderRichText function");
+    return;
   }
-  return result;
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
+  if (n === "")
+    return "";
+  if (!n)
+    return console.warn(`${n} is not a valid Richtext object. This might be because the value of the richtext field is empty.
+    
+  For more info about the richtext object check https://github.com/storyblok/storyblok-js#rendering-rich-text`), "";
+  let e = m;
+  return t && (e = new R(t.schema), t.resolver && E(e, t.resolver)), e.render(n);
+}, st = /* @__PURE__ */ P({
   __name: "StoryblokComponent",
   props: {
     blok: null
   },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(__props.blok.component), normalizeProps(guardReactiveProps(__spreadValues(__spreadValues({}, _ctx.$props), _ctx.$attrs))), null, 16);
-    };
-  }
-});
-const vEditableDirective = {
-  beforeMount(el, binding) {
-    if (binding.value) {
-      const options = editable(binding.value);
-      el.setAttribute("data-blok-c", options["data-blok-c"]);
-      el.setAttribute("data-blok-uid", options["data-blok-uid"]);
-      el.classList.add("storyblok__outline");
+  setup(n) {
+    return (t, e) => (j(), x(A(n.blok.component), C(M({ ...t.$props, ...t.$attrs })), null, 16));
+  }
+}), nt = {
+  beforeMount(n, t) {
+    if (t.value) {
+      const e = Z(t.value);
+      n.setAttribute("data-blok-c", e["data-blok-c"]), n.setAttribute("data-blok-uid", e["data-blok-uid"]), n.classList.add("storyblok__outline");
     }
   }
-};
-const printError = (fnName) => {
-  console.error(`You can't use ${fnName} if you're not loading apiPlugin. Please provide it on StoryblokVue initialization.
+}, O = (n) => {
+  console.error(`You can't use ${n} if you're not loading apiPlugin. Please provide it on StoryblokVue initialization.
     `);
 };
-let storyblokApiInstance = null;
-const useStoryblokApi = () => {
-  if (!storyblokApiInstance)
-    printError("useStoryblokApi");
-  return storyblokApiInstance;
-};
-const useStoryblok = async (url, apiOptions = {}, bridgeOptions = {}) => {
-  const story = ref(null);
-  onMounted(() => {
-    if (story.value && story.value.id) {
-      useStoryblokBridge(story.value.id, (evStory) => story.value = evStory, bridgeOptions);
-    }
-  });
-  if (storyblokApiInstance) {
-    const { data } = await storyblokApiInstance.get(`cdn/stories/${url}`, apiOptions);
-    story.value = data.story;
+let g = null;
+const ct = () => (g || O("useStoryblokApi"), g), ut = async (n, t = {}, e = {}) => {
+  const r = N(null);
+  if (I(() => {
+    r.value && r.value.id && et(
+      r.value.id,
+      (s) => r.value = s,
+      e
+    );
+  }), g) {
+    const { data: s } = await g.get(
+      `cdn/stories/${n}`,
+      t
+    );
+    r.value = s.story;
   } else
-    printError("useStoryblok");
-  return story;
-};
-const StoryblokVue = {
-  install(app, pluginOptions = {}) {
-    app.directive("editable", vEditableDirective);
-    app.component("StoryblokComponent", _sfc_main);
-    const { storyblokApi } = storyblokInit(pluginOptions);
-    storyblokApiInstance = storyblokApi;
+    O("useStoryblok");
+  return r;
+}, ht = {
+  install(n, t = {}) {
+    n.directive("editable", nt), n.component("StoryblokComponent", st);
+    const { storyblokApi: e } = rt(t);
+    g = e;
   }
 };
-export { _sfc_main as StoryblokComponent, StoryblokVue, apiFactory as apiPlugin, useStoryblok, useStoryblokApi, useStoryblokBridge };
+export {
+  st as StoryblokComponent,
+  ht as StoryblokVue,
+  at as apiPlugin,
+  lt as renderRichText,
+  ut as useStoryblok,
+  ct as useStoryblokApi,
+  et as useStoryblokBridge
+};