@storyblok/vue 6.3.1 → 6.3.2

package/dist/StoryblokComponent.vue.d.ts

@@ -2,51 +2,7 @@ import type { SbBlokData } from "./types";
 export interface SbComponentProps {
     blok: SbBlokData;
 }
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SbComponentProps>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-        $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SbComponentProps>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {}> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SbComponentProps>>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SbComponentProps>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {};
-});
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<SbComponentProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SbComponentProps>>>, {}>;
 export default _default;
 declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 declare type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/storyblok-vue.js

@@ -2,7 +2,7 @@
  * storyblok-js-client v4.5.2
  * Universal JavaScript SDK for Storyblok's API
  * (c) 2020-2022 Stobylok Team
- */function E(n){return typeof n=="number"&&n==n&&n!==1/0&&n!==-1/0}function O(n,e,t){if(!E(e))throw new TypeError("Expected `limit` to be a finite number");if(!E(t))throw new TypeError("Expected `interval` to be a finite number");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})},t);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,y){r.push({resolve:u,reject:y,args:c,self:l}),o<e&&a()})};return i.abort=function(){s.forEach(clearTimeout),s=[],r.forEach(function(c){c.reject(new throttle.AbortError)}),r.length=0},i}O.AbortError=function(){Error.call(this,"Throttled function aborted"),this.name="AbortError"};const H=function(n,e){if(!n)return null;let t={};for(let r in n){let s=n[r];e.indexOf(r)>-1&&s!==null&&(t[r]=s)}return t};var J={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:H(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 e=p({},n.attrs),{linktype:t="url"}=n.attrs;return t==="email"&&(e.href=`mailto:${e.href}`),e.anchor&&(e.href=`${e.href}#${e.anchor}`,delete e.anchor),{tag:[{tag:"a",attrs:e}]}},styled:n=>({tag:[{tag:"span",attrs:n.attrs}]})}};class Y{constructor(e){e||(e=J),this.marks=e.marks||[],this.nodes=e.nodes||[]}addNode(e,t){this.nodes[e]=t}addMark(e,t){this.marks[e]=t}render(e={}){if(e.content&&Array.isArray(e.content)){let t="";return e.content.forEach(r=>{t+=this.renderNode(r)}),t}return console.warn("The render method must receive an object with a content field, which is an array"),""}renderNode(e){let t=[];e.marks&&e.marks.forEach(s=>{const o=this.getMatchingMark(s);o&&t.push(this.renderOpeningTag(o.tag))});const r=this.getMatchingNode(e);return r&&r.tag&&t.push(this.renderOpeningTag(r.tag)),e.content?e.content.forEach(s=>{t.push(this.renderNode(s))}):e.text?t.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}(e.text)):r&&r.singleTag?t.push(this.renderTag(r.singleTag," /")):r&&r.html&&t.push(r.html),r&&r.tag&&t.push(this.renderClosingTag(r.tag)),e.marks&&e.marks.slice(0).reverse().forEach(s=>{const o=this.getMatchingMark(s);o&&t.push(this.renderClosingTag(o.tag))}),t.join("")}renderTag(e,t){return e.constructor===String?`<${e}${t}>`:e.map(r=>{if(r.constructor===String)return`<${r}${t}>`;{let s=`<${r.tag}`;if(r.attrs)for(let o in r.attrs){let a=r.attrs[o];a!==null&&(s+=` ${o}="${a}"`)}return`${s}${t}>`}}).join("")}renderOpeningTag(e){return this.renderTag(e,"")}renderClosingTag(e){return e.constructor===String?`</${e}>`:e.slice(0).reverse().map(t=>t.constructor===String?`</${t}>`:`</${t.tag}>`).join("")}getMatchingNode(e){if(typeof this.nodes[e.type]=="function")return this.nodes[e.type](e)}getMatchingMark(e){if(typeof this.marks[e.type]=="function")return this.marks[e.type](e)}}const F=(n=0,e=n)=>{const t=Math.abs(e-n)||0,r=n<e?1:-1;return((s=0,o)=>[...Array(s)].map(o))(t,(s,o)=>o*r+n)},v=(n,e,t)=>{const r=[];for(const s in n){if(!Object.prototype.hasOwnProperty.call(n,s))continue;const o=n[s],a=t?"":encodeURIComponent(s);let i;i=typeof o=="object"?v(o,e?e+encodeURIComponent("["+a+"]"):a,Array.isArray(o)):(e?e+encodeURIComponent("["+a+"]"):a)+"="+encodeURIComponent(o),r.push(i)}return r.join("&")};let m={},f={};class K{constructor(e,t){if(!t){let o=e.region?`-${e.region}`:"",a=e.https===!1?"http":"https";t=e.oauthToken===void 0?`${a}://api${o}.storyblok.com/v2`:`${a}://api${o}.storyblok.com/v1`}let r=Object.assign({},e.headers),s=5;e.oauthToken!==void 0&&(r.Authorization=e.oauthToken,s=3),e.rateLimit!==void 0&&(s=e.rateLimit),this.richTextResolver=new Y(e.richTextSchema),typeof e.componentResolver=="function"&&this.setComponentResolver(e.componentResolver),this.maxRetries=e.maxRetries||5,this.throttle=O(this.throttledRequest,s,1e3),this.accessToken=e.accessToken,this.relations={},this.links={},this.cache=e.cache||{clear:"manual"},this.client=M.default.create({baseURL:t,timeout:e.timeout||0,headers:r,proxy:e.proxy||!1}),e.responseInterceptor&&this.client.interceptors.response.use(o=>e.responseInterceptor(o)),this.resolveNestedRelations=e.resolveNestedRelations||!0}setComponentResolver(e){this.richTextResolver.addNode("blok",t=>{let r="";return t.attrs.body.forEach(s=>{r+=e(s.component,s)}),{html:r}})}parseParams(e={}){return e.version||(e.version="published"),e.token||(e.token=this.getToken()),e.cv||(e.cv=f[e.token]),Array.isArray(e.resolve_relations)&&(e.resolve_relations=e.resolve_relations.join(",")),e}factoryParamOptions(e,t={}){return((r="")=>r.indexOf("/cdn/")>-1)(e)?this.parseParams(t):t}makeRequest(e,t,r,s){const o=this.factoryParamOptions(e,((a={},i=25,c=1)=>b(p({},a),{per_page:i,page:c}))(t,r,s));return this.cacheResponse(e,o)}get(e,t){let r=`/${e}`;const s=this.factoryParamOptions(r,t);return this.cacheResponse(r,s)}async getAll(e,t={},r){const s=t.per_page||25,o=`/${e}`,a=o.split("/");r=r||a[a.length-1];const i=await this.makeRequest(o,t,s,1),c=Math.ceil(i.total/s);return((l=[],u)=>l.map(u).reduce((y,ne)=>[...y,...ne],[]))([i,...await(async(l=[],u)=>Promise.all(l.map(u)))(F(1,c),async l=>this.makeRequest(o,t,s,l+1))],l=>Object.values(l.data[r]))}post(e,t){let r=`/${e}`;return this.throttle("post",r,t)}put(e,t){let r=`/${e}`;return this.throttle("put",r,t)}delete(e,t){let r=`/${e}`;return this.throttle("delete",r,t)}getStories(e){return this.get("cdn/stories",e)}getStory(e,t){return this.get(`cdn/stories/${e}`,t)}setToken(e){this.accessToken=e}getToken(){return this.accessToken}_cleanCopy(e){return JSON.parse(JSON.stringify(e))}_insertLinks(e,t){const r=e[t];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(e,t,r){if(r.indexOf(e.component+"."+t)>-1){if(typeof e[t]=="string")this.relations[e[t]]&&(e[t]=this._cleanCopy(this.relations[e[t]]));else if(e[t].constructor===Array){let s=[];e[t].forEach(o=>{this.relations[o]&&s.push(this._cleanCopy(this.relations[o]))}),e[t]=s}}}_insertAssetsRelations(e,t){t.forEach(r=>{e.id===r.id&&(e.original=r,e.original.filename=e.filename,e.original.filename=e.original.filename.includes("https://s3.amazonaws.com/")?e.original.filename:e.original.filename.replace("https://","https://s3.amazonaws.com/"),delete e.original.s3_filename)})}iterateTree(e,t){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 o in s)s.component&&s._uid||s.type==="link"?(this._insertRelations(s,o,t),this._insertLinks(s,o)):"id"in s&&s.fieldtype==="asset"&&this._insertAssetsRelations(s,t),r(s[o])}}};r(e.content)}async resolveLinks(e,t){let r=[];if(e.link_uuids){const s=e.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(e.link_uuids.slice(i,c))}for(let i=0;i<o.length;i++)(await this.getStories({per_page:a,language:t.language,version:t.version,by_uuids:o[i].join(",")})).data.stories.forEach(c=>{r.push(c)})}else r=e.links;r.forEach(s=>{this.links[s.uuid]=b(p({},s),{_stopResolving:!0})})}async resolveRelations(e,t){let r=[];if(e.rel_uuids){const s=e.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(e.rel_uuids.slice(i,c))}for(let i=0;i<o.length;i++)(await this.getStories({per_page:a,language:t.language,version:t.version,by_uuids:o[i].join(",")})).data.stories.forEach(c=>{r.push(c)})}else r=e.rels;r.forEach(s=>{this.relations[s.uuid]=b(p({},s),{_stopResolving:!0})})}async resolveStories(e,t){let r=[];if(t.resolve_relations!==void 0&&t.resolve_relations.length>0&&(e.rels||e.rel_uuids)&&(r=t.resolve_relations.split(","),await this.resolveRelations(e,t)),["1","story","url"].indexOf(t.resolve_links)>-1&&(e.links||e.link_uuids)&&await this.resolveLinks(e,t),this.resolveNestedRelations)for(const s in this.relations)this.iterateTree(this.relations[s],r);e.story?this.iterateTree(e.story,r):e.stories.forEach(s=>{this.iterateTree(s,r)})}resolveAssetsRelations(e){const{assets:t,stories:r,story:s}=e;if(r)for(const o of r)this.iterateTree(o,t);else{if(!s)return e;this.iterateTree(s,t)}}cacheResponse(e,t,r){return r===void 0&&(r=0),new Promise(async(s,o)=>{let a=v({url:e,params:t}),i=this.cacheProvider();if(this.cache.clear==="auto"&&t.version==="draft"&&await this.flushCache(),t.version==="published"&&e!="/cdn/spaces/me"){const l=await i.get(a);if(l)return s(l)}try{let l=await this.throttle("get",e,{params:t,paramsSerializer:y=>v(y)}),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,t),t.version==="published"&&e!="/cdn/spaces/me"&&i.set(a,u),u.data.cv&&(t.version=="draft"&&f[t.token]!=u.data.cv&&this.flushCache(),f[t.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(e,t,r).then(s).catch(o);o(l)}var c})}throttledRequest(e,t,r){return this.client[e](t,r)}cacheVersions(){return f}cacheVersion(){return f[this.accessToken]}setCacheVersion(e){this.accessToken&&(f[this.accessToken]=e)}cacheProvider(){return this.cache.type==="memory"?{get:e=>m[e],getAll:()=>m,set(e,t){m[e]=t},flush(){m={}}}:{get(){},getAll(){},set(){},flush(){}}}async flushCache(){return await this.cacheProvider().flush(),this}}const G=(n={})=>{const{apiOptions:e}=n;if(!e.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}return{storyblokApi:new K(e)}};var Q=n=>{if(typeof n!="object"||typeof n._editable>"u")return{};const e=JSON.parse(n._editable.replace(/^<!--#storyblok#/,"").replace(/-->$/,""));return{"data-blok-c":JSON.stringify(e),"data-blok-uid":e.id+"-"+e.uid}};let k;const W="https://app.storyblok.com/f/storyblok-v2-latest.js",P=(n,e,t={})=>{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(t).on(["input","published","change"],s=>{s.story.id===n&&(s.action==="input"?e(s.story):window.location.reload())})})}},X=(n={})=>{const{bridge:e,accessToken:t,use:r=[],apiOptions:s={},richText:o={}}=n;s.accessToken=s.accessToken||t;const a={bridge:e,apiOptions:s};let i={};return r.forEach(c=>{i=p(p({},i),c(a))}),e!==!1&&z(W),k=new S(o.schema),o.resolver&&j(k,o.resolver),i},j=(n,e)=>{n.addNode("blok",t=>{let r="";return t.attrs.body.forEach(s=>{r+=e(s.component,s)}),{html:r}})},Z=(n,e)=>{if(!k){console.error("Please initialize the Storyblok SDK before calling the renderRichText function");return}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.
+ */function E(n){return typeof n=="number"&&n==n&&n!==1/0&&n!==-1/0}function O(n,e,t){if(!E(e))throw new TypeError("Expected `limit` to be a finite number");if(!E(t))throw new TypeError("Expected `interval` to be a finite number");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})},t);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,y){r.push({resolve:u,reject:y,args:c,self:l}),o<e&&a()})};return i.abort=function(){s.forEach(clearTimeout),s=[],r.forEach(function(c){c.reject(new throttle.AbortError)}),r.length=0},i}O.AbortError=function(){Error.call(this,"Throttled function aborted"),this.name="AbortError"};const H=function(n,e){if(!n)return null;let t={};for(let r in n){let s=n[r];e.indexOf(r)>-1&&s!==null&&(t[r]=s)}return t};var J={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:H(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 e=p({},n.attrs),{linktype:t="url"}=n.attrs;return t==="email"&&(e.href=`mailto:${e.href}`),e.anchor&&(e.href=`${e.href}#${e.anchor}`,delete e.anchor),{tag:[{tag:"a",attrs:e}]}},styled:n=>({tag:[{tag:"span",attrs:n.attrs}]})}};class Y{constructor(e){e||(e=J),this.marks=e.marks||[],this.nodes=e.nodes||[]}addNode(e,t){this.nodes[e]=t}addMark(e,t){this.marks[e]=t}render(e={}){if(e.content&&Array.isArray(e.content)){let t="";return e.content.forEach(r=>{t+=this.renderNode(r)}),t}return console.warn("The render method must receive an object with a content field, which is an array"),""}renderNode(e){let t=[];e.marks&&e.marks.forEach(s=>{const o=this.getMatchingMark(s);o&&t.push(this.renderOpeningTag(o.tag))});const r=this.getMatchingNode(e);return r&&r.tag&&t.push(this.renderOpeningTag(r.tag)),e.content?e.content.forEach(s=>{t.push(this.renderNode(s))}):e.text?t.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}(e.text)):r&&r.singleTag?t.push(this.renderTag(r.singleTag," /")):r&&r.html&&t.push(r.html),r&&r.tag&&t.push(this.renderClosingTag(r.tag)),e.marks&&e.marks.slice(0).reverse().forEach(s=>{const o=this.getMatchingMark(s);o&&t.push(this.renderClosingTag(o.tag))}),t.join("")}renderTag(e,t){return e.constructor===String?`<${e}${t}>`:e.map(r=>{if(r.constructor===String)return`<${r}${t}>`;{let s=`<${r.tag}`;if(r.attrs)for(let o in r.attrs){let a=r.attrs[o];a!==null&&(s+=` ${o}="${a}"`)}return`${s}${t}>`}}).join("")}renderOpeningTag(e){return this.renderTag(e,"")}renderClosingTag(e){return e.constructor===String?`</${e}>`:e.slice(0).reverse().map(t=>t.constructor===String?`</${t}>`:`</${t.tag}>`).join("")}getMatchingNode(e){if(typeof this.nodes[e.type]=="function")return this.nodes[e.type](e)}getMatchingMark(e){if(typeof this.marks[e.type]=="function")return this.marks[e.type](e)}}const F=(n=0,e=n)=>{const t=Math.abs(e-n)||0,r=n<e?1:-1;return((s=0,o)=>[...Array(s)].map(o))(t,(s,o)=>o*r+n)},v=(n,e,t)=>{const r=[];for(const s in n){if(!Object.prototype.hasOwnProperty.call(n,s))continue;const o=n[s],a=t?"":encodeURIComponent(s);let i;i=typeof o=="object"?v(o,e?e+encodeURIComponent("["+a+"]"):a,Array.isArray(o)):(e?e+encodeURIComponent("["+a+"]"):a)+"="+encodeURIComponent(o),r.push(i)}return r.join("&")};let m={},f={};class K{constructor(e,t){if(!t){let o=e.region?`-${e.region}`:"",a=e.https===!1?"http":"https";t=e.oauthToken===void 0?`${a}://api${o}.storyblok.com/v2`:`${a}://api${o}.storyblok.com/v1`}let r=Object.assign({},e.headers),s=5;e.oauthToken!==void 0&&(r.Authorization=e.oauthToken,s=3),e.rateLimit!==void 0&&(s=e.rateLimit),this.richTextResolver=new Y(e.richTextSchema),typeof e.componentResolver=="function"&&this.setComponentResolver(e.componentResolver),this.maxRetries=e.maxRetries||5,this.throttle=O(this.throttledRequest,s,1e3),this.accessToken=e.accessToken,this.relations={},this.links={},this.cache=e.cache||{clear:"manual"},this.client=M.default.create({baseURL:t,timeout:e.timeout||0,headers:r,proxy:e.proxy||!1}),e.responseInterceptor&&this.client.interceptors.response.use(o=>e.responseInterceptor(o)),this.resolveNestedRelations=e.resolveNestedRelations||!0}setComponentResolver(e){this.richTextResolver.addNode("blok",t=>{let r="";return t.attrs.body.forEach(s=>{r+=e(s.component,s)}),{html:r}})}parseParams(e={}){return e.version||(e.version="published"),e.token||(e.token=this.getToken()),e.cv||(e.cv=f[e.token]),Array.isArray(e.resolve_relations)&&(e.resolve_relations=e.resolve_relations.join(",")),e}factoryParamOptions(e,t={}){return((r="")=>r.indexOf("/cdn/")>-1)(e)?this.parseParams(t):t}makeRequest(e,t,r,s){const o=this.factoryParamOptions(e,((a={},i=25,c=1)=>b(p({},a),{per_page:i,page:c}))(t,r,s));return this.cacheResponse(e,o)}get(e,t){let r=`/${e}`;const s=this.factoryParamOptions(r,t);return this.cacheResponse(r,s)}async getAll(e,t={},r){const s=t.per_page||25,o=`/${e}`,a=o.split("/");r=r||a[a.length-1];const i=await this.makeRequest(o,t,s,1),c=Math.ceil(i.total/s);return((l=[],u)=>l.map(u).reduce((y,ne)=>[...y,...ne],[]))([i,...await(async(l=[],u)=>Promise.all(l.map(u)))(F(1,c),async l=>this.makeRequest(o,t,s,l+1))],l=>Object.values(l.data[r]))}post(e,t){let r=`/${e}`;return this.throttle("post",r,t)}put(e,t){let r=`/${e}`;return this.throttle("put",r,t)}delete(e,t){let r=`/${e}`;return this.throttle("delete",r,t)}getStories(e){return this.get("cdn/stories",e)}getStory(e,t){return this.get(`cdn/stories/${e}`,t)}setToken(e){this.accessToken=e}getToken(){return this.accessToken}_cleanCopy(e){return JSON.parse(JSON.stringify(e))}_insertLinks(e,t){const r=e[t];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(e,t,r){if(r.indexOf(e.component+"."+t)>-1){if(typeof e[t]=="string")this.relations[e[t]]&&(e[t]=this._cleanCopy(this.relations[e[t]]));else if(e[t].constructor===Array){let s=[];e[t].forEach(o=>{this.relations[o]&&s.push(this._cleanCopy(this.relations[o]))}),e[t]=s}}}_insertAssetsRelations(e,t){t.forEach(r=>{e.id===r.id&&(e.original=r,e.original.filename=e.filename,e.original.filename=e.original.filename.includes("https://s3.amazonaws.com/")?e.original.filename:e.original.filename.replace("https://","https://s3.amazonaws.com/"),delete e.original.s3_filename)})}iterateTree(e,t){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 o in s)s.component&&s._uid||s.type==="link"?(this._insertRelations(s,o,t),this._insertLinks(s,o)):"id"in s&&s.fieldtype==="asset"&&this._insertAssetsRelations(s,t),r(s[o])}}};r(e.content)}async resolveLinks(e,t){let r=[];if(e.link_uuids){const s=e.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(e.link_uuids.slice(i,c))}for(let i=0;i<o.length;i++)(await this.getStories({per_page:a,language:t.language,version:t.version,by_uuids:o[i].join(",")})).data.stories.forEach(c=>{r.push(c)})}else r=e.links;r.forEach(s=>{this.links[s.uuid]=b(p({},s),{_stopResolving:!0})})}async resolveRelations(e,t){let r=[];if(e.rel_uuids){const s=e.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(e.rel_uuids.slice(i,c))}for(let i=0;i<o.length;i++)(await this.getStories({per_page:a,language:t.language,version:t.version,by_uuids:o[i].join(",")})).data.stories.forEach(c=>{r.push(c)})}else r=e.rels;r.forEach(s=>{this.relations[s.uuid]=b(p({},s),{_stopResolving:!0})})}async resolveStories(e,t){let r=[];if(t.resolve_relations!==void 0&&t.resolve_relations.length>0&&(e.rels||e.rel_uuids)&&(r=t.resolve_relations.split(","),await this.resolveRelations(e,t)),["1","story","url"].indexOf(t.resolve_links)>-1&&(e.links||e.link_uuids)&&await this.resolveLinks(e,t),this.resolveNestedRelations)for(const s in this.relations)this.iterateTree(this.relations[s],r);e.story?this.iterateTree(e.story,r):e.stories.forEach(s=>{this.iterateTree(s,r)})}resolveAssetsRelations(e){const{assets:t,stories:r,story:s}=e;if(r)for(const o of r)this.iterateTree(o,t);else{if(!s)return e;this.iterateTree(s,t)}}cacheResponse(e,t,r){return r===void 0&&(r=0),new Promise(async(s,o)=>{let a=v({url:e,params:t}),i=this.cacheProvider();if(this.cache.clear==="auto"&&t.version==="draft"&&await this.flushCache(),t.version==="published"&&e!="/cdn/spaces/me"){const l=await i.get(a);if(l)return s(l)}try{let l=await this.throttle("get",e,{params:t,paramsSerializer:y=>v(y)}),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,t),t.version==="published"&&e!="/cdn/spaces/me"&&i.set(a,u),u.data.cv&&(t.version=="draft"&&f[t.token]!=u.data.cv&&this.flushCache(),f[t.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(e,t,r).then(s).catch(o);o(l)}var c})}throttledRequest(e,t,r){return this.client[e](t,r)}cacheVersions(){return f}cacheVersion(){return f[this.accessToken]}setCacheVersion(e){this.accessToken&&(f[this.accessToken]=e)}cacheProvider(){return this.cache.type==="memory"?{get:e=>m[e],getAll:()=>m,set(e,t){m[e]=t},flush(){m={}}}:{get(){},getAll(){},set(){},flush(){}}}async flushCache(){return await this.cacheProvider().flush(),this}}const G=(n={})=>{const{apiOptions:e}=n;if(!e.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}return{storyblokApi:new K(e)}};var Q=n=>{if(typeof n!="object"||typeof n._editable>"u")return{};const e=JSON.parse(n._editable.replace(/^<!--#storyblok#/,"").replace(/-->$/,""));return{"data-blok-c":JSON.stringify(e),"data-blok-uid":e.id+"-"+e.uid}};let k;const W="https://app.storyblok.com/f/storyblok-v2-latest.js",P=(n,e,t={})=>{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(t).on(["input","published","change"],s=>{s.action==="input"&&s.story.id===n?e(s.story):(s.action==="change"||s.action==="published")&&s.storyId===n&&window.location.reload()})})}},X=(n={})=>{const{bridge:e,accessToken:t,use:r=[],apiOptions:s={},richText:o={}}=n;s.accessToken=s.accessToken||t;const a={bridge:e,apiOptions:s};let i={};return r.forEach(c=>{i=p(p({},i),c(a))}),e!==!1&&z(W),k=new S(o.schema),o.resolver&&j(k,o.resolver),i},j=(n,e)=>{n.addNode("blok",t=>{let r="";return t.attrs.body.forEach(s=>{r+=e(s.component,s)}),{html:r}})},Z=(n,e)=>{if(!k){console.error("Please initialize the Storyblok SDK before calling the renderRichText function");return}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 t=k;return e&&(t=new S(e.schema),e.resolver&&j(t,e.resolver)),t.render(n)},A=d.defineComponent({__name:"StoryblokComponent",props:{blok:null},setup(n){return(e,t)=>(d.openBlock(),d.createBlock(d.resolveDynamicComponent(n.blok.component),d.normalizeProps(d.guardReactiveProps({...e.$props,...e.$attrs})),null,16))}}),ee={beforeMount(n,e){if(e.value){const t=Q(e.value);n.setAttribute("data-blok-c",t["data-blok-c"]),n.setAttribute("data-blok-uid",t["data-blok-uid"]),n.classList.add("storyblok__outline")}}},x=n=>{console.error(`You can't use ${n} if you're not loading apiPlugin. Please provide it on StoryblokVue initialization.
     `)};let g=null;const te=()=>(g||x("useStoryblokApi"),g),re=async(n,e={},t={})=>{const r=d.ref(null);if(d.onMounted(()=>{r.value&&r.value.id&&P(r.value.id,s=>r.value=s,t)}),g){const{data:s}=await g.get(`cdn/stories/${n}`,e);r.value=s.story}else x("useStoryblok");return r},se={install(n,e={}){n.directive("editable",ee),n.component("StoryblokComponent",A);const{storyblokApi:t}=X(e);g=t}};h.RichTextSchema=$,h.StoryblokComponent=A,h.StoryblokVue=se,h.apiPlugin=G,h.renderRichText=Z,h.useStoryblok=re,h.useStoryblokApi=te,h.useStoryblokBridge=P,Object.defineProperties(h,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/storyblok-vue.mjs

@@ -1,15 +1,15 @@
 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) => {
+var L = Object.defineProperty, z = Object.defineProperties, B = Object.getOwnPropertyDescriptors, b = Object.getOwnPropertySymbols, D = Object.prototype.hasOwnProperty, U = Object.prototype.propertyIsEnumerable, v = (o, t, e) => t in o ? L(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e, h = (o, 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));
+    D.call(t, e) && v(o, e, t[e]);
+  if (b)
+    for (var e of b(t))
+      U.call(t, e) && v(o, e, t[e]);
+  return o;
+}, y = (o, t) => z(o, B(t));
 let _ = !1;
-const T = [], V = (n) => new Promise((t, e) => {
+const T = [], V = (o) => 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.");
@@ -19,19 +19,19 @@ const T = [], V = (n) => new Promise((t, e) => {
   }, 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);
+  r.async = !0, r.src = o, r.id = "storyblok-javascript-bridge", r.onerror = (s) => e(s), r.onload = (s) => {
+    T.forEach((n) => n()), _ = !0, t(s);
   }, document.getElementsByTagName("head")[0].appendChild(r);
-}), H = function(n, t) {
-  if (!n)
+}), H = function(o, t) {
+  if (!o)
     return null;
   let e = {};
-  for (let r in n) {
-    let s = n[r];
+  for (let r in o) {
+    let s = o[r];
     t.indexOf(r) > -1 && s !== null && (e[r] = s);
   }
   return e;
-}, J = (n) => n === "email";
+}, J = (o) => o === "email";
 var Y = {
   nodes: {
     horizontal_rule() {
@@ -49,13 +49,13 @@ var Y = {
         tag: "ul"
       };
     },
-    code_block(n) {
+    code_block(o) {
       return {
         tag: [
           "pre",
           {
             tag: "code",
-            attrs: n.attrs
+            attrs: o.attrs
           }
         ]
       };
@@ -65,17 +65,17 @@ var Y = {
         singleTag: "br"
       };
     },
-    heading(n) {
+    heading(o) {
       return {
-        tag: `h${n.attrs.level}`
+        tag: `h${o.attrs.level}`
       };
     },
-    image(n) {
+    image(o) {
       return {
         singleTag: [
           {
             tag: "img",
-            attrs: H(n.attrs, ["src", "alt", "title"])
+            attrs: H(o.attrs, ["src", "alt", "title"])
           }
         ]
       };
@@ -127,8 +127,8 @@ var Y = {
         tag: "i"
       };
     },
-    link(n) {
-      const t = h({}, n.attrs), { linktype: e = "url" } = n.attrs;
+    link(o) {
+      const t = h({}, o.attrs), { linktype: e = "url" } = o.attrs;
       return J(e) && (t.href = `mailto:${t.href}`), t.anchor && (t.href = `${t.href}#${t.anchor}`, delete t.anchor), {
         tag: [
           {
@@ -138,19 +138,19 @@ var Y = {
         ]
       };
     },
-    styled(n) {
+    styled(o) {
       return {
         tag: [
           {
             tag: "span",
-            attrs: n.attrs
+            attrs: o.attrs
           }
         ]
       };
     }
   }
 };
-const F = function(n) {
+const F = function(o) {
   const t = {
     "&": "&",
     "<": "&lt;",
@@ -158,7 +158,7 @@ const F = function(n) {
     '"': "&quot;",
     "'": "&#39;"
   }, e = /[&<>"']/g, r = RegExp(e.source);
-  return n && r.test(n) ? n.replace(e, (s) => t[s]) : n;
+  return o && r.test(o) ? o.replace(e, (s) => t[s]) : o;
 };
 class R {
   constructor(t) {
@@ -182,15 +182,15 @@ class R {
   renderNode(t) {
     let e = [];
     t.marks && t.marks.forEach((s) => {
-      const o = this.getMatchingMark(s);
-      o && e.push(this.renderOpeningTag(o.tag));
+      const n = this.getMatchingMark(s);
+      n && e.push(this.renderOpeningTag(n.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));
+      const n = this.getMatchingMark(s);
+      n && e.push(this.renderClosingTag(n.tag));
     }), e.join("");
   }
   renderTag(t, e) {
@@ -198,13 +198,13 @@ class R {
       if (s.constructor === String)
         return `<${s}${e}>`;
       {
-        let o = `<${s.tag}`;
+        let n = `<${s.tag}`;
         if (s.attrs)
           for (let a in s.attrs) {
             let i = s.attrs[a];
-            i !== null && (o += ` ${a}="${i}"`);
+            i !== null && (n += ` ${a}="${i}"`);
           }
-        return `${o}${e}>`;
+        return `${n}${e}>`;
       }
     }).join("");
   }
@@ -228,28 +228,28 @@ class R {
  * Universal JavaScript SDK for Storyblok's API
  * (c) 2020-2022 Stobylok Team
  */
-function w(n) {
-  return typeof n == "number" && n == n && n !== 1 / 0 && n !== -1 / 0;
+function w(o) {
+  return typeof o == "number" && o == o && o !== 1 / 0 && o !== -1 / 0;
 }
-function $(n, t, e) {
+function $(o, t, e) {
   if (!w(t))
     throw new TypeError("Expected `limit` to be a finite number");
   if (!w(e))
     throw new TypeError("Expected `interval` to be a finite number");
-  var r = [], s = [], o = 0, a = function() {
-    o++;
+  var r = [], s = [], n = 0, a = function() {
+    n++;
     var c = setTimeout(function() {
-      o--, r.length > 0 && a(), s = s.filter(function(u) {
+      n--, r.length > 0 && a(), s = s.filter(function(u) {
         return u !== c;
       });
     }, e);
     s.indexOf(c) < 0 && s.push(c);
     var l = r.shift();
-    l.resolve(n.apply(l.self, l.args));
+    l.resolve(o.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();
+      r.push({ resolve: u, reject: p, args: c, self: l }), n < t && a();
     });
   };
   return i.abort = function() {
@@ -261,20 +261,20 @@ function $(n, t, e) {
 $.AbortError = function() {
   Error.call(this, "Throttled function aborted"), this.name = "AbortError";
 };
-const K = function(n, t) {
-  if (!n)
+const K = function(o, t) {
+  if (!o)
     return null;
   let e = {};
-  for (let r in n) {
-    let s = n[r];
+  for (let r in o) {
+    let s = o[r];
     t.indexOf(r) > -1 && s !== null && (e[r] = s);
   }
   return e;
 };
-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;
+var G = { nodes: { horizontal_rule: () => ({ singleTag: "hr" }), blockquote: () => ({ tag: "blockquote" }), bullet_list: () => ({ tag: "ul" }), code_block: (o) => ({ tag: ["pre", { tag: "code", attrs: o.attrs }] }), hard_break: () => ({ singleTag: "br" }), heading: (o) => ({ tag: `h${o.attrs.level}` }), image: (o) => ({ singleTag: [{ tag: "img", attrs: K(o.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(o) {
+  const t = h({}, o.attrs), { linktype: e = "url" } = o.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 }] }) } };
+}, styled: (o) => ({ tag: [{ tag: "span", attrs: o.attrs }] }) } };
 class Q {
   constructor(t) {
     t || (t = G), this.marks = t.marks || [], this.nodes = t.nodes || [];
@@ -297,18 +297,18 @@ class Q {
   renderNode(t) {
     let e = [];
     t.marks && t.marks.forEach((s) => {
-      const o = this.getMatchingMark(s);
-      o && e.push(this.renderOpeningTag(o.tag));
+      const n = this.getMatchingMark(s);
+      n && e.push(this.renderOpeningTag(n.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(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;
+      const n = { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" }, a = /[&<>"']/g, i = RegExp(a.source);
+      return s && i.test(s) ? s.replace(a, (c) => n[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));
+      const n = this.getMatchingMark(s);
+      n && e.push(this.renderClosingTag(n.tag));
     }), e.join("");
   }
   renderTag(t, e) {
@@ -318,9 +318,9 @@ class Q {
       {
         let s = `<${r.tag}`;
         if (r.attrs)
-          for (let o in r.attrs) {
-            let a = r.attrs[o];
-            a !== null && (s += ` ${o}="${a}"`);
+          for (let n in r.attrs) {
+            let a = r.attrs[n];
+            a !== null && (s += ` ${n}="${a}"`);
           }
         return `${s}${e}>`;
       }
@@ -341,17 +341,17 @@ class Q {
       return this.marks[t.type](t);
   }
 }
-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 W = (o = 0, t = o) => {
+  const e = Math.abs(t - o) || 0, r = o < t ? 1 : -1;
+  return ((s = 0, n) => [...Array(s)].map(n))(e, (s, n) => n * r + o);
+}, k = (o, t, e) => {
   const r = [];
-  for (const s in n) {
-    if (!Object.prototype.hasOwnProperty.call(n, s))
+  for (const s in o) {
+    if (!Object.prototype.hasOwnProperty.call(o, s))
       continue;
-    const o = n[s], a = e ? "" : encodeURIComponent(s);
+    const n = o[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);
+    i = typeof n == "object" ? k(n, t ? t + encodeURIComponent("[" + a + "]") : a, Array.isArray(n)) : (t ? t + encodeURIComponent("[" + a + "]") : a) + "=" + encodeURIComponent(n), r.push(i);
   }
   return r.join("&");
 };
@@ -359,11 +359,11 @@ 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 n = t.region ? `-${t.region}` : "", a = t.https === !1 ? "http" : "https";
+      e = t.oauthToken === void 0 ? `${a}://api${n}.storyblok.com/v2` : `${a}://api${n}.storyblok.com/v1`;
     }
     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;
+    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((n) => t.responseInterceptor(n)), this.resolveNestedRelations = t.resolveNestedRelations || !0;
   }
   setComponentResolver(t) {
     this.richTextResolver.addNode("blok", (e) => {
@@ -380,8 +380,8 @@ class X {
     return ((r = "") => r.indexOf("/cdn/") > -1)(t) ? this.parseParams(e) : e;
   }
   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);
+    const n = this.factoryParamOptions(t, ((a = {}, i = 25, c = 1) => y(h({}, a), { per_page: i, page: c }))(e, r, s));
+    return this.cacheResponse(t, n);
   }
   get(t, e) {
     let r = `/${t}`;
@@ -389,10 +389,10 @@ class X {
     return this.cacheResponse(r, s);
   }
   async getAll(t, e = {}, r) {
-    const s = e.per_page || 25, o = `/${t}`, a = o.split("/");
+    const s = e.per_page || 25, n = `/${t}`, a = n.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, O) => [...p, ...O], []))([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]));
+    const i = await this.makeRequest(n, e, s, 1), c = Math.ceil(i.total / s);
+    return ((l = [], u) => l.map(u).reduce((p, O) => [...p, ...O], []))([i, ...await (async (l = [], u) => Promise.all(l.map(u)))(W(1, c), async (l) => this.makeRequest(n, e, s, l + 1))], (l) => Object.values(l.data[r]));
   }
   post(t, e) {
     let r = `/${t}`;
@@ -431,8 +431,8 @@ class X {
         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].forEach((n) => {
+          this.relations[n] && s.push(this._cleanCopy(this.relations[n]));
         }), t[e] = s;
       }
     }
@@ -446,13 +446,13 @@ class X {
     let r = (s) => {
       if (s != null) {
         if (s.constructor === Array)
-          for (let o = 0; o < s.length; o++)
-            r(s[o]);
+          for (let n = 0; n < s.length; n++)
+            r(s[n]);
         else if (s.constructor === Object) {
           if (s._stopResolving)
             return;
-          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]);
+          for (let n in s)
+            s.component && s._uid || s.type === "link" ? (this._insertRelations(s, n, e), this._insertLinks(s, n)) : "id" in s && s.fieldtype === "asset" && this._insertAssetsRelations(s, e), r(s[n]);
         }
       }
     };
@@ -462,14 +462,14 @@ class X {
     let r = [];
     if (t.link_uuids) {
       const s = t.link_uuids.length;
-      let o = [];
+      let n = [];
       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));
+        n.push(t.link_uuids.slice(i, c));
       }
-      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) => {
+      for (let i = 0; i < n.length; i++)
+        (await this.getStories({ per_page: a, language: e.language, version: e.version, by_uuids: n[i].join(",") })).data.stories.forEach((c) => {
           r.push(c);
         });
     } else
@@ -482,14 +482,14 @@ class X {
     let r = [];
     if (t.rel_uuids) {
       const s = t.rel_uuids.length;
-      let o = [];
+      let n = [];
       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));
+        n.push(t.rel_uuids.slice(i, c));
       }
-      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) => {
+      for (let i = 0; i < n.length; i++)
+        (await this.getStories({ per_page: a, language: e.language, version: e.version, by_uuids: n[i].join(",") })).data.stories.forEach((c) => {
           r.push(c);
         });
     } else
@@ -510,8 +510,8 @@ class X {
   resolveAssetsRelations(t) {
     const { assets: e, stories: r, story: s } = t;
     if (r)
-      for (const o of r)
-        this.iterateTree(o, e);
+      for (const n of r)
+        this.iterateTree(n, e);
     else {
       if (!s)
         return t;
@@ -519,7 +519,7 @@ class X {
     }
   }
   cacheResponse(t, e, r) {
-    return r === void 0 && (r = 0), new Promise(async (s, o) => {
+    return r === void 0 && (r = 0), new Promise(async (s, n) => {
       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);
@@ -529,12 +529,12 @@ class X {
       try {
         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);
+          return n(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);
+          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(n);
+        n(l);
       }
       var c;
     });
@@ -566,56 +566,56 @@ class X {
     return await this.cacheProvider().flush(), this;
   }
 }
-const at = (n = {}) => {
-  const { apiOptions: t } = n;
+const at = (o = {}) => {
+  const { apiOptions: t } = o;
   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;
   }
   return { storyblokApi: new X(t) };
 };
-var Z = (n) => {
-  if (typeof n != "object" || typeof n._editable > "u")
+var Z = (o) => {
+  if (typeof o != "object" || typeof o._editable > "u")
     return {};
-  const t = JSON.parse(n._editable.replace(/^<!--#storyblok#/, "").replace(/-->$/, ""));
+  const t = JSON.parse(o._editable.replace(/^<!--#storyblok#/, "").replace(/-->$/, ""));
   return {
     "data-blok-c": JSON.stringify(t),
     "data-blok-uid": t.id + "-" + t.uid
   };
 };
 let m;
-const tt = "https://app.storyblok.com/f/storyblok-v2-latest.js", et = (n, t, e = {}) => {
+const tt = "https://app.storyblok.com/f/storyblok-v2-latest.js", et = (o, 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) {
+    if (!o) {
       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());
+        s.action === "input" && s.story.id === o ? t(s.story) : (s.action === "change" || s.action === "published") && s.storyId === o && window.location.reload();
       });
     });
   }
-}, rt = (n = {}) => {
+}, rt = (o = {}) => {
   const {
     bridge: t,
     accessToken: e,
     use: r = [],
     apiOptions: s = {},
-    richText: o = {}
-  } = n;
+    richText: n = {}
+  } = o;
   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) => {
+  }), t !== !1 && V(tt), m = new R(n.schema), n.resolver && E(m, n.resolver), i;
+}, E = (o, t) => {
+  o.addNode("blok", (e) => {
     let r = "";
     return e.attrs.body.forEach((s) => {
       r += t(s.component, s);
@@ -623,40 +623,40 @@ const tt = "https://app.storyblok.com/f/storyblok-v2-latest.js", et = (n, t, e =
       html: r
     };
   });
-}, lt = (n, t) => {
+}, lt = (o, t) => {
   if (!m) {
     console.error("Please initialize the Storyblok SDK before calling the renderRichText function");
     return;
   }
-  if (n === "")
+  if (o === "")
     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.
+  if (!o)
+    return console.warn(`${o} 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);
+  return t && (e = new R(t.schema), t.resolver && E(e, t.resolver)), e.render(o);
 }, st = /* @__PURE__ */ P({
   __name: "StoryblokComponent",
   props: {
     blok: null
   },
-  setup(n) {
-    return (t, e) => (j(), x(A(n.blok.component), C(M({ ...t.$props, ...t.$attrs })), null, 16));
+  setup(o) {
+    return (t, e) => (j(), x(A(o.blok.component), C(M({ ...t.$props, ...t.$attrs })), null, 16));
   }
-}), nt = {
-  beforeMount(n, t) {
+}), ot = {
+  beforeMount(o, 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");
+      o.setAttribute("data-blok-c", e["data-blok-c"]), o.setAttribute("data-blok-uid", e["data-blok-uid"]), o.classList.add("storyblok__outline");
     }
   }
-}, S = (n) => {
-  console.error(`You can't use ${n} if you're not loading apiPlugin. Please provide it on StoryblokVue initialization.
+}, S = (o) => {
+  console.error(`You can't use ${o} if you're not loading apiPlugin. Please provide it on StoryblokVue initialization.
     `);
 };
 let g = null;
-const ct = () => (g || S("useStoryblokApi"), g), ut = async (n, t = {}, e = {}) => {
+const ct = () => (g || S("useStoryblokApi"), g), ut = async (o, t = {}, e = {}) => {
   const r = N(null);
   if (I(() => {
     r.value && r.value.id && et(
@@ -666,7 +666,7 @@ const ct = () => (g || S("useStoryblokApi"), g), ut = async (n, t = {}, e = {})
     );
   }), g) {
     const { data: s } = await g.get(
-      `cdn/stories/${n}`,
+      `cdn/stories/${o}`,
       t
     );
     r.value = s.story;
@@ -674,8 +674,8 @@ const ct = () => (g || S("useStoryblokApi"), g), ut = async (n, t = {}, e = {})
     S("useStoryblok");
   return r;
 }, ht = {
-  install(n, t = {}) {
-    n.directive("editable", nt), n.component("StoryblokComponent", st);
+  install(o, t = {}) {
+    o.directive("editable", ot), o.component("StoryblokComponent", st);
     const { storyblokApi: e } = rt(t);
     g = e;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storyblok/vue",
-  "version": "6.3.1",
+  "version": "6.3.2",
   "description": "Storyblok directive for get editable elements.",
   "main": "./dist/storyblok-vue.js",
   "module": "./dist/storyblok-vue.mjs",
@@ -24,13 +24,13 @@
     "prepublishOnly": "npm run build && cp ../README.md ./"
   },
   "dependencies": {
-    "@storyblok/js": "^1.8.0"
+    "@storyblok/js": "^1.8.3"
   },
   "devDependencies": {
     "@babel/core": "^7.18.10",
     "@cypress/vite-dev-server": "^2.0.7",
     "@cypress/vue": "^3.1.2",
-    "@vitejs/plugin-vue": "^2.3.3",
+    "@vitejs/plugin-vue": "^2.3.4",
     "@vue/babel-preset-app": "^5.0.8",
     "@vue/test-utils": "next",
     "@vue/tsconfig": "^0.1.3",
@@ -40,10 +40,10 @@
     "eslint-plugin-jest": "^26.8.2",
     "jest": "^28.1.3",
     "typescript": "^4.7.4",
-    "vite": "^3.0.5",
-    "vue": "^3.2.33",
+    "vite": "^3.1.0",
+    "vue": "^3.2.39",
     "vue-jest": "next",
-    "vue-tsc": "^0.40.1"
+    "vue-tsc": "^0.40.13"
   },
   "babel": {
     "presets": [