1?P-1:0),J=1;J=0)T=r.activeElement;else{var C=i.tabbableGroups[0],P=C&&C.firstTabbableNode;T=P||u("fallbackFocus")}if(!T)throw new Error("Your focus-trap needs to have at least one focusable element");return T},d=function(){if(i.containerGroups=i.containers.map(function(T){var C=DC(T,s.tabbableOptions),P=HC(T,s.tabbableOptions),O=C.length>0?C[0]:void 0,J=C.length>0?C[C.length-1]:void 0,q=P.find(function(ge){return bn(ge)}),Z=P.slice().reverse().find(function(ge){return bn(ge)}),ee=!!C.find(function(ge){return un(ge)>0});return{container:T,tabbableNodes:C,focusableNodes:P,posTabIndexesFound:ee,firstTabbableNode:O,lastTabbableNode:J,firstDomTabbableNode:q,lastDomTabbableNode:Z,nextTabbableNode:function(Le){var $e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!0,we=C.indexOf(Le);return we<0?$e?P.slice(P.indexOf(Le)+1).find(function(Be){return bn(Be)}):P.slice(0,P.indexOf(Le)).reverse().find(function(Be){return bn(Be)}):C[we+($e?1:-1)]}}}),i.tabbableGroups=i.containerGroups.filter(function(T){return T.tabbableNodes.length>0}),i.tabbableGroups.length<=0&&!u("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");if(i.containerGroups.find(function(T){return T.posTabIndexesFound})&&i.containerGroups.length>1)throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")},h=function I(T){if(T!==!1&&T!==r.activeElement){if(!T||!T.focus){I(f());return}T.focus({preventScroll:!!s.preventScroll}),i.mostRecentlyFocusedNode=T,zC(T)&&T.select()}},m=function(T){var C=u("setReturnFocus",T);return C||(C===!1?!1:T)},p=function(T){var C=T.target,P=T.event,O=T.isBackward,J=O===void 0?!1:O;C=C||Zr(P),d();var q=null;if(i.tabbableGroups.length>0){var Z=l(C,P),ee=Z>=0?i.containerGroups[Z]:void 0;if(Z<0)J?q=i.tabbableGroups[i.tabbableGroups.length-1].lastTabbableNode:q=i.tabbableGroups[0].firstTabbableNode;else if(J){var ge=_l(i.tabbableGroups,function(mt){var Ae=mt.firstTabbableNode;return C===Ae});if(ge<0&&(ee.container===C||bs(C,s.tabbableOptions)&&!bn(C,s.tabbableOptions)&&!ee.nextTabbableNode(C,!1))&&(ge=Z),ge>=0){var Le=ge===0?i.tabbableGroups.length-1:ge-1,$e=i.tabbableGroups[Le];q=un(C)>=0?$e.lastTabbableNode:$e.lastDomTabbableNode}else mr(P)||(q=ee.nextTabbableNode(C,!1))}else{var we=_l(i.tabbableGroups,function(mt){var Ae=mt.lastTabbableNode;return C===Ae});if(we<0&&(ee.container===C||bs(C,s.tabbableOptions)&&!bn(C,s.tabbableOptions)&&!ee.nextTabbableNode(C))&&(we=Z),we>=0){var Be=we===i.tabbableGroups.length-1?0:we+1,nt=i.tabbableGroups[Be];q=un(C)>=0?nt.firstTabbableNode:nt.firstDomTabbableNode}else mr(P)||(q=ee.nextTabbableNode(C))}}else q=u("fallbackFocus");return q},_=function(T){var C=Zr(T);if(!(l(C,T)>=0)){if(Xn(s.clickOutsideDeactivates,T)){a.deactivate({returnFocus:s.returnFocusOnDeactivate});return}Xn(s.allowOutsideClick,T)||T.preventDefault()}},g=function(T){var C=Zr(T),P=l(C,T)>=0;if(P||C instanceof Document)P&&(i.mostRecentlyFocusedNode=C);else{T.stopImmediatePropagation();var O,J=!0;if(i.mostRecentlyFocusedNode)if(un(i.mostRecentlyFocusedNode)>0){var q=l(i.mostRecentlyFocusedNode),Z=i.containerGroups[q].tabbableNodes;if(Z.length>0){var ee=Z.findIndex(function(ge){return ge===i.mostRecentlyFocusedNode});ee>=0&&(s.isKeyForward(i.recentNavEvent)?ee+1=0&&(O=Z[ee-1],J=!1))}}else i.containerGroups.some(function(ge){return ge.tabbableNodes.some(function(Le){return un(Le)>0})})||(J=!1);else J=!1;J&&(O=p({target:i.mostRecentlyFocusedNode,isBackward:s.isKeyBackward(i.recentNavEvent)})),h(O||i.mostRecentlyFocusedNode||f())}i.recentNavEvent=void 0},y=function(T){var C=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;i.recentNavEvent=T;var P=p({event:T,isBackward:C});P&&(mr(T)&&T.preventDefault(),h(P))},w=function(T){if(UC(T)&&Xn(s.escapeDeactivates,T)!==!1){T.preventDefault(),a.deactivate();return}(s.isKeyForward(T)||s.isKeyBackward(T))&&y(T,s.isKeyBackward(T))},v=function(T){var C=Zr(T);l(C,T)>=0||Xn(s.clickOutsideDeactivates,T)||Xn(s.allowOutsideClick,T)||(T.preventDefault(),T.stopImmediatePropagation())},S=function(){if(i.active)return gl.activateTrap(o,a),i.delayInitialFocusTimer=s.delayInitialFocus?yl(function(){h(f())}):h(f()),r.addEventListener("focusin",g,!0),r.addEventListener("mousedown",_,{capture:!0,passive:!1}),r.addEventListener("touchstart",_,{capture:!0,passive:!1}),r.addEventListener("click",v,{capture:!0,passive:!1}),r.addEventListener("keydown",w,{capture:!0,passive:!1}),a},A=function(){if(i.active)return r.removeEventListener("focusin",g,!0),r.removeEventListener("mousedown",_,!0),r.removeEventListener("touchstart",_,!0),r.removeEventListener("click",v,!0),r.removeEventListener("keydown",w,!0),a},k=function(T){var C=T.some(function(P){var O=Array.from(P.removedNodes);return O.some(function(J){return J===i.mostRecentlyFocusedNode})});C&&h(f())},R=typeof window<"u"&&"MutationObserver"in window?new MutationObserver(k):void 0,j=function(){R&&(R.disconnect(),i.active&&!i.paused&&i.containers.map(function(T){R.observe(T,{subtree:!0,childList:!0})}))};return a={get active(){return i.active},get paused(){return i.paused},activate:function(T){if(i.active)return this;var C=c(T,"onActivate"),P=c(T,"onPostActivate"),O=c(T,"checkCanFocusTrap");O||d(),i.active=!0,i.paused=!1,i.nodeFocusedBeforeActivation=r.activeElement,C==null||C();var J=function(){O&&d(),S(),j(),P==null||P()};return O?(O(i.containers.concat()).then(J,J),this):(J(),this)},deactivate:function(T){if(!i.active)return this;var C=ml({onDeactivate:s.onDeactivate,onPostDeactivate:s.onPostDeactivate,checkCanReturnFocus:s.checkCanReturnFocus},T);clearTimeout(i.delayInitialFocusTimer),i.delayInitialFocusTimer=void 0,A(),i.active=!1,i.paused=!1,j(),gl.deactivateTrap(o,a);var P=c(C,"onDeactivate"),O=c(C,"onPostDeactivate"),J=c(C,"checkCanReturnFocus"),q=c(C,"returnFocus","returnFocusOnDeactivate");P==null||P();var Z=function(){yl(function(){q&&h(m(i.nodeFocusedBeforeActivation)),O==null||O()})};return q&&J?(J(m(i.nodeFocusedBeforeActivation)).then(Z,Z),this):(Z(),this)},pause:function(T){if(i.paused||!i.active)return this;var C=c(T,"onPause"),P=c(T,"onPostPause");return i.paused=!0,C==null||C(),A(),j(),P==null||P(),this},unpause:function(T){if(!i.paused||!i.active)return this;var C=c(T,"onUnpause"),P=c(T,"onPostUnpause");return i.paused=!1,C==null||C(),d(),S(),j(),P==null||P(),this},updateContainerElements:function(T){var C=[].concat(T).filter(Boolean);return i.containers=C.map(function(P){return typeof P=="string"?r.querySelector(P):P}),i.active&&d(),j(),this}},a.updateContainerElements(t),a};function JC(e,t={}){let n;const{immediate:r,...o}=t,s=le(!1),i=le(!1),a=f=>n&&n.activate(f),c=f=>n&&n.deactivate(f),l=()=>{n&&(n.pause(),i.value=!0)},u=()=>{n&&(n.unpause(),i.value=!1)};return ve(()=>EC(e),f=>{f&&(n=QC(f,{...o,onActivate(){s.value=!0,t.onActivate&&t.onActivate()},onDeactivate(){s.value=!1,t.onDeactivate&&t.onDeactivate()}}),r&&a())},{flush:"post"}),bC(()=>c()),{hasFocus:s,isPaused:i,activate:a,deactivate:c,pause:l,unpause:u}}var vl;const Zo=typeof window<"u",GC=e=>typeof e<"u",ZC=e=>typeof e=="function",YC=e=>typeof e=="string",da=()=>{},XC=Zo&&((vl=window==null?void 0:window.navigator)==null?void 0:vl.userAgent)&&/iP(ad|hone|od)/.test(window.navigator.userAgent);function Yo(e){return typeof e=="function"?e():M(e)}function eT(e){return e}function Id(e){return Ci()?(Rr(e),!0):!1}function tT(e,t=!0){ct()?Zt(e):t?e():Et(e)}function nT(e,t,n={}){const{immediate:r=!0}=n,o=le(!1);let s=null;function i(){s&&(clearTimeout(s),s=null)}function a(){o.value=!1,i()}function c(...l){i(),o.value=!0,s=setTimeout(()=>{o.value=!1,s=null,e(...l)},Yo(t))}return r&&(o.value=!0,Zo&&c()),Id(a),{isPending:Ri(o),start:c,stop:a}}function sr(e){var t;const n=Yo(e);return(t=n==null?void 0:n.$el)!=null?t:n}const ha=Zo?window:void 0,rT=Zo?window.navigator:void 0;function Vt(...e){let t,n,r,o;if(YC(e[0])||Array.isArray(e[0])?([n,r,o]=e,t=ha):[t,n,r,o]=e,!t)return da;Array.isArray(n)||(n=[n]),Array.isArray(r)||(r=[r]);const s=[],i=()=>{s.forEach(u=>u()),s.length=0},a=(u,f,d,h)=>(u.addEventListener(f,d,h),()=>u.removeEventListener(f,d,h)),c=ve(()=>[sr(t),Yo(o)],([u,f])=>{i(),u&&s.push(...n.flatMap(d=>r.map(h=>a(u,d,h,f))))},{immediate:!0,flush:"post"}),l=()=>{c(),i()};return Id(l),l}let bl=!1;function EP(e,t,n={}){const{window:r=ha,ignore:o=[],capture:s=!0,detectIframe:i=!1}=n;if(!r)return;XC&&!bl&&(bl=!0,Array.from(r.document.body.children).forEach(d=>d.addEventListener("click",da)));let a=!0;const c=d=>o.some(h=>{if(typeof h=="string")return Array.from(r.document.querySelectorAll(h)).some(m=>m===d.target||d.composedPath().includes(m));{const m=sr(h);return m&&(d.target===m||d.composedPath().includes(m))}}),u=[Vt(r,"click",d=>{const h=sr(e);if(!(!h||h===d.target||d.composedPath().includes(h))){if(d.detail===0&&(a=!c(d)),!a){a=!0;return}t(d)}},{passive:!0,capture:s}),Vt(r,"pointerdown",d=>{const h=sr(e);h&&(a=!d.composedPath().includes(h)&&!c(d))},{passive:!0}),i&&Vt(r,"blur",d=>{var h;const m=sr(e);((h=r.document.activeElement)==null?void 0:h.tagName)==="IFRAME"&&!(m!=null&&m.contains(r.document.activeElement))&&t(d)})].filter(Boolean);return()=>u.forEach(d=>d())}function oT(e,t=!1){const n=le(),r=()=>n.value=!!e();return r(),tT(r,t),n}function CP(e={}){const{navigator:t=rT,read:n=!1,source:r,copiedDuring:o=1500,legacy:s=!1}=e,i=["copy","cut"],a=oT(()=>t&&"clipboard"in t),c=X(()=>a.value||s),l=le(""),u=le(!1),f=nT(()=>u.value=!1,o);function d(){a.value?t.clipboard.readText().then(_=>{l.value=_}):l.value=p()}if(c.value&&n)for(const _ of i)Vt(_,d);async function h(_=Yo(r)){c.value&&_!=null&&(a.value?await t.clipboard.writeText(_):m(_),l.value=_,u.value=!0,f.start())}function m(_){const g=document.createElement("textarea");g.value=_??"",g.style.position="absolute",g.style.opacity="0",document.body.appendChild(g),g.select(),document.execCommand("copy"),g.remove()}function p(){var _,g,y;return(y=(g=(_=document==null?void 0:document.getSelection)==null?void 0:_.call(document))==null?void 0:g.toString())!=null?y:""}return{isSupported:c,text:l,copied:u,copy:h}}function sT(e){return JSON.parse(JSON.stringify(e))}const wl=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},El="__vueuse_ssr_handlers__";wl[El]=wl[El]||{};const iT={ctrl:"control",command:"meta",cmd:"meta",option:"alt",up:"arrowup",down:"arrowdown",left:"arrowleft",right:"arrowright"};function aT(e={}){const{reactive:t=!1,target:n=ha,aliasMap:r=iT,passive:o=!0,onEventFired:s=da}=e,i=Xe(new Set),a={toJSON(){return{}},current:i},c=t?Xe(a):a,l=new Set,u=new Set;function f(p,_){p in c&&(t?c[p]=_:c[p].value=_)}function d(){i.clear();for(const p of u)f(p,!1)}function h(p,_){var g,y;const w=(g=p.key)==null?void 0:g.toLowerCase(),S=[(y=p.code)==null?void 0:y.toLowerCase(),w].filter(Boolean);w&&(_?i.add(w):i.delete(w));for(const A of S)u.add(A),f(A,_);w==="meta"&&!_?(l.forEach(A=>{i.delete(A),f(A,!1)}),l.clear()):typeof p.getModifierState=="function"&&p.getModifierState("Meta")&&_&&[...i,...S].forEach(A=>l.add(A))}Vt(n,"keydown",p=>(h(p,!0),s(p)),{passive:o}),Vt(n,"keyup",p=>(h(p,!1),s(p)),{passive:o}),Vt("blur",d,{passive:!0}),Vt("focus",d,{passive:!0});const m=new Proxy(c,{get(p,_,g){if(typeof _!="string")return Reflect.get(p,_,g);if(_=_.toLowerCase(),_ in r&&(_=r[_]),!(_ in c))if(/[+_-]/.test(_)){const w=_.split(/[+_-]/g).map(v=>v.trim());c[_]=X(()=>w.every(v=>M(m[v])))}else c[_]=le(!1);const y=Reflect.get(p,_,g);return t?M(y):y}});return m}var Cl;(function(e){e.UP="UP",e.RIGHT="RIGHT",e.DOWN="DOWN",e.LEFT="LEFT",e.NONE="NONE"})(Cl||(Cl={}));var cT=Object.defineProperty,Tl=Object.getOwnPropertySymbols,lT=Object.prototype.hasOwnProperty,uT=Object.prototype.propertyIsEnumerable,Pl=(e,t,n)=>t in e?cT(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,fT=(e,t)=>{for(var n in t||(t={}))lT.call(t,n)&&Pl(e,n,t[n]);if(Tl)for(var n of Tl(t))uT.call(t,n)&&Pl(e,n,t[n]);return e};const dT={easeInSine:[.12,0,.39,0],easeOutSine:[.61,1,.88,1],easeInOutSine:[.37,0,.63,1],easeInQuad:[.11,0,.5,0],easeOutQuad:[.5,1,.89,1],easeInOutQuad:[.45,0,.55,1],easeInCubic:[.32,0,.67,0],easeOutCubic:[.33,1,.68,1],easeInOutCubic:[.65,0,.35,1],easeInQuart:[.5,0,.75,0],easeOutQuart:[.25,1,.5,1],easeInOutQuart:[.76,0,.24,1],easeInQuint:[.64,0,.78,0],easeOutQuint:[.22,1,.36,1],easeInOutQuint:[.83,0,.17,1],easeInExpo:[.7,0,.84,0],easeOutExpo:[.16,1,.3,1],easeInOutExpo:[.87,0,.13,1],easeInCirc:[.55,0,1,.45],easeOutCirc:[0,.55,.45,1],easeInOutCirc:[.85,0,.15,1],easeInBack:[.36,0,.66,-.56],easeOutBack:[.34,1.56,.64,1],easeInOutBack:[.68,-.6,.32,1.6]};fT({linear:eT},dT);function TP(e,t,n,r={}){var o,s,i;const{clone:a=!1,passive:c=!1,eventName:l,deep:u=!1,defaultValue:f}=r,d=ct(),h=n||(d==null?void 0:d.emit)||((o=d==null?void 0:d.$emit)==null?void 0:o.bind(d))||((i=(s=d==null?void 0:d.proxy)==null?void 0:s.$emit)==null?void 0:i.bind(d==null?void 0:d.proxy));let m=l;t||(t="modelValue"),m=l||m||`update:${t.toString()}`;const p=g=>a?ZC(a)?a(g):sT(g):g,_=()=>GC(e[t])?p(e[t]):f;if(c){const g=_(),y=le(g);return ve(()=>e[t],w=>y.value=p(w)),ve(y,w=>{(w!==e[t]||u)&&h(m,w)},{deep:u}),y}else return X({get(){return _()},set(g){h(m,g)}})}const Mr=e=>(nu("data-v-cc626250"),e=e(),ru(),e),hT={class:"content"},pT=Mr(()=>oe("span",null,"Search",-1)),mT=Mr(()=>oe("span",null,[oe("kbd",null,"⌘"),oe("kbd",null,"K")],-1)),gT={class:"search-input"},yT=["onKeydown"],_T=["id","onMouseenter"],vT={class:"search-result-content-wrapper"},bT={class:"search-result-content-head"},wT={key:2},ET=Mr(()=>oe("span",{class:"arrow",innerHTML:"→"},null,-1)),CT={key:0,class:"search-result-content-preview"},TT=Mr(()=>oe("span",null,"“",-1)),PT=["innerHTML"],xT=Mr(()=>oe("span",null,"“",-1)),ST={key:1,class:"search-results empty"},AT={key:2,class:"search-results empty"},RT=Se({__name:"AppSearch",props:{fuse:{type:Object,default:()=>({fuseOptions:{keys:["title","description","keywords","body"],ignoreLocation:!0,threshold:0,includeMatches:!0,includeScore:!0},matchAllWhenSearchEmpty:!0})}},async setup(e){let t,n;const r=e,o=le(""),s=le(),i=le(),a=le(),c=le(-1),l=le(!1),{close:u,open:f}=ad(),{activate:d,deactivate:h}=JC(s),{navigation:m}=Nr(),{meta_K:p,Escape:_}=aT(),{data:g}=([t,n]=wu(()=>zy("search-api",()=>$fetch("/api/search",{parseResponse:JSON.parse}))),t=await t,n(),t),{results:y}=wC(o,g,r.fuse);function w(I,T,C){for(const P of I){if(P._path===T)return{directoryTitle:C.title,directoryIcon:C.icon};if(P.children){const O=w(P.children,T,P);if(O)return O}}}function v(I){let T;for(const C of m.value)if(C.children){const P=w(C.children,I,C);P&&(T=P)}return T}function S(I,T){const{indices:C,value:P}=T||{indices:[],value:""};if(I===P)return"";let O="",J=0;C.forEach(Z=>{const ee=Z[1]+1,ge=ee-Z[0]>=o.value.length;O+=[P.substring(J,Z[0]),ge&&"",P.substring(Z[0],ee),ge&&" "].filter(Boolean).join(""),J=ee}),O+=P.substring(J);const q=O.indexOf("");return q>60&&(O=`${O.substring(q-60)}`),`${O}”`}function A(){c.value===-1?c.value=0:c.value===y.value.length-1||(c.value=c.value+1)}function k(){c.value===-1?c.value=y.value.length-1:c.value===0||(c.value=c.value-1)}function R(I){var P,O;const T=(O=(P=y==null?void 0:y.value)==null?void 0:P[I])==null?void 0:O.item,C=T==null?void 0:T.path;C&&(l.value=!1,lt().push(C))}function j(){var I,T;o.value?(o.value="",c.value=-1,(T=(I=i.value)==null?void 0:I.focus)==null||T.call(I)):l.value=!1}return Zt(()=>{const I=at();I.query.q&&(l.value=!0,o.value=I.query.q)}),ve(c,I=>{var C,P,O,J;const T=(O=(P=(C=y==null?void 0:y.value)==null?void 0:C[I])==null?void 0:P.item)==null?void 0:O.id;T&&((J=document.querySelector(`[id="${T}"]`))==null||J.scrollIntoView({block:"nearest"}))}),ve(o,I=>{c.value=0}),ve(l,I=>{I?(f(),Et(()=>{d()})):(o.value="",c.value=-1,h(),u())}),ve(p,I=>{I&&(l.value=!l.value)}),ve(_,()=>{l.value&&(l.value=!1)}),(I,T)=>{const C=$t;return K(),ue(Pe,null,[oe("button",{type:"button","aria-label":"Search",onClick:T[0]||(T[0]=P=>l.value=!0)},[oe("span",hT,[ae(C,{name:"heroicons-outline:search"}),pT,mT])]),(K(),de(ku,{to:"body"},[M(l)?(K(),ue("div",{key:0,ref_key:"searchContentRef",ref:s,class:"search-content",onClick:T[5]||(T[5]=P=>l.value=!1)},[oe("div",{class:"search-window",onClick:T[4]||(T[4]=rr(()=>{},["stop"]))},[oe("div",gT,[ae(C,{name:"heroicons-outline:search",class:"search-icon"}),cu(oe("input",{ref_key:"searchInputRef",ref:i,"onUpdate:modelValue":T[1]||(T[1]=P=>ke(o)?o.value=P:null),type:"text",placeholder:"Search documentation",onKeydown:[ls(rr(k,["prevent"]),["up"]),ls(rr(A,["prevent"]),["down"]),T[2]||(T[2]=ls(P=>R(M(c)),["enter"]))]},null,40,yT),[[am,M(o)]]),oe("button",{class:"close-button",onClick:j},[ae(C,{name:"heroicons:x-mark",class:"close-icon"})])]),M(y).length>0?(K(),ue("div",{key:0,ref_key:"resultsAreaRef",ref:a,class:"search-results"},[(K(!0),ue(Pe,null,$n(M(y),(P,O)=>{var J,q,Z,ee,ge,Le,$e,we,Be,nt;return K(),ue("div",{id:P.item.id,key:P.item.id,class:ze(["search-result",{selected:M(c)===O}]),onClick:T[3]||(T[3]=mt=>R(M(c))),onMouseenter:rr(mt=>c.value=O,["prevent"])},[oe("div",vT,[oe("div",bT,[(q=v((J=P==null?void 0:P.item)==null?void 0:J.path))!=null&&q.directoryIcon?(K(),de(C,{key:0,name:(ee=v((Z=P==null?void 0:P.item)==null?void 0:Z.path))==null?void 0:ee.directoryIcon},null,8,["name"])):(K(),de(C,{key:1,name:"solar:documents-bold-duotone"})),(Le=v((ge=P==null?void 0:P.item)==null?void 0:ge.path))!=null&&Le.directoryTitle?(K(),ue("span",wT,[kr(Rt((we=v(($e=P==null?void 0:P.item)==null?void 0:$e.path))==null?void 0:we.directoryTitle)+" ",1),ET])):Fe("",!0),oe("span",null,Rt(P.item.title),1)]),(Be=P==null?void 0:P.matches)!=null&&Be[0]?(K(),ue("p",CT,[TT,oe("span",{innerHTML:`${S(M(o),(nt=P==null?void 0:P.matches)==null?void 0:nt[0])}`},null,8,PT),xT])):Fe("",!0)])],42,_T)}),128))],512)):M(o)?(K(),ue("div",AT," No results found. Try another query ")):(K(),ue("div",ST," Type your query to search docs "))])],512)):Fe("",!0)]))],64)}}});const kd=je(RT,[["__scopeId","data-v-cc626250"]]),IT=Object.freeze(Object.defineProperty({__proto__:null,default:kd},Symbol.toStringTag,{value:"Module"})),kT=Se({name:"ClientOnly",inheritAttrs:!1,props:["fallback","placeholder","placeholderTag","fallbackTag"],setup(e,{slots:t,attrs:n}){const r=le(!1);return Zt(()=>{r.value=!0}),o=>{var c;if(r.value)return(c=t.default)==null?void 0:c.call(t);const s=t.fallback||t.placeholder;if(s)return s();const i=o.fallback||o.placeholder||"",a=o.fallbackTag||o.placeholderTag||"span";return ue(a,n,i)}}}),OT={name:S1,props:{placeholder:String,tag:{type:String,default:"span"}}};function LT(e,t,n,r,o,s){const i=kT;return K(),de(i,{placeholder:n.placeholder,"placeholder-tag":n.tag},{default:et(()=>[Di(e.$slots,"default")]),_:3},8,["placeholder","placeholder-tag"])}const $T=je(OT,[["render",LT]]),NT=()=>At("color-mode").value,MT=Se({__name:"ThemeSelect",setup(e){const t=NT(),n=()=>{const r=["system","light","dark"],s=(r.indexOf(t.preference)+1)%r.length;t.preference=r[s]};return(r,o)=>{const s=$t,i=$T;return K(),ue("button",{"aria-label":"Color Mode",onClick:n},[ae(i,{placeholder:"..."},{default:et(()=>[M(t).preference==="dark"?(K(),de(s,{key:0,name:"uil:moon"})):M(t).preference==="light"?(K(),de(s,{key:1,name:"uil:sun"})):(K(),de(s,{key:2,name:"uil:desktop"}))]),_:1})])}}});const Od=je(MT,[["__scopeId","data-v-599671b4"]]),DT=Object.freeze(Object.defineProperty({__proto__:null,default:Od},Symbol.toStringTag,{value:"Module"})),HT=Se({__name:"Container",props:{as:{type:String,required:!1,default:"div"},padded:{required:!1,type:[Boolean,Object],default:!0},fluid:{required:!1,type:[Boolean,Object],default:!1}},setup(e){const t=e,n={padded:{true:{px:"{elements.container.padding.mobile}","@xs":{px:"{elements.container.padding.xs}"},"@sm":{px:"{elements.container.padding.sm}"},"@md":{px:"{elements.container.padding.md}"}}},fluid:{true:{},false:{maxWidth:"{elements.container.maxWidth}"}}},{$pinceau:r}=m1(t,n,void 0);return(o,s)=>(K(),de(Bo(e.as),{class:ze(["container",[M(r)]])},{default:et(()=>[Di(o.$slots,"default",{},void 0,!0)]),_:3},8,["class"]))}});const pa=je(HT,[["__scopeId","data-v-71f891dc"]]),FT=Object.freeze(Object.defineProperty({__proto__:null,default:pa},Symbol.toStringTag,{value:"Module"})),jT={class:"section left"},BT={class:"section center"},VT={class:"section right"},zT={class:"social-icons"},UT=Se({__name:"AppHeader",props:{},setup(e){const{config:t}=Yt(),{navigation:n}=Nr(),{hasDocSearch:r}=dd(),o=X(()=>{var s,i,a,c;return((s=n.value)==null?void 0:s.length)>1||((c=(a=(i=n.value)==null?void 0:i[0])==null?void 0:a.children)==null?void 0:c.length)});return(s,i)=>{var p,_;const a=cd,c=ud,l=fd,u=pd,f=kd,d=Od,h=Go,m=pa;return K(),ue("header",{class:ze({"has-dialog":M(o)})},[ae(m,{fluid:(_=(p=M(t))==null?void 0:p.header)==null?void 0:_.fluid},{default:et(()=>[oe("div",jT,[M(o)?(K(),de(a,{key:0})):Fe("",!0),ae(c)]),oe("div",BT,[M(o)?(K(),de(c,{key:0})):Fe("",!0),ae(l)]),oe("div",VT,[M(r)?(K(),de(u,{key:0})):(K(),de(f,{key:1,fuse:M(t).fuse},null,8,["fuse"])),ae(d),oe("div",zT,[ae(h)])])]),_:1},8,["fluid"])],2)}}});const Ld=je(UT,[["__scopeId","data-v-5623c614"]]),KT=Object.freeze(Object.defineProperty({__proto__:null,default:Ld},Symbol.toStringTag,{value:"Module"})),WT={class:"left"},qT=["href"],QT={key:1},JT={class:"center"},GT={class:"right"},ZT=["aria-label","href","rel"],YT=Se({__name:"AppFooter",setup(e){const{config:t}=Yt(),n=le(null),r=X(()=>{var a,c;return((c=(a=t.value)==null?void 0:a.footer)==null?void 0:c.iconLinks)||[]}),o=X(()=>{var a,c;return((c=(a=t.value)==null?void 0:a.footer)==null?void 0:c.textLinks)||[]}),s=X(()=>{var a;return Object.entries(((a=t.value)==null?void 0:a.socials)||{}).filter(([,c])=>c).length}),i=X(()=>n.value?s.value:0);return(a,c)=>{var h,m;const l=$t,u=$r,f=Go,d=pa;return K(),ue("footer",null,[ae(d,{fluid:(m=(h=M(t))==null?void 0:h.footer)==null?void 0:m.fluid,padded:"",class:"footer-container"},{default:et(()=>{var p,_,g,y,w,v,S,A,k,R,j,I,T,C;return[oe("div",WT,[(_=(p=M(t))==null?void 0:p.footer)!=null&&_.credits?(K(),ue("a",{key:0,href:((w=(y=(g=M(t))==null?void 0:g.footer)==null?void 0:y.credits)==null?void 0:w.href)||"#",rel:"noopener",target:"_blank"},[(A=(S=(v=M(t))==null?void 0:v.footer)==null?void 0:S.credits)!=null&&A.icon?(K(),de(l,{key:0,name:(j=(R=(k=M(t))==null?void 0:k.footer)==null?void 0:R.credits)==null?void 0:j.icon,class:"left-icon"},null,8,["name"])):Fe("",!0),(C=(T=(I=M(t))==null?void 0:I.footer)==null?void 0:T.credits)!=null&&C.text?(K(),ue("p",QT,Rt(M(t).footer.credits.text),1)):Fe("",!0)],8,qT)):Fe("",!0)]),oe("div",JT,[(K(!0),ue(Pe,null,$n(M(o),P=>(K(),de(u,{key:P.href,class:"text-link","aria-label":P.text,href:P.href,target:(P==null?void 0:P.target)||"_self",rel:(P==null?void 0:P.rel)||"noopener noreferrer"},{default:et(()=>[kr(Rt(P.text),1)]),_:2},1032,["aria-label","href","target","rel"]))),128))]),oe("div",GT,[(K(!0),ue(Pe,null,$n(M(r).slice(0,6-M(i)),P=>(K(),ue("a",{key:P.label,class:"icon-link","aria-label":P.label,href:P.href,target:"_blank",rel:(P==null?void 0:P.rel)||"noopener noreferrer"},[ae(l,{name:P.icon},null,8,["name"])],8,ZT))),128)),ae(f,{ref_key:"socialIcons",ref:n},null,512)])]}),_:1},8,["fluid"])])}}});const $d=je(YT,[["__scopeId","data-v-6955358e"]]),XT=Object.freeze(Object.defineProperty({__proto__:null,default:$d},Symbol.toStringTag,{value:"Module"})),eP=(e,t=at())=>{const n=M(e),r=tt();ve(()=>M(e),(s=n)=>{if(!t.path||!s)return;const i=Object.assign({},(s==null?void 0:s.head)||{});i.meta=[...i.meta||[]],i.link=[...i.link||[]];const a=i.title||(s==null?void 0:s.title);a&&(i.title=a),r.public.content.host;const c=(i==null?void 0:i.description)||(s==null?void 0:s.description);c&&i.meta.filter(l=>l.name==="description").length===0&&i.meta.push({name:"description",content:c}),i!=null&&i.image||(s==null||s.image),Et(()=>Eo(i))},{immediate:!0})},tP={class:"app-layout"},nP=Se({__name:"AppLayout",setup(e){const{config:t}=Yt();return Eo({titleTemplate:t.value.titleTemplate,meta:[{name:"twitter:card",content:"summary_large_image"}]}),ve(()=>t.value.titleTemplate,()=>Eo({titleTemplate:t.value.titleTemplate})),eP(t.value),(n,r)=>{const o=zf,s=Ld,i=$d;return K(),ue("div",tP,[ae(o),ae(s),oe("main",null,[Di(n.$slots,"default",{},void 0,!0)]),ae(i)])}}});const Nd=je(nP,[["__scopeId","data-v-f3bd81f4"]]),rP=Object.freeze(Object.defineProperty({__proto__:null,default:Nd},Symbol.toStringTag,{value:"Module"})),oP={};function sP(e,t){const n=z1,r=Nd;return K(),de(r,null,{default:et(()=>[ae(n)]),_:1})}const iP=je(oP,[["render",sP]]),aP={__name:"nuxt-error-page",props:{error:Object},setup(e){const n=e.error;(n.stack||"").split(`
-`).splice(1).map(f=>({text:f.replace("webpack:/","").replace(".vue",".js").trim(),internal:f.includes("node_modules")&&!f.includes(".cache")||f.includes("internal")||f.includes("new Promise")})).map(f=>`${f.text} `).join(`
-`);const r=Number(n.statusCode||500),o=r===404,s=n.statusMessage??(o?"Page Not Found":"Internal Server Error"),i=n.message||n.toString(),a=void 0,u=o?F(()=>D(()=>import("./error-404.8ec74ef2.js"),["./error-404.8ec74ef2.js","./error-404.daad48de.css"],import.meta.url).then(f=>f.default||f)):F(()=>D(()=>import("./error-500.83bc6226.js"),["./error-500.83bc6226.js","./error-500.8942b5dc.css"],import.meta.url).then(f=>f.default||f));return(f,d)=>(K(),de(M(u),qd(Mu({statusCode:M(r),statusMessage:M(s),description:M(i),stack:M(a)})),null,16))}},xl={__name:"nuxt-root",setup(e){const t=()=>null,n=me(),r=n.deferHydration(),o=!1;kn(Uo,at()),n.hooks.callHookWith(a=>a.map(c=>c()),"vue:setup");const s=Ko();yu((a,c,l)=>{if(n.hooks.callHook("vue:error",a,c,l).catch(u=>console.error("[nuxt] Error in `vue:error` hook",u)),Fy(a)&&(a.fatal||a.unhandled))return n.runWithContext(()=>Tn(a)),!1});const i=!1;return(a,c)=>(K(),de(su,{onResolve:M(r)},{default:et(()=>[M(s)?(K(),de(M(aP),{key:0,error:M(s)},null,8,["error"])):M(i)?(K(),de(M(t),{key:1,context:M(i)},null,8,["context"])):M(o)?(K(),de(Bo(M(o)),{key:2})):(K(),de(M(iP),{key:3}))]),_:1},8,["onResolve"]))}};globalThis.$fetch||(globalThis.$fetch=sg.create({baseURL:ag()}));let Sl;{let e;Sl=async function(){var s,i;if(e)return e;const r=!!((s=window.__NUXT__)!=null&&s.serverRendered||((i=document.getElementById("__NUXT_DATA__"))==null?void 0:i.dataset.ssr)==="true")?mm(xl):pm(xl),o=bg({vueApp:r});try{await Eg(o,H1)}catch(a){await o.callHook("app:error",a),o.payload.error=o.payload.error||a}try{await o.hooks.callHook("app:created",r),await o.hooks.callHook("app:beforeMount",r),r.mount(T_),await o.hooks.callHook("app:mounted",r),await Et()}catch(a){await o.callHook("app:error",a),o.payload.error=o.payload.error||a}return r},e=Sl().catch(t=>{console.error("Error while mounting app:",t)})}export{Di as $,Cn as A,Et as B,fP as C,he as D,Eo as E,Pe as F,kr as G,$r as H,He as I,hP as J,X as K,M as L,or as M,dP as N,V1 as O,Uo as P,Ye as Q,Rp as R,su as S,zi as T,kn as U,Ny as V,Nr as W,eP as X,de as Y,m1 as Z,D as _,Ln as a,ve as a0,lP as a1,sp as a2,Mb as a3,Nn as a4,Er as a5,Xi as a6,wP as a7,$t as a8,Yt as a9,uP as aA,Vc as aB,vP as aC,Tt as aD,pP as aE,_P as aF,mP as aG,gP as aH,yP as aI,cf as aJ,jb as aK,wy as aL,ua as aa,Or as ab,Kn as ac,pa as ad,Nb as ae,Zi as af,mu as ag,$n as ah,rr as ai,CP as aj,EP as ak,jm as al,cu as am,fm as an,ct as ao,ti as ap,Vy as aq,NT as ar,TP as as,ke as at,bP as au,_y as av,cP as aw,Co as ax,Vb as ay,Bn as az,K as b,ue as c,Se as d,oe as e,Fe as f,ae as g,to as h,ru as i,me as j,je as k,tt as l,At as m,ze as n,Zt as o,nu as p,no as q,le as r,at as s,Rt as t,lt as u,Yu as v,et as w,pf as x,eo as y,pm as z};
diff --git a/_nuxt/error-404.8Sc207dn.css b/_nuxt/error-404.8Sc207dn.css
new file mode 100644
index 000000000..61ba7bf61
--- /dev/null
+++ b/_nuxt/error-404.8Sc207dn.css
@@ -0,0 +1 @@
+.spotlight[data-v-865b13d2]{background:linear-gradient(45deg,#00dc82,#36e4da 50%,#0047e1);bottom:-30vh;filter:blur(20vh);height:40vh}.gradient-border[data-v-865b13d2]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.5rem;position:relative}@media (prefers-color-scheme:light){.gradient-border[data-v-865b13d2]{background-color:#ffffff4d}.gradient-border[data-v-865b13d2]:before{background:linear-gradient(90deg,#e2e2e2,#e2e2e2 25%,#00dc82,#36e4da 75%,#0047e1)}}@media (prefers-color-scheme:dark){html:not(.light) .gradient-border[data-v-865b13d2]{background-color:#1414144d}html:not(.light) .gradient-border[data-v-865b13d2]:before{background:linear-gradient(90deg,#303030,#303030 25%,#00dc82,#36e4da 75%,#0047e1)}}html.dark .gradient-border[data-v-865b13d2]{background-color:#1414144d}html.dark .gradient-border[data-v-865b13d2]:before{background:linear-gradient(90deg,#303030,#303030 25%,#00dc82,#36e4da 75%,#0047e1)}.gradient-border[data-v-865b13d2]:before{background-size:400% auto;border-radius:.5rem;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;padding:2px;position:absolute;right:0;top:0;transition:background-position .3s ease-in-out,opacity .2s ease-in-out;width:100%}.gradient-border[data-v-865b13d2]:hover:before{background-position:-50% 0;opacity:1}.fixed[data-v-865b13d2]{position:fixed}.left-0[data-v-865b13d2]{left:0}.right-0[data-v-865b13d2]{right:0}.z-10[data-v-865b13d2]{z-index:10}.z-20[data-v-865b13d2]{z-index:20}.grid[data-v-865b13d2]{display:grid}.mb-16[data-v-865b13d2]{margin-bottom:4rem}.mb-8[data-v-865b13d2]{margin-bottom:2rem}.max-w-520px[data-v-865b13d2]{max-width:520px}.min-h-screen[data-v-865b13d2]{min-height:100vh}.w-full[data-v-865b13d2]{width:100%}.flex[data-v-865b13d2]{display:flex}.cursor-pointer[data-v-865b13d2]{cursor:pointer}.place-content-center[data-v-865b13d2]{place-content:center}.items-center[data-v-865b13d2]{align-items:center}.justify-center[data-v-865b13d2]{justify-content:center}.overflow-hidden[data-v-865b13d2]{overflow:hidden}.bg-white[data-v-865b13d2]{--un-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--un-bg-opacity))}.px-4[data-v-865b13d2]{padding-left:1rem;padding-right:1rem}.px-8[data-v-865b13d2]{padding-left:2rem;padding-right:2rem}.py-2[data-v-865b13d2]{padding-bottom:.5rem;padding-top:.5rem}.text-center[data-v-865b13d2]{text-align:center}.text-8xl[data-v-865b13d2]{font-size:6rem;line-height:1}.text-xl[data-v-865b13d2]{font-size:1.25rem;line-height:1.75rem}.text-black[data-v-865b13d2]{--un-text-opacity:1;color:#000;color:rgb(0 0 0/var(--un-text-opacity))}.font-light[data-v-865b13d2]{font-weight:300}.font-medium[data-v-865b13d2]{font-weight:500}.leading-tight[data-v-865b13d2]{line-height:1.25}.font-sans[data-v-865b13d2]{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.antialiased[data-v-865b13d2]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){html:not(.light) .dark\:bg-black[data-v-865b13d2]{--un-bg-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--un-bg-opacity))}html:not(.light) .dark\:text-white[data-v-865b13d2]{--un-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--un-text-opacity))}}html.dark .dark\:bg-black[data-v-865b13d2]{--un-bg-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--un-bg-opacity))}html.dark .dark\:text-white[data-v-865b13d2]{--un-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--un-text-opacity))}@media (min-width:640px){.sm\:px-0[data-v-865b13d2]{padding-left:0;padding-right:0}.sm\:px-6[data-v-865b13d2]{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-3[data-v-865b13d2]{padding-bottom:.75rem;padding-top:.75rem}.sm\:text-4xl[data-v-865b13d2]{font-size:2.25rem;line-height:2.5rem}.sm\:text-xl[data-v-865b13d2]{font-size:1.25rem;line-height:1.75rem}}
diff --git a/_nuxt/error-404.8ec74ef2.js b/_nuxt/error-404.8ec74ef2.js
deleted file mode 100644
index 32c7199de..000000000
--- a/_nuxt/error-404.8ec74ef2.js
+++ /dev/null
@@ -1 +0,0 @@
-import{k as a,E as n,b as r,c as d,e,t as s,g as l,w as c,G as p,H as f,p as x,i as h}from"./entry.a917384d.js";const m=t=>(x("data-v-daf67797"),t=t(),h(),t),u={class:"font-sans antialiased bg-white dark:bg-black text-black dark:text-white grid min-h-screen place-content-center overflow-hidden"},g=m(()=>e("div",{class:"fixed left-0 right-0 spotlight z-10"},null,-1)),_={class:"max-w-520px text-center z-20"},b=["textContent"],w=["textContent"],y={class:"w-full flex items-center justify-center"},S={__name:"error-404",props:{appName:{type:String,default:"Nuxt"},version:{type:String,default:""},statusCode:{type:Number,default:404},statusMessage:{type:String,default:"Not Found"},description:{type:String,default:"Sorry, the page you are looking for could not be found."},backHome:{type:String,default:"Go back home"}},setup(t){const o=t;return n({title:`${o.statusCode} - ${o.statusMessage} | ${o.appName}`,script:[],style:[{children:'*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e0e0e0}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(14, 165, 233, .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5}h1,p{margin:0}h1{font-size:inherit;font-weight:inherit}'}]}),(k,v)=>{const i=f;return r(),d("div",u,[g,e("div",_,[e("h1",{class:"text-8xl sm:text-10xl font-medium mb-8",textContent:s(t.statusCode)},null,8,b),e("p",{class:"text-xl px-8 sm:px-0 sm:text-4xl font-light mb-16 leading-tight",textContent:s(t.description)},null,8,w),e("div",y,[l(i,{to:"/",class:"gradient-border text-md sm:text-xl py-2 px-4 sm:py-3 sm:px-6 cursor-pointer"},{default:c(()=>[p(s(t.backHome),1)]),_:1})])])])}}},z=a(S,[["__scopeId","data-v-daf67797"]]);export{z as default};
diff --git a/_nuxt/error-404.daad48de.css b/_nuxt/error-404.daad48de.css
deleted file mode 100644
index a705624c0..000000000
--- a/_nuxt/error-404.daad48de.css
+++ /dev/null
@@ -1 +0,0 @@
-.spotlight[data-v-daf67797]{background:linear-gradient(45deg,#00dc82,#36e4da 50%,#0047e1);bottom:-30vh;filter:blur(20vh);height:40vh}.gradient-border[data-v-daf67797]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.5rem;position:relative}@media (prefers-color-scheme:light){.gradient-border[data-v-daf67797]{background-color:#ffffff4d}.gradient-border[data-v-daf67797]:before{background:linear-gradient(90deg,#e2e2e2,#e2e2e2 25%,#00dc82 50%,#36e4da 75%,#0047e1)}}@media (prefers-color-scheme:dark){html:not(.light) .gradient-border[data-v-daf67797]{background-color:#1414144d}html:not(.light) .gradient-border[data-v-daf67797]:before{background:linear-gradient(90deg,#303030,#303030 25%,#00dc82 50%,#36e4da 75%,#0047e1)}}html.dark .gradient-border[data-v-daf67797]{background-color:#1414144d}html.dark .gradient-border[data-v-daf67797]:before{background:linear-gradient(90deg,#303030,#303030 25%,#00dc82 50%,#36e4da 75%,#0047e1)}.gradient-border[data-v-daf67797]:before{background-size:400% auto;border-radius:.5rem;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;padding:2px;position:absolute;right:0;top:0;transition:background-position .3s ease-in-out,opacity .2s ease-in-out;width:100%}.gradient-border[data-v-daf67797]:hover:before{background-position:-50% 0;opacity:1}.bg-white[data-v-daf67797]{--tw-bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.cursor-pointer[data-v-daf67797]{cursor:pointer}.flex[data-v-daf67797]{display:flex}.grid[data-v-daf67797]{display:grid}.place-content-center[data-v-daf67797]{place-content:center}.items-center[data-v-daf67797]{align-items:center}.justify-center[data-v-daf67797]{justify-content:center}.font-sans[data-v-daf67797]{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.font-medium[data-v-daf67797]{font-weight:500}.font-light[data-v-daf67797]{font-weight:300}.text-8xl[data-v-daf67797]{font-size:6rem;line-height:1}.text-xl[data-v-daf67797]{font-size:1.25rem;line-height:1.75rem}.leading-tight[data-v-daf67797]{line-height:1.25}.mb-8[data-v-daf67797]{margin-bottom:2rem}.mb-16[data-v-daf67797]{margin-bottom:4rem}.max-w-520px[data-v-daf67797]{max-width:520px}.min-h-screen[data-v-daf67797]{min-height:100vh}.overflow-hidden[data-v-daf67797]{overflow:hidden}.px-8[data-v-daf67797]{padding-left:2rem;padding-right:2rem}.py-2[data-v-daf67797]{padding-bottom:.5rem;padding-top:.5rem}.px-4[data-v-daf67797]{padding-left:1rem;padding-right:1rem}.fixed[data-v-daf67797]{position:fixed}.left-0[data-v-daf67797]{left:0}.right-0[data-v-daf67797]{right:0}.text-center[data-v-daf67797]{text-align:center}.text-black[data-v-daf67797]{--tw-text-opacity:1;color:#000;color:rgba(0,0,0,var(--tw-text-opacity))}.antialiased[data-v-daf67797]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.w-full[data-v-daf67797]{width:100%}.z-10[data-v-daf67797]{z-index:10}.z-20[data-v-daf67797]{z-index:20}@media (min-width:640px){.sm\:text-4xl[data-v-daf67797]{font-size:2.25rem;line-height:2.5rem}.sm\:text-xl[data-v-daf67797]{font-size:1.25rem;line-height:1.75rem}.sm\:text-10xl[data-v-daf67797]{font-size:10rem;line-height:1}.sm\:px-0[data-v-daf67797]{padding-left:0;padding-right:0}.sm\:py-3[data-v-daf67797]{padding-bottom:.75rem;padding-top:.75rem}.sm\:px-6[data-v-daf67797]{padding-left:1.5rem;padding-right:1.5rem}}@media (prefers-color-scheme:dark){html:not(.light) .dark\:bg-black[data-v-daf67797]{--tw-bg-opacity:1;background-color:#000;background-color:rgba(0,0,0,var(--tw-bg-opacity))}html:not(.light) .dark\:text-white[data-v-daf67797]{--tw-text-opacity:1;color:#fff;color:rgba(255,255,255,var(--tw-text-opacity))}}html.dark .dark\:bg-black[data-v-daf67797]{--tw-bg-opacity:1;background-color:#000;background-color:rgba(0,0,0,var(--tw-bg-opacity))}html.dark .dark\:text-white[data-v-daf67797]{--tw-text-opacity:1;color:#fff;color:rgba(255,255,255,var(--tw-text-opacity))}
diff --git a/_nuxt/error-500.83bc6226.js b/_nuxt/error-500.83bc6226.js
deleted file mode 100644
index 911f7503b..000000000
--- a/_nuxt/error-500.83bc6226.js
+++ /dev/null
@@ -1 +0,0 @@
-import{k as i,E as a,b as r,c as n,e,t as s,p as l,i as d}from"./entry.a917384d.js";const c=t=>(l("data-v-5b0dd4e0"),t=t(),d(),t),p={class:"font-sans antialiased bg-white dark:bg-black text-black dark:text-white grid min-h-screen place-content-center overflow-hidden"},h=c(()=>e("div",{class:"fixed -bottom-1/2 left-0 right-0 h-1/2 spotlight"},null,-1)),f={class:"max-w-520px text-center"},g=["textContent"],m=["textContent"],b={__name:"error-500",props:{appName:{type:String,default:"Nuxt"},version:{type:String,default:""},statusCode:{type:Number,default:500},statusMessage:{type:String,default:"Server error"},description:{type:String,default:"This page is temporarily unavailable."}},setup(t){const o=t;return a({title:`${o.statusCode} - ${o.statusMessage} | ${o.appName}`,script:[],style:[{children:'*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e0e0e0}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(14, 165, 233, .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{margin:0;font-family:inherit;line-height:inherit}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5}h1,p{margin:0}h1{font-size:inherit;font-weight:inherit}'}]}),(x,u)=>(r(),n("div",p,[h,e("div",f,[e("h1",{class:"text-8xl sm:text-10xl font-medium mb-8",textContent:s(t.statusCode)},null,8,g),e("p",{class:"text-xl px-8 sm:px-0 sm:text-4xl font-light mb-16 leading-tight",textContent:s(t.description)},null,8,m)])]))}},w=i(b,[["__scopeId","data-v-5b0dd4e0"]]);export{w as default};
diff --git a/_nuxt/error-500.8942b5dc.css b/_nuxt/error-500.8942b5dc.css
deleted file mode 100644
index a0b268513..000000000
--- a/_nuxt/error-500.8942b5dc.css
+++ /dev/null
@@ -1 +0,0 @@
-.spotlight[data-v-5b0dd4e0]{background:linear-gradient(45deg,#00dc82,#36e4da 50%,#0047e1);filter:blur(20vh)}.bg-white[data-v-5b0dd4e0]{--tw-bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.grid[data-v-5b0dd4e0]{display:grid}.place-content-center[data-v-5b0dd4e0]{place-content:center}.font-sans[data-v-5b0dd4e0]{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.font-medium[data-v-5b0dd4e0]{font-weight:500}.font-light[data-v-5b0dd4e0]{font-weight:300}.h-1\/2[data-v-5b0dd4e0]{height:50%}.text-8xl[data-v-5b0dd4e0]{font-size:6rem;line-height:1}.text-xl[data-v-5b0dd4e0]{font-size:1.25rem;line-height:1.75rem}.leading-tight[data-v-5b0dd4e0]{line-height:1.25}.mb-8[data-v-5b0dd4e0]{margin-bottom:2rem}.mb-16[data-v-5b0dd4e0]{margin-bottom:4rem}.max-w-520px[data-v-5b0dd4e0]{max-width:520px}.min-h-screen[data-v-5b0dd4e0]{min-height:100vh}.overflow-hidden[data-v-5b0dd4e0]{overflow:hidden}.px-8[data-v-5b0dd4e0]{padding-left:2rem;padding-right:2rem}.fixed[data-v-5b0dd4e0]{position:fixed}.left-0[data-v-5b0dd4e0]{left:0}.right-0[data-v-5b0dd4e0]{right:0}.-bottom-1\/2[data-v-5b0dd4e0]{bottom:-50%}.text-center[data-v-5b0dd4e0]{text-align:center}.text-black[data-v-5b0dd4e0]{--tw-text-opacity:1;color:#000;color:rgba(0,0,0,var(--tw-text-opacity))}.antialiased[data-v-5b0dd4e0]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (min-width:640px){.sm\:text-4xl[data-v-5b0dd4e0]{font-size:2.25rem;line-height:2.5rem}.sm\:text-10xl[data-v-5b0dd4e0]{font-size:10rem;line-height:1}.sm\:px-0[data-v-5b0dd4e0]{padding-left:0;padding-right:0}}@media (prefers-color-scheme:dark){html:not(.light) .dark\:bg-black[data-v-5b0dd4e0]{--tw-bg-opacity:1;background-color:#000;background-color:rgba(0,0,0,var(--tw-bg-opacity))}html:not(.light) .dark\:text-white[data-v-5b0dd4e0]{--tw-text-opacity:1;color:#fff;color:rgba(255,255,255,var(--tw-text-opacity))}}html.dark .dark\:bg-black[data-v-5b0dd4e0]{--tw-bg-opacity:1;background-color:#000;background-color:rgba(0,0,0,var(--tw-bg-opacity))}html.dark .dark\:text-white[data-v-5b0dd4e0]{--tw-text-opacity:1;color:#fff;color:rgba(255,255,255,var(--tw-text-opacity))}
diff --git a/_nuxt/error-500.D4w8EqOJ.css b/_nuxt/error-500.D4w8EqOJ.css
new file mode 100644
index 000000000..8d3c4e012
--- /dev/null
+++ b/_nuxt/error-500.D4w8EqOJ.css
@@ -0,0 +1 @@
+.spotlight[data-v-ec33ee19]{background:linear-gradient(45deg,#00dc82,#36e4da 50%,#0047e1);filter:blur(20vh)}.fixed[data-v-ec33ee19]{position:fixed}.-bottom-1\/2[data-v-ec33ee19]{bottom:-50%}.left-0[data-v-ec33ee19]{left:0}.right-0[data-v-ec33ee19]{right:0}.grid[data-v-ec33ee19]{display:grid}.mb-16[data-v-ec33ee19]{margin-bottom:4rem}.mb-8[data-v-ec33ee19]{margin-bottom:2rem}.h-1\/2[data-v-ec33ee19]{height:50%}.max-w-520px[data-v-ec33ee19]{max-width:520px}.min-h-screen[data-v-ec33ee19]{min-height:100vh}.place-content-center[data-v-ec33ee19]{place-content:center}.overflow-hidden[data-v-ec33ee19]{overflow:hidden}.bg-white[data-v-ec33ee19]{--un-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--un-bg-opacity))}.px-8[data-v-ec33ee19]{padding-left:2rem;padding-right:2rem}.text-center[data-v-ec33ee19]{text-align:center}.text-8xl[data-v-ec33ee19]{font-size:6rem;line-height:1}.text-xl[data-v-ec33ee19]{font-size:1.25rem;line-height:1.75rem}.text-black[data-v-ec33ee19]{--un-text-opacity:1;color:#000;color:rgb(0 0 0/var(--un-text-opacity))}.font-light[data-v-ec33ee19]{font-weight:300}.font-medium[data-v-ec33ee19]{font-weight:500}.leading-tight[data-v-ec33ee19]{line-height:1.25}.font-sans[data-v-ec33ee19]{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.antialiased[data-v-ec33ee19]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){html:not(.light) .dark\:bg-black[data-v-ec33ee19]{--un-bg-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--un-bg-opacity))}html:not(.light) .dark\:text-white[data-v-ec33ee19]{--un-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--un-text-opacity))}}html.dark .dark\:bg-black[data-v-ec33ee19]{--un-bg-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--un-bg-opacity))}html.dark .dark\:text-white[data-v-ec33ee19]{--un-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--un-text-opacity))}@media (min-width:640px){.sm\:px-0[data-v-ec33ee19]{padding-left:0;padding-right:0}.sm\:text-4xl[data-v-ec33ee19]{font-size:2.25rem;line-height:2.5rem}}
diff --git a/_nuxt/hdJC_yKk.js b/_nuxt/hdJC_yKk.js
new file mode 100644
index 000000000..17e009abb
--- /dev/null
+++ b/_nuxt/hdJC_yKk.js
@@ -0,0 +1 @@
+import{d as h,V as b,ab as x,J as t,b as s,c as a,g as n,w as d,f as c,j as k,e as m,t as I,aa as D,p as S,i as V,l as v}from"./CIj9f4qX.js";import w from"./BhDDQR3T.js";import{_ as y}from"./BlIe9uCh.js";const B=e=>(S("data-v-1338bfc2"),e=e(),V(),e),C={key:0,class:"docs-page-bottom"},N={key:0,class:"edit-link"},E=B(()=>m("span",null," Edit this page on GitHub ",-1)),P={key:1},T=h({__name:"DocsPageBottom",setup(e){const{page:o}=b(),{config:r}=x();return(U,j)=>{var _,p,i;const u=D,l=w,f=y;return t(o)?(s(),a("div",C,[(p=(_=t(r))==null?void 0:_.github)!=null&&p.edit?(s(),a("div",N,[n(u,{name:"uil:edit"}),n(f,{page:t(o)},{default:d(({url:g})=>[n(l,{to:g},{default:d(()=>[E]),_:2},1032,["to"])]),_:1},8,["page"])])):c("",!0),(i=t(o))!=null&&i.mtime?(s(),a("span",P,[k("Updated on "),m("b",null,I(new Intl.DateTimeFormat("en-US").format(Date.parse(t(o).mtime))),1)])):c("",!0)])):c("",!0)}}}),H=v(T,[["__scopeId","data-v-1338bfc2"]]);export{H as default};
diff --git a/_nuxt/i2unSFHK.js b/_nuxt/i2unSFHK.js
new file mode 100644
index 000000000..97dcb499e
--- /dev/null
+++ b/_nuxt/i2unSFHK.js
@@ -0,0 +1 @@
+import{J as u,aq as $,I as a,d as _,Y as I,b,c as v,n as w,p as P,i as C,e as x,l as f,a2 as D,r as E,N as c}from"./CIj9f4qX.js";import j from"./K1ZC1Hoa.js";import"./BLPTEqBX.js";import"./yhWkHML7.js";import"./BL541oIN.js";import"./0vR0kcC_.js";import"./Ck0KBE2w.js";import"./CO0aTtuK.js";import"./2ETV-d1z.js";import"./DZ6PEV2z.js";import"./CI_OCYsS.js";import"./CtHVhD8y.js";async function z(e){const o=u(e);{const{data:n}=await $(`nuxt-component-meta${o?`-${o}`:""}`,()=>$fetch(`/api/component-meta${o?`/${o}`:""}`));return a(()=>n.value)}}const B=e=>(P("data-v-5a4f5ef5"),e=e(),C(),e),N=B(()=>x("div",{class:"ellipsis-item"},null,-1)),q=[N],V=_({__name:"Ellipsis",props:{width:{type:String,default:"10rem"},height:{type:String,default:"10rem"},zIndex:{type:String,default:"10"},top:{type:String,default:"0"},left:{type:String,default:"auto"},right:{type:String,default:"auto"},blur:{type:String,default:"50px"},colors:{type:Array,default:()=>["rgba(0, 71, 225, 0.22)","rgba(26, 214, 255, 0.22)","rgba(0, 220, 130, 0.22)"]}},setup(e){const o=a(()=>((t=s)=>t.top)()),n=a(()=>((t=s)=>t.left)()),r=a(()=>((t=s)=>t.right)()),i=a(()=>((t=s)=>t.zIndex)()),l=a(()=>((t=s)=>t.width)()),g=a(()=>((t=s)=>t.height)()),h=a(()=>((t=s)=>`blur(${t.blur})`)()),y=a(()=>((t=s)=>{var p,m,d;return`linear-gradient(97.62deg, ${(p=t==null?void 0:t.colors)==null?void 0:p[0]} 2.27%, ${(m=t==null?void 0:t.colors)==null?void 0:m[1]} 50.88%, ${(d=t==null?void 0:t.colors)==null?void 0:d[2]} 98.48%)`})()),s=e,{$pinceau:S}=I(s,void 0,{_cCN_top:o,_eih_insetInlineStart:n,_IfB_insetInlineEnd:r,_SsE_zIndex:i,_wj8_maxWidth:l,_t33_height:g,_Jfd_filter:h,_yUj_background:y});return(t,p)=>(b(),v("div",{class:w(["ellipsis",[u(S)]])},q,2))}}),k=f(V,[["__scopeId","data-v-5a4f5ef5"]]),A=_({props:{component:{type:String,required:!0},props:{type:Object,required:!1,default:()=>({})}},async setup(e){const o=a(()=>D(e.component)),n=E({...e.props}),r=await z(e.component);return{as:o,formProps:n,componentData:r}},render(e){const o=Object.entries(this.$slots).reduce((n,[r,i])=>{if(r.startsWith("component-")){const l=r.replace("component-","");n[l]=i}return n},{});return c("div",{class:"component-playground"},[c("div",{class:"component-playground-wrapper"},[c(k,{class:"component-playground-ellipsis",blur:"5vw",height:"100%",width:"100%"}),c(e.as,{...e.formProps,class:"component-playground-component"},{...o})]),c(j,{modelValue:e.formProps,componentData:e.componentData,"onUpdate:modelValue":n=>e.formProps=n})])}}),Q=f(A,[["__scopeId","data-v-1e1472f6"]]);export{Q as default};
diff --git a/_nuxt/index.17e44084.js b/_nuxt/index.17e44084.js
deleted file mode 100644
index 8c97d36e0..000000000
--- a/_nuxt/index.17e44084.js
+++ /dev/null
@@ -1 +0,0 @@
-const d=Object.create(null);d.open="0";d.close="1";d.ping="2";d.pong="3";d.message="4";d.upgrade="5";d.noop="6";const O=Object.create(null);Object.keys(d).forEach(s=>{O[d[s]]=s});const L={type:"error",data:"parser error"},te=typeof Blob=="function"||typeof Blob<"u"&&Object.prototype.toString.call(Blob)==="[object BlobConstructor]",se=typeof ArrayBuffer=="function",ne=s=>typeof ArrayBuffer.isView=="function"?ArrayBuffer.isView(s):s&&s.buffer instanceof ArrayBuffer,V=({type:s,data:e},t,n)=>te&&e instanceof Blob?t?n(e):$(e,n):se&&(e instanceof ArrayBuffer||ne(e))?t?n(e):$(new Blob([e]),n):n(d[s]+(e||"")),$=(s,e)=>{const t=new FileReader;return t.onload=function(){const n=t.result.split(",")[1];e("b"+(n||""))},t.readAsDataURL(s)};function Y(s){return s instanceof Uint8Array?s:s instanceof ArrayBuffer?new Uint8Array(s):new Uint8Array(s.buffer,s.byteOffset,s.byteLength)}let S;function ye(s,e){if(te&&s.data instanceof Blob)return s.data.arrayBuffer().then(Y).then(e);if(se&&(s.data instanceof ArrayBuffer||ne(s.data)))return e(Y(s.data));V(s,!1,t=>{S||(S=new TextEncoder),e(S.encode(t))})}const z="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",E=typeof Uint8Array>"u"?[]:new Uint8Array(256);for(let s=0;s{let e=s.length*.75,t=s.length,n,i=0,r,o,h,a;s[s.length-1]==="="&&(e--,s[s.length-2]==="="&&e--);const g=new ArrayBuffer(e),y=new Uint8Array(g);for(n=0;n>4,y[i++]=(o&15)<<4|h>>2,y[i++]=(h&3)<<6|a&63;return g},me=typeof ArrayBuffer=="function",F=(s,e)=>{if(typeof s!="string")return{type:"message",data:ie(s,e)};const t=s.charAt(0);return t==="b"?{type:"message",data:be(s.substring(1),e)}:O[t]?s.length>1?{type:O[t],data:s.substring(1)}:{type:O[t]}:L},be=(s,e)=>{if(me){const t=ge(s);return ie(t,e)}else return{base64:!0,data:s}},ie=(s,e)=>{switch(e){case"blob":return s instanceof Blob?s:new Blob([s]);case"arraybuffer":default:return s instanceof ArrayBuffer?s:s.buffer}},re=String.fromCharCode(30),we=(s,e)=>{const t=s.length,n=new Array(t);let i=0;s.forEach((r,o)=>{V(r,!1,h=>{n[o]=h,++i===t&&e(n.join(re))})})},ve=(s,e)=>{const t=s.split(re),n=[];for(let i=0;i{const n=t.length;let i;if(n<126)i=new Uint8Array(1),new DataView(i.buffer).setUint8(0,n);else if(n<65536){i=new Uint8Array(3);const r=new DataView(i.buffer);r.setUint8(0,126),r.setUint16(1,n)}else{i=new Uint8Array(9);const r=new DataView(i.buffer);r.setUint8(0,127),r.setBigUint64(1,BigInt(n))}s.data&&typeof s.data!="string"&&(i[0]|=128),e.enqueue(i),e.enqueue(t)})}})}let x;function k(s){return s.reduce((e,t)=>e+t.length,0)}function A(s,e){if(s[0].length===e)return s.shift();const t=new Uint8Array(e);let n=0;for(let i=0;iMath.pow(2,53-32)-1){h.enqueue(L);break}i=y*Math.pow(2,32)+g.getUint32(4),n=3}else{if(k(t)s){h.enqueue(L);break}}}})}const oe=4;function u(s){if(s)return ke(s)}function ke(s){for(var e in u.prototype)s[e]=u.prototype[e];return s}u.prototype.on=u.prototype.addEventListener=function(s,e){return this._callbacks=this._callbacks||{},(this._callbacks["$"+s]=this._callbacks["$"+s]||[]).push(e),this};u.prototype.once=function(s,e){function t(){this.off(s,t),e.apply(this,arguments)}return t.fn=e,this.on(s,t),this};u.prototype.off=u.prototype.removeListener=u.prototype.removeAllListeners=u.prototype.removeEventListener=function(s,e){if(this._callbacks=this._callbacks||{},arguments.length==0)return this._callbacks={},this;var t=this._callbacks["$"+s];if(!t)return this;if(arguments.length==1)return delete this._callbacks["$"+s],this;for(var n,i=0;itypeof self<"u"?self:typeof window<"u"?window:Function("return this")())();function ce(s,...e){return e.reduce((t,n)=>(s.hasOwnProperty(n)&&(t[n]=s[n]),t),{})}const Ae=f.setTimeout,Te=f.clearTimeout;function B(s,e){e.useNativeTimers?(s.setTimeoutFn=Ae.bind(f),s.clearTimeoutFn=Te.bind(f)):(s.setTimeoutFn=f.setTimeout.bind(f),s.clearTimeoutFn=f.clearTimeout.bind(f))}const Re=1.33;function Oe(s){return typeof s=="string"?Ce(s):Math.ceil((s.byteLength||s.size)*Re)}function Ce(s){let e=0,t=0;for(let n=0,i=s.length;n=57344?t+=3:(n++,t+=4);return t}function Be(s){let e="";for(let t in s)s.hasOwnProperty(t)&&(e.length&&(e+="&"),e+=encodeURIComponent(t)+"="+encodeURIComponent(s[t]));return e}function Se(s){let e={},t=s.split("&");for(let n=0,i=t.length;n0);return e}function he(){const s=Q(+new Date);return s!==X?(J=0,X=s):s+"."+Q(J++)}for(;T {this.readyState="paused",e()};if(this.polling||!this.writable){let n=0;this.polling&&(n++,this.once("pollComplete",function(){--n||t()})),this.writable||(n++,this.once("drain",function(){--n||t()}))}else t()}poll(){this.polling=!0,this.doPoll(),this.emitReserved("poll")}onData(e){const t=n=>{if(this.readyState==="opening"&&n.type==="open"&&this.onOpen(),n.type==="close")return this.onClose({description:"transport closed by the server"}),!1;this.onPacket(n)};ve(e,this.socket.binaryType).forEach(t),this.readyState!=="closed"&&(this.polling=!1,this.emitReserved("pollComplete"),this.readyState==="open"&&this.poll())}doClose(){const e=()=>{this.write([{type:"close"}])};this.readyState==="open"?e():this.once("open",e)}write(e){this.writable=!1,we(e,t=>{this.doWrite(t,()=>{this.writable=!0,this.emitReserved("drain")})})}uri(){const e=this.opts.secure?"https":"http",t=this.query||{};return this.opts.timestampRequests!==!1&&(t[this.opts.timestampParam]=he()),!this.supportsBinary&&!t.sid&&(t.b64=1),this.createUri(e,t)}request(e={}){return Object.assign(e,{xd:this.xd,cookieJar:this.cookieJar},this.opts),new p(this.uri(),e)}doWrite(e,t){const n=this.request({method:"POST",data:e});n.on("success",t),n.on("error",(i,r)=>{this.onError("xhr post error",i,r)})}doPoll(){const e=this.request();e.on("data",this.onData.bind(this)),e.on("error",(t,n)=>{this.onError("xhr poll error",t,n)}),this.pollXhr=e}}class p extends u{constructor(e,t){super(),B(this,t),this.opts=t,this.method=t.method||"GET",this.uri=e,this.data=t.data!==void 0?t.data:null,this.create()}create(){var e;const t=ce(this.opts,"agent","pfx","key","passphrase","cert","ca","ciphers","rejectUnauthorized","autoUnref");t.xdomain=!!this.opts.xd;const n=this.xhr=new fe(t);try{n.open(this.method,this.uri,!0);try{if(this.opts.extraHeaders){n.setDisableHeaderCheck&&n.setDisableHeaderCheck(!0);for(let i in this.opts.extraHeaders)this.opts.extraHeaders.hasOwnProperty(i)&&n.setRequestHeader(i,this.opts.extraHeaders[i])}}catch{}if(this.method==="POST")try{n.setRequestHeader("Content-type","text/plain;charset=UTF-8")}catch{}try{n.setRequestHeader("Accept","*/*")}catch{}(e=this.opts.cookieJar)===null||e===void 0||e.addCookies(n),"withCredentials"in n&&(n.withCredentials=this.opts.withCredentials),this.opts.requestTimeout&&(n.timeout=this.opts.requestTimeout),n.onreadystatechange=()=>{var i;n.readyState===3&&((i=this.opts.cookieJar)===null||i===void 0||i.parseCookies(n)),n.readyState===4&&(n.status===200||n.status===1223?this.onLoad():this.setTimeoutFn(()=>{this.onError(typeof n.status=="number"?n.status:0)},0))},n.send(this.data)}catch(i){this.setTimeoutFn(()=>{this.onError(i)},0);return}typeof document<"u"&&(this.index=p.requestsCount++,p.requests[this.index]=this)}onError(e){this.emitReserved("error",e,this.xhr),this.cleanup(!0)}cleanup(e){if(!(typeof this.xhr>"u"||this.xhr===null)){if(this.xhr.onreadystatechange=Pe,e)try{this.xhr.abort()}catch{}typeof document<"u"&&delete p.requests[this.index],this.xhr=null}}onLoad(){const e=this.xhr.responseText;e!==null&&(this.emitReserved("data",e),this.emitReserved("success"),this.cleanup())}abort(){this.cleanup()}}p.requestsCount=0;p.requests={};if(typeof document<"u"){if(typeof attachEvent=="function")attachEvent("onunload",G);else if(typeof addEventListener=="function"){const s="onpagehide"in f?"pagehide":"unload";addEventListener(s,G,!1)}}function G(){for(let s in p.requests)p.requests.hasOwnProperty(s)&&p.requests[s].abort()}const H=(()=>typeof Promise=="function"&&typeof Promise.resolve=="function"?e=>Promise.resolve().then(e):(e,t)=>t(e,0))(),R=f.WebSocket||f.MozWebSocket,j=!0,Ue="arraybuffer",Z=typeof navigator<"u"&&typeof navigator.product=="string"&&navigator.product.toLowerCase()==="reactnative";class Ie extends M{constructor(e){super(e),this.supportsBinary=!e.forceBase64}get name(){return"websocket"}doOpen(){if(!this.check())return;const e=this.uri(),t=this.opts.protocols,n=Z?{}:ce(this.opts,"agent","perMessageDeflate","pfx","key","passphrase","cert","ca","ciphers","rejectUnauthorized","localAddress","protocolVersion","origin","maxPayload","family","checkServerIdentity");this.opts.extraHeaders&&(n.headers=this.opts.extraHeaders);try{this.ws=j&&!Z?t?new R(e,t):new R(e):new R(e,t,n)}catch(i){return this.emitReserved("error",i)}this.ws.binaryType=this.socket.binaryType,this.addEventListeners()}addEventListeners(){this.ws.onopen=()=>{this.opts.autoUnref&&this.ws._socket.unref(),this.onOpen()},this.ws.onclose=e=>this.onClose({description:"websocket connection closed",context:e}),this.ws.onmessage=e=>this.onData(e.data),this.ws.onerror=e=>this.onError("websocket error",e)}write(e){this.writable=!1;for(let t=0;t{const o={};try{j&&this.ws.send(r)}catch{}i&&H(()=>{this.writable=!0,this.emitReserved("drain")},this.setTimeoutFn)})}}doClose(){typeof this.ws<"u"&&(this.ws.close(),this.ws=null)}uri(){const e=this.opts.secure?"wss":"ws",t=this.query||{};return this.opts.timestampRequests&&(t[this.opts.timestampParam]=he()),this.supportsBinary||(t.b64=1),this.createUri(e,t)}check(){return!!R}}class Ve extends M{get name(){return"webtransport"}doOpen(){typeof WebTransport=="function"&&(this.transport=new WebTransport(this.createUri("https"),this.opts.transportOptions[this.name]),this.transport.closed.then(()=>{this.onClose()}).catch(e=>{this.onError("webtransport error",e)}),this.transport.ready.then(()=>{this.transport.createBidirectionalStream().then(e=>{const t=Ee(Number.MAX_SAFE_INTEGER,this.socket.binaryType),n=e.readable.pipeThrough(t).getReader(),i=_e();i.readable.pipeTo(e.writable),this.writer=i.writable.getWriter();const r=()=>{n.read().then(({done:h,value:a})=>{h||(this.onPacket(a),r())}).catch(h=>{})};r();const o={type:"open"};this.query.sid&&(o.data=`{"sid":"${this.query.sid}"}`),this.writer.write(o).then(()=>this.onOpen())})}))}write(e){this.writable=!1;for(let t=0;t{i&&H(()=>{this.writable=!0,this.emitReserved("drain")},this.setTimeoutFn)})}}doClose(){var e;(e=this.transport)===null||e===void 0||e.close()}}const Fe={websocket:Ie,webtransport:Ve,polling:De},Me=/^(?:(?![^:@\/?#]+:[^:@\/]*@)(http|https|ws|wss):\/\/)?((?:(([^:@\/?#]*)(?::([^:@\/?#]*))?)?@)?((?:[a-f0-9]{0,4}:){2,7}[a-f0-9]{0,4}|[^:\/?#]*)(?::(\d*))?)(((\/(?:[^?#](?![^?#\/]*\.[^?#\/.]+(?:[?#]|$)))*\/?)?([^?#\/]*))(?:\?([^#]*))?(?:#(.*))?)/,He=["source","protocol","authority","userInfo","user","password","host","port","relative","path","directory","file","query","anchor"];function q(s){const e=s,t=s.indexOf("["),n=s.indexOf("]");t!=-1&&n!=-1&&(s=s.substring(0,t)+s.substring(t,n).replace(/:/g,";")+s.substring(n,s.length));let i=Me.exec(s||""),r={},o=14;for(;o--;)r[He[o]]=i[o]||"";return t!=-1&&n!=-1&&(r.source=e,r.host=r.host.substring(1,r.host.length-1).replace(/;/g,":"),r.authority=r.authority.replace("[","").replace("]","").replace(/;/g,":"),r.ipv6uri=!0),r.pathNames=Ke(r,r.path),r.queryKey=We(r,r.query),r}function Ke(s,e){const t=/\/{2,9}/g,n=e.replace(t,"/").split("/");return(e.slice(0,1)=="/"||e.length===0)&&n.splice(0,1),e.slice(-1)=="/"&&n.splice(n.length-1,1),n}function We(s,e){const t={};return e.replace(/(?:^|&)([^&=]*)=?([^&]*)/g,function(n,i,r){i&&(t[i]=r)}),t}let le=class b extends u{constructor(e,t={}){super(),this.binaryType=Ue,this.writeBuffer=[],e&&typeof e=="object"&&(t=e,e=null),e?(e=q(e),t.hostname=e.host,t.secure=e.protocol==="https"||e.protocol==="wss",t.port=e.port,e.query&&(t.query=e.query)):t.host&&(t.hostname=q(t.host).host),B(this,t),this.secure=t.secure!=null?t.secure:typeof location<"u"&&location.protocol==="https:",t.hostname&&!t.port&&(t.port=this.secure?"443":"80"),this.hostname=t.hostname||(typeof location<"u"?location.hostname:"localhost"),this.port=t.port||(typeof location<"u"&&location.port?location.port:this.secure?"443":"80"),this.transports=t.transports||["polling","websocket","webtransport"],this.writeBuffer=[],this.prevBufferLen=0,this.opts=Object.assign({path:"/engine.io",agent:!1,withCredentials:!1,upgrade:!0,timestampParam:"t",rememberUpgrade:!1,addTrailingSlash:!0,rejectUnauthorized:!0,perMessageDeflate:{threshold:1024},transportOptions:{},closeOnBeforeunload:!1},t),this.opts.path=this.opts.path.replace(/\/$/,"")+(this.opts.addTrailingSlash?"/":""),typeof this.opts.query=="string"&&(this.opts.query=Se(this.opts.query)),this.id=null,this.upgrades=null,this.pingInterval=null,this.pingTimeout=null,this.pingTimeoutTimer=null,typeof addEventListener=="function"&&(this.opts.closeOnBeforeunload&&(this.beforeunloadEventListener=()=>{this.transport&&(this.transport.removeAllListeners(),this.transport.close())},addEventListener("beforeunload",this.beforeunloadEventListener,!1)),this.hostname!=="localhost"&&(this.offlineEventListener=()=>{this.onClose("transport close",{description:"network connection lost"})},addEventListener("offline",this.offlineEventListener,!1))),this.open()}createTransport(e){const t=Object.assign({},this.opts.query);t.EIO=oe,t.transport=e,this.id&&(t.sid=this.id);const n=Object.assign({},this.opts,{query:t,socket:this,hostname:this.hostname,secure:this.secure,port:this.port},this.opts.transportOptions[e]);return new Fe[e](n)}open(){let e;if(this.opts.rememberUpgrade&&b.priorWebsocketSuccess&&this.transports.indexOf("websocket")!==-1)e="websocket";else if(this.transports.length===0){this.setTimeoutFn(()=>{this.emitReserved("error","No transports available")},0);return}else e=this.transports[0];this.readyState="opening";try{e=this.createTransport(e)}catch{this.transports.shift(),this.open();return}e.open(),this.setTransport(e)}setTransport(e){this.transport&&this.transport.removeAllListeners(),this.transport=e,e.on("drain",this.onDrain.bind(this)).on("packet",this.onPacket.bind(this)).on("error",this.onError.bind(this)).on("close",t=>this.onClose("transport close",t))}probe(e){let t=this.createTransport(e),n=!1;b.priorWebsocketSuccess=!1;const i=()=>{n||(t.send([{type:"ping",data:"probe"}]),t.once("packet",m=>{if(!n)if(m.type==="pong"&&m.data==="probe"){if(this.upgrading=!0,this.emitReserved("upgrading",t),!t)return;b.priorWebsocketSuccess=t.name==="websocket",this.transport.pause(()=>{n||this.readyState!=="closed"&&(y(),this.setTransport(t),t.send([{type:"upgrade"}]),this.emitReserved("upgrade",t),t=null,this.upgrading=!1,this.flush())})}else{const v=new Error("probe error");v.transport=t.name,this.emitReserved("upgradeError",v)}}))};function r(){n||(n=!0,y(),t.close(),t=null)}const o=m=>{const v=new Error("probe error: "+m);v.transport=t.name,r(),this.emitReserved("upgradeError",v)};function h(){o("transport closed")}function a(){o("socket closed")}function g(m){t&&m.name!==t.name&&r()}const y=()=>{t.removeListener("open",i),t.removeListener("error",o),t.removeListener("close",h),this.off("close",a),this.off("upgrading",g)};t.once("open",i),t.once("error",o),t.once("close",h),this.once("close",a),this.once("upgrading",g),this.upgrades.indexOf("webtransport")!==-1&&e!=="webtransport"?this.setTimeoutFn(()=>{n||t.open()},200):t.open()}onOpen(){if(this.readyState="open",b.priorWebsocketSuccess=this.transport.name==="websocket",this.emitReserved("open"),this.flush(),this.readyState==="open"&&this.opts.upgrade){let e=0;const t=this.upgrades.length;for(;e{this.onClose("ping timeout")},this.pingInterval+this.pingTimeout),this.opts.autoUnref&&this.pingTimeoutTimer.unref()}onDrain(){this.writeBuffer.splice(0,this.prevBufferLen),this.prevBufferLen=0,this.writeBuffer.length===0?this.emitReserved("drain"):this.flush()}flush(){if(this.readyState!=="closed"&&this.transport.writable&&!this.upgrading&&this.writeBuffer.length){const e=this.getWritablePackets();this.transport.send(e),this.prevBufferLen=e.length,this.emitReserved("flush")}}getWritablePackets(){if(!(this.maxPayload&&this.transport.name==="polling"&&this.writeBuffer.length>1))return this.writeBuffer;let t=1;for(let n=0;n0&&t>this.maxPayload)return this.writeBuffer.slice(0,n);t+=2}return this.writeBuffer}write(e,t,n){return this.sendPacket("message",e,t,n),this}send(e,t,n){return this.sendPacket("message",e,t,n),this}sendPacket(e,t,n,i){if(typeof t=="function"&&(i=t,t=void 0),typeof n=="function"&&(i=n,n=null),this.readyState==="closing"||this.readyState==="closed")return;n=n||{},n.compress=n.compress!==!1;const r={type:e,data:t,options:n};this.emitReserved("packetCreate",r),this.writeBuffer.push(r),i&&this.once("flush",i),this.flush()}close(){const e=()=>{this.onClose("forced close"),this.transport.close()},t=()=>{this.off("upgrade",t),this.off("upgradeError",t),e()},n=()=>{this.once("upgrade",t),this.once("upgradeError",t)};return(this.readyState==="opening"||this.readyState==="open")&&(this.readyState="closing",this.writeBuffer.length?this.once("drain",()=>{this.upgrading?n():e()}):this.upgrading?n():e()),this}onError(e){b.priorWebsocketSuccess=!1,this.emitReserved("error",e),this.onClose("transport error",e)}onClose(e,t){(this.readyState==="opening"||this.readyState==="open"||this.readyState==="closing")&&(this.clearTimeoutFn(this.pingTimeoutTimer),this.transport.removeAllListeners("close"),this.transport.close(),this.transport.removeAllListeners(),typeof removeEventListener=="function"&&(removeEventListener("beforeunload",this.beforeunloadEventListener,!1),removeEventListener("offline",this.offlineEventListener,!1)),this.readyState="closed",this.id=null,this.emitReserved("close",e,t),this.writeBuffer=[],this.prevBufferLen=0)}filterUpgrades(e){const t=[];let n=0;const i=e.length;for(;ntypeof ArrayBuffer.isView=="function"?ArrayBuffer.isView(s):s.buffer instanceof ArrayBuffer,pe=Object.prototype.toString,Je=typeof Blob=="function"||typeof Blob<"u"&&pe.call(Blob)==="[object BlobConstructor]",Xe=typeof File=="function"||typeof File<"u"&&pe.call(File)==="[object FileConstructor]";function K(s){return Ye&&(s instanceof ArrayBuffer||ze(s))||Je&&s instanceof Blob||Xe&&s instanceof File}function C(s,e){if(!s||typeof s!="object")return!1;if(Array.isArray(s)){for(let t=0,n=s.length;t=0&&s.num{delete this.acks[e];for(let o=0;o{this.io.clearTimeoutFn(r),t.apply(this,[null,...o])}}emitWithAck(e,...t){const n=this.flags.timeout!==void 0||this._opts.ackTimeout!==void 0;return new Promise((i,r)=>{t.push((o,h)=>n?o?r(o):i(h):i(o)),this.emit(e,...t)})}_addToQueue(e){let t;typeof e[e.length-1]=="function"&&(t=e.pop());const n={id:this._queueSeq++,tryCount:0,pending:!1,args:e,flags:Object.assign({fromQueue:!0},this.flags)};e.push((i,...r)=>n!==this._queue[0]?void 0:(i!==null?n.tryCount>this._opts.retries&&(this._queue.shift(),t&&t(i)):(this._queue.shift(),t&&t(null,...r)),n.pending=!1,this._drainQueue())),this._queue.push(n),this._drainQueue()}_drainQueue(e=!1){if(!this.connected||this._queue.length===0)return;const t=this._queue[0];t.pending&&!e||(t.pending=!0,t.tryCount++,this.flags=t.flags,this.emit.apply(this,t.args))}packet(e){e.nsp=this.nsp,this.io._packet(e)}onopen(){typeof this.auth=="function"?this.auth(e=>{this._sendConnectPacket(e)}):this._sendConnectPacket(this.auth)}_sendConnectPacket(e){this.packet({type:c.CONNECT,data:this._pid?Object.assign({pid:this._pid,offset:this._lastOffset},e):e})}onerror(e){this.connected||this.emitReserved("connect_error",e)}onclose(e,t){this.connected=!1,delete this.id,this.emitReserved("disconnect",e,t)}onpacket(e){if(e.nsp===this.nsp)switch(e.type){case c.CONNECT:e.data&&e.data.sid?this.onconnect(e.data.sid,e.data.pid):this.emitReserved("connect_error",new Error("It seems you are trying to reach a Socket.IO server in v2.x with a v3.x client, but they are not compatible (more information here: https://socket.io/docs/v3/migrating-from-2-x-to-3-0/)"));break;case c.EVENT:case c.BINARY_EVENT:this.onevent(e);break;case c.ACK:case c.BINARY_ACK:this.onack(e);break;case c.DISCONNECT:this.ondisconnect();break;case c.CONNECT_ERROR:this.destroy();const n=new Error(e.data.message);n.data=e.data.data,this.emitReserved("connect_error",n);break}}onevent(e){const t=e.data||[];e.id!=null&&t.push(this.ack(e.id)),this.connected?this.emitEvent(t):this.receiveBuffer.push(Object.freeze(t))}emitEvent(e){if(this._anyListeners&&this._anyListeners.length){const t=this._anyListeners.slice();for(const n of t)n.apply(this,e)}super.emit.apply(this,e),this._pid&&e.length&&typeof e[e.length-1]=="string"&&(this._lastOffset=e[e.length-1])}ack(e){const t=this;let n=!1;return function(...i){n||(n=!0,t.packet({type:c.ACK,id:e,data:i}))}}onack(e){const t=this.acks[e.id];typeof t=="function"&&(t.apply(this,e.data),delete this.acks[e.id])}onconnect(e,t){this.id=e,this.recovered=t&&this._pid===t,this._pid=t,this.connected=!0,this.emitBuffered(),this.emitReserved("connect"),this._drainQueue(!0)}emitBuffered(){this.receiveBuffer.forEach(e=>this.emitEvent(e)),this.receiveBuffer=[],this.sendBuffer.forEach(e=>{this.notifyOutgoingListeners(e),this.packet(e)}),this.sendBuffer=[]}ondisconnect(){this.destroy(),this.onclose("io server disconnect")}destroy(){this.subs&&(this.subs.forEach(e=>e()),this.subs=void 0),this.io._destroy(this)}disconnect(){return this.connected&&this.packet({type:c.DISCONNECT}),this.destroy(),this.connected&&this.onclose("io client disconnect"),this}close(){return this.disconnect()}compress(e){return this.flags.compress=e,this}get volatile(){return this.flags.volatile=!0,this}timeout(e){return this.flags.timeout=e,this}onAny(e){return this._anyListeners=this._anyListeners||[],this._anyListeners.push(e),this}prependAny(e){return this._anyListeners=this._anyListeners||[],this._anyListeners.unshift(e),this}offAny(e){if(!this._anyListeners)return this;if(e){const t=this._anyListeners;for(let n=0;n0&&s.jitter<=1?s.jitter:0,this.attempts=0}w.prototype.duration=function(){var s=this.ms*Math.pow(this.factor,this.attempts++);if(this.jitter){var e=Math.random(),t=Math.floor(e*this.jitter*s);s=Math.floor(e*10)&1?s+t:s-t}return Math.min(s,this.max)|0};w.prototype.reset=function(){this.attempts=0};w.prototype.setMin=function(s){this.ms=s};w.prototype.setMax=function(s){this.max=s};w.prototype.setJitter=function(s){this.jitter=s};class I extends u{constructor(e,t){var n;super(),this.nsps={},this.subs=[],e&&typeof e=="object"&&(t=e,e=void 0),t=t||{},t.path=t.path||"/socket.io",this.opts=t,B(this,t),this.reconnection(t.reconnection!==!1),this.reconnectionAttempts(t.reconnectionAttempts||1/0),this.reconnectionDelay(t.reconnectionDelay||1e3),this.reconnectionDelayMax(t.reconnectionDelayMax||5e3),this.randomizationFactor((n=t.randomizationFactor)!==null&&n!==void 0?n:.5),this.backoff=new w({min:this.reconnectionDelay(),max:this.reconnectionDelayMax(),jitter:this.randomizationFactor()}),this.timeout(t.timeout==null?2e4:t.timeout),this._readyState="closed",this.uri=e;const i=t.parser||st;this.encoder=new i.Encoder,this.decoder=new i.Decoder,this._autoConnect=t.autoConnect!==!1,this._autoConnect&&this.open()}reconnection(e){return arguments.length?(this._reconnection=!!e,this):this._reconnection}reconnectionAttempts(e){return e===void 0?this._reconnectionAttempts:(this._reconnectionAttempts=e,this)}reconnectionDelay(e){var t;return e===void 0?this._reconnectionDelay:(this._reconnectionDelay=e,(t=this.backoff)===null||t===void 0||t.setMin(e),this)}randomizationFactor(e){var t;return e===void 0?this._randomizationFactor:(this._randomizationFactor=e,(t=this.backoff)===null||t===void 0||t.setJitter(e),this)}reconnectionDelayMax(e){var t;return e===void 0?this._reconnectionDelayMax:(this._reconnectionDelayMax=e,(t=this.backoff)===null||t===void 0||t.setMax(e),this)}timeout(e){return arguments.length?(this._timeout=e,this):this._timeout}maybeReconnectOnOpen(){!this._reconnecting&&this._reconnection&&this.backoff.attempts===0&&this.reconnect()}open(e){if(~this._readyState.indexOf("open"))return this;this.engine=new le(this.uri,this.opts);const t=this.engine,n=this;this._readyState="opening",this.skipReconnect=!1;const i=l(t,"open",function(){n.onopen(),e&&e()}),r=h=>{this.cleanup(),this._readyState="closed",this.emitReserved("error",h),e?e(h):this.maybeReconnectOnOpen()},o=l(t,"error",r);if(this._timeout!==!1){const h=this._timeout,a=this.setTimeoutFn(()=>{i(),r(new Error("timeout")),t.close()},h);this.opts.autoUnref&&a.unref(),this.subs.push(()=>{this.clearTimeoutFn(a)})}return this.subs.push(i),this.subs.push(o),this}connect(e){return this.open(e)}onopen(){this.cleanup(),this._readyState="open",this.emitReserved("open");const e=this.engine;this.subs.push(l(e,"ping",this.onping.bind(this)),l(e,"data",this.ondata.bind(this)),l(e,"error",this.onerror.bind(this)),l(e,"close",this.onclose.bind(this)),l(this.decoder,"decoded",this.ondecoded.bind(this)))}onping(){this.emitReserved("ping")}ondata(e){try{this.decoder.add(e)}catch(t){this.onclose("parse error",t)}}ondecoded(e){H(()=>{this.emitReserved("packet",e)},this.setTimeoutFn)}onerror(e){this.emitReserved("error",e)}socket(e,t){let n=this.nsps[e];return n?this._autoConnect&&!n.active&&n.connect():(n=new de(this,e,t),this.nsps[e]=n),n}_destroy(e){const t=Object.keys(this.nsps);for(const n of t)if(this.nsps[n].active)return;this._close()}_packet(e){const t=this.encoder.encode(e);for(let n=0;ne()),this.subs.length=0,this.decoder.destroy()}_close(){this.skipReconnect=!0,this._reconnecting=!1,this.onclose("forced close"),this.engine&&this.engine.close()}disconnect(){return this._close()}onclose(e,t){this.cleanup(),this.backoff.reset(),this._readyState="closed",this.emitReserved("close",e,t),this._reconnection&&!this.skipReconnect&&this.reconnect()}reconnect(){if(this._reconnecting||this.skipReconnect)return this;const e=this;if(this.backoff.attempts>=this._reconnectionAttempts)this.backoff.reset(),this.emitReserved("reconnect_failed"),this._reconnecting=!1;else{const t=this.backoff.duration();this._reconnecting=!0;const n=this.setTimeoutFn(()=>{e.skipReconnect||(this.emitReserved("reconnect_attempt",e.backoff.attempts),!e.skipReconnect&&e.open(i=>{i?(e._reconnecting=!1,e.reconnect(),this.emitReserved("reconnect_error",i)):e.onreconnect()}))},t);this.opts.autoUnref&&n.unref(),this.subs.push(()=>{this.clearTimeoutFn(n)})}}onreconnect(){const e=this.backoff.attempts;this._reconnecting=!1,this.backoff.reset(),this.emitReserved("reconnect",e)}}const _={};function N(s,e){typeof s=="object"&&(e=s,s=void 0),e=e||{};const t=$e(s,e.path||"/socket.io"),n=t.source,i=t.id,r=t.path,o=_[i]&&r in _[i].nsps,h=e.forceNew||e["force new connection"]||e.multiplex===!1||o;let a;return h?a=new I(n,e):(_[i]||(_[i]=new I(n,e)),a=_[i]),t.query&&!e.query&&(e.query=t.queryKey),a.socket(t.path,e)}Object.assign(N,{Manager:I,Socket:de,io:N,connect:N});export{I as Manager,de as Socket,N as connect,N as default,N as io,Ze as protocol};
diff --git a/_nuxt/lwXqqC2j.js b/_nuxt/lwXqqC2j.js
new file mode 100644
index 000000000..f17c4fc55
--- /dev/null
+++ b/_nuxt/lwXqqC2j.js
@@ -0,0 +1 @@
+import{l as r,b as t,c as n,Z as o}from"./CIj9f4qX.js";const s={};function c(e,a){return t(),n("strong",null,[o(e.$slots,"default",{},void 0,!0)])}const d=r(s,[["render",c],["__scopeId","data-v-05646b7c"]]);export{d as default};
diff --git a/_nuxt/page.2584d5cf.js b/_nuxt/page.2584d5cf.js
deleted file mode 100644
index b79242a70..000000000
--- a/_nuxt/page.2584d5cf.js
+++ /dev/null
@@ -1 +0,0 @@
-import{d as _,a9 as r,E as p,b as l,c as i,g as u,w as f,e as m,$ as g,L as n,ad as h,k as x}from"./entry.a917384d.js";const v={class:"page-layout"},k=_({__name:"page",setup(y){const{config:e}=r();return p({link:{rel:"search",type:"application/opensearchdescription+xml",href:"opensearch.xml"}}),(c,B)=>{var a,s,t,o;const d=h;return l(),i("div",v,[u(d,{fluid:(s=(a=n(e))==null?void 0:a.main)==null?void 0:s.fluid,padded:(o=(t=n(e))==null?void 0:t.main)==null?void 0:o.padded},{default:f(()=>[m("article",null,[g(c.$slots,"default",{},void 0,!0)])]),_:3},8,["fluid","padded"])])}}});const w=x(k,[["__scopeId","data-v-cf67f40a"]]);export{w as default};
diff --git a/_nuxt/page.43eee086.css b/_nuxt/page.BWwkoSbB.css
similarity index 100%
rename from _nuxt/page.43eee086.css
rename to _nuxt/page.BWwkoSbB.css
diff --git a/_nuxt/slot.b31a5911.js b/_nuxt/slot.b31a5911.js
deleted file mode 100644
index 9f58d27a6..000000000
--- a/_nuxt/slot.b31a5911.js
+++ /dev/null
@@ -1 +0,0 @@
-import{f as u}from"./node.676c5e99.js";import{$ as n}from"./entry.a917384d.js";const e=(t,r,f,...i)=>t[r]?n({...t,[r]:()=>u(t[r](),f==null?void 0:f.unwrap)},r,f,...i):n(t,r,f,...i);export{e as r};
diff --git a/_nuxt/tMNz7yFx.js b/_nuxt/tMNz7yFx.js
new file mode 100644
index 000000000..14d52bd4d
--- /dev/null
+++ b/_nuxt/tMNz7yFx.js
@@ -0,0 +1 @@
+import{d as y,r as l,al as w,am as k,y as S,b as a,c as p,e as m,g as h,w as $,X as f,J as _,T as b,n as C,aa as x,p as I,i as z,l as v,t as N,f as P,Z as T}from"./CIj9f4qX.js";const V=e=>(I("data-v-140875d3"),e=e(),z(),e),A=V(()=>m("span",{class:"sr-only"},"Copy to clipboard",-1)),M={class:"icon-wrapper"},R=y({__name:"ProseCodeCopyButton",props:{content:{type:String,default:""},show:{type:Boolean,default:!1}},setup(e){const n=e,s=l(),{copy:t}=w();k(s,()=>{o.value==="copied"&&(o.value="init")});const{prose:c}=S(),o=l("init"),g=B=>{t(n.content).then(()=>{o.value="copied"}).catch(i=>{console.warn("Couldn't copy to clipboard!",i)})};return(B,i)=>{const u=x;return a(),p("button",{ref_key:"copyButtonRef",ref:s,class:C([(e.show||o.value==="copied")&&"show"]),onClick:g},[A,m("span",M,[h(b,{name:"fade"},{default:$(()=>{var d,r;return[o.value==="copied"?(a(),f(u,{key:0,name:(d=_(c).copyButton)==null?void 0:d.iconCopied,size:"18",class:"copied"},null,8,["name"])):(a(),f(u,{key:1,name:(r=_(c).copyButton)==null?void 0:r.iconCopy,size:"18"},null,8,["name"]))]}),_:1})])],2)}}}),D=v(R,[["__scopeId","data-v-140875d3"]]),E={key:0,class:"filename"},J=y({__name:"ProseCode",props:{code:{type:String,default:""},language:{type:String,default:null},filename:{type:String,default:null},highlights:{type:Array,default:()=>[]}},setup(e){const n=l(!1);return(s,t)=>{const c=D;return a(),p("div",{class:C([[`highlight-${e.language}`],"prose-code"]),onMouseenter:t[0]||(t[0]=o=>n.value=!0),onMouseleave:t[1]||(t[1]=o=>n.value=!1)},[e.filename?(a(),p("span",E,N(e.filename),1)):P("",!0),T(s.$slots,"default",{},void 0,!0),h(c,{show:n.value,content:e.code,class:"copy-button"},null,8,["show","content"])],34)}}}),X=v(J,[["__scopeId","data-v-9fae31f6"]]);export{X as default};
diff --git a/_nuxt/useStudio.27ecc063.css b/_nuxt/useStudio.27ecc063.css
deleted file mode 100644
index 1d549725a..000000000
--- a/_nuxt/useStudio.27ecc063.css
+++ /dev/null
@@ -1 +0,0 @@
-body.__preview_enabled{padding-bottom:50px}#__nuxt_preview[data-v-fba60a88]{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.3);border-top:1px solid #eee;bottom:-60px;color:#000;display:flex;font-family:Helvetica,sans-serif;font-size:16px;font-weight:500;gap:10px;height:50px;justify-content:center;left:0;position:fixed;right:0;transition:bottom .3s ease-in-out;z-index:10000}#__nuxt_preview.__preview_ready[data-v-fba60a88]{bottom:0}#__preview_background[data-v-fba60a88]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,100%,.3);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9000}#__preview_loader[data-v-fba60a88]{align-items:center;color:#000;display:flex;flex-direction:column;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.4rem;gap:8px;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:9500}#__preview_loader p[data-v-fba60a88]{margin:10px 0}.dark #__preview_background[data-v-fba60a88],.dark-mode #__preview_background[data-v-fba60a88]{background:rgba(0,0,0,.3)}.dark #__preview_loader[data-v-fba60a88],.dark-mode #__preview_loader[data-v-fba60a88]{color:#fff}.preview-loading-enter-active[data-v-fba60a88],.preview-loading-leave-active[data-v-fba60a88]{transition:opacity .4s}.preview-loading-enter[data-v-fba60a88],.preview-loading-leave-to[data-v-fba60a88]{opacity:0}#__preview_loading_icon[data-v-fba60a88]{animation:spin-fba60a88 1s linear infinite}.dark #__nuxt_preview[data-v-fba60a88],.dark-mode #__nuxt_preview[data-v-fba60a88]{background:rgba(0,0,0,.3);border-top:1px solid #111;color:#fff}#__nuxt_preview svg[data-v-fba60a88]{color:#000;display:inline-block;height:30px;width:30px}.dark #__nuxt_preview svg[data-v-fba60a88],.dark-mode #__nuxt_preview svg[data-v-fba60a88]{color:#fff}button[data-v-fba60a88]{background:transparent;border:1px solid rgba(0,0,0,.2);border-radius:3px;box-shadow:none;color:#000c;cursor:pointer;display:inline-block;font-size:14px;font-weight:400;line-height:1rem;margin:0;padding:4px 10px;text-align:center;transition:none;width:auto}button[data-v-fba60a88]:hover{border-color:#0006;color:#000000e6}.dark button[data-v-fba60a88],.dark-mode button[data-v-fba60a88]{border-color:#fff3;color:#d3d3d3}.dark button[data-v-fba60a88]:hover,.dark-mode button[data-v-fba60a88]:hover{border-color:#fff6;color:#fff}#__nuxt_preview button[data-v-fba60a88]:focus,#__nuxt_preview button[data-v-fba60a88]:hover{background:rgba(0,0,0,.1)}#__nuxt_preview button[data-v-fba60a88]:active{background:rgba(0,0,0,.2)}.dark #__nuxt_preview button[data-v-fba60a88],.dark-mode #__nuxt_preview button[data-v-fba60a88]{border:1px solid hsla(0,0%,100%,.2);color:#fffc}.dark #__nuxt_preview button[data-v-fba60a88]:hover,.dark-mode #__nuxt_preview button[data-v-fba60a88]:focus{background:hsla(0,0%,100%,.1)}.dark #__nuxt_preview button[data-v-fba60a88]:active,.dark-mode #__nuxt_preview button[data-v-fba60a88]:active{background:hsla(0,0%,100%,.2)}#__nuxt_preview.__preview_refreshing button[data-v-fba60a88],#__nuxt_preview.__preview_refreshing span[data-v-fba60a88],#__nuxt_preview.__preview_refreshing svg[data-v-fba60a88]{animation:nuxt_pulsate-fba60a88 1s ease-out;animation-iteration-count:infinite;opacity:.5}@keyframes nuxt_pulsate-fba60a88{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes spin-fba60a88{0%{transform:rotate(1turn)}to{transform:rotate(0)}}
diff --git a/_nuxt/useStudio.BeNlzKDt.css b/_nuxt/useStudio.BeNlzKDt.css
new file mode 100644
index 000000000..82ee317a1
--- /dev/null
+++ b/_nuxt/useStudio.BeNlzKDt.css
@@ -0,0 +1 @@
+body.__preview_enabled{padding-bottom:50px}#__nuxt_preview[data-v-30725162]{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff4d;border-top:1px solid #eee;bottom:-60px;color:#000;display:flex;font-family:Helvetica,sans-serif;font-size:16px;font-weight:500;gap:10px;height:50px;justify-content:center;left:0;position:fixed;right:0;transition:bottom .3s ease-in-out;z-index:10000}#__nuxt_preview.__preview_ready[data-v-30725162]{bottom:0}#__preview_background[data-v-30725162]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff4d;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9000}#__preview_loader[data-v-30725162]{align-items:center;color:#000;display:flex;flex-direction:column;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.4rem;gap:8px;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:9500}#__preview_loader p[data-v-30725162]{margin:10px 0}.dark #__preview_background[data-v-30725162],.dark-mode #__preview_background[data-v-30725162]{background:#0000004d}.dark #__preview_loader[data-v-30725162],.dark-mode #__preview_loader[data-v-30725162]{color:#fff}.preview-loading-enter-active[data-v-30725162],.preview-loading-leave-active[data-v-30725162]{transition:opacity .4s}.preview-loading-enter[data-v-30725162],.preview-loading-leave-to[data-v-30725162]{opacity:0}#__preview_loading_icon[data-v-30725162]{animation:spin-30725162 1s linear infinite}.dark #__nuxt_preview[data-v-30725162],.dark-mode #__nuxt_preview[data-v-30725162]{background:#0000004d;border-top:1px solid #111;color:#fff}#__nuxt_preview svg[data-v-30725162]{color:#000;display:inline-block;height:30px;width:30px}.dark #__nuxt_preview svg[data-v-30725162],.dark-mode #__nuxt_preview svg[data-v-30725162]{color:#fff}button[data-v-30725162]{background:transparent;border:1px solid rgba(0,0,0,.2);border-radius:3px;box-shadow:none;color:#000c;cursor:pointer;display:inline-block;font-size:14px;font-weight:400;line-height:1rem;margin:0;padding:4px 10px;text-align:center;transition:none;width:auto}button[data-v-30725162]:hover{border-color:#0006;color:#000000e6}.dark button[data-v-30725162],.dark-mode button[data-v-30725162]{border-color:#fff3;color:#d3d3d3}.dark button[data-v-30725162]:hover,.dark-mode button[data-v-30725162]:hover{border-color:#fff6;color:#fff}#__nuxt_preview button[data-v-30725162]:focus,#__nuxt_preview button[data-v-30725162]:hover{background:#0000001a}#__nuxt_preview button[data-v-30725162]:active{background:#0003}.dark #__nuxt_preview button[data-v-30725162],.dark-mode #__nuxt_preview button[data-v-30725162]{border:1px solid hsla(0,0%,100%,.2);color:#fffc}.dark #__nuxt_preview button[data-v-30725162]:hover,.dark-mode #__nuxt_preview button[data-v-30725162]:focus{background:#ffffff1a}.dark #__nuxt_preview button[data-v-30725162]:active,.dark-mode #__nuxt_preview button[data-v-30725162]:active{background:#fff3}a[data-v-30725162]{font-weight:600}#__nuxt_preview.__preview_refreshing button[data-v-30725162],#__nuxt_preview.__preview_refreshing span[data-v-30725162],#__nuxt_preview.__preview_refreshing svg[data-v-30725162]{animation:nuxt_pulsate-30725162 1s ease-out;animation-iteration-count:infinite;opacity:.5}@keyframes nuxt_pulsate-30725162{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes spin-30725162{0%{transform:rotate(1turn)}to{transform:rotate(0)}}
diff --git a/_nuxt/useStudio.f96d40ac.js b/_nuxt/useStudio.f96d40ac.js
deleted file mode 100644
index e082e16d3..000000000
--- a/_nuxt/useStudio.f96d40ac.js
+++ /dev/null
@@ -1 +0,0 @@
-import{d as Y,u as V,r as $,o as j,_ as ee,a as te,b as q,c as L,n as ne,F as oe,e as w,f as K,g as O,w as J,T as B,t as ie,h as D,p as se,i as ae,j as W,k as re,l as de,m as z,q as ce,s as U,v as E,x as Z,y as H,z as le,A as ue,B as pe,C as ve,D as F}from"./entry.a917384d.js";const b=i=>(se("data-v-fba60a88"),i=i(),ae(),i),fe=b(()=>w("svg",{viewBox:"0 0 90 90",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[w("path",{d:"M50.0016 71.0999h29.2561c.9293.0001 1.8422-.241 2.6469-.6992.8047-.4582 1.4729-1.1173 1.9373-1.9109.4645-.7936.7088-1.6939.7083-2.6102-.0004-.9162-.2455-1.8163-.7106-2.6095L64.192 29.713c-.4644-.7934-1.1325-1.4523-1.937-1.9105-.8046-.4581-1.7173-.6993-2.6463-.6993-.9291 0-1.8418.2412-2.6463.6993-.8046.4582-1.4726 1.1171-1.937 1.9105l-5.0238 8.5861-9.8224-16.7898c-.4648-.7934-1.1332-1.4522-1.938-1.9102-.8047-.4581-1.7176-.6992-2.6468-.6992-.9292 0-1.842.2411-2.6468.6992-.8048.458-1.4731 1.1168-1.9379 1.9102L6.56062 63.2701c-.46512.7932-.71021 1.6933-.71061 2.6095-.00041.9163.24389 1.8166.70831 2.6102.46443.7936 1.1326 1.4527 1.93732 1.9109.80473.4582 1.71766.6993 2.64686.6992h18.3646c7.2763 0 12.6422-3.1516 16.3345-9.3002l8.9642-15.3081 4.8015-8.1925 14.4099 24.6083H54.8058l-4.8042 8.1925ZM29.2077 62.899l-12.8161-.0028L35.603 30.0869l9.5857 16.4047-6.418 10.9645c-2.4521 3.9894-5.2377 5.4429-9.563 5.4429Z",fill:"currentColor"})],-1)),we=b(()=>w("span",null,"Preview mode enabled",-1)),_e={key:0},he=b(()=>w("div",{id:"__preview_background"},null,-1)),ye=b(()=>w("svg",{id:"__preview_loading_icon",width:"32",height:"32",viewBox:"0 0 24 24"},[w("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M4 4v5h.582m15.356 2A8.001 8.001 0 0 0 4.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 0 1-15.357-2m15.357 2H15"})],-1)),me=b(()=>w("p",null,"Initializing the preview...",-1)),ge={key:0},ke=b(()=>w("div",{id:"__preview_background"},null,-1)),Ce={id:"__preview_loader"},Ie=Y({__name:"ContentPreviewMode",props:{previewToken:{type:String,required:!0},apiURL:{type:String,required:!0},syncPreview:{type:Function,required:!0},requestPreviewSyncAPI:{type:Function,required:!0}},setup(i){const s=i,c=["__nuxt_preview","__preview_enabled"],v=W(),y=V(),r=$(!0),g=$(!1),o=$(!1),l=$("");let a;const h=async()=>{D("previewToken").value="",window.sessionStorage.removeItem("previewToken"),await y.replace({query:{preview:void 0}}),window.location.reload()},A=async T=>{const _=await s.syncPreview(T);if(o.value!==!0){if(!_){setTimeout(()=>A(T),1e3);return}D("previewToken").value&&(o.value=!0,await y.replace({query:{}}),v.callHook("nuxt-studio:preview:ready"),window.parent&&window.self!==window.parent&&a.disconnect())}};return j(async()=>{a=(await ee(()=>import("./index.17e44084.js"),[],import.meta.url)).connect(`${s.apiURL}/preview`,{transports:["websocket","polling"],auth:{token:s.previewToken}});let _;a.on("connect",()=>{_=setTimeout(()=>{o.value||(_=setTimeout(()=>{l.value="Preview sync timed out",o.value=!1},3e4),a.emit("draft:requestSync"))},3e4)});const I=()=>{_&&(clearTimeout(_),_=null)};a.on("draft:sync",async P=>{if(I(),!P){try{a.once("draft:ready",()=>{a.emit("draft:requestSync")}),await s.requestPreviewSyncAPI()}catch(R){switch(I(),R.response.status){case 404:l.value="Preview draft not found",o.value=!1;break;default:l.value="An error occurred while syncing preview",o.value=!1}}return}A(P)}),a.on("draft:unauthorized",()=>{I(),l.value="Unauthorized preview token",o.value=!1}),a.on("disconnect",()=>{I()}),document.body.classList.add(...c),a.on("draft:update",P=>{g.value=!0,s.syncPreview(P),g.value=!1})}),te(()=>{document.body.classList.remove(...c)}),(T,_)=>(q(),L("div",null,[r.value?(q(),L("div",{key:0,id:"__nuxt_preview",class:ne({__preview_ready:o.value,__preview_refreshing:g.value})},[o.value?(q(),L(oe,{key:0},[fe,we,w("button",{onClick:h}," Close ")],64)):K("",!0)],2)):K("",!0),O(B,{name:"preview-loading"},{default:J(()=>[r.value&&!o.value&&!l.value?(q(),L("div",_e,[he,w("div",{id:"__preview_loader"},[ye,me,w("button",{onClick:h}," Cancel ")])])):K("",!0)]),_:1}),O(B,{name:"preview-loading"},{default:J(()=>[l.value?(q(),L("div",ge,[ke,w("div",Ce,[w("p",null,ie(l.value),1),w("button",{onClick:h}," Exit preview ")])])):K("",!0)]),_:1})]))}});const Pe=re(Ie,[["__scopeId","data-v-fba60a88"]]),Se=(i=[],s,c)=>{const v=[...s||[]],y=[...c||[]],r=JSON.parse(JSON.stringify(i));for(const o of v)if(o.oldPath)if(y.splice(y.findIndex(a=>a.path===o.oldPath),1),v.find(a=>a.path===o.oldPath))r.push({path:o.path,parsed:o.parsed});else{const a=r.find(h=>h.path===o.oldPath);a&&(a.path=o.path,o.parsed?a.parsed=o.parsed:o.pathMeta&&["_file","_path","_id","_locale"].forEach(h=>{a.parsed[h]=o.pathMeta[h]}))}else if(o.new)r.push({path:o.path,parsed:o.parsed});else{const l=r.find(a=>a.path===o.path);l&&Object.assign(l,{path:o.path,parsed:o.parsed})}for(const o of y)r.splice(r.findIndex(l=>l.path===o.path),1);const g=new Intl.Collator(void 0,{numeric:!0});return r.sort((o,l)=>g.compare(o.path,l.path)),r},C={appConfig:"app.config.ts",tokensConfig:"tokens.config.ts"},Te=i=>{let s;return(...c)=>(s||(s=i()),s)};function G(i,s){for(const c in i){const v=s[c];c in s||delete i[c],v!==null&&typeof v=="object"&&G(i[c],s[c])}}function Q(i,s){for(const c in s){const v=s[c];v!==null&&typeof v=="object"?(i[c]=i[c]||{},Q(i[c],v)):i[c]=v}}const xe=Te(()=>JSON.parse(JSON.stringify(Z()))),qe=()=>{const i=W(),{studio:s,content:c}=de().public,v=xe();let y;const r=z("studio-client-db",()=>null),g=z("studio-preview-db-files",()=>[]);r.value||(i.hook("content:storage",e=>{r.value=e}),ce("/non-existing-path").findOne());const o=async(e,n,d=!0)=>{const p=window.sessionStorage.getItem("previewToken"),f=await e.getKeys(`${p}:`);await Promise.all(f.map(u=>e.removeItem(u)));const t=new Set(n.map(u=>u.parsed._id.split(":").shift()));await e.setItem(`${p}$`,JSON.stringify({ignoreSources:Array.from(t)})),await Promise.all(n.map(u=>e.setItem(`${p}:${u.parsed._id}`,JSON.stringify(u.parsed))))},l=e=>{const n=E(i,Z);Q(n,H(e,v)),e||G(n,v)},a=e=>{var d,p,f,t;const n=(t=(f=(p=(d=i==null?void 0:i.vueApp)==null?void 0:d._context)==null?void 0:p.config)==null?void 0:f.globalProperties)==null?void 0:t.$pinceauTheme;!n||!(n!=null&&n.updateTheme)||(y||(y=JSON.parse(JSON.stringify((n==null?void 0:n.theme.value)||{}))),E(i,n.updateTheme,[H(e,y)]))},h=async e=>{if(g.value=e.files=e.files||g.value||[],!r.value)return!1;const n=Se(e.files,e.additions,e.deletions),d=n.filter(t=>![C.appConfig,C.tokensConfig].includes(t.path));await o(r.value,d,(e.files||[]).length!==0);const p=n.find(t=>t.path===C.appConfig);l(p==null?void 0:p.parsed);const f=n.find(t=>t.path===C.tokensConfig);return a(f==null?void 0:f.parsed),R(),!0},A=async()=>{const e=window.sessionStorage.getItem("previewToken");await $fetch("api/projects/preview/sync",{baseURL:s==null?void 0:s.apiURL,method:"POST",params:{token:e}})},T=()=>{const e=window.sessionStorage.getItem("previewToken"),n=document.createElement("div");n.id="__nuxt_preview_wrapper",document.body.appendChild(n),le(Pe,{previewToken:e,apiURL:s==null?void 0:s.apiURL,syncPreview:h,requestPreviewSyncAPI:A}).mount(n)},_=async e=>{var p,f,t;const n=window.sessionStorage.getItem("previewToken");if(!e)return null;e=e.replace(/\/$/,"");let d=await((p=r.value)==null?void 0:p.getItem(`${n}:${e}`));return d||(d=await((f=r.value)==null?void 0:f.getItem(`cached:${e}`))),d||(d=d=await((t=r.value)==null?void 0:t.getItem(e))),d},I=e=>{var d;const n=window.sessionStorage.getItem("previewToken");r.value&&r.value.setItem(`${n}:${(d=e.parsed)==null?void 0:d._id}`,JSON.stringify(e.parsed))},P=async e=>{var d;const n=window.sessionStorage.getItem("previewToken");await((d=r.value)==null?void 0:d.removeItem(`${n}:${e}`))},R=async()=>{if(c!=null&&c.documentDriven){const{pages:e}=E(i,ue);for(const n in e.value)e.value[n]&&(e.value[n]=await _(e.value[n]._id))}pe(()=>{E(i,ve)})};return{apiURL:s==null?void 0:s.apiURL,contentStorage:r,syncPreviewFiles:o,syncPreviewAppConfig:l,syncPreviewTokensConfig:a,requestPreviewSynchronization:A,findContentWithId:_,updateContent:I,removeContentWithId:P,requestRerender:R,mountPreviewUI:T,initiateIframeCommunication:X};function X(){if(!window.parent||window.self===window.parent)return;const e=V(),n=U(),d=$(""),p=t=>({path:t.path,query:F(t.query),params:F(t.params),fullPath:t.fullPath,meta:F(t.meta)});window.addEventListener("keydown",t=>{(t.metaKey||t.ctrlKey||t.altKey||t.shiftKey)&&window.parent.postMessage({type:"nuxt-studio:preview:keydown",payload:{key:t.key,metaKey:t.metaKey,ctrlKey:t.ctrlKey,shiftKey:t.shiftKey,altKey:t.altKey}},"*")}),window.addEventListener("message",async t=>{if(!["https://nuxt.studio","https://dev.nuxt.studio"].includes(t.origin))return;const{type:u,payload:x={}}=t.data||{};switch(u){case"nuxt-studio:editor:file-selected":{const m=await _(x.path);m&&(m._partial||m._path!==U().path&&(d.value=m._path,e.push(m._path)));break}case"nuxt-studio:editor:file-changed":{const{additions:m=[],deletions:N=[]}=x;for(const k of m)await I(k);for(const k of N)await P(k.path);R();break}case"nuxt-studio:preview:sync":{h(x);break}case"nuxt-studio:config:file-changed":{const{additions:m=[],deletions:N=[]}=x,k=m.find(S=>S.path===C.appConfig);k&&l(k==null?void 0:k.parsed),N.find(S=>S.path===C.appConfig)&&l(void 0);const M=m.find(S=>S.path===C.tokensConfig);M&&a(M==null?void 0:M.parsed),N.find(S=>S.path===C.tokensConfig)&&a(void 0);break}}}),i.hook("page:finish",()=>{f()}),i.hook("content:document-driven:finish",({route:t,page:u})=>{t.meta.studio_page_contentId=u==null?void 0:u._id}),i.hook("nuxt-studio:preview:ready",()=>{window.parent.postMessage({type:"nuxt-studio:preview:ready",payload:p(U())},"*"),setTimeout(()=>{f()},100)});function f(){const t=Array.from(window.document.querySelectorAll("[data-content-id]")).map(x=>x.getAttribute("data-content-id")),u=Array.from(new Set([n.meta.studio_page_contentId,...t])).filter(Boolean);if(d.value===u[0]){d.value="";return}window.openContentInStudioEditor(u,{navigate:!0,pageContentId:n.meta.studio_page_contentId})}window.openContentInStudioEditor=(t,u={})=>{window.parent.postMessage({type:"nuxt-studio:preview:navigate",payload:{...p(n),contentIds:t,...u}},"*")}}};export{qe as useStudio};
diff --git a/_nuxt/xIR7af3W.js b/_nuxt/xIR7af3W.js
new file mode 100644
index 000000000..b19e2f191
--- /dev/null
+++ b/_nuxt/xIR7af3W.js
@@ -0,0 +1 @@
+import{d as m,I as a,Y as S,b as I,c as b,n as y,J as p,p as x,i as $,e as v,l as E}from"./CIj9f4qX.js";const w=n=>(x("data-v-e878b3aa"),n=n(),$(),n),z=w(()=>v("div",{class:"ellipsis-item"},null,-1)),B=[z],k=m({__name:"Ellipsis",props:{width:{type:String,default:"10rem"},height:{type:String,default:"10rem"},zIndex:{type:String,default:"10"},top:{type:String,default:"0"},left:{type:String,default:"auto"},right:{type:String,default:"auto"},blur:{type:String,default:"50px"},colors:{type:Array,default:()=>["rgba(0, 71, 225, 0.22)","rgba(26, 214, 255, 0.22)","rgba(0, 220, 130, 0.22)"]}},setup(n){const l=a(()=>((t=e)=>t.top)()),o=a(()=>((t=e)=>t.left)()),d=a(()=>((t=e)=>t.right)()),_=a(()=>((t=e)=>t.zIndex)()),r=a(()=>((t=e)=>t.width)()),u=a(()=>((t=e)=>t.height)()),f=a(()=>((t=e)=>`blur(${t.blur})`)()),g=a(()=>((t=e)=>{var i,s,c;return`linear-gradient(97.62deg, ${(i=t==null?void 0:t.colors)==null?void 0:i[0]} 2.27%, ${(s=t==null?void 0:t.colors)==null?void 0:s[1]} 50.88%, ${(c=t==null?void 0:t.colors)==null?void 0:c[2]} 98.48%)`})()),e=n,{$pinceau:h}=S(e,void 0,{_cCN_top:l,_eih_insetInlineStart:o,_IfB_insetInlineEnd:d,_SsE_zIndex:_,_wj8_maxWidth:r,_t33_height:u,_Jfd_filter:f,_yUj_background:g});return(t,i)=>(I(),b("div",{class:y(["ellipsis",[p(h)]])},B,2))}}),j=E(k,[["__scopeId","data-v-e878b3aa"]]);export{j as default};
diff --git a/_nuxt/y64nDscA.js b/_nuxt/y64nDscA.js
new file mode 100644
index 000000000..eec14f825
--- /dev/null
+++ b/_nuxt/y64nDscA.js
@@ -0,0 +1 @@
+import{l as t,b as o,c as s,Z as c}from"./CIj9f4qX.js";const r={},a={class:"preview-layout"};function n(e,d){return o(),s("div",a,[c(e.$slots,"default",{},void 0,!0)])}const l=t(r,[["render",n],["__scopeId","data-v-e3f87d9c"]]);export{l as default};
diff --git a/_nuxt/yX8YEJna.js b/_nuxt/yX8YEJna.js
new file mode 100644
index 000000000..a58531fcb
--- /dev/null
+++ b/_nuxt/yX8YEJna.js
@@ -0,0 +1 @@
+import{d as r,ab as p,D as l,b as i,c as _,g as u,w as f,J as n,af as m,e as h,Z as x,l as g}from"./CIj9f4qX.js";const k={class:"page-layout"},v=r({__name:"page",setup(B){const{config:e}=p();return l({link:{rel:"search",type:"application/opensearchdescription+xml",href:"opensearch.xml"}}),(c,C)=>{var a,s,t,o;const d=m;return i(),_("div",k,[u(d,{fluid:(s=(a=n(e))==null?void 0:a.main)==null?void 0:s.fluid,padded:(o=(t=n(e))==null?void 0:t.main)==null?void 0:o.padded},{default:f(()=>[h("article",null,[x(c.$slots,"default",{},void 0,!0)])]),_:3},8,["fluid","padded"])])}}}),w=g(v,[["__scopeId","data-v-cf67f40a"]]);export{w as default};
diff --git a/_nuxt/yhWkHML7.js b/_nuxt/yhWkHML7.js
new file mode 100644
index 000000000..287a24a21
--- /dev/null
+++ b/_nuxt/yhWkHML7.js
@@ -0,0 +1 @@
+import k from"./BL541oIN.js";import B from"./0vR0kcC_.js";import b from"./Ck0KBE2w.js";import j from"./DZ6PEV2z.js";import{d as q,as as D,I as N,b as o,c as r,F as I,aj as w,J as u,e as _,g as i,w as s,j as c,t as d,X as l,f as p,l as F}from"./CIj9f4qX.js";import"./CO0aTtuK.js";import"./2ETV-d1z.js";const O={class:"component-playground-data-section"},E=["id"],H=["value","onChange"],J=q({__name:"ComponentPlaygroundProps",props:{modelValue:{type:Object,required:!0},componentData:{type:Object,required:!0}},emits:["update:modelValue"],setup(f,{emit:g}){const a=f,m=D(a,"modelValue",g),x=(t,n)=>{m.value={...m.value,[n]:t.target.value}},v=N(()=>{var t,n;return(n=(t=a==null?void 0:a.componentData)==null?void 0:t.meta)==null?void 0:n.props});return(t,n)=>{const y=k,h=B,C=b,V=j;return o(),r("div",O,[(o(!0),r(I,null,w(u(v),e=>(o(),r("div",{key:e.name},[_("div",{id:e.name,class:"prop-title"},[i(y,{id:e.name},{default:s(()=>[c(d(e.name),1)]),_:2},1032,["id"]),_("span",null,[i(h,null,{default:s(()=>[c(d(e.type),1)]),_:2},1024),e.required?p("",!0):(o(),l(C,{key:0},{default:s(()=>[c(" Required ")]),_:1}))])],8,E),e.description?(o(),l(V,{key:0},{default:s(()=>[c(d(e.description),1)]),_:2},1024)):p("",!0),_("input",{value:u(m)[e.name],onChange:P=>x(P,e.name)},null,40,H)]))),128))])}}}),A=F(J,[["__scopeId","data-v-3be514d7"]]);export{A as default};
diff --git a/_payload.json b/_payload.json
index 495a35a9b..09f3d4841 100644
--- a/_payload.json
+++ b/_payload.json
@@ -1 +1 @@
-[{"data":1,"prerenderedAt":87},["Reactive",2],{"search-api":3},[4,11,21,29,37,45,68,78],{"id":5,"path":6,"dir":7,"title":8,"description":7,"keywords":9,"body":10},"content:0.index.md","/","","Home",[]," The best place to start your documentation. Write pages in Markdown , use Vue components and enjoy the power of Nuxt . +50 Components ready to build rich pages Docs and Page layouts Start from a README , scale to a framework documentation Navigation and Table of Contents generation Fully configurable design system Leverages Typography and Elements Used on Content Documentation What's included Nuxt Architecture Harness the full power of Nuxt 3 and its modules ecosystem. Nuxt Studio ready Edit your theme content and appearance with live-preview within Nuxt Studio . Vue Components Use built-in components (or your own!) inside your content. Write Markdown Enjoy the ease and simplicity of Markdown and discover MDC syntax . Deploy anywhere Zero config on Vercel or Netlify . Choose between static generation, on-demand rendering (Node) or edge-side rendering on CloudFlare workers . Extensible. Customize the whole design, or add components using slots - you can make Docus your own.",{"id":12,"path":13,"dir":14,"title":15,"description":16,"keywords":17,"body":20},"content:1.introduction:1.getting-started.md","/introduction/getting-started","introduction","Getting Started","From your Markdown files to a deployed website in few minutes.",[18,19],"Play online","Create a new project"," Getting Started From your Markdown files to a deployed website in few minutes. Play online You can start playing with Docus in your browser using Stackblitz: Play on StackBlitz Create a new project Start a fresh Docus project with: npx nuxi@latest init docs -t themes/docus Install the dependencies in the docs folder: npm install yarn install pnpm install --shamefully-hoist Run the dev command to start Docus in development mode: npm run dev yarn dev pnpm run dev ✨ Well done! A browser window should automatically open for http://localhost:3000 html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":22,"path":23,"dir":14,"title":24,"description":25,"keywords":26,"body":28},"content:1.introduction:2.project-structure.md","/introduction/project-structure","Project Structure","Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home.",[27],"Directory Structure"," Project Structure Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home. Directory Structure This is the minimal directory structure to get an up and running Docus website. content/ index.md app.config.ts nuxt.config.ts The content/ directory is where you write Markdown pages . The app.config.ts is where you configure Docus to fit your branding and design. The nuxt.config.ts is your Nuxt configuration . html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":30,"path":31,"dir":14,"title":32,"description":33,"keywords":34,"body":36},"content:1.introduction:3.writing-pages.md","/introduction/writing-pages","Writing Pages","Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax.",[35],"Frontmatter"," Writing Pages Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax. Each Markdown pages in the content/ folder will be mapped to a route. File Generated route index.md / about.md /about blog/index.md /blog blog/hello.md /blog/hello 1.guide/2.installation /guide/installation Frontmatter Docus supports multiple Front-matter attributes for pages. --- title : \"Get Started\" description : \"Let's learn how to use my amazing module.\" --- Key Type Default Description layout string default Use any layout name like you would in definePageMeta() title string Defines the page title and H1 in docs pages description string Defines the page description and excerpt in docs pages redirect string A route path to redirect image object OpenGraph cover image Docs layout options aside boolean Toggles the visibility of aside navigation toc boolean Toggles the visibility of table of contents header boolean Toggles the visibility of the page header bottom boolean Toggles the visibility of page bottom section Navigation options navigation boolean Toggles the visibility of the page or directory in navigation navigation.title string Changes the name of the page or directory in navigation navigation.icon string Changes the icon of the page or directory in navigation html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":38,"path":39,"dir":14,"title":40,"description":41,"keywords":42,"body":44},"content:1.introduction:4.configuration.md","/introduction/configuration","Configuration","Learn how to configure Docus.",[43],"Customizing the logo"," Configuration Learn how to configure Docus. export default defineAppConfig ({ docus: { title: 'Docus' , description: 'My Docus Project' , url: 'http://docus.dev' } }) export default defineAppConfig ({ docus: { title: 'Docus' , description: 'My Docus Project' , url: 'http://docus.dev' , image: '/social-card-preview.png' , socials: { twitter: '@nuxt_js' , github: 'nuxt-themes/docus' , }, github: { root: 'content' , edit: true , contributors: false }, layout: 'default' , aside: { level: 1 , filter: [], }, header: { title: false , logo: true , showLinkIcon: false }, footer: { credits: { icon: 'IconDocus' , text: 'Powered by Docus' , href: 'https://docus.dev' , }, textLinks: [ { text: 'Nuxt' , href: 'https://nuxt.com' , target: '_blank' , rel: 'noopener' } ], iconLinks: [ { label: 'NuxtJS' , href: 'https://nuxtjs.org' , component: 'IconNuxtLabs' , }, { label: 'Vue Telescope' , href: 'https://vuetelescope.com' , component: 'IconVueTelescope' , }, ], } } }) Key Type Default Description title string Docus Website title titleTemplate string Docus Website title template description string My Docus Project Website description url string Website URL layout string default Fallback layout to use (supports default or page ) Socials socials object {} Social links socials.github string The repository to use on GitHub links socials.twitter string The account to use on Twitter links socials.youtube string The channel to use on Youtube links socials.instagram string The account to use on Instagram links socials.facebook string The account to use on Facebook links socials.medium string The account to use on Medium links socials.[social] object Override social or display custom one socials.[social].label string A label to use for the social socials.[social].icon string A icon to use for the social socials.[social].href string A link to use for the social socials.[social].rel string noopener noreferrer A space-separated list of link types Header header object Header configuration header.logo boolean Whether or not to use Logo.vue as the header logo header.title string If set to a string, will be used in the header header.showLinkIcon boolean If set to true links icons will show in the header header.exclude string[] An array of path to exclude out from the header navigation header.fluid boolean true Make header Container fluid Main main object Main configuration main.fluid boolean true Make main content Container fluid main.padded boolean true Make main content Container padded Aside aside object Aside configuration aside.level string 0 Aside base level of nesting aside.collapsed boolean Will be used as default value for collapsible navigation categories aside.exclude string[] An array of path to exclude out from the aside navigation Footer footer object Footer configuration footer.credits object An object defining the bottom left credits footer.credits.icon object The icon to use for the credits footer.credits.text object The text to use for the credits footer.textLinks array [] An array of texts to display at the center of footer footer.textLinks[0].text string The text to display footer.textLinks[0].href string A link to use for the text footer.textLinks[0].target string _self Where to display the linked URL, as the name for a browsing context footer.textLinks[0].rel string noopener noreferrer A space-separated list of link types footer.iconLinks array [] An array of icons to display in the footer footer.iconLinks[0].label string A label to use for the icon footer.iconLinks[0].href string A link to use for the icon footer.iconLinks[0].icon string The icon to use (can be a component name) footer.iconLinks[0].rel string noopener noreferrer A space-separated list of link types footer.fluid boolean true Make footer Container fluid GitHub github object false GitHub integration configuration github.dir string Directory containing the files to be edited github.branch string Branch to start editing github.repo string Name of the GitHub repo to edit files github.owner string Owner of the repo github.edit boolean Toggle \"Edit this page on Github\" component on documentation pages Search fuse object useFuse options Customizing the logo To update the logo in the header, create a component in components/Logo.vue with your own logo. In this example, the image is located at /public/img . \u003C template > \u003C img width = \"120\" src = \"/img/YOURLOGO.png\" /> \u003C/ template > html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":46,"path":47,"dir":48,"title":49,"description":50,"keywords":51,"body":67},"content:2.api:1.components.md","/api/components","api","Components","Discover every component you can use in your content.",[52,53,54,55,56,57,58,59,60,61,62,63,64,65,66],"\u003CAlert />","\u003CBadge />","\u003CBlockHero />","\u003CButtonLink />","\u003CCallout />","\u003CCard />","\u003CCardGrid />","\u003CCodeGroup />","\u003CCodeBlock />","\u003CCopyButton />","\u003CIcon />","\u003CList />","\u003CSandbox />","\u003CTerminal />","\u003CVideoPlayer />"," Components Discover every component you can use in your content. \u003CAlert /> Check out an info alert with code and a link . Check out a success alert with code and a link . Check out a warning alert with code and a link . Check out a danger alert with code and a link . ::alert{type=\"info\"} Check out an **info** alert with `code` and a [ link ]( / ). :: ::alert{type=\"success\"} Check out a **success** alert with `code` and a [ link ]( / ). :: ::alert{type=\"warning\"} Check out a **warning** alert with `code` and a [ link ]( / ). :: ::alert{type=\"danger\"} Check out a **danger** alert with `code` and a [ link ]( / ). :: \u003CBadge /> \u003CBadge /> support same types as \u003CAlert /> . v1.2 Deprecated Not found! :badge[ v1.2 ] :badge[ Deprecated ]{type=\"warning\"} ::badge{type=\"danger\"} Not found! :: \u003CBlockHero /> Document-driven framework Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites. ::block-hero --- cta: - Get started - /get-started secondary: - Open on GitHub → - https://github.com/nuxtlabs/docus snippet: npx nuxi@latest init docus-app -t nuxtlabs/docus-starter --- #title Document-driven framework #description Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites. :: \u003CButtonLink /> Play on StackBlitz :button-link[Play on StackBlitz]{icon=\"IconStackBlitz\" href=\"https://stackblitz.com/github/nuxtlabs/docus-starter\" blank} \u003CCallout /> \u003CCallout /> support same types as \u003CAlert /> . This is a callout! Click me to open. This is the content of the callout. This is a callout! Click me to open. This is the content of the callout. ::callout #summary This is a callout! Click me to open. #content This is the content of the callout. :: ::callout{type=\"warning\"} #summary This is a callout! Click me to open. #content This is the content of the callout. :: \u003CCard /> Nuxt Architecture. Based on Nuxt 3 and Nuxt Content . \nUse Nuxt to build a static site, or a serverless app. ::card{icon=\"logos:nuxt-icon\"} #title Nuxt Architecture. #description Based on **Nuxt 3** and **Nuxt Content** . :br Use Nuxt to build a static site, or a serverless app. :: \u003CCardGrid /> What's included? Nuxt Architecture. Harness the full power of Nuxt and the Nuxt ecosystem. Vue Components. Use built-in components (or your own!) inside your content. Write Markdown. Enjoy the ease and simplicity of Markdown and discover MDC syntax. ::card-grid #title What's included #root :ellipsis #default ::card #title Nuxt Architecture. #description Harness the full power of Nuxt and the Nuxt ecosystem. :: ::card #title Vue Components. #description Use built-in components (or your own!) inside your content. :: ::card #title Write Markdown. #description Enjoy the ease and simplicity of Markdown and discover MDC syntax. :: :: \u003CCodeGroup /> This component uses slots to create a tab panel of your code examples or preview. yarn add docus npm install docus ::code-group ```bash [Yarn] yarn add docus ``` ```bash [NPM] npm install docus ``` :: \u003CCodeBlock /> To be used inside a \u003CCodeGroup /> component to display a preview of some rendered code. Hello World! /* Added as a child of `\u003CCodeGroup />` */ ::code-block{label=\"Preview\" preview} ::badge Hello World! :: :: \u003CCopyButton /> :copy-button{content=\"hey!\"} \u003CIcon /> Icon component gives you access to all 100,000+ icons from icones.js.org . :icon{name=\"logos:nuxt-icon\"} :icon{name=\"logos:vue\"} :icon{name=\"logos:nuxt-icon\"} \u003CList /> Important Always Amazing Congrats Do you know? You can also do this Be careful Use with precautions Drinking too much Driving drunk ::list{type=\"primary\"} - **Important** - Always :: ::list{type=\"success\"} - Amazing - Congrats :: ::list{type=\"info\"} - Do you know? - You can also do this :: ::list{type=\"warning\"} - Be careful - Use with precautions :: ::list{type=\"danger\"} - Drinking too much - Driving drunk :: \u003CSandbox /> Embed CodeSandbox/StackBlitz easily in your documentation with great performances. Using the IntersectionObserver to load when visible in the viewport. :sandbox{src=\"https://codesandbox.io/embed/nuxt-content-l164h?hidenavigation=1&theme=dark\"} \u003CTerminal /> :terminal{content=\"nuxi build\"} \u003CVideoPlayer /> ::div :video-player{src=\"https://www.youtube.com/watch?v=o9e12WbKrd8\"} :: html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":69,"path":70,"dir":48,"title":71,"description":72,"keywords":73,"body":77},"content:2.api:2.composables.md","/api/composables","Composables","Discover the Docus composables to use in your custom Vue components and pages.",[74,75,76],"useDocus()","useMenu()","useScrollspy()"," Composables Discover the Docus composables to use in your custom Vue components and pages. useDocus() useDocus () gives access to docus runtime config, all default values and your custom config from app.config.ts config refers to the merged config of the current page. main , header , aside , footer and titleTemplate can be set from _dir.yml and any page.md file. The configs in app.config file will be used as defaults. \u003C script setup > const { config } = useDocus () \u003C/ script > \u003C template > \u003C div > \u003C h1 >{{ config.title }}\u003C/ h1 > \u003C p >{{ config.description }}\u003C/ p > \u003C/ div > \u003C/ template > tree refers to the current navigation tree that is displayed in the aside component. \u003C script setup > const { tree } = useDocus () \u003C/ script > \u003C template > \u003C DocsAsideTree :links = \"tree\" /> \u003C/ template > useMenu() useMenu() gives access to $menu plugin controlling mobile navigation globally. const { // Is menu visible visible , // Close menu function close , // Open menu function open , // Toggle menu function toggle } = useMenu () useScrollspy() useScrollspy() is used in docs layout to make the ToC display the currently visible headings. const { // Headings on the page visibleHeadings , // Active headings (for the current page) activeHeadings , // Update headings (an array of DOM nodes) updateHeadings } = useScrollspy () html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":79,"path":80,"dir":48,"title":81,"description":82,"keywords":83,"body":86},"content:2.api:3.layouts.md","/api/layouts","Layouts","Docus provides multiple built-in layouts for displaying your Markdown pages.",[84,85],"default","page"," Layouts Docus provides multiple built-in layouts for displaying your Markdown pages. default The default layout for every page created in the project. This layout renders multiple section alongside the content: Aside navigation menu (togglable with aside: false/true ) Page bottom section (togglable with bottom: false/true ) Table of content (togglable with toc: false/true ) --- aside : true bottom : true toc : false --- Your awesome content Current page is live sample of default layout. page page layout is content focused layout. This layout does not render aside menu of table of contents. This layout accept some configuration from content front-matter. fluid : By setting fluid: true in content front-matter the content will be rendered in full width. constrainedClass : Using this option you can modify layout container look. Like constraining layout width of changing the background. padded : Setting padded: true in front-matter will add horizontal padding in the layout. --- title : Home layout : page fluid : true --- Check Home page as live sample of page layout html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",1698738520913]
\ No newline at end of file
+[{"data":1,"prerenderedAt":87},["Reactive",2],{"search-api":3},[4,11,21,29,37,45,68,78],{"id":5,"path":6,"dir":7,"title":8,"description":7,"keywords":9,"body":10},"content:0.index.md","/","","Home",[]," The best place to start your documentation. Write pages in Markdown , use Vue components and enjoy the power of Nuxt . +50 Components ready to build rich pages Docs and Page layouts Start from a README , scale to a framework documentation Navigation and Table of Contents generation Fully configurable design system Leverages Typography and Elements Used on Content Documentation What's included Nuxt Architecture Harness the full power of Nuxt 3 and its modules ecosystem. Nuxt Studio ready Edit your theme content and appearance with live-preview within Nuxt Studio . Vue Components Use built-in components (or your own!) inside your content. Write Markdown Enjoy the ease and simplicity of Markdown and discover MDC syntax . Deploy anywhere Zero config on Vercel or Netlify . Choose between static generation, on-demand rendering (Node) or edge-side rendering on CloudFlare workers . Extensible. Customize the whole design, or add components using slots - you can make Docus your own.",{"id":12,"path":13,"dir":14,"title":15,"description":16,"keywords":17,"body":20},"content:1.introduction:1.getting-started.md","/introduction/getting-started","introduction","Getting Started","From your Markdown files to a deployed website in few minutes.",[18,19],"Play online","Create a new project"," Getting Started From your Markdown files to a deployed website in few minutes. Play online You can start playing with Docus in your browser using Stackblitz: Play on StackBlitz Create a new project Start a fresh Docus project with: npx nuxi@latest init docs -t themes/docus\n Install the dependencies in the docs folder: npm install\n yarn install\n pnpm install --shamefully-hoist\n Run the dev command to start Docus in development mode: npm run dev\n yarn dev\n pnpm run dev\n ✨ Well done! A browser window should automatically open for http://localhost:3000 html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":22,"path":23,"dir":14,"title":24,"description":25,"keywords":26,"body":28},"content:1.introduction:2.project-structure.md","/introduction/project-structure","Project Structure","Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home.",[27],"Directory Structure"," Project Structure Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home. Directory Structure This is the minimal directory structure to get an up and running Docus website. content/\n index.md\n app.config.ts\n nuxt.config.ts\n The content/ directory is where you write Markdown pages . The app.config.ts is where you configure Docus to fit your branding and design. The nuxt.config.ts is your Nuxt configuration . html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":30,"path":31,"dir":14,"title":32,"description":33,"keywords":34,"body":36},"content:1.introduction:3.writing-pages.md","/introduction/writing-pages","Writing Pages","Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax.",[35],"Frontmatter"," Writing Pages Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax. Each Markdown page in the content/ folder will be mapped to a route. \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n File Generated route index.md / about.md /about blog/index.md /blog blog/hello.md /blog/hello 1.guide/2.installation /guide/installation Frontmatter Docus supports multiple Front-matter attributes for pages. ---\n title : \"Get Started\"\n description : \"Let's learn how to use my amazing module.\"\n ---\n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n Key Type Default Description layout string default Use any layout name like you would in definePageMeta() title string Defines the page title and H1 in docs pages description string Defines the page description and excerpt in docs pages redirect string A route path to redirect image object OpenGraph cover image Docs layout options aside boolean Toggles the visibility of aside navigation toc boolean Toggles the visibility of table of contents header boolean Toggles the visibility of the page header bottom boolean Toggles the visibility of page bottom section Navigation options navigation boolean Toggles the visibility of the page or directory in navigation navigation.title string Changes the name of the page or directory in navigation navigation.icon string Changes the icon of the page or directory in navigation html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":38,"path":39,"dir":14,"title":40,"description":41,"keywords":42,"body":44},"content:1.introduction:4.configuration.md","/introduction/configuration","Configuration","Learn how to configure Docus.",[43],"Customizing the logo"," Configuration Learn how to configure Docus. export default defineAppConfig ({\n docus: {\n title: 'Docus' ,\n description: 'My Docus Project' ,\n url: 'http://docus.dev'\n }\n })\n export default defineAppConfig ({\n docus: {\n title: 'Docus' ,\n description: 'My Docus Project' ,\n url: 'http://docus.dev' ,\n image: '/social-card-preview.png' ,\n socials: {\n twitter: '@nuxt_js' ,\n github: 'nuxt-themes/docus' ,\n },\n github: {\n root: 'content' ,\n edit: true ,\n contributors: false\n },\n layout: 'default' ,\n aside: {\n level: 1 ,\n filter: [],\n },\n header: {\n title: false ,\n logo: true ,\n showLinkIcon: false\n },\n footer: {\n credits: {\n icon: 'IconDocus' ,\n text: 'Powered by Docus' ,\n href: 'https://docus.dev' ,\n },\n textLinks: [\n {\n text: 'Nuxt' ,\n href: 'https://nuxt.com' ,\n target: '_blank' ,\n rel: 'noopener'\n }\n ],\n iconLinks: [\n {\n label: 'NuxtJS' ,\n href: 'https://nuxtjs.org' ,\n component: 'IconNuxtLabs' ,\n },\n {\n label: 'Vue Telescope' ,\n href: 'https://vuetelescope.com' ,\n component: 'IconVueTelescope' ,\n },\n ],\n }\n }\n })\n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n Key Type Default Description title string Docus Website title titleTemplate string Docus Website title template description string My Docus Project Website description url string Website URL layout string default Fallback layout to use (supports default or page ) Socials socials object {} Social links socials.github string The repository to use on GitHub links socials.twitter string The account to use on Twitter links socials.youtube string The channel to use on Youtube links socials.instagram string The account to use on Instagram links socials.facebook string The account to use on Facebook links socials.medium string The account to use on Medium links socials.[social] object Override social or display custom one socials.[social].label string A label to use for the social socials.[social].icon string A icon to use for the social socials.[social].href string A link to use for the social socials.[social].rel string noopener noreferrer A space-separated list of link types Header header object Header configuration header.logo boolean Whether or not to use Logo.vue as the header logo header.title string If set to a string, will be used in the header header.showLinkIcon boolean If set to true links icons will show in the header header.exclude string[] An array of path to exclude out from the header navigation header.fluid boolean true Make header Container fluid Main main object Main configuration main.fluid boolean true Make main content Container fluid main.padded boolean true Make main content Container padded Aside aside object Aside configuration aside.level string 0 Aside base level of nesting aside.collapsed boolean Will be used as default value for collapsible navigation categories aside.exclude string[] An array of path to exclude out from the aside navigation Footer footer object Footer configuration footer.credits object An object defining the bottom left credits footer.credits.icon object The icon to use for the credits footer.credits.text object The text to use for the credits footer.textLinks array [] An array of texts to display at the center of footer footer.textLinks[0].text string The text to display footer.textLinks[0].href string A link to use for the text footer.textLinks[0].target string _self Where to display the linked URL, as the name for a browsing context footer.textLinks[0].rel string noopener noreferrer A space-separated list of link types footer.iconLinks array [] An array of icons to display in the footer footer.iconLinks[0].label string A label to use for the icon footer.iconLinks[0].href string A link to use for the icon footer.iconLinks[0].icon string The icon to use (can be a component name) footer.iconLinks[0].rel string noopener noreferrer A space-separated list of link types footer.fluid boolean true Make footer Container fluid GitHub github object false GitHub integration configuration github.dir string Directory containing the files to be edited github.branch string Branch to start editing github.repo string Name of the GitHub repo to edit files github.owner string Owner of the repo github.edit boolean Toggle \"Edit this page on Github\" component on documentation pages Search fuse object useFuse options Customizing the logo To update the logo in the header, create a component in components/Logo.vue with your own logo. In this example, the image is located at /public/img . \u003C template >\n \u003C img width = \"120\" src = \"/img/YOURLOGO.png\" />\n \u003C/ template >\n html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":46,"path":47,"dir":48,"title":49,"description":50,"keywords":51,"body":67},"content:2.api:1.components.md","/api/components","api","Components","Discover every component you can use in your content.",[52,53,54,55,56,57,58,59,60,61,62,63,64,65,66],"\u003CAlert />","\u003CBadge />","\u003CBlockHero />","\u003CButtonLink />","\u003CCallout />","\u003CCard />","\u003CCardGrid />","\u003CCodeGroup />","\u003CCodeBlock />","\u003CCopyButton />","\u003CIcon />","\u003CList />","\u003CSandbox />","\u003CTerminal />","\u003CVideoPlayer />"," Components Discover every component you can use in your content. \u003CAlert /> Check out an info alert with code and a link . Check out a success alert with code and a link . Check out a warning alert with code and a link . Check out a danger alert with code and a link . ::alert{type=\"info\"}\n Check out an **info** alert with `code` and a [ link ]( / ).\n ::\n \n ::alert{type=\"success\"}\n Check out a **success** alert with `code` and a [ link ]( / ).\n ::\n \n ::alert{type=\"warning\"}\n Check out a **warning** alert with `code` and a [ link ]( / ).\n ::\n \n ::alert{type=\"danger\"}\n Check out a **danger** alert with `code` and a [ link ]( / ).\n ::\n \u003CBadge /> \u003CBadge /> support same types as \u003CAlert /> . v1.2 Deprecated Not found! :badge[ v1.2 ]\n \n :badge[ Deprecated ]{type=\"warning\"}\n \n ::badge{type=\"danger\"}\n Not found!\n ::\n \u003CBlockHero /> Document-driven framework Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites. ::block-hero\n ---\n cta:\n - Get started\n - /get-started\n secondary:\n - Open on GitHub →\n - https://github.com/nuxtlabs/docus\n snippet: npx nuxi@latest init docus-app -t nuxtlabs/docus-starter\n ---\n #title\n Document-driven framework\n \n #description\n Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites.\n ::\n \u003CButtonLink /> Play on StackBlitz :button-link[Play on StackBlitz]{icon=\"IconStackBlitz\" href=\"https://stackblitz.com/github/nuxtlabs/docus-starter\" blank}\n \u003CCallout /> \u003CCallout /> support same types as \u003CAlert /> . This is a callout! Click me to open. This is the content of the callout. This is a callout! Click me to open. This is the content of the callout. ::callout\n #summary\n This is a callout! Click me to open.\n \n #content\n This is the content of the callout.\n ::\n \n ::callout{type=\"warning\"}\n #summary\n This is a callout! Click me to open.\n \n #content\n This is the content of the callout.\n ::\n \u003CCard /> Nuxt Architecture. Based on Nuxt 3 and Nuxt Content . \nUse Nuxt to build a static site, or a serverless app. ::card{icon=\"logos:nuxt-icon\"}\n #title\n Nuxt Architecture.\n #description\n Based on **Nuxt 3** and **Nuxt Content** . :br\n Use Nuxt to build a static site, or a serverless app.\n ::\n \u003CCardGrid /> What's included? Nuxt Architecture. Harness the full power of Nuxt and the Nuxt ecosystem. Vue Components. Use built-in components (or your own!) inside your content. Write Markdown. Enjoy the ease and simplicity of Markdown and discover MDC syntax. ::card-grid\n #title\n What's included\n \n #root\n :ellipsis\n \n #default\n ::card\n #title\n Nuxt Architecture.\n #description\n Harness the full power of Nuxt and the Nuxt ecosystem.\n ::\n ::card\n #title\n Vue Components.\n #description\n Use built-in components (or your own!) inside your content.\n ::\n ::card\n #title\n Write Markdown.\n #description\n Enjoy the ease and simplicity of Markdown and discover MDC syntax.\n ::\n ::\n \u003CCodeGroup /> This component uses slots to create a tab panel of your code examples or preview. yarn add docus\n npm install docus\n ::code-group\n ```bash [Yarn]\n yarn add docus\n ```\n ```bash [NPM]\n npm install docus\n ```\n ::\n \u003CCodeBlock /> To be used inside a \u003CCodeGroup /> component to display a preview of some rendered code. Hello World! /* Added as a child of `\u003CCodeGroup />` */\n \n ::code-block{label=\"Preview\" preview}\n ::badge\n Hello World!\n ::\n ::\n \u003CCopyButton /> :copy-button{content=\"hey!\"}\n \u003CIcon /> Icon component gives you access to all 100,000+ icons from icones.js.org . :icon{name=\"logos:nuxt-icon\"}\n :icon{name=\"logos:vue\"}\n :icon{name=\"logos:nuxt-icon\"}\n \u003CList /> Important Always Amazing Congrats Do you know? You can also do this Be careful Use with precautions Drinking too much Driving drunk ::list{type=\"primary\"}\n - **Important**\n - Always\n ::\n \n ::list{type=\"success\"}\n - Amazing\n - Congrats\n ::\n \n ::list{type=\"info\"}\n - Do you know?\n - You can also do this\n ::\n \n ::list{type=\"warning\"}\n - Be careful\n - Use with precautions\n ::\n \n ::list{type=\"danger\"}\n - Drinking too much\n - Driving drunk\n ::\n \u003CSandbox /> Embed CodeSandbox/StackBlitz easily in your documentation with great performances. Using the IntersectionObserver to load when visible in the viewport. :sandbox{src=\"https://codesandbox.io/embed/nuxt-content-l164h?hidenavigation=1&theme=dark\"}\n \u003CTerminal /> :terminal{content=\"nuxi build\"}\n \u003CVideoPlayer /> ::div\n :video-player{src=\"https://www.youtube.com/watch?v=o9e12WbKrd8\"}\n ::\n html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":69,"path":70,"dir":48,"title":71,"description":72,"keywords":73,"body":77},"content:2.api:2.composables.md","/api/composables","Composables","Discover the Docus composables to use in your custom Vue components and pages.",[74,75,76],"useDocus()","useMenu()","useScrollspy()"," Composables Discover the Docus composables to use in your custom Vue components and pages. useDocus() useDocus () gives access to docus runtime config, all default values and your custom config from app.config.ts config refers to the merged config of the current page. main , header , aside , footer and titleTemplate can be set from _dir.yml and any page.md file. The configs in app.config file will be used as defaults. \u003C script setup >\n const { config } = useDocus ()\n \u003C/ script >\n \n \u003C template >\n \u003C div >\n \u003C h1 >{{ config.title }}\u003C/ h1 >\n \u003C p >{{ config.description }}\u003C/ p >\n \u003C/ div >\n \u003C/ template >\n tree refers to the current navigation tree that is displayed in the aside component. \u003C script setup >\n const { tree } = useDocus ()\n \u003C/ script >\n \n \u003C template >\n \u003C DocsAsideTree : links = \" tree \" />\n \u003C/ template >\n useMenu() useMenu() gives access to $menu plugin controlling mobile navigation globally. const {\n // Is menu visible\n visible ,\n // Close menu function\n close ,\n // Open menu function\n open ,\n // Toggle menu function\n toggle\n } = useMenu ()\n useScrollspy() useScrollspy() is used in docs layout to make the ToC display the currently visible headings. const {\n // Headings on the page\n visibleHeadings ,\n // Active headings (for the current page)\n activeHeadings ,\n // Update headings (an array of DOM nodes)\n updateHeadings\n } = useScrollspy ()\n html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":79,"path":80,"dir":48,"title":81,"description":82,"keywords":83,"body":86},"content:2.api:3.layouts.md","/api/layouts","Layouts","Docus provides multiple built-in layouts for displaying your Markdown pages.",[84,85],"default","page"," Layouts Docus provides multiple built-in layouts for displaying your Markdown pages. default The default layout for every page created in the project. This layout renders multiple section alongside the content: Aside navigation menu (togglable with aside: false/true ) Page bottom section (togglable with bottom: false/true ) Table of content (togglable with toc: false/true ) ---\n aside : true\n bottom : true\n toc : false\n ---\n \n Your awesome content\n Current page is live sample of default layout. page page layout is content focused layout. This layout does not render aside menu of table of contents. This layout accept some configuration from content front-matter. fluid : By setting fluid: true in content front-matter the content will be rendered in full width. constrainedClass : Using this option you can modify layout container look. Like constraining layout width of changing the background. padded : Setting padded: true in front-matter will add horizontal padding in the layout. ---\n title : Home\n layout : page\n fluid : true\n ---\n Check Home page as live sample of page layout html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",1715702806748]
\ No newline at end of file
diff --git a/api/_content/cache.1698738477992.json b/api/_content/cache.1698738477992.json
deleted file mode 100644
index 742090e66..000000000
--- a/api/_content/cache.1698738477992.json
+++ /dev/null
@@ -1 +0,0 @@
-{"generatedAt":1698738520854,"generateTime":3000,"contents":[{"_path":"/","_dir":"","_draft":false,"_partial":false,"_locale":"","title":"Home","description":"","navigation":false,"layout":"page","main":{"fluid":false},"body":{"type":"root","children":[{"type":"element","tag":"ellipsis","props":{"blur":"150px","width":"75%","right":"0px"},"children":[]},{"type":"element","tag":"block-hero","props":{":cta":"[\"Get started\",\"/introduction/getting-started\"]",":secondary":"[\"Open on GitHub →\",\"https://github.com/nuxt-themes/docus\"]"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The best place to start your documentation."}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Write pages in "},{"type":"element","tag":"a","props":{"href":"https://content.nuxtjs.org","rel":["nofollow"]},"children":[{"type":"text","value":"Markdown"}]},{"type":"text","value":", use "},{"type":"element","tag":"a","props":{"href":"https://vuejs.org","rel":["nofollow"]},"children":[{"type":"text","value":"Vue"}]},{"type":"text","value":" components and enjoy the power of "},{"type":"element","tag":"a","props":{"href":"https://nuxt.com","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt"}]},{"type":"text","value":"."}]}]},{"type":"element","tag":"template","props":{"v-slot:extra":""},"children":[{"type":"element","tag":"list","props":{},"children":[{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"+50 Components"}]},{"type":"text","value":" ready to build rich pages"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Docs"}]},{"type":"text","value":" and "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Page"}]},{"type":"text","value":" layouts"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Start from a "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"README"}]},{"type":"text","value":", scale to a framework documentation"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Navigation and Table of Contents generation"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Fully configurable design system"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Leverages "},{"type":"element","tag":"a","props":{"href":"https://typography.nuxt.space/","rel":["nofollow"]},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Typography"}]}]},{"type":"text","value":" and "},{"type":"element","tag":"a","props":{"href":"https://elements.nuxt.dev","rel":["nofollow"]},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Elements"}]}]}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Used on "},{"type":"element","tag":"a","props":{"href":"https://content.nuxtjs.org","rel":["nofollow"]},"children":[{"type":"text","value":"Content Documentation"}]}]}]}]}]},{"type":"element","tag":"template","props":{"v-slot:support":""},"children":[{"type":"element","tag":"terminal","props":{":content":"[\"npx nuxi@latest init -t themes/docus\",\"cd docs\",\"npm install\",\"npm run dev\"]"},"children":[]}]}]},{"type":"element","tag":"card-grid","props":{},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"What's included"}]}]},{"type":"element","tag":"template","props":{"v-slot:root":""},"children":[{"type":"element","tag":"ellipsis","props":{"blur":"140px","width":"40rem","left":"0px","top":"10rem"},"children":[]}]},{"type":"element","tag":"card","props":{"icon":"logos:nuxt-icon"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Nuxt Architecture"}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Harness the full power of "},{"type":"element","tag":"a","props":{"href":"https://v3.nuxtjs.org","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt 3"}]},{"type":"text","value":" and its "},{"type":"element","tag":"a","props":{"href":"https://modules.nuxtjs.org","rel":["nofollow"]},"children":[{"type":"text","value":"modules"}]},{"type":"text","value":" ecosystem."}]}]}]},{"type":"element","tag":"card","props":{"icon":"IconNuxtStudio"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Nuxt Studio ready"}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Edit your theme content and appearance with live-preview within "},{"type":"element","tag":"a","props":{"href":"https://nuxt.studio","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt Studio"}]},{"type":"text","value":"."}]}]}]},{"type":"element","tag":"card","props":{"icon":"logos:vue"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Vue Components"}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Use built-in components (or your own!) inside your content."}]}]}]},{"type":"element","tag":"card","props":{"icon":"simple-icons:markdown"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Write Markdown"}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Enjoy the ease and simplicity of Markdown and discover "},{"type":"element","tag":"a","props":{"href":"https://content.nuxtjs.org/guide/writing/mdc","rel":["nofollow"]},"children":[{"type":"text","value":"MDC syntax"}]},{"type":"text","value":"."}]}]}]},{"type":"element","tag":"card","props":{"icon":"noto:rocket"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Deploy anywhere"}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Zero config on "},{"type":"element","tag":"a","props":{"href":"https://vercel.com","rel":["nofollow"]},"children":[{"type":"text","value":"Vercel"}]},{"type":"text","value":" or "},{"type":"element","tag":"a","props":{"href":"https://netlify.com","rel":["nofollow"]},"children":[{"type":"text","value":"Netlify"}]},{"type":"text","value":". Choose between static generation, on-demand rendering (Node) or edge-side rendering on "},{"type":"element","tag":"a","props":{"href":"https://workers.cloudflare.com","rel":["nofollow"]},"children":[{"type":"text","value":"CloudFlare workers"}]},{"type":"text","value":"."}]}]}]},{"type":"element","tag":"card","props":{"icon":"noto:puzzle-piece"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Extensible."}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Customize the whole design, or add components using slots - you can make Docus your own."}]}]}]}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[]}},"_type":"markdown","_id":"content:0.index.md","_source":"content","_file":"0.index.md","_extension":"md"},{"_path":"/introduction/_dir","_dir":"introduction","_draft":false,"_partial":true,"_locale":"","icon":"ph:star-duotone","navigation":{"redirect":"/introduction/getting-started"},"_id":"content:1.introduction:_dir.yml","_type":"yaml","title":"Dir","_source":"content","_file":"1.introduction/_dir.yml","_extension":"yml"},{"_path":"/introduction/getting-started","_dir":"introduction","_draft":false,"_partial":false,"_locale":"","title":"Getting Started","description":"From your Markdown files to a deployed website in few minutes.","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"getting-started"},"children":[{"type":"text","value":"Getting Started"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"From your Markdown files to a deployed website in few minutes."}]},{"type":"element","tag":"h2","props":{"id":"play-online"},"children":[{"type":"text","value":"Play online"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"You can start playing with Docus in your browser using Stackblitz:"}]},{"type":"element","tag":"button-link","props":{":blank":"true","href":"https://stackblitz.com/github/nuxt-themes/docus-starter","icon":"IconStackBlitz","size":"small"},"children":[{"type":"text","value":"Play on StackBlitz"}]},{"type":"element","tag":"h2","props":{"id":"create-a-new-project"},"children":[{"type":"text","value":"Create a new project"}]},{"type":"element","tag":"ol","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Start a fresh Docus project with:"}]}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-light github-dark","code":"npx nuxi@latest init docs -t themes/docus\n","filename":"npx","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"npx"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" nuxi@latest"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" init"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" docs"}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":" -t"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" themes/docus"}]}]}]}]},{"type":"element","tag":"ol","props":{"start":2},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Install the dependencies in the "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"docs"}]},{"type":"text","value":" folder:"}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-light github-dark","code":"npm install\n","filename":"npm","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"npm"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" install"}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-light github-dark","code":"yarn install\n","filename":"yarn","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"yarn"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" install"}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-light github-dark","code":"pnpm install --shamefully-hoist\n","filename":"pnpm","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"pnpm"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" install"}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":" --shamefully-hoist"}]}]}]}]}]},{"type":"element","tag":"ol","props":{"start":3},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Run the "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"dev"}]},{"type":"text","value":" command to start Docus in development mode:"}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-light github-dark","code":"npm run dev\n","filename":"npm","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"npm"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" run"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" dev"}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-light github-dark","code":"yarn dev\n","filename":"yarn","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"yarn"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" dev"}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-light github-dark","code":"pnpm run dev\n","filename":"pnpm","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"pnpm"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" run"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" dev"}]}]}]}]}]},{"type":"element","tag":"alert","props":{"type":"success"},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"✨ Well done! A browser window should automatically open for "},{"type":"element","tag":"a","props":{"href":"http://localhost:3000","rel":["nofollow"]},"children":[{"type":"text","value":"http://localhost:3000"}]}]}]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":"html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"play-online","depth":2,"text":"Play online"},{"id":"create-a-new-project","depth":2,"text":"Create a new project"}]}},"_type":"markdown","_id":"content:1.introduction:1.getting-started.md","_source":"content","_file":"1.introduction/1.getting-started.md","_extension":"md"},{"_path":"/introduction/project-structure","_dir":"introduction","_draft":false,"_partial":false,"_locale":"","title":"Project Structure","description":"Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home.","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"project-structure"},"children":[{"type":"text","value":"Project Structure"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home."}]},{"type":"element","tag":"h2","props":{"id":"directory-structure"},"children":[{"type":"text","value":"Directory Structure"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This is the minimal directory structure to get an up and running Docus website."}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-light github-dark","code":"content/\n index.md\napp.config.ts\nnuxt.config.ts\n","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"content/"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" index.md"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"app.config.ts"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"nuxt.config.ts"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"content/"}]},{"type":"text","value":" directory is where you "},{"type":"element","tag":"a","props":{"href":"/introduction/writing-pages"},"children":[{"type":"text","value":"write Markdown pages"}]},{"type":"text","value":"."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"app.config.ts"}]},{"type":"text","value":" is where you "},{"type":"element","tag":"a","props":{"href":"/introduction/configuration"},"children":[{"type":"text","value":"configure Docus"}]},{"type":"text","value":" to fit your branding and design."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"nuxt.config.ts"}]},{"type":"text","value":" is your "},{"type":"element","tag":"a","props":{"href":"https://nuxt.com/docs/getting-started/configuration","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt configuration"}]},{"type":"text","value":"."}]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":"html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"directory-structure","depth":2,"text":"Directory Structure"}]}},"_type":"markdown","_id":"content:1.introduction:2.project-structure.md","_source":"content","_file":"1.introduction/2.project-structure.md","_extension":"md"},{"_path":"/introduction/writing-pages","_dir":"introduction","_draft":false,"_partial":false,"_locale":"","title":"Writing Pages","description":"Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax.","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"writing-pages"},"children":[{"type":"text","value":"Writing Pages"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Each Markdown pages in the "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"content/"}]},{"type":"text","value":" folder will be mapped to a route."}]},{"type":"element","tag":"table","props":{},"children":[{"type":"element","tag":"thead","props":{},"children":[{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"th","props":{},"children":[{"type":"text","value":"File"}]},{"type":"element","tag":"th","props":{"align":"left"},"children":[{"type":"text","value":"Generated route"}]}]}]},{"type":"element","tag":"tbody","props":{},"children":[{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"index.md"}]}]},{"type":"element","tag":"td","props":{"align":"left"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"/"}]}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"about.md"}]}]},{"type":"element","tag":"td","props":{"align":"left"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"/about"}]}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"blog/index.md"}]}]},{"type":"element","tag":"td","props":{"align":"left"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"/blog"}]}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"blog/hello.md"}]}]},{"type":"element","tag":"td","props":{"align":"left"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"/blog/hello"}]}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"1.guide/2.installation"}]}]},{"type":"element","tag":"td","props":{"align":"left"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"/guide/installation"}]}]}]}]}]},{"type":"element","tag":"h2","props":{"id":"frontmatter"},"children":[{"type":"text","value":"Frontmatter"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Docus supports multiple Front-matter attributes for pages."}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-light github-dark","code":"---\ntitle: \"Get Started\"\ndescription: \"Let's learn how to use my amazing module.\"\n---\n","filename":"index.md","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"---"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"title"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"\"Get Started\""}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"description"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"\"Let's learn how to use my amazing module.\""}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"---"}]}]}]}]},{"type":"element","tag":"table","props":{},"children":[{"type":"element","tag":"thead","props":{},"children":[{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"th","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Key"}]}]},{"type":"element","tag":"th","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Type"}]}]},{"type":"element","tag":"th","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Default"}]}]},{"type":"element","tag":"th","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Description"}]}]}]}]},{"type":"element","tag":"tbody","props":{},"children":[{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"layout"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"default"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Use any layout name like you would in "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"definePageMeta()"}]}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"title"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Defines the page title and H1 in docs pages"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"description"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Defines the page description and excerpt in docs pages"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"redirect"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A route path to redirect"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"image"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"OpenGraph cover image"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Docs layout options"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"aside"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Toggles the visibility of aside navigation"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"toc"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Toggles the visibility of table of contents"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"header"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Toggles the visibility of the page header"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"bottom"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Toggles the visibility of page bottom section"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Navigation options"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"navigation"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Toggles the visibility of the page or directory in navigation"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"navigation.title"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Changes the name of the page or directory in navigation"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"navigation.icon"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Changes the icon of the page or directory in navigation"}]}]}]}]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":"html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"frontmatter","depth":2,"text":"Frontmatter"}]}},"_type":"markdown","_id":"content:1.introduction:3.writing-pages.md","_source":"content","_file":"1.introduction/3.writing-pages.md","_extension":"md"},{"_path":"/introduction/configuration","_dir":"introduction","_draft":false,"_partial":false,"_locale":"","title":"Configuration","description":"Learn how to configure Docus.","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"configuration"},"children":[{"type":"text","value":"Configuration"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Learn how to configure Docus."}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"pre","props":{"className":"language-ts shiki shiki-themes github-light github-dark","code":"export default defineAppConfig({\n docus: {\n title: 'Docus',\n description: 'My Docus Project',\n url: 'http://docus.dev'\n }\n})\n","filename":"Minimal app.config.ts","language":"ts","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":" default"}]},{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" defineAppConfig"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"({"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" docus: {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" title: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'Docus'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" description: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'My Docus Project'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" url: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'http://docus.dev'"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" }"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"})"}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-ts shiki shiki-themes github-light github-dark","code":"export default defineAppConfig({\n docus: {\n title: 'Docus',\n description: 'My Docus Project',\n url: 'http://docus.dev',\n image: '/social-card-preview.png',\n socials: {\n twitter: '@nuxt_js',\n github: 'nuxt-themes/docus',\n },\n github: {\n root: 'content',\n edit: true,\n contributors: false\n },\n layout: 'default',\n aside: {\n level: 1,\n filter: [],\n },\n header: {\n title: false,\n logo: true,\n showLinkIcon: false\n },\n footer: {\n credits: {\n icon: 'IconDocus',\n text: 'Powered by Docus',\n href: 'https://docus.dev',\n },\n textLinks: [\n {\n text: 'Nuxt',\n href: 'https://nuxt.com',\n target: '_blank',\n rel: 'noopener'\n }\n ],\n iconLinks: [\n {\n label: 'NuxtJS',\n href: 'https://nuxtjs.org',\n component: 'IconNuxtLabs',\n },\n {\n label: 'Vue Telescope',\n href: 'https://vuetelescope.com',\n component: 'IconVueTelescope',\n },\n ],\n }\n }\n})\n","filename":"Complete app.config.ts","language":"ts","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":" default"}]},{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" defineAppConfig"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"({"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" docus: {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" title: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'Docus'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" description: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'My Docus Project'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" url: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'http://docus.dev'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" image: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'/social-card-preview.png'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" socials: {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" twitter: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'@nuxt_js'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" github: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'nuxt-themes/docus'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" },"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":11},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" github: {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":12},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" root: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'content'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":13},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" edit: "}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":"true"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":14},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" contributors: "}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":"false"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":15},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" },"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":16},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" layout: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'default'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":17},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" aside: {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":18},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" level: "}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":"1"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":19},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" filter: [],"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":20},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" },"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":21},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" header: {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":22},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" title: "}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":"false"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":23},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" logo: "}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":"true"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":24},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" showLinkIcon: "}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":"false"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":25},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" },"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":26},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" footer: {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":27},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" credits: {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":28},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" icon: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'IconDocus'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":29},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" text: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'Powered by Docus'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":30},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" href: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'https://docus.dev'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":31},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" },"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":32},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" textLinks: ["}]}]},{"type":"element","tag":"span","props":{"class":"line","line":33},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":34},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" text: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'Nuxt'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":35},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" href: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'https://nuxt.com'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":36},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" target: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'_blank'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":37},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" rel: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'noopener'"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":38},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" }"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":39},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" ],"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":40},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" iconLinks: ["}]}]},{"type":"element","tag":"span","props":{"class":"line","line":41},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":42},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" label: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'NuxtJS'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":43},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" href: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'https://nuxtjs.org'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":44},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" component: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'IconNuxtLabs'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":45},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" },"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":46},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":47},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" label: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'Vue Telescope'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":48},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" href: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'https://vuetelescope.com'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":49},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" component: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'IconVueTelescope'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":50},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" },"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":51},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" ],"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":52},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" }"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":53},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" }"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":54},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"})"}]}]}]}]}]},{"type":"element","tag":"table","props":{},"children":[{"type":"element","tag":"thead","props":{},"children":[{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"th","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Key"}]}]},{"type":"element","tag":"th","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Type"}]}]},{"type":"element","tag":"th","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Default"}]}]},{"type":"element","tag":"th","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Description"}]}]}]}]},{"type":"element","tag":"tbody","props":{},"children":[{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"title"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Docus"}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Website title"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"titleTemplate"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Docus"}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Website title template"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"description"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"My Docus Project"}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Website description"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"url"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Website URL"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"layout"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"default"}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Fallback layout to use (supports "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"default"}]},{"type":"text","value":" or "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"page"}]},{"type":"text","value":")"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Socials"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"socials"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"{}"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Social links"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"socials.github"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The repository to use on GitHub links"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"socials.twitter"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The account to use on Twitter links"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"socials.youtube"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The channel to use on Youtube links"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"socials.instagram"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The account to use on Instagram links"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"socials.facebook"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The account to use on Facebook links"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"socials.medium"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The account to use on Medium links"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"socials.[social]"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Override social or display custom one"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"socials.[social].label"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A label to use for the social"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"socials.[social].icon"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A icon to use for the social"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"socials.[social].href"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A link to use for the social"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"socials.[social].rel"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"noopener noreferrer"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A space-separated list of "},{"type":"element","tag":"a","props":{"href":"https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types","rel":["nofollow"]},"children":[{"type":"text","value":"link types"}]}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Header"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"header"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Header configuration"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"header.logo"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Whether or not to use "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"Logo.vue"}]},{"type":"text","value":" as the header logo"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"header.title"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"If set to a string, will be used in the header"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"header.showLinkIcon"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"If set to "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"true"}]},{"type":"text","value":" links icons will show in the header"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"header.exclude"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string[]"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"An array of path to exclude out from the header navigation"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"header.fluid"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"true"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Make header "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"Container"}]},{"type":"text","value":" fluid"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Main"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"main"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Main configuration"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"main.fluid"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"true"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Make main content "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"Container"}]},{"type":"text","value":" fluid"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"main.padded"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"true"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Make main content "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"Container"}]},{"type":"text","value":" padded"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Aside"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"aside"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Aside configuration"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"aside.level"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"0"}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Aside base level of nesting"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"aside.collapsed"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Will be used as default value for collapsible navigation categories"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"aside.exclude"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string[]"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"An array of path to exclude out from the aside navigation"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Footer"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"footer"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Footer configuration"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"footer.credits"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"An object defining the bottom left credits"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"footer.credits.icon"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The icon to use for the credits"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"footer.credits.text"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The text to use for the credits"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"footer.textLinks"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"array"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"[]"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"An array of texts to display at the center of footer"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"footer.textLinks[0].text"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The text to display"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"footer.textLinks[0].href"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A link to use for the text"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"footer.textLinks[0].target"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"_self"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Where to display the linked URL, as the name for a browsing context"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"footer.textLinks[0].rel"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"noopener noreferrer"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A space-separated list of "},{"type":"element","tag":"a","props":{"href":"https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types","rel":["nofollow"]},"children":[{"type":"text","value":"link types"}]}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"footer.iconLinks"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"array"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"[]"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"An array of icons to display in the footer"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"footer.iconLinks[0].label"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A label to use for the icon"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"footer.iconLinks[0].href"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A link to use for the icon"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"footer.iconLinks[0].icon"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The icon to use (can be a component name)"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"footer.iconLinks[0].rel"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"noopener noreferrer"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A space-separated list of "},{"type":"element","tag":"a","props":{"href":"https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types","rel":["nofollow"]},"children":[{"type":"text","value":"link types"}]}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"footer.fluid"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"true"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Make footer "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"Container"}]},{"type":"text","value":" fluid"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"GitHub"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"github"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"false"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"GitHub integration configuration"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"github.dir"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Directory containing the files to be edited"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"github.branch"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Branch to start editing"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"github.repo"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Name of the GitHub repo to edit files"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"github.owner"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Owner of the repo"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"github.edit"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Toggle \"Edit this page on Github\" component on documentation pages"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Search"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"fuse"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"useFuse "},{"type":"element","tag":"a","props":{"href":"https://vueuse.org/integrations/useFuse/","rel":["nofollow"]},"children":[{"type":"text","value":"options"}]}]}]}]}]},{"type":"element","tag":"h2","props":{"id":"customizing-the-logo"},"children":[{"type":"text","value":"Customizing the logo"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"To update the logo in the header, create a component in "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"components/Logo.vue"}]},{"type":"text","value":" with your own logo."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"In this example, the image is located at "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"/public/img"}]},{"type":"text","value":"."}]},{"type":"element","tag":"pre","props":{"className":"language-vue shiki shiki-themes github-light github-dark","code":"\n \n \n","filename":"components/Logo.vue","language":"vue","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"<"}]},{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"template"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":">"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" <"}]},{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"img"}]},{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" width"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"\"120\""}]},{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" src"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"\"/img/YOURLOGO.png\""}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"/>"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":""}]},{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"template"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":">"}]}]}]}]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":"html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"customizing-the-logo","depth":2,"text":"Customizing the logo"}]}},"_type":"markdown","_id":"content:1.introduction:4.configuration.md","_source":"content","_file":"1.introduction/4.configuration.md","_extension":"md"},{"_path":"/api/_dir","_dir":"api","_draft":false,"_partial":true,"_locale":"","title":"API","icon":"heroicons-outline:bookmark-alt","_id":"content:2.api:_dir.yml","_type":"yaml","_source":"content","_file":"2.api/_dir.yml","_extension":"yml"},{"_path":"/api/components","_dir":"api","_draft":false,"_partial":false,"_locale":"","title":"Components","description":"Discover every component you can use in your content.","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"components"},"children":[{"type":"text","value":"Components"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Discover every component you can use in your content."}]},{"type":"element","tag":"h2","props":{"id":"alert"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":true},"children":[{"type":"element","tag":"alert","props":{"type":"info","style":"margin-top: 0;"},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Check out an "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"info"}]},{"type":"text","value":" alert with "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"code"}]},{"type":"text","value":" and a "},{"type":"element","tag":"a","props":{"href":"/"},"children":[{"type":"text","value":"link"}]},{"type":"text","value":"."}]}]},{"type":"element","tag":"alert","props":{"type":"success"},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Check out a "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"success"}]},{"type":"text","value":" alert with "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"code"}]},{"type":"text","value":" and a "},{"type":"element","tag":"a","props":{"href":"/"},"children":[{"type":"text","value":"link"}]},{"type":"text","value":"."}]}]},{"type":"element","tag":"alert","props":{"type":"warning"},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Check out a "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"warning"}]},{"type":"text","value":" alert with "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"code"}]},{"type":"text","value":" and a "},{"type":"element","tag":"a","props":{"href":"/"},"children":[{"type":"text","value":"link"}]},{"type":"text","value":"."}]}]},{"type":"element","tag":"alert","props":{"type":"danger","style":"margin-bottom: 0;"},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Check out a "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"danger"}]},{"type":"text","value":" alert with "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"code"}]},{"type":"text","value":" and a "},{"type":"element","tag":"a","props":{"href":"/"},"children":[{"type":"text","value":"link"}]},{"type":"text","value":"."}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-light github-dark","code":"::alert{type=\"info\"}\nCheck out an **info** alert with `code` and a [link](/).\n::\n\n::alert{type=\"success\"}\nCheck out a **success** alert with `code` and a [link](/).\n::\n\n::alert{type=\"warning\"}\nCheck out a **warning** alert with `code` and a [link](/).\n::\n\n::alert{type=\"danger\"}\nCheck out a **danger** alert with `code` and a [link](/).\n::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::alert{type=\"info\"}"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"Check out an "}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8;font-weight:bold;--shiki-dark-font-weight:bold"},"children":[{"type":"text","value":"**info**"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" alert with "}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":"`code`"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" and a ["}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#DBEDFF;text-decoration:underline;--shiki-dark-text-decoration:underline"},"children":[{"type":"text","value":"link"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"]("}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8;text-decoration:underline;--shiki-dark-text-decoration:underline"},"children":[{"type":"text","value":"/"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":")."}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::alert{type=\"success\"}"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"Check out a "}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8;font-weight:bold;--shiki-dark-font-weight:bold"},"children":[{"type":"text","value":"**success**"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" alert with "}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":"`code`"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" and a ["}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#DBEDFF;text-decoration:underline;--shiki-dark-text-decoration:underline"},"children":[{"type":"text","value":"link"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"]("}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8;text-decoration:underline;--shiki-dark-text-decoration:underline"},"children":[{"type":"text","value":"/"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":")."}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::alert{type=\"warning\"}"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"Check out a "}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8;font-weight:bold;--shiki-dark-font-weight:bold"},"children":[{"type":"text","value":"**warning**"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" alert with "}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":"`code`"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" and a ["}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#DBEDFF;text-decoration:underline;--shiki-dark-text-decoration:underline"},"children":[{"type":"text","value":"link"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"]("}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8;text-decoration:underline;--shiki-dark-text-decoration:underline"},"children":[{"type":"text","value":"/"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":")."}]}]},{"type":"element","tag":"span","props":{"class":"line","line":11},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":12},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":13},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::alert{type=\"danger\"}"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":14},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"Check out a "}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8;font-weight:bold;--shiki-dark-font-weight:bold"},"children":[{"type":"text","value":"**danger**"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" alert with "}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":"`code`"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" and a ["}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#DBEDFF;text-decoration:underline;--shiki-dark-text-decoration:underline"},"children":[{"type":"text","value":"link"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"]("}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8;text-decoration:underline;--shiki-dark-text-decoration:underline"},"children":[{"type":"text","value":"/"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":")."}]}]},{"type":"element","tag":"span","props":{"class":"line","line":15},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/Alert.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"badge"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":" "}]},{"type":"text","value":" support same types as "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":" "}]},{"type":"text","value":"."}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":true},"children":[{"type":"element","tag":"div","props":{"style":"display:flex; gap: 1rem;"},"children":[{"type":"element","tag":"badge","props":{},"children":[{"type":"text","value":"v1.2"}]},{"type":"element","tag":"badge","props":{"type":"warning"},"children":[{"type":"text","value":"Deprecated"}]},{"type":"element","tag":"badge","props":{"type":"danger"},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Not found!"}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-light github-dark","code":":badge[v1.2]\n\n:badge[Deprecated]{type=\"warning\"}\n\n::badge{type=\"danger\"}\nNot found!\n::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":":badge["}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#DBEDFF;text-decoration:underline;--shiki-dark-text-decoration:underline"},"children":[{"type":"text","value":"v1.2"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"]"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":":badge["}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#DBEDFF;text-decoration:underline;--shiki-dark-text-decoration:underline"},"children":[{"type":"text","value":"Deprecated"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"]{type=\"warning\"}"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::badge{type=\"danger\"}"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"Not found!"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/Badge.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"blockhero"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview"},"children":[{"type":"element","tag":"block-hero","props":{":cta":"[\"Get started\",\"/introduction/getting-started\"]",":secondary":"[\"Open on GitHub →\",\"https://github.com/nuxtlabs/docus\"]","snippet":"npx nuxi@latest init docus-app -t nuxtlabs/docus-starter"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Document-driven framework"}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites."}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-light github-dark","code":"::block-hero\n---\ncta:\n - Get started\n - /get-started\nsecondary:\n - Open on GitHub →\n - https://github.com/nuxtlabs/docus\nsnippet: npx nuxi@latest init docus-app -t nuxtlabs/docus-starter\n---\n#title\nDocument-driven framework\n\n#description\nDocus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites.\n::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::block-hero"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF;font-weight:bold;--shiki-dark-font-weight:bold"},"children":[{"type":"text","value":"---"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"cta:"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":" -"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Get started"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":" -"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" /get-started"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"secondary:"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":" -"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Open on GitHub →"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":" -"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" https://github.com/nuxtlabs/docus"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"snippet: npx nuxi@latest init docus-app -t nuxtlabs/docus-starter"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF;font-weight:bold;--shiki-dark-font-weight:bold"},"children":[{"type":"text","value":"---"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":11},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"#title"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":12},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"Document-driven framework"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":13},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":14},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"#description"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":15},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites."}]}]},{"type":"element","tag":"span","props":{"class":"line","line":16},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/BlockHero.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"buttonlink"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":true},"children":[{"type":"element","tag":"button-link","props":{":blank":"true","href":"https://stackblitz.com/github/nuxtlabs/docus-starter","icon":"IconStackBlitz"},"children":[{"type":"text","value":"Play on StackBlitz"}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-light github-dark","code":":button-link[Play on StackBlitz]{icon=\"IconStackBlitz\" href=\"https://stackblitz.com/github/nuxtlabs/docus-starter\" blank}\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":":button-link[Play on StackBlitz]{icon=\"IconStackBlitz\" href=\"https://stackblitz.com/github/nuxtlabs/docus-starter\" blank}"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/ButtonLink.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"callout"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":" "}]},{"type":"text","value":" support same types as "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":" "}]},{"type":"text","value":"."}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview"},"children":[{"type":"element","tag":"callout","props":{},"children":[{"type":"element","tag":"template","props":{"v-slot:summary":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This is a callout! Click me to open."}]}]},{"type":"element","tag":"template","props":{"v-slot:content":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This is the content of the callout."}]}]}]},{"type":"element","tag":"callout","props":{"type":"warning"},"children":[{"type":"element","tag":"template","props":{"v-slot:summary":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This is a callout! Click me to open."}]}]},{"type":"element","tag":"template","props":{"v-slot:content":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This is the content of the callout."}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-light github-dark","code":"::callout\n#summary\nThis is a callout! Click me to open.\n\n#content\nThis is the content of the callout.\n::\n \n::callout{type=\"warning\"}\n#summary\nThis is a callout! Click me to open.\n\n#content\nThis is the content of the callout.\n::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::callout"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"#summary"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"This is a callout! Click me to open."}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"#content"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"This is the content of the callout."}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::callout{type=\"warning\"}"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"#summary"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":11},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"This is a callout! Click me to open."}]}]},{"type":"element","tag":"span","props":{"class":"line","line":12},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":13},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"#content"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":14},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"This is the content of the callout."}]}]},{"type":"element","tag":"span","props":{"class":"line","line":15},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/Callout.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"card"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview"},"children":[{"type":"element","tag":"card","props":{"icon":"logos:nuxt-icon"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Nuxt Architecture."}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Based on "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Nuxt 3"}]},{"type":"text","value":" and "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Nuxt Content"}]},{"type":"text","value":". "},{"type":"element","tag":"br","props":{},"children":[]},{"type":"text","value":"\nUse Nuxt to build a static site, or a serverless app."}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-light github-dark","code":" ::card{icon=\"logos:nuxt-icon\"}\n #title\n Nuxt Architecture.\n #description\n Based on **Nuxt 3** and **Nuxt Content**. :br\n Use Nuxt to build a static site, or a serverless app.\n ::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" ::card{icon=\"logos:nuxt-icon\"}"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" #title"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Nuxt Architecture."}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" #description"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Based on "}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8;font-weight:bold;--shiki-dark-font-weight:bold"},"children":[{"type":"text","value":"**Nuxt 3**"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" and "}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8;font-weight:bold;--shiki-dark-font-weight:bold"},"children":[{"type":"text","value":"**Nuxt Content**"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":". :br"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Use Nuxt to build a static site, or a serverless app."}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" ::"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/Card.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"cardgrid"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview"},"children":[{"type":"element","tag":"card-grid","props":{},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"What's included?"}]}]},{"type":"element","tag":"template","props":{"v-slot:root":""},"children":[{"type":"element","tag":"ellipsis","props":{},"children":[]}]},{"type":"element","tag":"card","props":{},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Nuxt Architecture."}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Harness the full power of Nuxt and the Nuxt ecosystem."}]}]}]},{"type":"element","tag":"card","props":{},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Vue Components."}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Use built-in components (or your own!) inside your content."}]}]}]},{"type":"element","tag":"card","props":{},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Write Markdown."}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Enjoy the ease and simplicity of Markdown and discover MDC syntax."}]}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-light github-dark","code":"::card-grid\n#title\nWhat's included\n\n#root\n:ellipsis\n\n#default\n ::card\n #title\n Nuxt Architecture.\n #description\n Harness the full power of Nuxt and the Nuxt ecosystem.\n ::\n ::card\n #title\n Vue Components.\n #description\n Use built-in components (or your own!) inside your content.\n ::\n ::card\n #title\n Write Markdown.\n #description\n Enjoy the ease and simplicity of Markdown and discover MDC syntax.\n ::\n::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::card-grid"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"#title"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"What's included"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"#root"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":":ellipsis"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"#default"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" ::card"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" #title"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":11},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Nuxt Architecture."}]}]},{"type":"element","tag":"span","props":{"class":"line","line":12},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" #description"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":13},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Harness the full power of Nuxt and the Nuxt ecosystem."}]}]},{"type":"element","tag":"span","props":{"class":"line","line":14},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" ::"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":15},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" ::card"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":16},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" #title"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":17},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Vue Components."}]}]},{"type":"element","tag":"span","props":{"class":"line","line":18},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" #description"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":19},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Use built-in components (or your own!) inside your content."}]}]},{"type":"element","tag":"span","props":{"class":"line","line":20},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" ::"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":21},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" ::card"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":22},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" #title"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":23},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Write Markdown."}]}]},{"type":"element","tag":"span","props":{"class":"line","line":24},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" #description"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":25},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Enjoy the ease and simplicity of Markdown and discover MDC syntax."}]}]},{"type":"element","tag":"span","props":{"class":"line","line":26},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" ::"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":27},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/CardGrid.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"codegroup"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This component uses "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"slots"}]},{"type":"text","value":" to create a tab panel of your code examples or preview."}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":true},"children":[{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-light github-dark","code":"yarn add docus\n","filename":"Yarn","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"yarn"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" add"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" docus"}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-light github-dark","code":"npm install docus\n","filename":"NPM","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"npm"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" install"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" docus"}]}]}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-light github-dark","code":"::code-group\n ```bash [Yarn]\n yarn add docus\n ```\n ```bash [NPM]\n npm install docus\n ```\n::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::code-group"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" ```bash [Yarn]"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" yarn"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" add"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" docus"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" ```"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" ```bash [NPM]"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" npm"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" install"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" docus"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" ```"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/CodeGroup.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"codeblock"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"To be used inside a "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":" "}]},{"type":"text","value":" component to display a preview of some rendered code."}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":true},"children":[{"type":"element","tag":"badge","props":{},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Hello World!"}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-light github-dark","code":"/* Added as a child of ` ` */\n\n::code-block{label=\"Preview\" preview}\n ::badge\n Hello World!\n ::\n::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"/* Added as a child of "}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":"` `"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" */"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::code-block{label=\"Preview\" preview}"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" ::badge"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Hello World!"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" ::"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/CodeBlock.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"copybutton"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":true},"children":[{"type":"element","tag":"copy-button","props":{"content":"hey!"},"children":[]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-light github-dark","code":":copy-button{content=\"hey!\"}\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":":copy-button{content=\"hey!\"}"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/CopyButton.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"icon"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Icon component gives you access to all "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"100,000+"}]},{"type":"text","value":" icons from "},{"type":"element","tag":"a","props":{"href":"https://icones.js.org","rel":["nofollow"]},"children":[{"type":"text","value":"icones.js.org"}]},{"type":"text","value":"."}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":true},"children":[{"type":"element","tag":"icon","props":{"name":"logos:nuxt-icon"},"children":[]},{"type":"element","tag":"icon","props":{"name":"logos:vue"},"children":[]},{"type":"element","tag":"icon","props":{"name":"logos:nuxt-icon"},"children":[]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-light github-dark","code":":icon{name=\"logos:nuxt-icon\"}\n:icon{name=\"logos:vue\"}\n:icon{name=\"logos:nuxt-icon\"}\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":":icon{name=\"logos:nuxt-icon\"}"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":":icon{name=\"logos:vue\"}"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":":icon{name=\"logos:nuxt-icon\"}"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/Icon.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"list"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"
"}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":true},"children":[{"type":"element","tag":"list","props":{"type":"primary"},"children":[{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Important"}]}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Always"}]}]}]},{"type":"element","tag":"list","props":{"type":"success"},"children":[{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Amazing"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Congrats"}]}]}]},{"type":"element","tag":"list","props":{"type":"info"},"children":[{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Do you know?"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"You can also do this"}]}]}]},{"type":"element","tag":"list","props":{"type":"warning"},"children":[{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Be careful"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Use with precautions"}]}]}]},{"type":"element","tag":"list","props":{"type":"danger"},"children":[{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Drinking too much"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Driving drunk"}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-light github-dark","code":"::list{type=\"primary\"}\n- **Important**\n- Always\n::\n\n::list{type=\"success\"}\n- Amazing\n- Congrats\n::\n\n::list{type=\"info\"}\n- Do you know?\n- You can also do this\n::\n\n::list{type=\"warning\"}\n- Be careful\n- Use with precautions\n::\n\n::list{type=\"danger\"}\n- Drinking too much\n- Driving drunk\n::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::list{type=\"primary\"}"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8;font-weight:bold;--shiki-dark-font-weight:bold"},"children":[{"type":"text","value":" **Important**"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Always"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::list{type=\"success\"}"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Amazing"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Congrats"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":11},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::list{type=\"info\"}"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":12},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Do you know?"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":13},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" You can also do this"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":14},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":15},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":16},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::list{type=\"warning\"}"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":17},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Be careful"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":18},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Use with precautions"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":19},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":20},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":21},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::list{type=\"danger\"}"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":22},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Drinking too much"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":23},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Driving drunk"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":24},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/List.vue"},"children":[]},{"type":"element","tag":"h2","props":{"id":"sandbox"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Embed CodeSandbox/StackBlitz easily in your documentation with great performances."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Using the "},{"type":"element","tag":"a","props":{"href":"https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API","rel":["nofollow"]},"children":[{"type":"text","value":"IntersectionObserver"}]},{"type":"text","value":" to load when visible in the viewport."}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":true},"children":[{"type":"element","tag":"sandbox","props":{"src":"https://codesandbox.io/embed/nuxt-content-l164h?hidenavigation=1&theme=dark"},"children":[]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-light github-dark","code":":sandbox{src=\"https://codesandbox.io/embed/nuxt-content-l164h?hidenavigation=1&theme=dark\"}\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":":sandbox{src=\"https://codesandbox.io/embed/nuxt-content-l164h?hidenavigation=1&theme=dark\"}"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/Sandbox.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"terminal"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":true},"children":[{"type":"element","tag":"terminal","props":{"content":"nuxi build"},"children":[]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-light github-dark","code":":terminal{content=\"nuxi build\"}\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":":terminal{content=\"nuxi build\"}"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/Terminal.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"videoplayer"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":true},"children":[{"type":"element","tag":"div","props":{},"children":[{"type":"element","tag":"video-player","props":{"src":"https://www.youtube.com/watch?v=o9e12WbKrd8"},"children":[]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-light github-dark","code":"::div\n :video-player{src=\"https://www.youtube.com/watch?v=o9e12WbKrd8\"}\n::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::div"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" :video-player{src=\"https://www.youtube.com/watch?v=o9e12WbKrd8\"}"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/VideoPlayer.vue"},"children":[]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":"html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"alert","depth":2,"text":" "},{"id":"badge","depth":2,"text":" "},{"id":"blockhero","depth":2,"text":" "},{"id":"buttonlink","depth":2,"text":" "},{"id":"callout","depth":2,"text":" "},{"id":"card","depth":2,"text":" "},{"id":"cardgrid","depth":2,"text":" "},{"id":"codegroup","depth":2,"text":" "},{"id":"codeblock","depth":2,"text":" "},{"id":"copybutton","depth":2,"text":" "},{"id":"icon","depth":2,"text":" "},{"id":"list","depth":2,"text":"
"},{"id":"sandbox","depth":2,"text":" "},{"id":"terminal","depth":2,"text":" "},{"id":"videoplayer","depth":2,"text":" "}]}},"_type":"markdown","_id":"content:2.api:1.components.md","_source":"content","_file":"2.api/1.components.md","_extension":"md"},{"_path":"/api/composables","_dir":"api","_draft":false,"_partial":false,"_locale":"","title":"Composables","description":"Discover the Docus composables to use in your custom Vue components and pages.","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"composables"},"children":[{"type":"text","value":"Composables"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Discover the Docus composables to use in your custom Vue components and pages."}]},{"type":"element","tag":"h2","props":{"id":"usedocus"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"useDocus()"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"code","props":{"className":"language-ts shiki shiki-themes github-light github-dark","language":"ts","style":""},"children":[{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"useDocus"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"()"}]}]},{"type":"text","value":" gives access to docus runtime config, all default values and your custom config from "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"app.config.ts"}]}]},{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"config"}]},{"type":"text","value":" refers to the merged config of the current page."}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"main"}]},{"type":"text","value":", "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"header"}]},{"type":"text","value":", "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"aside"}]},{"type":"text","value":", "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"footer"}]},{"type":"text","value":" and "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"titleTemplate"}]},{"type":"text","value":" can be set from "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"_dir.yml"}]},{"type":"text","value":" and any "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"page.md"}]},{"type":"text","value":" file."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The configs in "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"app.config"}]},{"type":"text","value":" file will be used as defaults."}]},{"type":"element","tag":"pre","props":{"className":"language-vue shiki shiki-themes github-light github-dark","code":"\n\n\n \n
{{ config.title }} \n
{{ config.description }}
\n
\n \n","language":"vue","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"<"}]},{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"script"}]},{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" setup"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":">"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"const"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" { "}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":"config"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" } "}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" useDocus"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"()"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":""}]},{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"script"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":">"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"<"}]},{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"template"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":">"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" <"}]},{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"div"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":">"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" <"}]},{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"h1"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":">{{ config.title }}"}]},{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"h1"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":">"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" <"}]},{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"p"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":">{{ config.description }}"}]},{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"p"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":">"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"div"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":">"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":""}]},{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"template"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":">"}]}]}]}]},{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"tree"}]},{"type":"text","value":" refers to the current navigation tree that is displayed in the "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"aside"}]},{"type":"text","value":" component."}]}]},{"type":"element","tag":"pre","props":{"className":"language-vue shiki shiki-themes github-light github-dark","code":"\n\n\n \n \n","language":"vue","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"<"}]},{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"script"}]},{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" setup"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":">"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"const"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" { "}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":"tree"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" } "}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" useDocus"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"()"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":""}]},{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"script"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":">"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"<"}]},{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"template"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":">"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" <"}]},{"type":"element","tag":"span","props":{"style":"color:#B31D28;--shiki-dark:#FDAEB7;font-style:italic;--shiki-dark-font-style:italic"},"children":[{"type":"text","value":"DocsAsideTree"}]},{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" :links"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"\"tree\""}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" />"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":""}]},{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"template"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":">"}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"composables/useDocus.ts"},"children":[]},{"type":"element","tag":"h2","props":{"id":"usemenu"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"useMenu()"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"useMenu()"}]},{"type":"text","value":" gives access to "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"$menu"}]},{"type":"text","value":" plugin controlling mobile navigation globally."}]},{"type":"element","tag":"pre","props":{"className":"language-ts shiki shiki-themes github-light github-dark","code":"const {\n // Is menu visible\n visible,\n // Close menu function\n close,\n // Open menu function\n open,\n // Toggle menu function\n toggle\n} = useMenu()\n","language":"ts","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"const"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#6A737D;--shiki-dark:#6A737D"},"children":[{"type":"text","value":" // Is menu visible"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":" visible"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#6A737D;--shiki-dark:#6A737D"},"children":[{"type":"text","value":" // Close menu function"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":" close"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#6A737D;--shiki-dark:#6A737D"},"children":[{"type":"text","value":" // Open menu function"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":" open"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"color:#6A737D;--shiki-dark:#6A737D"},"children":[{"type":"text","value":" // Toggle menu function"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":" toggle"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"} "}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" useMenu"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"()"}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"composables/useMenu.ts"},"children":[]},{"type":"element","tag":"h2","props":{"id":"usescrollspy"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"useScrollspy()"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"useScrollspy()"}]},{"type":"text","value":" is used in "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"docs"}]},{"type":"text","value":" layout to make the ToC display the currently visible headings."}]},{"type":"element","tag":"pre","props":{"className":"language-ts shiki shiki-themes github-light github-dark","code":"const {\n // Headings on the page\n visibleHeadings,\n // Active headings (for the current page)\n activeHeadings,\n // Update headings (an array of DOM nodes)\n updateHeadings\n} = useScrollspy()\n","language":"ts","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"const"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#6A737D;--shiki-dark:#6A737D"},"children":[{"type":"text","value":" // Headings on the page"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":" visibleHeadings"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#6A737D;--shiki-dark:#6A737D"},"children":[{"type":"text","value":" // Active headings (for the current page)"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":" activeHeadings"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#6A737D;--shiki-dark:#6A737D"},"children":[{"type":"text","value":" // Update headings (an array of DOM nodes)"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":" updateHeadings"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"} "}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" useScrollspy"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"()"}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"composables/useScrollspy.ts"},"children":[]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":"html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"usedocus","depth":2,"text":"useDocus()"},{"id":"usemenu","depth":2,"text":"useMenu()"},{"id":"usescrollspy","depth":2,"text":"useScrollspy()"}]}},"_type":"markdown","_id":"content:2.api:2.composables.md","_source":"content","_file":"2.api/2.composables.md","_extension":"md"},{"_path":"/api/layouts","_dir":"api","_draft":false,"_partial":false,"_locale":"","title":"Layouts","description":"Docus provides multiple built-in layouts for displaying your Markdown pages.","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"layouts"},"children":[{"type":"text","value":"Layouts"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Docus provides multiple built-in layouts for displaying your Markdown pages."}]},{"type":"element","tag":"h2","props":{"id":"default"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"default"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The default layout for every page created in the project. This layout renders multiple section alongside the content:"}]},{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Aside navigation menu (togglable with "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"aside: false/true"}]},{"type":"text","value":")"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Page bottom section (togglable with "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"bottom: false/true"}]},{"type":"text","value":")"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Table of content (togglable with "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"toc: false/true"}]},{"type":"text","value":")"}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-light github-dark","code":"---\naside: true\nbottom: true\ntoc: false\n---\n\nYour awesome content\n","filename":"index.md","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"---"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"aside"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":"true"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"bottom"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":"true"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"toc"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":"false"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"---"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"Your awesome content"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Current page is live sample of default layout."}]},{"type":"element","tag":"h2","props":{"id":"page"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"page"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"page"}]},{"type":"text","value":" layout is content focused layout. This layout does not render aside menu of table of contents."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This layout accept some configuration from content front-matter."}]},{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"fluid"}]},{"type":"text","value":": By setting "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"fluid: true"}]},{"type":"text","value":" in content front-matter the content will be rendered in full width."}]},{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"constrainedClass"}]},{"type":"text","value":": Using this option you can modify layout container look. Like constraining layout width of changing the background."}]},{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"padded"}]},{"type":"text","value":": Setting "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"padded: true"}]},{"type":"text","value":" in front-matter will add horizontal padding in the layout."}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-light github-dark","code":"---\ntitle: Home\nlayout: page\nfluid: true\n---\n","filename":"index.md","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"---"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"title"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"Home"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"layout"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"page"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"fluid"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":"true"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"---"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Check "},{"type":"element","tag":"a","props":{"href":"/"},"children":[{"type":"text","value":"Home page"}]},{"type":"text","value":" as live sample of page layout"}]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":"html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"default","depth":2,"text":"default"},{"id":"page","depth":2,"text":"page"}]}},"_type":"markdown","_id":"content:2.api:3.layouts.md","_source":"content","_file":"2.api/3.layouts.md","_extension":"md"}],"navigation":[{"title":"Introduction","_path":"/introduction","children":[{"title":"Getting Started","_path":"/introduction/getting-started"},{"title":"Project Structure","_path":"/introduction/project-structure"},{"title":"Writing Pages","_path":"/introduction/writing-pages"},{"title":"Configuration","_path":"/introduction/configuration"}],"icon":"ph:star-duotone","redirect":"/introduction/getting-started"},{"title":"API","_path":"/api","children":[{"title":"Components","_path":"/api/components"},{"title":"Composables","_path":"/api/composables"},{"title":"Layouts","_path":"/api/layouts"}],"icon":"heroicons-outline:bookmark-alt"}]}
\ No newline at end of file
diff --git a/api/_content/cache.1715702777319.json b/api/_content/cache.1715702777319.json
new file mode 100644
index 000000000..bfe8184d6
--- /dev/null
+++ b/api/_content/cache.1715702777319.json
@@ -0,0 +1 @@
+{"generatedAt":1715702806701,"generateTime":2263,"contents":[{"_path":"/","_dir":"","_draft":false,"_partial":false,"_locale":"","title":"Home","description":"","navigation":false,"layout":"page","main":{"fluid":false},"body":{"type":"root","children":[{"type":"element","tag":"ellipsis","props":{"blur":"150px","width":"75%","right":"0px"},"children":[]},{"type":"element","tag":"block-hero","props":{":cta":"[\"Get started\",\"/introduction/getting-started\"]",":secondary":"[\"Open on GitHub →\",\"https://github.com/nuxt-themes/docus\"]"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The best place to start your documentation."}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Write pages in "},{"type":"element","tag":"a","props":{"href":"https://content.nuxtjs.org","rel":["nofollow"]},"children":[{"type":"text","value":"Markdown"}]},{"type":"text","value":", use "},{"type":"element","tag":"a","props":{"href":"https://vuejs.org","rel":["nofollow"]},"children":[{"type":"text","value":"Vue"}]},{"type":"text","value":" components and enjoy the power of "},{"type":"element","tag":"a","props":{"href":"https://nuxt.com","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt"}]},{"type":"text","value":"."}]}]},{"type":"element","tag":"template","props":{"v-slot:extra":""},"children":[{"type":"element","tag":"list","props":{},"children":[{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"+50 Components"}]},{"type":"text","value":" ready to build rich pages"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Docs"}]},{"type":"text","value":" and "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Page"}]},{"type":"text","value":" layouts"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Start from a "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"README"}]},{"type":"text","value":", scale to a framework documentation"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Navigation and Table of Contents generation"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Fully configurable design system"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Leverages "},{"type":"element","tag":"a","props":{"href":"https://typography.nuxt.space/","rel":["nofollow"]},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Typography"}]}]},{"type":"text","value":" and "},{"type":"element","tag":"a","props":{"href":"https://elements.nuxt.dev","rel":["nofollow"]},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Elements"}]}]}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Used on "},{"type":"element","tag":"a","props":{"href":"https://content.nuxtjs.org","rel":["nofollow"]},"children":[{"type":"text","value":"Content Documentation"}]}]}]}]}]},{"type":"element","tag":"template","props":{"v-slot:support":""},"children":[{"type":"element","tag":"terminal","props":{":content":"[\"npx nuxi@latest init -t themes/docus\",\"cd docs\",\"npm install\",\"npm run dev\"]"},"children":[]}]}]},{"type":"element","tag":"card-grid","props":{},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"What's included"}]}]},{"type":"element","tag":"template","props":{"v-slot:root":""},"children":[{"type":"element","tag":"ellipsis","props":{"blur":"140px","width":"40rem","left":"0px","top":"10rem"},"children":[]}]},{"type":"element","tag":"card","props":{"icon":"logos:nuxt-icon"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Nuxt Architecture"}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Harness the full power of "},{"type":"element","tag":"a","props":{"href":"https://v3.nuxtjs.org","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt 3"}]},{"type":"text","value":" and its "},{"type":"element","tag":"a","props":{"href":"https://modules.nuxtjs.org","rel":["nofollow"]},"children":[{"type":"text","value":"modules"}]},{"type":"text","value":" ecosystem."}]}]}]},{"type":"element","tag":"card","props":{"icon":"IconNuxtStudio"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Nuxt Studio ready"}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Edit your theme content and appearance with live-preview within "},{"type":"element","tag":"a","props":{"href":"https://nuxt.studio","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt Studio"}]},{"type":"text","value":"."}]}]}]},{"type":"element","tag":"card","props":{"icon":"logos:vue"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Vue Components"}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Use built-in components (or your own!) inside your content."}]}]}]},{"type":"element","tag":"card","props":{"icon":"simple-icons:markdown"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Write Markdown"}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Enjoy the ease and simplicity of Markdown and discover "},{"type":"element","tag":"a","props":{"href":"https://content.nuxtjs.org/guide/writing/mdc","rel":["nofollow"]},"children":[{"type":"text","value":"MDC syntax"}]},{"type":"text","value":"."}]}]}]},{"type":"element","tag":"card","props":{"icon":"noto:rocket"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Deploy anywhere"}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Zero config on "},{"type":"element","tag":"a","props":{"href":"https://vercel.com","rel":["nofollow"]},"children":[{"type":"text","value":"Vercel"}]},{"type":"text","value":" or "},{"type":"element","tag":"a","props":{"href":"https://netlify.com","rel":["nofollow"]},"children":[{"type":"text","value":"Netlify"}]},{"type":"text","value":". Choose between static generation, on-demand rendering (Node) or edge-side rendering on "},{"type":"element","tag":"a","props":{"href":"https://workers.cloudflare.com","rel":["nofollow"]},"children":[{"type":"text","value":"CloudFlare workers"}]},{"type":"text","value":"."}]}]}]},{"type":"element","tag":"card","props":{"icon":"noto:puzzle-piece"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Extensible."}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Customize the whole design, or add components using slots - you can make Docus your own."}]}]}]}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[]}},"_type":"markdown","_id":"content:0.index.md","_source":"content","_file":"0.index.md","_extension":"md"},{"_path":"/introduction/_dir","_dir":"introduction","_draft":false,"_partial":true,"_locale":"","icon":"ph:star-duotone","navigation":{"redirect":"/introduction/getting-started"},"_id":"content:1.introduction:_dir.yml","_type":"yaml","title":"Dir","_source":"content","_file":"1.introduction/_dir.yml","_extension":"yml"},{"_path":"/introduction/getting-started","_dir":"introduction","_draft":false,"_partial":false,"_locale":"","title":"Getting Started","description":"From your Markdown files to a deployed website in few minutes.","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"getting-started"},"children":[{"type":"text","value":"Getting Started"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"From your Markdown files to a deployed website in few minutes."}]},{"type":"element","tag":"h2","props":{"id":"play-online"},"children":[{"type":"text","value":"Play online"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"You can start playing with Docus in your browser using Stackblitz:"}]},{"type":"element","tag":"button-link","props":{":blank":"true","href":"https://stackblitz.com/github/nuxt-themes/docus-starter","icon":"IconStackBlitz","size":"small"},"children":[{"type":"text","value":"Play on StackBlitz"}]},{"type":"element","tag":"h2","props":{"id":"create-a-new-project"},"children":[{"type":"text","value":"Create a new project"}]},{"type":"element","tag":"ol","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Start a fresh Docus project with:"}]}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-dark github-light","code":"npx nuxi@latest init docs -t themes/docus\n","filename":"npx","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"npx"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" nuxi@latest"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" init"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" docs"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":" -t"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" themes/docus\n"}]}]}]}]},{"type":"element","tag":"ol","props":{"start":2},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Install the dependencies in the "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"docs"}]},{"type":"text","value":" folder:"}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-dark github-light","code":"npm install\n","filename":"npm","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"npm"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" install\n"}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-dark github-light","code":"yarn install\n","filename":"yarn","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"yarn"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" install\n"}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-dark github-light","code":"pnpm install --shamefully-hoist\n","filename":"pnpm","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"pnpm"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" install"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":" --shamefully-hoist\n"}]}]}]}]}]},{"type":"element","tag":"ol","props":{"start":3},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Run the "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"dev"}]},{"type":"text","value":" command to start Docus in development mode:"}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-dark github-light","code":"npm run dev\n","filename":"npm","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"npm"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" run"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" dev\n"}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-dark github-light","code":"yarn dev\n","filename":"yarn","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"yarn"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" dev\n"}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-dark github-light","code":"pnpm run dev\n","filename":"pnpm","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"pnpm"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" run"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" dev\n"}]}]}]}]}]},{"type":"element","tag":"alert","props":{"type":"success"},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"✨ Well done! A browser window should automatically open for "},{"type":"element","tag":"a","props":{"href":"http://localhost:3000","rel":["nofollow"]},"children":[{"type":"text","value":"http://localhost:3000"}]}]}]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":"html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"play-online","depth":2,"text":"Play online"},{"id":"create-a-new-project","depth":2,"text":"Create a new project"}]}},"_type":"markdown","_id":"content:1.introduction:1.getting-started.md","_source":"content","_file":"1.introduction/1.getting-started.md","_extension":"md"},{"_path":"/introduction/project-structure","_dir":"introduction","_draft":false,"_partial":false,"_locale":"","title":"Project Structure","description":"Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home.","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"project-structure"},"children":[{"type":"text","value":"Project Structure"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home."}]},{"type":"element","tag":"h2","props":{"id":"directory-structure"},"children":[{"type":"text","value":"Directory Structure"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This is the minimal directory structure to get an up and running Docus website."}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-dark github-light","code":"content/\n index.md\napp.config.ts\nnuxt.config.ts\n","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"content/\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" index.md\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"app.config.ts\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"nuxt.config.ts\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"content/"}]},{"type":"text","value":" directory is where you "},{"type":"element","tag":"a","props":{"href":"/introduction/writing-pages"},"children":[{"type":"text","value":"write Markdown pages"}]},{"type":"text","value":"."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"app.config.ts"}]},{"type":"text","value":" is where you "},{"type":"element","tag":"a","props":{"href":"/introduction/configuration"},"children":[{"type":"text","value":"configure Docus"}]},{"type":"text","value":" to fit your branding and design."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"nuxt.config.ts"}]},{"type":"text","value":" is your "},{"type":"element","tag":"a","props":{"href":"https://nuxt.com/docs/getting-started/configuration","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt configuration"}]},{"type":"text","value":"."}]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":"html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"directory-structure","depth":2,"text":"Directory Structure"}]}},"_type":"markdown","_id":"content:1.introduction:2.project-structure.md","_source":"content","_file":"1.introduction/2.project-structure.md","_extension":"md"},{"_path":"/introduction/writing-pages","_dir":"introduction","_draft":false,"_partial":false,"_locale":"","title":"Writing Pages","description":"Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax.","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"writing-pages"},"children":[{"type":"text","value":"Writing Pages"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Each Markdown page in the "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"content/"}]},{"type":"text","value":" folder will be mapped to a route."}]},{"type":"text","value":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n"},{"type":"element","tag":"table","props":{},"children":[{"type":"element","tag":"thead","props":{},"children":[{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"th","props":{},"children":[{"type":"text","value":"File"}]},{"type":"element","tag":"th","props":{"align":"left"},"children":[{"type":"text","value":"Generated route"}]}]}]},{"type":"element","tag":"tbody","props":{},"children":[{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"index.md"}]}]},{"type":"element","tag":"td","props":{"align":"left"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"/"}]}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"about.md"}]}]},{"type":"element","tag":"td","props":{"align":"left"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"/about"}]}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"blog/index.md"}]}]},{"type":"element","tag":"td","props":{"align":"left"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"/blog"}]}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"blog/hello.md"}]}]},{"type":"element","tag":"td","props":{"align":"left"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"/blog/hello"}]}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"1.guide/2.installation"}]}]},{"type":"element","tag":"td","props":{"align":"left"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"/guide/installation"}]}]}]}]}]},{"type":"element","tag":"h2","props":{"id":"frontmatter"},"children":[{"type":"text","value":"Frontmatter"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Docus supports multiple Front-matter attributes for pages."}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":"---\ntitle: \"Get Started\"\ndescription: \"Let's learn how to use my amazing module.\"\n---\n","filename":"index.md","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"title"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"\"Get Started\"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"description"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"\"Let's learn how to use my amazing module.\"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"---\n"}]}]}]}]},{"type":"text","value":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n"},{"type":"element","tag":"table","props":{},"children":[{"type":"element","tag":"thead","props":{},"children":[{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"th","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Key"}]}]},{"type":"element","tag":"th","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Type"}]}]},{"type":"element","tag":"th","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Default"}]}]},{"type":"element","tag":"th","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Description"}]}]}]}]},{"type":"element","tag":"tbody","props":{},"children":[{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"layout"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"default"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Use any layout name like you would in "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"definePageMeta()"}]}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"title"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Defines the page title and H1 in docs pages"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"description"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Defines the page description and excerpt in docs pages"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"redirect"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A route path to redirect"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"image"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"OpenGraph cover image"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Docs layout options"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"aside"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Toggles the visibility of aside navigation"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"toc"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Toggles the visibility of table of contents"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"header"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Toggles the visibility of the page header"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"bottom"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Toggles the visibility of page bottom section"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Navigation options"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"navigation"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Toggles the visibility of the page or directory in navigation"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"navigation.title"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Changes the name of the page or directory in navigation"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"navigation.icon"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Changes the icon of the page or directory in navigation"}]}]}]}]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":"html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"frontmatter","depth":2,"text":"Frontmatter"}]}},"_type":"markdown","_id":"content:1.introduction:3.writing-pages.md","_source":"content","_file":"1.introduction/3.writing-pages.md","_extension":"md"},{"_path":"/introduction/configuration","_dir":"introduction","_draft":false,"_partial":false,"_locale":"","title":"Configuration","description":"Learn how to configure Docus.","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"configuration"},"children":[{"type":"text","value":"Configuration"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Learn how to configure Docus."}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"pre","props":{"className":"language-ts shiki shiki-themes github-dark github-light","code":"export default defineAppConfig({\n docus: {\n title: 'Docus',\n description: 'My Docus Project',\n url: 'http://docus.dev'\n }\n})\n","filename":"Minimal app.config.ts","language":"ts","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":" default"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" defineAppConfig"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"({\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" docus: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" title: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'Docus'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" description: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'My Docus Project'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" url: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'http://docus.dev'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"})\n"}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-ts shiki shiki-themes github-dark github-light","code":"export default defineAppConfig({\n docus: {\n title: 'Docus',\n description: 'My Docus Project',\n url: 'http://docus.dev',\n image: '/social-card-preview.png',\n socials: {\n twitter: '@nuxt_js',\n github: 'nuxt-themes/docus',\n },\n github: {\n root: 'content',\n edit: true,\n contributors: false\n },\n layout: 'default',\n aside: {\n level: 1,\n filter: [],\n },\n header: {\n title: false,\n logo: true,\n showLinkIcon: false\n },\n footer: {\n credits: {\n icon: 'IconDocus',\n text: 'Powered by Docus',\n href: 'https://docus.dev',\n },\n textLinks: [\n {\n text: 'Nuxt',\n href: 'https://nuxt.com',\n target: '_blank',\n rel: 'noopener'\n }\n ],\n iconLinks: [\n {\n label: 'NuxtJS',\n href: 'https://nuxtjs.org',\n component: 'IconNuxtLabs',\n },\n {\n label: 'Vue Telescope',\n href: 'https://vuetelescope.com',\n component: 'IconVueTelescope',\n },\n ],\n }\n }\n})\n","filename":"Complete app.config.ts","language":"ts","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":" default"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" defineAppConfig"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"({\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" docus: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" title: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'Docus'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" description: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'My Docus Project'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" url: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'http://docus.dev'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" image: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'/social-card-preview.png'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" socials: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" twitter: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'@nuxt_js'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" github: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'nuxt-themes/docus'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" },\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":11},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" github: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":12},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" root: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'content'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":13},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" edit: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":"true"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":14},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" contributors: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":"false\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":15},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" },\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":16},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" layout: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'default'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":17},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" aside: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":18},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" level: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":"1"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":19},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" filter: [],\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":20},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" },\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":21},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" header: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":22},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" title: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":"false"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":23},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" logo: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":"true"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":24},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" showLinkIcon: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":"false\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":25},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" },\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":26},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" footer: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":27},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" credits: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":28},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" icon: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'IconDocus'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":29},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" text: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'Powered by Docus'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":30},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" href: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'https://docus.dev'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":31},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" },\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":32},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" textLinks: [\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":33},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":34},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" text: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'Nuxt'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":35},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" href: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'https://nuxt.com'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":36},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" target: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'_blank'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":37},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" rel: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'noopener'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":38},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":39},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" ],\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":40},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" iconLinks: [\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":41},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":42},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" label: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'NuxtJS'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":43},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" href: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'https://nuxtjs.org'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":44},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" component: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'IconNuxtLabs'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":45},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" },\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":46},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":47},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" label: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'Vue Telescope'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":48},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" href: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'https://vuetelescope.com'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":49},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" component: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'IconVueTelescope'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":50},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" },\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":51},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" ],\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":52},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":53},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":54},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"})\n"}]}]}]}]}]},{"type":"text","value":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n"},{"type":"element","tag":"table","props":{},"children":[{"type":"element","tag":"thead","props":{},"children":[{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"th","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Key"}]}]},{"type":"element","tag":"th","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Type"}]}]},{"type":"element","tag":"th","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Default"}]}]},{"type":"element","tag":"th","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Description"}]}]}]}]},{"type":"element","tag":"tbody","props":{},"children":[{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"title"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Docus"}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Website title"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"titleTemplate"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Docus"}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Website title template"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"description"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"My Docus Project"}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Website description"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"url"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Website URL"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"layout"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"default"}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Fallback layout to use (supports "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"default"}]},{"type":"text","value":" or "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"page"}]},{"type":"text","value":")"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Socials"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"socials"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"{}"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Social links"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"socials.github"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The repository to use on GitHub links"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"socials.twitter"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The account to use on Twitter links"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"socials.youtube"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The channel to use on Youtube links"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"socials.instagram"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The account to use on Instagram links"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"socials.facebook"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The account to use on Facebook links"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"socials.medium"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The account to use on Medium links"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"socials.[social]"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Override social or display custom one"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"socials.[social].label"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A label to use for the social"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"socials.[social].icon"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A icon to use for the social"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"socials.[social].href"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A link to use for the social"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"socials.[social].rel"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"noopener noreferrer"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A space-separated list of "},{"type":"element","tag":"a","props":{"href":"https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types","rel":["nofollow"]},"children":[{"type":"text","value":"link types"}]}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Header"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"header"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Header configuration"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"header.logo"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Whether or not to use "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"Logo.vue"}]},{"type":"text","value":" as the header logo"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"header.title"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"If set to a string, will be used in the header"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"header.showLinkIcon"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"If set to "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"true"}]},{"type":"text","value":" links icons will show in the header"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"header.exclude"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string[]"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"An array of path to exclude out from the header navigation"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"header.fluid"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"true"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Make header "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"Container"}]},{"type":"text","value":" fluid"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Main"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"main"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Main configuration"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"main.fluid"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"true"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Make main content "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"Container"}]},{"type":"text","value":" fluid"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"main.padded"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"true"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Make main content "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"Container"}]},{"type":"text","value":" padded"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Aside"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"aside"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Aside configuration"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"aside.level"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"0"}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Aside base level of nesting"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"aside.collapsed"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Will be used as default value for collapsible navigation categories"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"aside.exclude"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string[]"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"An array of path to exclude out from the aside navigation"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Footer"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"footer"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Footer configuration"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"footer.credits"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"An object defining the bottom left credits"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"footer.credits.icon"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The icon to use for the credits"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"footer.credits.text"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The text to use for the credits"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"footer.textLinks"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"array"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"[]"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"An array of texts to display at the center of footer"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"footer.textLinks[0].text"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The text to display"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"footer.textLinks[0].href"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A link to use for the text"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"footer.textLinks[0].target"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"_self"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Where to display the linked URL, as the name for a browsing context"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"footer.textLinks[0].rel"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"noopener noreferrer"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A space-separated list of "},{"type":"element","tag":"a","props":{"href":"https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types","rel":["nofollow"]},"children":[{"type":"text","value":"link types"}]}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"footer.iconLinks"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"array"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"[]"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"An array of icons to display in the footer"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"footer.iconLinks[0].label"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A label to use for the icon"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"footer.iconLinks[0].href"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A link to use for the icon"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"footer.iconLinks[0].icon"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The icon to use (can be a component name)"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"footer.iconLinks[0].rel"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"noopener noreferrer"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A space-separated list of "},{"type":"element","tag":"a","props":{"href":"https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types","rel":["nofollow"]},"children":[{"type":"text","value":"link types"}]}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"footer.fluid"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"true"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Make footer "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"Container"}]},{"type":"text","value":" fluid"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"GitHub"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"github"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"false"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"GitHub integration configuration"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"github.dir"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Directory containing the files to be edited"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"github.branch"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Branch to start editing"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"github.repo"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Name of the GitHub repo to edit files"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"github.owner"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Owner of the repo"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"github.edit"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Toggle \"Edit this page on Github\" component on documentation pages"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Search"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"fuse"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"useFuse "},{"type":"element","tag":"a","props":{"href":"https://vueuse.org/integrations/useFuse/","rel":["nofollow"]},"children":[{"type":"text","value":"options"}]}]}]}]}]},{"type":"element","tag":"h2","props":{"id":"customizing-the-logo"},"children":[{"type":"text","value":"Customizing the logo"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"To update the logo in the header, create a component in "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"components/Logo.vue"}]},{"type":"text","value":" with your own logo."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"In this example, the image is located at "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"/public/img"}]},{"type":"text","value":"."}]},{"type":"element","tag":"pre","props":{"className":"language-vue shiki shiki-themes github-dark github-light","code":"\n \n \n","filename":"components/Logo.vue","language":"vue","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"<"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"template"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":">\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" <"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"img"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" width"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"\"120\""}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" src"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"\"/img/YOURLOGO.png\""}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"/>\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":""}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"template"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":">\n"}]}]}]}]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":"html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"customizing-the-logo","depth":2,"text":"Customizing the logo"}]}},"_type":"markdown","_id":"content:1.introduction:4.configuration.md","_source":"content","_file":"1.introduction/4.configuration.md","_extension":"md"},{"_path":"/api/_dir","_dir":"api","_draft":false,"_partial":true,"_locale":"","title":"API","icon":"heroicons-outline:bookmark-alt","_id":"content:2.api:_dir.yml","_type":"yaml","_source":"content","_file":"2.api/_dir.yml","_extension":"yml"},{"_path":"/api/components","_dir":"api","_draft":false,"_partial":false,"_locale":"","title":"Components","description":"Discover every component you can use in your content.","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"components"},"children":[{"type":"text","value":"Components"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Discover every component you can use in your content."}]},{"type":"element","tag":"h2","props":{"id":"alert"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":""},"children":[{"type":"element","tag":"alert","props":{"type":"info","style":"margin-top: 0;"},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Check out an "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"info"}]},{"type":"text","value":" alert with "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"code"}]},{"type":"text","value":" and a "},{"type":"element","tag":"a","props":{"href":"/"},"children":[{"type":"text","value":"link"}]},{"type":"text","value":"."}]}]},{"type":"element","tag":"alert","props":{"type":"success"},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Check out a "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"success"}]},{"type":"text","value":" alert with "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"code"}]},{"type":"text","value":" and a "},{"type":"element","tag":"a","props":{"href":"/"},"children":[{"type":"text","value":"link"}]},{"type":"text","value":"."}]}]},{"type":"element","tag":"alert","props":{"type":"warning"},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Check out a "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"warning"}]},{"type":"text","value":" alert with "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"code"}]},{"type":"text","value":" and a "},{"type":"element","tag":"a","props":{"href":"/"},"children":[{"type":"text","value":"link"}]},{"type":"text","value":"."}]}]},{"type":"element","tag":"alert","props":{"type":"danger","style":"margin-bottom: 0;"},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Check out a "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"danger"}]},{"type":"text","value":" alert with "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"code"}]},{"type":"text","value":" and a "},{"type":"element","tag":"a","props":{"href":"/"},"children":[{"type":"text","value":"link"}]},{"type":"text","value":"."}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":"::alert{type=\"info\"}\nCheck out an **info** alert with `code` and a [link](/).\n::\n\n::alert{type=\"success\"}\nCheck out a **success** alert with `code` and a [link](/).\n::\n\n::alert{type=\"warning\"}\nCheck out a **warning** alert with `code` and a [link](/).\n::\n\n::alert{type=\"danger\"}\nCheck out a **danger** alert with `code` and a [link](/).\n::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::alert{type=\"info\"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"Check out an "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"**info**"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" alert with "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":"`code`"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" and a ["}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#DBEDFF;--shiki-default:#032F62;--shiki-dark-text-decoration:underline;--shiki-default-text-decoration:underline"},"children":[{"type":"text","value":"link"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"]("}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E;--shiki-dark-text-decoration:underline;--shiki-default-text-decoration:underline"},"children":[{"type":"text","value":"/"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":").\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::alert{type=\"success\"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"Check out a "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"**success**"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" alert with "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":"`code`"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" and a ["}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#DBEDFF;--shiki-default:#032F62;--shiki-dark-text-decoration:underline;--shiki-default-text-decoration:underline"},"children":[{"type":"text","value":"link"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"]("}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E;--shiki-dark-text-decoration:underline;--shiki-default-text-decoration:underline"},"children":[{"type":"text","value":"/"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":").\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::alert{type=\"warning\"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"Check out a "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"**warning**"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" alert with "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":"`code`"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" and a ["}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#DBEDFF;--shiki-default:#032F62;--shiki-dark-text-decoration:underline;--shiki-default-text-decoration:underline"},"children":[{"type":"text","value":"link"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"]("}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E;--shiki-dark-text-decoration:underline;--shiki-default-text-decoration:underline"},"children":[{"type":"text","value":"/"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":").\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":11},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":12},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":13},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::alert{type=\"danger\"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":14},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"Check out a "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"**danger**"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" alert with "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":"`code`"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" and a ["}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#DBEDFF;--shiki-default:#032F62;--shiki-dark-text-decoration:underline;--shiki-default-text-decoration:underline"},"children":[{"type":"text","value":"link"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"]("}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E;--shiki-dark-text-decoration:underline;--shiki-default-text-decoration:underline"},"children":[{"type":"text","value":"/"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":").\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":15},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::\n"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/Alert.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"badge"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":" "}]},{"type":"text","value":" support same types as "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":" "}]},{"type":"text","value":"."}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":""},"children":[{"type":"element","tag":"div","props":{"style":"display:flex; gap: 1rem;"},"children":[{"type":"element","tag":"badge","props":{},"children":[{"type":"text","value":"v1.2"}]},{"type":"element","tag":"badge","props":{"type":"warning"},"children":[{"type":"text","value":"Deprecated"}]},{"type":"element","tag":"badge","props":{"type":"danger"},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Not found!"}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":":badge[v1.2]\n\n:badge[Deprecated]{type=\"warning\"}\n\n::badge{type=\"danger\"}\nNot found!\n::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":":badge["}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#DBEDFF;--shiki-default:#032F62;--shiki-dark-text-decoration:underline;--shiki-default-text-decoration:underline"},"children":[{"type":"text","value":"v1.2"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"]\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":":badge["}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#DBEDFF;--shiki-default:#032F62;--shiki-dark-text-decoration:underline;--shiki-default-text-decoration:underline"},"children":[{"type":"text","value":"Deprecated"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"]{type=\"warning\"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::badge{type=\"danger\"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"Not found!\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::\n"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/Badge.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"blockhero"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview"},"children":[{"type":"element","tag":"block-hero","props":{":cta":"[\"Get started\",\"/introduction/getting-started\"]",":secondary":"[\"Open on GitHub →\",\"https://github.com/nuxtlabs/docus\"]","snippet":"npx nuxi@latest init docus-app -t nuxtlabs/docus-starter"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Document-driven framework"}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites."}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":"::block-hero\n---\ncta:\n - Get started\n - /get-started\nsecondary:\n - Open on GitHub →\n - https://github.com/nuxtlabs/docus\nsnippet: npx nuxi@latest init docus-app -t nuxtlabs/docus-starter\n---\n#title\nDocument-driven framework\n\n#description\nDocus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites.\n::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::block-hero\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"cta:\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":" -"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Get started\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":" -"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" /get-started\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"secondary:\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":" -"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Open on GitHub →\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":" -"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" https://github.com/nuxtlabs/docus\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"snippet: npx nuxi@latest init docus-app -t nuxtlabs/docus-starter\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":11},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"#title\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":12},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"Document-driven framework\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":13},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":14},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"#description\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":15},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":16},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::\n"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/BlockHero.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"buttonlink"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":""},"children":[{"type":"element","tag":"button-link","props":{":blank":"true","href":"https://stackblitz.com/github/nuxtlabs/docus-starter","icon":"IconStackBlitz"},"children":[{"type":"text","value":"Play on StackBlitz"}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":":button-link[Play on StackBlitz]{icon=\"IconStackBlitz\" href=\"https://stackblitz.com/github/nuxtlabs/docus-starter\" blank}\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":":button-link[Play on StackBlitz]{icon=\"IconStackBlitz\" href=\"https://stackblitz.com/github/nuxtlabs/docus-starter\" blank}\n"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/ButtonLink.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"callout"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":" "}]},{"type":"text","value":" support same types as "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":" "}]},{"type":"text","value":"."}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview"},"children":[{"type":"element","tag":"callout","props":{},"children":[{"type":"element","tag":"template","props":{"v-slot:summary":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This is a callout! Click me to open."}]}]},{"type":"element","tag":"template","props":{"v-slot:content":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This is the content of the callout."}]}]}]},{"type":"element","tag":"callout","props":{"type":"warning"},"children":[{"type":"element","tag":"template","props":{"v-slot:summary":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This is a callout! Click me to open."}]}]},{"type":"element","tag":"template","props":{"v-slot:content":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This is the content of the callout."}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":"::callout\n#summary\nThis is a callout! Click me to open.\n\n#content\nThis is the content of the callout.\n::\n \n::callout{type=\"warning\"}\n#summary\nThis is a callout! Click me to open.\n\n#content\nThis is the content of the callout.\n::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::callout\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"#summary\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"This is a callout! Click me to open.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"#content\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"This is the content of the callout.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" \n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::callout{type=\"warning\"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"#summary\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":11},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"This is a callout! Click me to open.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":12},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":13},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"#content\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":14},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"This is the content of the callout.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":15},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::\n"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/Callout.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"card"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview"},"children":[{"type":"element","tag":"card","props":{"icon":"logos:nuxt-icon"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Nuxt Architecture."}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Based on "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Nuxt 3"}]},{"type":"text","value":" and "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Nuxt Content"}]},{"type":"text","value":". "},{"type":"element","tag":"br","props":{},"children":[]},{"type":"text","value":"\nUse Nuxt to build a static site, or a serverless app."}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":" ::card{icon=\"logos:nuxt-icon\"}\n #title\n Nuxt Architecture.\n #description\n Based on **Nuxt 3** and **Nuxt Content**. :br\n Use Nuxt to build a static site, or a serverless app.\n ::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" ::card{icon=\"logos:nuxt-icon\"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" #title\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Nuxt Architecture.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" #description\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Based on "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"**Nuxt 3**"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" and "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"**Nuxt Content**"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":". :br\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Use Nuxt to build a static site, or a serverless app.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" ::\n"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/Card.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"cardgrid"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview"},"children":[{"type":"element","tag":"card-grid","props":{},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"What's included?"}]}]},{"type":"element","tag":"template","props":{"v-slot:root":""},"children":[{"type":"element","tag":"ellipsis","props":{},"children":[]}]},{"type":"element","tag":"card","props":{},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Nuxt Architecture."}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Harness the full power of Nuxt and the Nuxt ecosystem."}]}]}]},{"type":"element","tag":"card","props":{},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Vue Components."}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Use built-in components (or your own!) inside your content."}]}]}]},{"type":"element","tag":"card","props":{},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Write Markdown."}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Enjoy the ease and simplicity of Markdown and discover MDC syntax."}]}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":"::card-grid\n#title\nWhat's included\n\n#root\n:ellipsis\n\n#default\n ::card\n #title\n Nuxt Architecture.\n #description\n Harness the full power of Nuxt and the Nuxt ecosystem.\n ::\n ::card\n #title\n Vue Components.\n #description\n Use built-in components (or your own!) inside your content.\n ::\n ::card\n #title\n Write Markdown.\n #description\n Enjoy the ease and simplicity of Markdown and discover MDC syntax.\n ::\n::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::card-grid\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"#title\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"What's included\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"#root\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":":ellipsis\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"#default\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" ::card\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" #title\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":11},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Nuxt Architecture.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":12},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" #description\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":13},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Harness the full power of Nuxt and the Nuxt ecosystem.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":14},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" ::\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":15},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" ::card\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":16},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" #title\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":17},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Vue Components.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":18},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" #description\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":19},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Use built-in components (or your own!) inside your content.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":20},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" ::\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":21},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" ::card\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":22},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" #title\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":23},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Write Markdown.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":24},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" #description\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":25},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Enjoy the ease and simplicity of Markdown and discover MDC syntax.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":26},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" ::\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":27},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::\n"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/CardGrid.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"codegroup"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This component uses "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"slots"}]},{"type":"text","value":" to create a tab panel of your code examples or preview."}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":""},"children":[{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-dark github-light","code":"yarn add docus\n","filename":"Yarn","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"yarn"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" add"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" docus\n"}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-dark github-light","code":"npm install docus\n","filename":"NPM","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"npm"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" install"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" docus\n"}]}]}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":"::code-group\n ```bash [Yarn]\n yarn add docus\n ```\n ```bash [NPM]\n npm install docus\n ```\n::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::code-group\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" ```bash [Yarn]\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" yarn"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" add"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" docus\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" ```\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" ```bash [NPM]\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" npm"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" install"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" docus\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" ```\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::\n"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/CodeGroup.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"codeblock"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"To be used inside a "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":" "}]},{"type":"text","value":" component to display a preview of some rendered code."}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":""},"children":[{"type":"element","tag":"badge","props":{},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Hello World!"}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":"/* Added as a child of ` ` */\n\n::code-block{label=\"Preview\" preview}\n ::badge\n Hello World!\n ::\n::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"/* Added as a child of "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":"` `"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" */\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::code-block{label=\"Preview\" preview}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" ::badge\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Hello World!\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" ::\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::\n"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/CodeBlock.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"copybutton"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":""},"children":[{"type":"element","tag":"copy-button","props":{"content":"hey!"},"children":[]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":":copy-button{content=\"hey!\"}\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":":copy-button{content=\"hey!\"}\n"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/CopyButton.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"icon"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Icon component gives you access to all "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"100,000+"}]},{"type":"text","value":" icons from "},{"type":"element","tag":"a","props":{"href":"https://icones.js.org","rel":["nofollow"]},"children":[{"type":"text","value":"icones.js.org"}]},{"type":"text","value":"."}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":""},"children":[{"type":"element","tag":"icon","props":{"name":"logos:nuxt-icon"},"children":[]},{"type":"element","tag":"icon","props":{"name":"logos:vue"},"children":[]},{"type":"element","tag":"icon","props":{"name":"logos:nuxt-icon"},"children":[]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":":icon{name=\"logos:nuxt-icon\"}\n:icon{name=\"logos:vue\"}\n:icon{name=\"logos:nuxt-icon\"}\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":":icon{name=\"logos:nuxt-icon\"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":":icon{name=\"logos:vue\"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":":icon{name=\"logos:nuxt-icon\"}\n"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/Icon.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"list"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"
"}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":""},"children":[{"type":"element","tag":"list","props":{"type":"primary"},"children":[{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Important"}]}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Always"}]}]}]},{"type":"element","tag":"list","props":{"type":"success"},"children":[{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Amazing"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Congrats"}]}]}]},{"type":"element","tag":"list","props":{"type":"info"},"children":[{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Do you know?"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"You can also do this"}]}]}]},{"type":"element","tag":"list","props":{"type":"warning"},"children":[{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Be careful"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Use with precautions"}]}]}]},{"type":"element","tag":"list","props":{"type":"danger"},"children":[{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Drinking too much"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Driving drunk"}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":"::list{type=\"primary\"}\n- **Important**\n- Always\n::\n\n::list{type=\"success\"}\n- Amazing\n- Congrats\n::\n\n::list{type=\"info\"}\n- Do you know?\n- You can also do this\n::\n\n::list{type=\"warning\"}\n- Be careful\n- Use with precautions\n::\n\n::list{type=\"danger\"}\n- Drinking too much\n- Driving drunk\n::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::list{type=\"primary\"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":" **Important**\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Always\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::list{type=\"success\"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Amazing\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Congrats\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":11},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::list{type=\"info\"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":12},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Do you know?\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":13},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" You can also do this\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":14},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":15},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":16},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::list{type=\"warning\"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":17},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Be careful\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":18},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Use with precautions\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":19},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":20},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":21},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::list{type=\"danger\"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":22},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Drinking too much\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":23},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Driving drunk\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":24},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::\n"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/List.vue"},"children":[]},{"type":"element","tag":"h2","props":{"id":"sandbox"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Embed CodeSandbox/StackBlitz easily in your documentation with great performances."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Using the "},{"type":"element","tag":"a","props":{"href":"https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API","rel":["nofollow"]},"children":[{"type":"text","value":"IntersectionObserver"}]},{"type":"text","value":" to load when visible in the viewport."}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":""},"children":[{"type":"element","tag":"sandbox","props":{"src":"https://codesandbox.io/embed/nuxt-content-l164h?hidenavigation=1&theme=dark"},"children":[]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":":sandbox{src=\"https://codesandbox.io/embed/nuxt-content-l164h?hidenavigation=1&theme=dark\"}\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":":sandbox{src=\"https://codesandbox.io/embed/nuxt-content-l164h?hidenavigation=1&theme=dark\"}\n"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/Sandbox.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"terminal"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":""},"children":[{"type":"element","tag":"terminal","props":{"content":"nuxi build"},"children":[]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":":terminal{content=\"nuxi build\"}\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":":terminal{content=\"nuxi build\"}\n"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/Terminal.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"videoplayer"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":""},"children":[{"type":"element","tag":"div","props":{},"children":[{"type":"element","tag":"video-player","props":{"src":"https://www.youtube.com/watch?v=o9e12WbKrd8"},"children":[]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":"::div\n :video-player{src=\"https://www.youtube.com/watch?v=o9e12WbKrd8\"}\n::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::div\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" :video-player{src=\"https://www.youtube.com/watch?v=o9e12WbKrd8\"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::\n"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/VideoPlayer.vue"},"children":[]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":"html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"alert","depth":2,"text":" "},{"id":"badge","depth":2,"text":" "},{"id":"blockhero","depth":2,"text":" "},{"id":"buttonlink","depth":2,"text":" "},{"id":"callout","depth":2,"text":" "},{"id":"card","depth":2,"text":" "},{"id":"cardgrid","depth":2,"text":" "},{"id":"codegroup","depth":2,"text":" "},{"id":"codeblock","depth":2,"text":" "},{"id":"copybutton","depth":2,"text":" "},{"id":"icon","depth":2,"text":" "},{"id":"list","depth":2,"text":"
"},{"id":"sandbox","depth":2,"text":" "},{"id":"terminal","depth":2,"text":" "},{"id":"videoplayer","depth":2,"text":" "}]}},"_type":"markdown","_id":"content:2.api:1.components.md","_source":"content","_file":"2.api/1.components.md","_extension":"md"},{"_path":"/api/composables","_dir":"api","_draft":false,"_partial":false,"_locale":"","title":"Composables","description":"Discover the Docus composables to use in your custom Vue components and pages.","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"composables"},"children":[{"type":"text","value":"Composables"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Discover the Docus composables to use in your custom Vue components and pages."}]},{"type":"element","tag":"h2","props":{"id":"usedocus"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"useDocus()"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"code","props":{"className":"language-ts shiki shiki-themes github-dark github-light","language":"ts","style":""},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"useDocus"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"()"}]}]},{"type":"text","value":" gives access to docus runtime config, all default values and your custom config from "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"app.config.ts"}]}]},{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"config"}]},{"type":"text","value":" refers to the merged config of the current page."}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"main"}]},{"type":"text","value":", "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"header"}]},{"type":"text","value":", "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"aside"}]},{"type":"text","value":", "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"footer"}]},{"type":"text","value":" and "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"titleTemplate"}]},{"type":"text","value":" can be set from "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"_dir.yml"}]},{"type":"text","value":" and any "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"page.md"}]},{"type":"text","value":" file."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The configs in "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"app.config"}]},{"type":"text","value":" file will be used as defaults."}]},{"type":"element","tag":"pre","props":{"className":"language-vue shiki shiki-themes github-dark github-light","code":"\n\n\n \n
{{ config.title }} \n
{{ config.description }}
\n
\n \n","language":"vue","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"<"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"script"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" setup"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":">\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"const"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" { "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":"config"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" } "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" useDocus"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"()\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":""}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"script"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":">\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"<"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"template"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":">\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" <"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"div"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":">\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" <"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"h1"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":">{{ config.title }}"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"h1"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":">\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" <"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"p"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":">{{ config.description }}"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"p"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":">\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"div"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":">\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":""}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"template"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":">\n"}]}]}]}]},{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"tree"}]},{"type":"text","value":" refers to the current navigation tree that is displayed in the "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"aside"}]},{"type":"text","value":" component."}]}]},{"type":"element","tag":"pre","props":{"className":"language-vue shiki shiki-themes github-dark github-light","code":"\n\n\n \n \n","language":"vue","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"<"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"script"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" setup"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":">\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"const"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" { "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":"tree"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" } "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" useDocus"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"()\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":""}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"script"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":">\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"<"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"template"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":">\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" <"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"DocsAsideTree"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" :"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"links"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"tree"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" />\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":""}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"template"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":">\n"}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"composables/useDocus.ts"},"children":[]},{"type":"element","tag":"h2","props":{"id":"usemenu"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"useMenu()"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"useMenu()"}]},{"type":"text","value":" gives access to "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"$menu"}]},{"type":"text","value":" plugin controlling mobile navigation globally."}]},{"type":"element","tag":"pre","props":{"className":"language-ts shiki shiki-themes github-dark github-light","code":"const {\n // Is menu visible\n visible,\n // Close menu function\n close,\n // Open menu function\n open,\n // Toggle menu function\n toggle\n} = useMenu()\n","language":"ts","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"const"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#6A737D;--shiki-default:#6A737D"},"children":[{"type":"text","value":" // Is menu visible\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":" visible"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#6A737D;--shiki-default:#6A737D"},"children":[{"type":"text","value":" // Close menu function\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":" close"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#6A737D;--shiki-default:#6A737D"},"children":[{"type":"text","value":" // Open menu function\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":" open"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#6A737D;--shiki-default:#6A737D"},"children":[{"type":"text","value":" // Toggle menu function\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":" toggle\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"} "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" useMenu"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"()\n"}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"composables/useMenu.ts"},"children":[]},{"type":"element","tag":"h2","props":{"id":"usescrollspy"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"useScrollspy()"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"useScrollspy()"}]},{"type":"text","value":" is used in "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"docs"}]},{"type":"text","value":" layout to make the ToC display the currently visible headings."}]},{"type":"element","tag":"pre","props":{"className":"language-ts shiki shiki-themes github-dark github-light","code":"const {\n // Headings on the page\n visibleHeadings,\n // Active headings (for the current page)\n activeHeadings,\n // Update headings (an array of DOM nodes)\n updateHeadings\n} = useScrollspy()\n","language":"ts","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"const"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#6A737D;--shiki-default:#6A737D"},"children":[{"type":"text","value":" // Headings on the page\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":" visibleHeadings"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#6A737D;--shiki-default:#6A737D"},"children":[{"type":"text","value":" // Active headings (for the current page)\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":" activeHeadings"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#6A737D;--shiki-default:#6A737D"},"children":[{"type":"text","value":" // Update headings (an array of DOM nodes)\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":" updateHeadings\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"} "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" useScrollspy"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"()\n"}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"composables/useScrollspy.ts"},"children":[]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":"html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"usedocus","depth":2,"text":"useDocus()"},{"id":"usemenu","depth":2,"text":"useMenu()"},{"id":"usescrollspy","depth":2,"text":"useScrollspy()"}]}},"_type":"markdown","_id":"content:2.api:2.composables.md","_source":"content","_file":"2.api/2.composables.md","_extension":"md"},{"_path":"/api/layouts","_dir":"api","_draft":false,"_partial":false,"_locale":"","title":"Layouts","description":"Docus provides multiple built-in layouts for displaying your Markdown pages.","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"layouts"},"children":[{"type":"text","value":"Layouts"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Docus provides multiple built-in layouts for displaying your Markdown pages."}]},{"type":"element","tag":"h2","props":{"id":"default"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"default"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The default layout for every page created in the project. This layout renders multiple section alongside the content:"}]},{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Aside navigation menu (togglable with "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"aside: false/true"}]},{"type":"text","value":")"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Page bottom section (togglable with "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"bottom: false/true"}]},{"type":"text","value":")"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Table of content (togglable with "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"toc: false/true"}]},{"type":"text","value":")"}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":"---\naside: true\nbottom: true\ntoc: false\n---\n\nYour awesome content\n","filename":"index.md","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"aside"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":"true\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"bottom"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":"true\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"toc"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":"false\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"Your awesome content\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Current page is live sample of default layout."}]},{"type":"element","tag":"h2","props":{"id":"page"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"page"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"page"}]},{"type":"text","value":" layout is content focused layout. This layout does not render aside menu of table of contents."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This layout accept some configuration from content front-matter."}]},{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"fluid"}]},{"type":"text","value":": By setting "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"fluid: true"}]},{"type":"text","value":" in content front-matter the content will be rendered in full width."}]},{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"constrainedClass"}]},{"type":"text","value":": Using this option you can modify layout container look. Like constraining layout width of changing the background."}]},{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"padded"}]},{"type":"text","value":": Setting "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"padded: true"}]},{"type":"text","value":" in front-matter will add horizontal padding in the layout."}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":"---\ntitle: Home\nlayout: page\nfluid: true\n---\n","filename":"index.md","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"title"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"Home\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"layout"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"page\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"fluid"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":"true\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"---\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Check "},{"type":"element","tag":"a","props":{"href":"/"},"children":[{"type":"text","value":"Home page"}]},{"type":"text","value":" as live sample of page layout"}]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":"html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"default","depth":2,"text":"default"},{"id":"page","depth":2,"text":"page"}]}},"_type":"markdown","_id":"content:2.api:3.layouts.md","_source":"content","_file":"2.api/3.layouts.md","_extension":"md"}],"navigation":[{"title":"Introduction","_path":"/introduction","children":[{"title":"Getting Started","_path":"/introduction/getting-started"},{"title":"Project Structure","_path":"/introduction/project-structure"},{"title":"Writing Pages","_path":"/introduction/writing-pages"},{"title":"Configuration","_path":"/introduction/configuration"}],"icon":"ph:star-duotone","redirect":"/introduction/getting-started"},{"title":"API","_path":"/api","children":[{"title":"Components","_path":"/api/components"},{"title":"Composables","_path":"/api/composables"},{"title":"Layouts","_path":"/api/layouts"}],"icon":"heroicons-outline:bookmark-alt"}]}
\ No newline at end of file
diff --git a/api/_content/navigation/u7BbTyuhiE.1698738477992.json b/api/_content/navigation/u7BbTyuhiE.1715702777319.json
similarity index 100%
rename from api/_content/navigation/u7BbTyuhiE.1698738477992.json
rename to api/_content/navigation/u7BbTyuhiE.1715702777319.json
diff --git a/api/_content/query/6CVtqe0fby.1698738477992.json b/api/_content/query/6CVtqe0fby.1715702777319.json
similarity index 100%
rename from api/_content/query/6CVtqe0fby.1698738477992.json
rename to api/_content/query/6CVtqe0fby.1715702777319.json
diff --git a/api/_content/query/D1tVXxmBsr.1698738477992.json b/api/_content/query/D1tVXxmBsr.1698738477992.json
deleted file mode 100644
index 78b0a2bc3..000000000
--- a/api/_content/query/D1tVXxmBsr.1698738477992.json
+++ /dev/null
@@ -1 +0,0 @@
-{"_path":"/introduction/configuration","_dir":"introduction","_draft":false,"_partial":false,"_locale":"","title":"Configuration","description":"Learn how to configure Docus.","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"configuration"},"children":[{"type":"text","value":"Configuration"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Learn how to configure Docus."}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"pre","props":{"className":"language-ts shiki shiki-themes github-light github-dark","code":"export default defineAppConfig({\n docus: {\n title: 'Docus',\n description: 'My Docus Project',\n url: 'http://docus.dev'\n }\n})\n","filename":"Minimal app.config.ts","language":"ts","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":" default"}]},{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" defineAppConfig"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"({"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" docus: {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" title: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'Docus'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" description: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'My Docus Project'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" url: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'http://docus.dev'"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" }"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"})"}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-ts shiki shiki-themes github-light github-dark","code":"export default defineAppConfig({\n docus: {\n title: 'Docus',\n description: 'My Docus Project',\n url: 'http://docus.dev',\n image: '/social-card-preview.png',\n socials: {\n twitter: '@nuxt_js',\n github: 'nuxt-themes/docus',\n },\n github: {\n root: 'content',\n edit: true,\n contributors: false\n },\n layout: 'default',\n aside: {\n level: 1,\n filter: [],\n },\n header: {\n title: false,\n logo: true,\n showLinkIcon: false\n },\n footer: {\n credits: {\n icon: 'IconDocus',\n text: 'Powered by Docus',\n href: 'https://docus.dev',\n },\n textLinks: [\n {\n text: 'Nuxt',\n href: 'https://nuxt.com',\n target: '_blank',\n rel: 'noopener'\n }\n ],\n iconLinks: [\n {\n label: 'NuxtJS',\n href: 'https://nuxtjs.org',\n component: 'IconNuxtLabs',\n },\n {\n label: 'Vue Telescope',\n href: 'https://vuetelescope.com',\n component: 'IconVueTelescope',\n },\n ],\n }\n }\n})\n","filename":"Complete app.config.ts","language":"ts","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":" default"}]},{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" defineAppConfig"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"({"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" docus: {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" title: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'Docus'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" description: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'My Docus Project'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" url: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'http://docus.dev'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" image: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'/social-card-preview.png'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" socials: {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" twitter: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'@nuxt_js'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" github: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'nuxt-themes/docus'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" },"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":11},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" github: {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":12},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" root: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'content'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":13},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" edit: "}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":"true"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":14},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" contributors: "}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":"false"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":15},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" },"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":16},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" layout: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'default'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":17},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" aside: {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":18},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" level: "}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":"1"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":19},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" filter: [],"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":20},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" },"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":21},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" header: {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":22},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" title: "}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":"false"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":23},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" logo: "}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":"true"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":24},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" showLinkIcon: "}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":"false"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":25},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" },"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":26},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" footer: {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":27},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" credits: {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":28},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" icon: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'IconDocus'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":29},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" text: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'Powered by Docus'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":30},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" href: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'https://docus.dev'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":31},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" },"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":32},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" textLinks: ["}]}]},{"type":"element","tag":"span","props":{"class":"line","line":33},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":34},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" text: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'Nuxt'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":35},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" href: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'https://nuxt.com'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":36},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" target: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'_blank'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":37},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" rel: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'noopener'"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":38},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" }"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":39},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" ],"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":40},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" iconLinks: ["}]}]},{"type":"element","tag":"span","props":{"class":"line","line":41},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":42},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" label: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'NuxtJS'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":43},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" href: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'https://nuxtjs.org'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":44},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" component: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'IconNuxtLabs'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":45},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" },"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":46},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":47},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" label: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'Vue Telescope'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":48},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" href: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'https://vuetelescope.com'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":49},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" component: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'IconVueTelescope'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":50},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" },"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":51},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" ],"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":52},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" }"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":53},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" }"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":54},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"})"}]}]}]}]}]},{"type":"element","tag":"table","props":{},"children":[{"type":"element","tag":"thead","props":{},"children":[{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"th","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Key"}]}]},{"type":"element","tag":"th","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Type"}]}]},{"type":"element","tag":"th","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Default"}]}]},{"type":"element","tag":"th","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Description"}]}]}]}]},{"type":"element","tag":"tbody","props":{},"children":[{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"title"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Docus"}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Website title"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"titleTemplate"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Docus"}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Website title template"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"description"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"My Docus Project"}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Website description"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"url"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Website URL"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"layout"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"default"}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Fallback layout to use (supports "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"default"}]},{"type":"text","value":" or "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"page"}]},{"type":"text","value":")"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Socials"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"socials"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"{}"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Social links"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"socials.github"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The repository to use on GitHub links"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"socials.twitter"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The account to use on Twitter links"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"socials.youtube"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The channel to use on Youtube links"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"socials.instagram"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The account to use on Instagram links"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"socials.facebook"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The account to use on Facebook links"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"socials.medium"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The account to use on Medium links"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"socials.[social]"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Override social or display custom one"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"socials.[social].label"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A label to use for the social"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"socials.[social].icon"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A icon to use for the social"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"socials.[social].href"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A link to use for the social"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"socials.[social].rel"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"noopener noreferrer"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A space-separated list of "},{"type":"element","tag":"a","props":{"href":"https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types","rel":["nofollow"]},"children":[{"type":"text","value":"link types"}]}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Header"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"header"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Header configuration"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"header.logo"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Whether or not to use "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"Logo.vue"}]},{"type":"text","value":" as the header logo"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"header.title"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"If set to a string, will be used in the header"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"header.showLinkIcon"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"If set to "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"true"}]},{"type":"text","value":" links icons will show in the header"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"header.exclude"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string[]"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"An array of path to exclude out from the header navigation"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"header.fluid"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"true"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Make header "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"Container"}]},{"type":"text","value":" fluid"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Main"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"main"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Main configuration"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"main.fluid"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"true"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Make main content "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"Container"}]},{"type":"text","value":" fluid"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"main.padded"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"true"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Make main content "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"Container"}]},{"type":"text","value":" padded"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Aside"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"aside"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Aside configuration"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"aside.level"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"0"}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Aside base level of nesting"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"aside.collapsed"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Will be used as default value for collapsible navigation categories"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"aside.exclude"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string[]"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"An array of path to exclude out from the aside navigation"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Footer"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"footer"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Footer configuration"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"footer.credits"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"An object defining the bottom left credits"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"footer.credits.icon"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The icon to use for the credits"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"footer.credits.text"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The text to use for the credits"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"footer.textLinks"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"array"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"[]"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"An array of texts to display at the center of footer"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"footer.textLinks[0].text"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The text to display"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"footer.textLinks[0].href"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A link to use for the text"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"footer.textLinks[0].target"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"_self"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Where to display the linked URL, as the name for a browsing context"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"footer.textLinks[0].rel"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"noopener noreferrer"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A space-separated list of "},{"type":"element","tag":"a","props":{"href":"https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types","rel":["nofollow"]},"children":[{"type":"text","value":"link types"}]}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"footer.iconLinks"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"array"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"[]"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"An array of icons to display in the footer"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"footer.iconLinks[0].label"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A label to use for the icon"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"footer.iconLinks[0].href"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A link to use for the icon"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"footer.iconLinks[0].icon"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The icon to use (can be a component name)"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"footer.iconLinks[0].rel"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"noopener noreferrer"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A space-separated list of "},{"type":"element","tag":"a","props":{"href":"https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types","rel":["nofollow"]},"children":[{"type":"text","value":"link types"}]}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"footer.fluid"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"true"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Make footer "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"Container"}]},{"type":"text","value":" fluid"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"GitHub"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"github"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"false"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"GitHub integration configuration"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"github.dir"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Directory containing the files to be edited"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"github.branch"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Branch to start editing"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"github.repo"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Name of the GitHub repo to edit files"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"github.owner"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Owner of the repo"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"github.edit"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Toggle \"Edit this page on Github\" component on documentation pages"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Search"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"fuse"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"useFuse "},{"type":"element","tag":"a","props":{"href":"https://vueuse.org/integrations/useFuse/","rel":["nofollow"]},"children":[{"type":"text","value":"options"}]}]}]}]}]},{"type":"element","tag":"h2","props":{"id":"customizing-the-logo"},"children":[{"type":"text","value":"Customizing the logo"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"To update the logo in the header, create a component in "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"components/Logo.vue"}]},{"type":"text","value":" with your own logo."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"In this example, the image is located at "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"/public/img"}]},{"type":"text","value":"."}]},{"type":"element","tag":"pre","props":{"className":"language-vue shiki shiki-themes github-light github-dark","code":"\n \n \n","filename":"components/Logo.vue","language":"vue","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"<"}]},{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"template"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":">"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" <"}]},{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"img"}]},{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" width"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"\"120\""}]},{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" src"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"\"/img/YOURLOGO.png\""}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"/>"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":""}]},{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"template"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":">"}]}]}]}]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":"html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"customizing-the-logo","depth":2,"text":"Customizing the logo"}]}},"_type":"markdown","_id":"content:1.introduction:4.configuration.md","_source":"content","_file":"1.introduction/4.configuration.md","_extension":"md"}
\ No newline at end of file
diff --git a/api/_content/query/D1tVXxmBsr.1715702777319.json b/api/_content/query/D1tVXxmBsr.1715702777319.json
new file mode 100644
index 000000000..7610082ee
--- /dev/null
+++ b/api/_content/query/D1tVXxmBsr.1715702777319.json
@@ -0,0 +1 @@
+{"_path":"/introduction/configuration","_dir":"introduction","_draft":false,"_partial":false,"_locale":"","title":"Configuration","description":"Learn how to configure Docus.","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"configuration"},"children":[{"type":"text","value":"Configuration"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Learn how to configure Docus."}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"pre","props":{"className":"language-ts shiki shiki-themes github-dark github-light","code":"export default defineAppConfig({\n docus: {\n title: 'Docus',\n description: 'My Docus Project',\n url: 'http://docus.dev'\n }\n})\n","filename":"Minimal app.config.ts","language":"ts","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":" default"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" defineAppConfig"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"({\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" docus: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" title: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'Docus'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" description: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'My Docus Project'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" url: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'http://docus.dev'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"})\n"}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-ts shiki shiki-themes github-dark github-light","code":"export default defineAppConfig({\n docus: {\n title: 'Docus',\n description: 'My Docus Project',\n url: 'http://docus.dev',\n image: '/social-card-preview.png',\n socials: {\n twitter: '@nuxt_js',\n github: 'nuxt-themes/docus',\n },\n github: {\n root: 'content',\n edit: true,\n contributors: false\n },\n layout: 'default',\n aside: {\n level: 1,\n filter: [],\n },\n header: {\n title: false,\n logo: true,\n showLinkIcon: false\n },\n footer: {\n credits: {\n icon: 'IconDocus',\n text: 'Powered by Docus',\n href: 'https://docus.dev',\n },\n textLinks: [\n {\n text: 'Nuxt',\n href: 'https://nuxt.com',\n target: '_blank',\n rel: 'noopener'\n }\n ],\n iconLinks: [\n {\n label: 'NuxtJS',\n href: 'https://nuxtjs.org',\n component: 'IconNuxtLabs',\n },\n {\n label: 'Vue Telescope',\n href: 'https://vuetelescope.com',\n component: 'IconVueTelescope',\n },\n ],\n }\n }\n})\n","filename":"Complete app.config.ts","language":"ts","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":" default"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" defineAppConfig"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"({\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" docus: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" title: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'Docus'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" description: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'My Docus Project'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" url: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'http://docus.dev'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" image: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'/social-card-preview.png'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" socials: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" twitter: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'@nuxt_js'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" github: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'nuxt-themes/docus'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" },\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":11},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" github: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":12},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" root: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'content'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":13},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" edit: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":"true"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":14},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" contributors: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":"false\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":15},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" },\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":16},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" layout: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'default'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":17},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" aside: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":18},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" level: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":"1"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":19},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" filter: [],\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":20},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" },\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":21},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" header: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":22},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" title: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":"false"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":23},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" logo: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":"true"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":24},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" showLinkIcon: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":"false\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":25},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" },\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":26},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" footer: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":27},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" credits: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":28},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" icon: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'IconDocus'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":29},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" text: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'Powered by Docus'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":30},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" href: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'https://docus.dev'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":31},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" },\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":32},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" textLinks: [\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":33},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":34},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" text: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'Nuxt'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":35},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" href: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'https://nuxt.com'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":36},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" target: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'_blank'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":37},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" rel: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'noopener'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":38},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":39},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" ],\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":40},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" iconLinks: [\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":41},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":42},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" label: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'NuxtJS'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":43},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" href: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'https://nuxtjs.org'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":44},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" component: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'IconNuxtLabs'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":45},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" },\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":46},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":47},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" label: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'Vue Telescope'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":48},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" href: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'https://vuetelescope.com'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":49},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" component: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'IconVueTelescope'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":50},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" },\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":51},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" ],\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":52},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":53},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":54},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"})\n"}]}]}]}]}]},{"type":"text","value":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n"},{"type":"element","tag":"table","props":{},"children":[{"type":"element","tag":"thead","props":{},"children":[{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"th","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Key"}]}]},{"type":"element","tag":"th","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Type"}]}]},{"type":"element","tag":"th","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Default"}]}]},{"type":"element","tag":"th","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Description"}]}]}]}]},{"type":"element","tag":"tbody","props":{},"children":[{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"title"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Docus"}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Website title"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"titleTemplate"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Docus"}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Website title template"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"description"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"My Docus Project"}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Website description"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"url"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Website URL"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"layout"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"default"}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Fallback layout to use (supports "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"default"}]},{"type":"text","value":" or "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"page"}]},{"type":"text","value":")"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Socials"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"socials"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"{}"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Social links"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"socials.github"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The repository to use on GitHub links"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"socials.twitter"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The account to use on Twitter links"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"socials.youtube"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The channel to use on Youtube links"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"socials.instagram"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The account to use on Instagram links"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"socials.facebook"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The account to use on Facebook links"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"socials.medium"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The account to use on Medium links"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"socials.[social]"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Override social or display custom one"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"socials.[social].label"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A label to use for the social"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"socials.[social].icon"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A icon to use for the social"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"socials.[social].href"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A link to use for the social"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"socials.[social].rel"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"noopener noreferrer"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A space-separated list of "},{"type":"element","tag":"a","props":{"href":"https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types","rel":["nofollow"]},"children":[{"type":"text","value":"link types"}]}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Header"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"header"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Header configuration"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"header.logo"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Whether or not to use "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"Logo.vue"}]},{"type":"text","value":" as the header logo"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"header.title"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"If set to a string, will be used in the header"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"header.showLinkIcon"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"If set to "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"true"}]},{"type":"text","value":" links icons will show in the header"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"header.exclude"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string[]"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"An array of path to exclude out from the header navigation"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"header.fluid"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"true"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Make header "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"Container"}]},{"type":"text","value":" fluid"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Main"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"main"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Main configuration"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"main.fluid"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"true"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Make main content "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"Container"}]},{"type":"text","value":" fluid"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"main.padded"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"true"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Make main content "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"Container"}]},{"type":"text","value":" padded"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Aside"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"aside"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Aside configuration"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"aside.level"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"0"}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Aside base level of nesting"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"aside.collapsed"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Will be used as default value for collapsible navigation categories"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"aside.exclude"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string[]"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"An array of path to exclude out from the aside navigation"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Footer"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"footer"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Footer configuration"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"footer.credits"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"An object defining the bottom left credits"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"footer.credits.icon"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The icon to use for the credits"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"footer.credits.text"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The text to use for the credits"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"footer.textLinks"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"array"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"[]"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"An array of texts to display at the center of footer"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"footer.textLinks[0].text"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The text to display"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"footer.textLinks[0].href"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A link to use for the text"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"footer.textLinks[0].target"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"_self"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Where to display the linked URL, as the name for a browsing context"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"footer.textLinks[0].rel"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"noopener noreferrer"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A space-separated list of "},{"type":"element","tag":"a","props":{"href":"https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types","rel":["nofollow"]},"children":[{"type":"text","value":"link types"}]}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"footer.iconLinks"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"array"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"[]"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"An array of icons to display in the footer"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"footer.iconLinks[0].label"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A label to use for the icon"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"footer.iconLinks[0].href"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A link to use for the icon"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"footer.iconLinks[0].icon"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"The icon to use (can be a component name)"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"footer.iconLinks[0].rel"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"noopener noreferrer"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A space-separated list of "},{"type":"element","tag":"a","props":{"href":"https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types","rel":["nofollow"]},"children":[{"type":"text","value":"link types"}]}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"footer.fluid"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"true"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Make footer "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"Container"}]},{"type":"text","value":" fluid"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"GitHub"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"github"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"false"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"GitHub integration configuration"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"github.dir"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Directory containing the files to be edited"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"github.branch"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Branch to start editing"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"github.repo"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Name of the GitHub repo to edit files"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"github.owner"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Owner of the repo"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"github.edit"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Toggle \"Edit this page on Github\" component on documentation pages"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Search"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"fuse"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"useFuse "},{"type":"element","tag":"a","props":{"href":"https://vueuse.org/integrations/useFuse/","rel":["nofollow"]},"children":[{"type":"text","value":"options"}]}]}]}]}]},{"type":"element","tag":"h2","props":{"id":"customizing-the-logo"},"children":[{"type":"text","value":"Customizing the logo"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"To update the logo in the header, create a component in "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"components/Logo.vue"}]},{"type":"text","value":" with your own logo."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"In this example, the image is located at "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"/public/img"}]},{"type":"text","value":"."}]},{"type":"element","tag":"pre","props":{"className":"language-vue shiki shiki-themes github-dark github-light","code":"\n \n \n","filename":"components/Logo.vue","language":"vue","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"<"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"template"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":">\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" <"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"img"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" width"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"\"120\""}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" src"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"\"/img/YOURLOGO.png\""}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"/>\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":""}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"template"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":">\n"}]}]}]}]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":"html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"customizing-the-logo","depth":2,"text":"Customizing the logo"}]}},"_type":"markdown","_id":"content:1.introduction:4.configuration.md","_source":"content","_file":"1.introduction/4.configuration.md","_extension":"md"}
\ No newline at end of file
diff --git a/api/_content/query/DtJbXYx66Z.1698738477992.json b/api/_content/query/DtJbXYx66Z.1715702777319.json
similarity index 100%
rename from api/_content/query/DtJbXYx66Z.1698738477992.json
rename to api/_content/query/DtJbXYx66Z.1715702777319.json
diff --git a/api/_content/query/GARDMlPL6q.1698738477992.json b/api/_content/query/GARDMlPL6q.1715702777319.json
similarity index 100%
rename from api/_content/query/GARDMlPL6q.1698738477992.json
rename to api/_content/query/GARDMlPL6q.1715702777319.json
diff --git a/api/_content/query/KW1YZXUc43.1698738477992.json b/api/_content/query/KW1YZXUc43.1698738477992.json
deleted file mode 100644
index 895e4a1f1..000000000
--- a/api/_content/query/KW1YZXUc43.1698738477992.json
+++ /dev/null
@@ -1 +0,0 @@
-{"_path":"/api/layouts","_dir":"api","_draft":false,"_partial":false,"_locale":"","title":"Layouts","description":"Docus provides multiple built-in layouts for displaying your Markdown pages.","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"layouts"},"children":[{"type":"text","value":"Layouts"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Docus provides multiple built-in layouts for displaying your Markdown pages."}]},{"type":"element","tag":"h2","props":{"id":"default"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"default"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The default layout for every page created in the project. This layout renders multiple section alongside the content:"}]},{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Aside navigation menu (togglable with "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"aside: false/true"}]},{"type":"text","value":")"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Page bottom section (togglable with "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"bottom: false/true"}]},{"type":"text","value":")"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Table of content (togglable with "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"toc: false/true"}]},{"type":"text","value":")"}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-light github-dark","code":"---\naside: true\nbottom: true\ntoc: false\n---\n\nYour awesome content\n","filename":"index.md","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"---"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"aside"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":"true"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"bottom"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":"true"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"toc"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":"false"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"---"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"Your awesome content"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Current page is live sample of default layout."}]},{"type":"element","tag":"h2","props":{"id":"page"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"page"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"page"}]},{"type":"text","value":" layout is content focused layout. This layout does not render aside menu of table of contents."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This layout accept some configuration from content front-matter."}]},{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"fluid"}]},{"type":"text","value":": By setting "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"fluid: true"}]},{"type":"text","value":" in content front-matter the content will be rendered in full width."}]},{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"constrainedClass"}]},{"type":"text","value":": Using this option you can modify layout container look. Like constraining layout width of changing the background."}]},{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"padded"}]},{"type":"text","value":": Setting "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"padded: true"}]},{"type":"text","value":" in front-matter will add horizontal padding in the layout."}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-light github-dark","code":"---\ntitle: Home\nlayout: page\nfluid: true\n---\n","filename":"index.md","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"---"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"title"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"Home"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"layout"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"page"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"fluid"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":"true"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"---"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Check "},{"type":"element","tag":"a","props":{"href":"/"},"children":[{"type":"text","value":"Home page"}]},{"type":"text","value":" as live sample of page layout"}]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":"html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"default","depth":2,"text":"default"},{"id":"page","depth":2,"text":"page"}]}},"_type":"markdown","_id":"content:2.api:3.layouts.md","_source":"content","_file":"2.api/3.layouts.md","_extension":"md"}
\ No newline at end of file
diff --git a/api/_content/query/KW1YZXUc43.1715702777319.json b/api/_content/query/KW1YZXUc43.1715702777319.json
new file mode 100644
index 000000000..21126d1db
--- /dev/null
+++ b/api/_content/query/KW1YZXUc43.1715702777319.json
@@ -0,0 +1 @@
+{"_path":"/api/layouts","_dir":"api","_draft":false,"_partial":false,"_locale":"","title":"Layouts","description":"Docus provides multiple built-in layouts for displaying your Markdown pages.","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"layouts"},"children":[{"type":"text","value":"Layouts"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Docus provides multiple built-in layouts for displaying your Markdown pages."}]},{"type":"element","tag":"h2","props":{"id":"default"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"default"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The default layout for every page created in the project. This layout renders multiple section alongside the content:"}]},{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Aside navigation menu (togglable with "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"aside: false/true"}]},{"type":"text","value":")"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Page bottom section (togglable with "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"bottom: false/true"}]},{"type":"text","value":")"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Table of content (togglable with "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"toc: false/true"}]},{"type":"text","value":")"}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":"---\naside: true\nbottom: true\ntoc: false\n---\n\nYour awesome content\n","filename":"index.md","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"aside"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":"true\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"bottom"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":"true\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"toc"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":"false\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"Your awesome content\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Current page is live sample of default layout."}]},{"type":"element","tag":"h2","props":{"id":"page"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"page"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"page"}]},{"type":"text","value":" layout is content focused layout. This layout does not render aside menu of table of contents."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This layout accept some configuration from content front-matter."}]},{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"fluid"}]},{"type":"text","value":": By setting "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"fluid: true"}]},{"type":"text","value":" in content front-matter the content will be rendered in full width."}]},{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"constrainedClass"}]},{"type":"text","value":": Using this option you can modify layout container look. Like constraining layout width of changing the background."}]},{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"padded"}]},{"type":"text","value":": Setting "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"padded: true"}]},{"type":"text","value":" in front-matter will add horizontal padding in the layout."}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":"---\ntitle: Home\nlayout: page\nfluid: true\n---\n","filename":"index.md","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"title"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"Home\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"layout"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"page\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"fluid"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":"true\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"---\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Check "},{"type":"element","tag":"a","props":{"href":"/"},"children":[{"type":"text","value":"Home page"}]},{"type":"text","value":" as live sample of page layout"}]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":"html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"default","depth":2,"text":"default"},{"id":"page","depth":2,"text":"page"}]}},"_type":"markdown","_id":"content:2.api:3.layouts.md","_source":"content","_file":"2.api/3.layouts.md","_extension":"md"}
\ No newline at end of file
diff --git a/api/_content/query/Kw1BuytD6E.1698738477992.json b/api/_content/query/Kw1BuytD6E.1698738477992.json
deleted file mode 100644
index 20590e57f..000000000
--- a/api/_content/query/Kw1BuytD6E.1698738477992.json
+++ /dev/null
@@ -1 +0,0 @@
-{"_path":"/introduction/project-structure","_dir":"introduction","_draft":false,"_partial":false,"_locale":"","title":"Project Structure","description":"Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home.","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"project-structure"},"children":[{"type":"text","value":"Project Structure"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home."}]},{"type":"element","tag":"h2","props":{"id":"directory-structure"},"children":[{"type":"text","value":"Directory Structure"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This is the minimal directory structure to get an up and running Docus website."}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-light github-dark","code":"content/\n index.md\napp.config.ts\nnuxt.config.ts\n","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"content/"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" index.md"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"app.config.ts"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"nuxt.config.ts"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"content/"}]},{"type":"text","value":" directory is where you "},{"type":"element","tag":"a","props":{"href":"/introduction/writing-pages"},"children":[{"type":"text","value":"write Markdown pages"}]},{"type":"text","value":"."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"app.config.ts"}]},{"type":"text","value":" is where you "},{"type":"element","tag":"a","props":{"href":"/introduction/configuration"},"children":[{"type":"text","value":"configure Docus"}]},{"type":"text","value":" to fit your branding and design."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"nuxt.config.ts"}]},{"type":"text","value":" is your "},{"type":"element","tag":"a","props":{"href":"https://nuxt.com/docs/getting-started/configuration","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt configuration"}]},{"type":"text","value":"."}]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":"html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"directory-structure","depth":2,"text":"Directory Structure"}]}},"_type":"markdown","_id":"content:1.introduction:2.project-structure.md","_source":"content","_file":"1.introduction/2.project-structure.md","_extension":"md"}
\ No newline at end of file
diff --git a/api/_content/query/Kw1BuytD6E.1715702777319.json b/api/_content/query/Kw1BuytD6E.1715702777319.json
new file mode 100644
index 000000000..24c7c0fe2
--- /dev/null
+++ b/api/_content/query/Kw1BuytD6E.1715702777319.json
@@ -0,0 +1 @@
+{"_path":"/introduction/project-structure","_dir":"introduction","_draft":false,"_partial":false,"_locale":"","title":"Project Structure","description":"Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home.","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"project-structure"},"children":[{"type":"text","value":"Project Structure"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home."}]},{"type":"element","tag":"h2","props":{"id":"directory-structure"},"children":[{"type":"text","value":"Directory Structure"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This is the minimal directory structure to get an up and running Docus website."}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-dark github-light","code":"content/\n index.md\napp.config.ts\nnuxt.config.ts\n","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"content/\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" index.md\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"app.config.ts\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"nuxt.config.ts\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"content/"}]},{"type":"text","value":" directory is where you "},{"type":"element","tag":"a","props":{"href":"/introduction/writing-pages"},"children":[{"type":"text","value":"write Markdown pages"}]},{"type":"text","value":"."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"app.config.ts"}]},{"type":"text","value":" is where you "},{"type":"element","tag":"a","props":{"href":"/introduction/configuration"},"children":[{"type":"text","value":"configure Docus"}]},{"type":"text","value":" to fit your branding and design."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"nuxt.config.ts"}]},{"type":"text","value":" is your "},{"type":"element","tag":"a","props":{"href":"https://nuxt.com/docs/getting-started/configuration","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt configuration"}]},{"type":"text","value":"."}]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":"html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"directory-structure","depth":2,"text":"Directory Structure"}]}},"_type":"markdown","_id":"content:1.introduction:2.project-structure.md","_source":"content","_file":"1.introduction/2.project-structure.md","_extension":"md"}
\ No newline at end of file
diff --git a/api/_content/query/Q6WCLUWKLP.1698738477992.json b/api/_content/query/Q6WCLUWKLP.1698738477992.json
deleted file mode 100644
index 2c103cf3d..000000000
--- a/api/_content/query/Q6WCLUWKLP.1698738477992.json
+++ /dev/null
@@ -1 +0,0 @@
-{"_path":"/introduction/getting-started","_dir":"introduction","_draft":false,"_partial":false,"_locale":"","title":"Getting Started","description":"From your Markdown files to a deployed website in few minutes.","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"getting-started"},"children":[{"type":"text","value":"Getting Started"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"From your Markdown files to a deployed website in few minutes."}]},{"type":"element","tag":"h2","props":{"id":"play-online"},"children":[{"type":"text","value":"Play online"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"You can start playing with Docus in your browser using Stackblitz:"}]},{"type":"element","tag":"button-link","props":{":blank":"true","href":"https://stackblitz.com/github/nuxt-themes/docus-starter","icon":"IconStackBlitz","size":"small"},"children":[{"type":"text","value":"Play on StackBlitz"}]},{"type":"element","tag":"h2","props":{"id":"create-a-new-project"},"children":[{"type":"text","value":"Create a new project"}]},{"type":"element","tag":"ol","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Start a fresh Docus project with:"}]}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-light github-dark","code":"npx nuxi@latest init docs -t themes/docus\n","filename":"npx","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"npx"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" nuxi@latest"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" init"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" docs"}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":" -t"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" themes/docus"}]}]}]}]},{"type":"element","tag":"ol","props":{"start":2},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Install the dependencies in the "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"docs"}]},{"type":"text","value":" folder:"}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-light github-dark","code":"npm install\n","filename":"npm","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"npm"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" install"}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-light github-dark","code":"yarn install\n","filename":"yarn","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"yarn"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" install"}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-light github-dark","code":"pnpm install --shamefully-hoist\n","filename":"pnpm","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"pnpm"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" install"}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":" --shamefully-hoist"}]}]}]}]}]},{"type":"element","tag":"ol","props":{"start":3},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Run the "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"dev"}]},{"type":"text","value":" command to start Docus in development mode:"}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-light github-dark","code":"npm run dev\n","filename":"npm","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"npm"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" run"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" dev"}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-light github-dark","code":"yarn dev\n","filename":"yarn","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"yarn"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" dev"}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-light github-dark","code":"pnpm run dev\n","filename":"pnpm","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"pnpm"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" run"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" dev"}]}]}]}]}]},{"type":"element","tag":"alert","props":{"type":"success"},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"✨ Well done! A browser window should automatically open for "},{"type":"element","tag":"a","props":{"href":"http://localhost:3000","rel":["nofollow"]},"children":[{"type":"text","value":"http://localhost:3000"}]}]}]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":"html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"play-online","depth":2,"text":"Play online"},{"id":"create-a-new-project","depth":2,"text":"Create a new project"}]}},"_type":"markdown","_id":"content:1.introduction:1.getting-started.md","_source":"content","_file":"1.introduction/1.getting-started.md","_extension":"md"}
\ No newline at end of file
diff --git a/api/_content/query/Q6WCLUWKLP.1715702777319.json b/api/_content/query/Q6WCLUWKLP.1715702777319.json
new file mode 100644
index 000000000..07ddfff8a
--- /dev/null
+++ b/api/_content/query/Q6WCLUWKLP.1715702777319.json
@@ -0,0 +1 @@
+{"_path":"/introduction/getting-started","_dir":"introduction","_draft":false,"_partial":false,"_locale":"","title":"Getting Started","description":"From your Markdown files to a deployed website in few minutes.","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"getting-started"},"children":[{"type":"text","value":"Getting Started"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"From your Markdown files to a deployed website in few minutes."}]},{"type":"element","tag":"h2","props":{"id":"play-online"},"children":[{"type":"text","value":"Play online"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"You can start playing with Docus in your browser using Stackblitz:"}]},{"type":"element","tag":"button-link","props":{":blank":"true","href":"https://stackblitz.com/github/nuxt-themes/docus-starter","icon":"IconStackBlitz","size":"small"},"children":[{"type":"text","value":"Play on StackBlitz"}]},{"type":"element","tag":"h2","props":{"id":"create-a-new-project"},"children":[{"type":"text","value":"Create a new project"}]},{"type":"element","tag":"ol","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Start a fresh Docus project with:"}]}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-dark github-light","code":"npx nuxi@latest init docs -t themes/docus\n","filename":"npx","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"npx"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" nuxi@latest"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" init"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" docs"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":" -t"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" themes/docus\n"}]}]}]}]},{"type":"element","tag":"ol","props":{"start":2},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Install the dependencies in the "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"docs"}]},{"type":"text","value":" folder:"}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-dark github-light","code":"npm install\n","filename":"npm","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"npm"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" install\n"}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-dark github-light","code":"yarn install\n","filename":"yarn","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"yarn"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" install\n"}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-dark github-light","code":"pnpm install --shamefully-hoist\n","filename":"pnpm","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"pnpm"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" install"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":" --shamefully-hoist\n"}]}]}]}]}]},{"type":"element","tag":"ol","props":{"start":3},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Run the "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"dev"}]},{"type":"text","value":" command to start Docus in development mode:"}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-dark github-light","code":"npm run dev\n","filename":"npm","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"npm"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" run"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" dev\n"}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-dark github-light","code":"yarn dev\n","filename":"yarn","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"yarn"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" dev\n"}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-dark github-light","code":"pnpm run dev\n","filename":"pnpm","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"pnpm"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" run"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" dev\n"}]}]}]}]}]},{"type":"element","tag":"alert","props":{"type":"success"},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"✨ Well done! A browser window should automatically open for "},{"type":"element","tag":"a","props":{"href":"http://localhost:3000","rel":["nofollow"]},"children":[{"type":"text","value":"http://localhost:3000"}]}]}]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":"html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"play-online","depth":2,"text":"Play online"},{"id":"create-a-new-project","depth":2,"text":"Create a new project"}]}},"_type":"markdown","_id":"content:1.introduction:1.getting-started.md","_source":"content","_file":"1.introduction/1.getting-started.md","_extension":"md"}
\ No newline at end of file
diff --git a/api/_content/query/YpcIrKDI2v.1698738477992.json b/api/_content/query/YpcIrKDI2v.1698738477992.json
deleted file mode 100644
index 69ea7825f..000000000
--- a/api/_content/query/YpcIrKDI2v.1698738477992.json
+++ /dev/null
@@ -1 +0,0 @@
-{"_path":"/api/composables","_dir":"api","_draft":false,"_partial":false,"_locale":"","title":"Composables","description":"Discover the Docus composables to use in your custom Vue components and pages.","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"composables"},"children":[{"type":"text","value":"Composables"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Discover the Docus composables to use in your custom Vue components and pages."}]},{"type":"element","tag":"h2","props":{"id":"usedocus"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"useDocus()"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"code","props":{"className":"language-ts shiki shiki-themes github-light github-dark","language":"ts","style":""},"children":[{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"useDocus"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"()"}]}]},{"type":"text","value":" gives access to docus runtime config, all default values and your custom config from "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"app.config.ts"}]}]},{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"config"}]},{"type":"text","value":" refers to the merged config of the current page."}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"main"}]},{"type":"text","value":", "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"header"}]},{"type":"text","value":", "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"aside"}]},{"type":"text","value":", "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"footer"}]},{"type":"text","value":" and "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"titleTemplate"}]},{"type":"text","value":" can be set from "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"_dir.yml"}]},{"type":"text","value":" and any "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"page.md"}]},{"type":"text","value":" file."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The configs in "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"app.config"}]},{"type":"text","value":" file will be used as defaults."}]},{"type":"element","tag":"pre","props":{"className":"language-vue shiki shiki-themes github-light github-dark","code":"\n\n\n \n
{{ config.title }} \n
{{ config.description }}
\n
\n \n","language":"vue","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"<"}]},{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"script"}]},{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" setup"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":">"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"const"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" { "}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":"config"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" } "}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" useDocus"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"()"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":""}]},{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"script"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":">"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"<"}]},{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"template"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":">"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" <"}]},{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"div"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":">"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" <"}]},{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"h1"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":">{{ config.title }}"}]},{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"h1"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":">"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" <"}]},{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"p"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":">{{ config.description }}"}]},{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"p"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":">"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"div"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":">"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":""}]},{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"template"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":">"}]}]}]}]},{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"tree"}]},{"type":"text","value":" refers to the current navigation tree that is displayed in the "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"aside"}]},{"type":"text","value":" component."}]}]},{"type":"element","tag":"pre","props":{"className":"language-vue shiki shiki-themes github-light github-dark","code":"\n\n\n \n \n","language":"vue","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"<"}]},{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"script"}]},{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" setup"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":">"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"const"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" { "}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":"tree"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" } "}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" useDocus"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"()"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":""}]},{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"script"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":">"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"<"}]},{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"template"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":">"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" <"}]},{"type":"element","tag":"span","props":{"style":"color:#B31D28;--shiki-dark:#FDAEB7;font-style:italic;--shiki-dark-font-style:italic"},"children":[{"type":"text","value":"DocsAsideTree"}]},{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" :links"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"\"tree\""}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" />"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":""}]},{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"template"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":">"}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"composables/useDocus.ts"},"children":[]},{"type":"element","tag":"h2","props":{"id":"usemenu"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"useMenu()"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"useMenu()"}]},{"type":"text","value":" gives access to "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"$menu"}]},{"type":"text","value":" plugin controlling mobile navigation globally."}]},{"type":"element","tag":"pre","props":{"className":"language-ts shiki shiki-themes github-light github-dark","code":"const {\n // Is menu visible\n visible,\n // Close menu function\n close,\n // Open menu function\n open,\n // Toggle menu function\n toggle\n} = useMenu()\n","language":"ts","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"const"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#6A737D;--shiki-dark:#6A737D"},"children":[{"type":"text","value":" // Is menu visible"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":" visible"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#6A737D;--shiki-dark:#6A737D"},"children":[{"type":"text","value":" // Close menu function"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":" close"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#6A737D;--shiki-dark:#6A737D"},"children":[{"type":"text","value":" // Open menu function"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":" open"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"color:#6A737D;--shiki-dark:#6A737D"},"children":[{"type":"text","value":" // Toggle menu function"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":" toggle"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"} "}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" useMenu"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"()"}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"composables/useMenu.ts"},"children":[]},{"type":"element","tag":"h2","props":{"id":"usescrollspy"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"useScrollspy()"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"useScrollspy()"}]},{"type":"text","value":" is used in "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"docs"}]},{"type":"text","value":" layout to make the ToC display the currently visible headings."}]},{"type":"element","tag":"pre","props":{"className":"language-ts shiki shiki-themes github-light github-dark","code":"const {\n // Headings on the page\n visibleHeadings,\n // Active headings (for the current page)\n activeHeadings,\n // Update headings (an array of DOM nodes)\n updateHeadings\n} = useScrollspy()\n","language":"ts","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"const"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#6A737D;--shiki-dark:#6A737D"},"children":[{"type":"text","value":" // Headings on the page"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":" visibleHeadings"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#6A737D;--shiki-dark:#6A737D"},"children":[{"type":"text","value":" // Active headings (for the current page)"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":" activeHeadings"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#6A737D;--shiki-dark:#6A737D"},"children":[{"type":"text","value":" // Update headings (an array of DOM nodes)"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":" updateHeadings"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"} "}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" useScrollspy"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"()"}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"composables/useScrollspy.ts"},"children":[]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":"html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"usedocus","depth":2,"text":"useDocus()"},{"id":"usemenu","depth":2,"text":"useMenu()"},{"id":"usescrollspy","depth":2,"text":"useScrollspy()"}]}},"_type":"markdown","_id":"content:2.api:2.composables.md","_source":"content","_file":"2.api/2.composables.md","_extension":"md"}
\ No newline at end of file
diff --git a/api/_content/query/YpcIrKDI2v.1715702777319.json b/api/_content/query/YpcIrKDI2v.1715702777319.json
new file mode 100644
index 000000000..838df1618
--- /dev/null
+++ b/api/_content/query/YpcIrKDI2v.1715702777319.json
@@ -0,0 +1 @@
+{"_path":"/api/composables","_dir":"api","_draft":false,"_partial":false,"_locale":"","title":"Composables","description":"Discover the Docus composables to use in your custom Vue components and pages.","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"composables"},"children":[{"type":"text","value":"Composables"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Discover the Docus composables to use in your custom Vue components and pages."}]},{"type":"element","tag":"h2","props":{"id":"usedocus"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"useDocus()"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"code","props":{"className":"language-ts shiki shiki-themes github-dark github-light","language":"ts","style":""},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"useDocus"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"()"}]}]},{"type":"text","value":" gives access to docus runtime config, all default values and your custom config from "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"app.config.ts"}]}]},{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"config"}]},{"type":"text","value":" refers to the merged config of the current page."}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"main"}]},{"type":"text","value":", "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"header"}]},{"type":"text","value":", "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"aside"}]},{"type":"text","value":", "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"footer"}]},{"type":"text","value":" and "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"titleTemplate"}]},{"type":"text","value":" can be set from "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"_dir.yml"}]},{"type":"text","value":" and any "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"page.md"}]},{"type":"text","value":" file."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The configs in "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"app.config"}]},{"type":"text","value":" file will be used as defaults."}]},{"type":"element","tag":"pre","props":{"className":"language-vue shiki shiki-themes github-dark github-light","code":"\n\n\n \n
{{ config.title }} \n
{{ config.description }}
\n
\n \n","language":"vue","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"<"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"script"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" setup"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":">\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"const"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" { "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":"config"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" } "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" useDocus"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"()\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":""}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"script"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":">\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"<"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"template"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":">\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" <"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"div"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":">\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" <"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"h1"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":">{{ config.title }}"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"h1"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":">\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" <"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"p"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":">{{ config.description }}"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"p"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":">\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"div"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":">\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":""}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"template"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":">\n"}]}]}]}]},{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"tree"}]},{"type":"text","value":" refers to the current navigation tree that is displayed in the "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"aside"}]},{"type":"text","value":" component."}]}]},{"type":"element","tag":"pre","props":{"className":"language-vue shiki shiki-themes github-dark github-light","code":"\n\n\n \n \n","language":"vue","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"<"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"script"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" setup"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":">\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"const"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" { "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":"tree"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" } "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" useDocus"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"()\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":""}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"script"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":">\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"<"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"template"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":">\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" <"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"DocsAsideTree"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" :"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"links"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"tree"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" />\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":""}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"template"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":">\n"}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"composables/useDocus.ts"},"children":[]},{"type":"element","tag":"h2","props":{"id":"usemenu"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"useMenu()"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"useMenu()"}]},{"type":"text","value":" gives access to "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"$menu"}]},{"type":"text","value":" plugin controlling mobile navigation globally."}]},{"type":"element","tag":"pre","props":{"className":"language-ts shiki shiki-themes github-dark github-light","code":"const {\n // Is menu visible\n visible,\n // Close menu function\n close,\n // Open menu function\n open,\n // Toggle menu function\n toggle\n} = useMenu()\n","language":"ts","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"const"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#6A737D;--shiki-default:#6A737D"},"children":[{"type":"text","value":" // Is menu visible\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":" visible"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#6A737D;--shiki-default:#6A737D"},"children":[{"type":"text","value":" // Close menu function\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":" close"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#6A737D;--shiki-default:#6A737D"},"children":[{"type":"text","value":" // Open menu function\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":" open"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#6A737D;--shiki-default:#6A737D"},"children":[{"type":"text","value":" // Toggle menu function\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":" toggle\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"} "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" useMenu"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"()\n"}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"composables/useMenu.ts"},"children":[]},{"type":"element","tag":"h2","props":{"id":"usescrollspy"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"useScrollspy()"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"useScrollspy()"}]},{"type":"text","value":" is used in "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"docs"}]},{"type":"text","value":" layout to make the ToC display the currently visible headings."}]},{"type":"element","tag":"pre","props":{"className":"language-ts shiki shiki-themes github-dark github-light","code":"const {\n // Headings on the page\n visibleHeadings,\n // Active headings (for the current page)\n activeHeadings,\n // Update headings (an array of DOM nodes)\n updateHeadings\n} = useScrollspy()\n","language":"ts","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"const"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#6A737D;--shiki-default:#6A737D"},"children":[{"type":"text","value":" // Headings on the page\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":" visibleHeadings"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#6A737D;--shiki-default:#6A737D"},"children":[{"type":"text","value":" // Active headings (for the current page)\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":" activeHeadings"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#6A737D;--shiki-default:#6A737D"},"children":[{"type":"text","value":" // Update headings (an array of DOM nodes)\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":" updateHeadings\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"} "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" useScrollspy"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"()\n"}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"composables/useScrollspy.ts"},"children":[]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":"html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"usedocus","depth":2,"text":"useDocus()"},{"id":"usemenu","depth":2,"text":"useMenu()"},{"id":"usescrollspy","depth":2,"text":"useScrollspy()"}]}},"_type":"markdown","_id":"content:2.api:2.composables.md","_source":"content","_file":"2.api/2.composables.md","_extension":"md"}
\ No newline at end of file
diff --git a/api/_content/query/brX4CwCJoQ.1698738477992.json b/api/_content/query/brX4CwCJoQ.1715702777319.json
similarity index 99%
rename from api/_content/query/brX4CwCJoQ.1698738477992.json
rename to api/_content/query/brX4CwCJoQ.1715702777319.json
index 21d478c8a..03f146850 100644
--- a/api/_content/query/brX4CwCJoQ.1698738477992.json
+++ b/api/_content/query/brX4CwCJoQ.1715702777319.json
@@ -1 +1 @@
-{"_path":"/","_dir":"","_draft":false,"_partial":false,"_locale":"","title":"Home","description":"","navigation":false,"layout":"page","main":{"fluid":false},"body":{"type":"root","children":[{"type":"element","tag":"ellipsis","props":{"blur":"150px","width":"75%","right":"0px"},"children":[]},{"type":"element","tag":"block-hero","props":{":cta":"[\"Get started\",\"/introduction/getting-started\"]",":secondary":"[\"Open on GitHub →\",\"https://github.com/nuxt-themes/docus\"]"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The best place to start your documentation."}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Write pages in "},{"type":"element","tag":"a","props":{"href":"https://content.nuxtjs.org","rel":["nofollow"]},"children":[{"type":"text","value":"Markdown"}]},{"type":"text","value":", use "},{"type":"element","tag":"a","props":{"href":"https://vuejs.org","rel":["nofollow"]},"children":[{"type":"text","value":"Vue"}]},{"type":"text","value":" components and enjoy the power of "},{"type":"element","tag":"a","props":{"href":"https://nuxt.com","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt"}]},{"type":"text","value":"."}]}]},{"type":"element","tag":"template","props":{"v-slot:extra":""},"children":[{"type":"element","tag":"list","props":{},"children":[{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"+50 Components"}]},{"type":"text","value":" ready to build rich pages"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Docs"}]},{"type":"text","value":" and "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Page"}]},{"type":"text","value":" layouts"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Start from a "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"README"}]},{"type":"text","value":", scale to a framework documentation"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Navigation and Table of Contents generation"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Fully configurable design system"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Leverages "},{"type":"element","tag":"a","props":{"href":"https://typography.nuxt.space/","rel":["nofollow"]},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Typography"}]}]},{"type":"text","value":" and "},{"type":"element","tag":"a","props":{"href":"https://elements.nuxt.dev","rel":["nofollow"]},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Elements"}]}]}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Used on "},{"type":"element","tag":"a","props":{"href":"https://content.nuxtjs.org","rel":["nofollow"]},"children":[{"type":"text","value":"Content Documentation"}]}]}]}]}]},{"type":"element","tag":"template","props":{"v-slot:support":""},"children":[{"type":"element","tag":"terminal","props":{":content":"[\"npx nuxi@latest init -t themes/docus\",\"cd docs\",\"npm install\",\"npm run dev\"]"},"children":[]}]}]},{"type":"element","tag":"card-grid","props":{},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"What's included"}]}]},{"type":"element","tag":"template","props":{"v-slot:root":""},"children":[{"type":"element","tag":"ellipsis","props":{"blur":"140px","width":"40rem","left":"0px","top":"10rem"},"children":[]}]},{"type":"element","tag":"card","props":{"icon":"logos:nuxt-icon"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Nuxt Architecture"}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Harness the full power of "},{"type":"element","tag":"a","props":{"href":"https://v3.nuxtjs.org","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt 3"}]},{"type":"text","value":" and its "},{"type":"element","tag":"a","props":{"href":"https://modules.nuxtjs.org","rel":["nofollow"]},"children":[{"type":"text","value":"modules"}]},{"type":"text","value":" ecosystem."}]}]}]},{"type":"element","tag":"card","props":{"icon":"IconNuxtStudio"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Nuxt Studio ready"}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Edit your theme content and appearance with live-preview within "},{"type":"element","tag":"a","props":{"href":"https://nuxt.studio","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt Studio"}]},{"type":"text","value":"."}]}]}]},{"type":"element","tag":"card","props":{"icon":"logos:vue"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Vue Components"}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Use built-in components (or your own!) inside your content."}]}]}]},{"type":"element","tag":"card","props":{"icon":"simple-icons:markdown"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Write Markdown"}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Enjoy the ease and simplicity of Markdown and discover "},{"type":"element","tag":"a","props":{"href":"https://content.nuxtjs.org/guide/writing/mdc","rel":["nofollow"]},"children":[{"type":"text","value":"MDC syntax"}]},{"type":"text","value":"."}]}]}]},{"type":"element","tag":"card","props":{"icon":"noto:rocket"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Deploy anywhere"}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Zero config on "},{"type":"element","tag":"a","props":{"href":"https://vercel.com","rel":["nofollow"]},"children":[{"type":"text","value":"Vercel"}]},{"type":"text","value":" or "},{"type":"element","tag":"a","props":{"href":"https://netlify.com","rel":["nofollow"]},"children":[{"type":"text","value":"Netlify"}]},{"type":"text","value":". Choose between static generation, on-demand rendering (Node) or edge-side rendering on "},{"type":"element","tag":"a","props":{"href":"https://workers.cloudflare.com","rel":["nofollow"]},"children":[{"type":"text","value":"CloudFlare workers"}]},{"type":"text","value":"."}]}]}]},{"type":"element","tag":"card","props":{"icon":"noto:puzzle-piece"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Extensible."}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Customize the whole design, or add components using slots - you can make Docus your own."}]}]}]}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[]}},"_type":"markdown","_id":"content:0.index.md","_source":"content","_file":"0.index.md","_extension":"md"}
\ No newline at end of file
+{"_path":"/","_dir":"","_draft":false,"_partial":false,"_locale":"","title":"Home","description":"","navigation":false,"layout":"page","main":{"fluid":false},"body":{"type":"root","children":[{"type":"element","tag":"ellipsis","props":{"blur":"150px","width":"75%","right":"0px"},"children":[]},{"type":"element","tag":"block-hero","props":{":cta":"[\"Get started\",\"/introduction/getting-started\"]",":secondary":"[\"Open on GitHub →\",\"https://github.com/nuxt-themes/docus\"]"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The best place to start your documentation."}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Write pages in "},{"type":"element","tag":"a","props":{"href":"https://content.nuxtjs.org","rel":["nofollow"]},"children":[{"type":"text","value":"Markdown"}]},{"type":"text","value":", use "},{"type":"element","tag":"a","props":{"href":"https://vuejs.org","rel":["nofollow"]},"children":[{"type":"text","value":"Vue"}]},{"type":"text","value":" components and enjoy the power of "},{"type":"element","tag":"a","props":{"href":"https://nuxt.com","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt"}]},{"type":"text","value":"."}]}]},{"type":"element","tag":"template","props":{"v-slot:extra":""},"children":[{"type":"element","tag":"list","props":{},"children":[{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"+50 Components"}]},{"type":"text","value":" ready to build rich pages"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Docs"}]},{"type":"text","value":" and "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Page"}]},{"type":"text","value":" layouts"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Start from a "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"README"}]},{"type":"text","value":", scale to a framework documentation"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Navigation and Table of Contents generation"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Fully configurable design system"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Leverages "},{"type":"element","tag":"a","props":{"href":"https://typography.nuxt.space/","rel":["nofollow"]},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Typography"}]}]},{"type":"text","value":" and "},{"type":"element","tag":"a","props":{"href":"https://elements.nuxt.dev","rel":["nofollow"]},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Elements"}]}]}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Used on "},{"type":"element","tag":"a","props":{"href":"https://content.nuxtjs.org","rel":["nofollow"]},"children":[{"type":"text","value":"Content Documentation"}]}]}]}]}]},{"type":"element","tag":"template","props":{"v-slot:support":""},"children":[{"type":"element","tag":"terminal","props":{":content":"[\"npx nuxi@latest init -t themes/docus\",\"cd docs\",\"npm install\",\"npm run dev\"]"},"children":[]}]}]},{"type":"element","tag":"card-grid","props":{},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"What's included"}]}]},{"type":"element","tag":"template","props":{"v-slot:root":""},"children":[{"type":"element","tag":"ellipsis","props":{"blur":"140px","width":"40rem","left":"0px","top":"10rem"},"children":[]}]},{"type":"element","tag":"card","props":{"icon":"logos:nuxt-icon"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Nuxt Architecture"}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Harness the full power of "},{"type":"element","tag":"a","props":{"href":"https://v3.nuxtjs.org","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt 3"}]},{"type":"text","value":" and its "},{"type":"element","tag":"a","props":{"href":"https://modules.nuxtjs.org","rel":["nofollow"]},"children":[{"type":"text","value":"modules"}]},{"type":"text","value":" ecosystem."}]}]}]},{"type":"element","tag":"card","props":{"icon":"IconNuxtStudio"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Nuxt Studio ready"}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Edit your theme content and appearance with live-preview within "},{"type":"element","tag":"a","props":{"href":"https://nuxt.studio","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt Studio"}]},{"type":"text","value":"."}]}]}]},{"type":"element","tag":"card","props":{"icon":"logos:vue"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Vue Components"}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Use built-in components (or your own!) inside your content."}]}]}]},{"type":"element","tag":"card","props":{"icon":"simple-icons:markdown"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Write Markdown"}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Enjoy the ease and simplicity of Markdown and discover "},{"type":"element","tag":"a","props":{"href":"https://content.nuxtjs.org/guide/writing/mdc","rel":["nofollow"]},"children":[{"type":"text","value":"MDC syntax"}]},{"type":"text","value":"."}]}]}]},{"type":"element","tag":"card","props":{"icon":"noto:rocket"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Deploy anywhere"}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Zero config on "},{"type":"element","tag":"a","props":{"href":"https://vercel.com","rel":["nofollow"]},"children":[{"type":"text","value":"Vercel"}]},{"type":"text","value":" or "},{"type":"element","tag":"a","props":{"href":"https://netlify.com","rel":["nofollow"]},"children":[{"type":"text","value":"Netlify"}]},{"type":"text","value":". Choose between static generation, on-demand rendering (Node) or edge-side rendering on "},{"type":"element","tag":"a","props":{"href":"https://workers.cloudflare.com","rel":["nofollow"]},"children":[{"type":"text","value":"CloudFlare workers"}]},{"type":"text","value":"."}]}]}]},{"type":"element","tag":"card","props":{"icon":"noto:puzzle-piece"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Extensible."}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Customize the whole design, or add components using slots - you can make Docus your own."}]}]}]}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[]}},"_type":"markdown","_id":"content:0.index.md","_source":"content","_file":"0.index.md","_extension":"md"}
\ No newline at end of file
diff --git a/api/_content/query/cshbhgn3Uj.1698738477992.json b/api/_content/query/cshbhgn3Uj.1715702777319.json
similarity index 100%
rename from api/_content/query/cshbhgn3Uj.1698738477992.json
rename to api/_content/query/cshbhgn3Uj.1715702777319.json
diff --git a/api/_content/query/dZcaUGUKDe.1698738477992.json b/api/_content/query/dZcaUGUKDe.1715702777319.json
similarity index 100%
rename from api/_content/query/dZcaUGUKDe.1698738477992.json
rename to api/_content/query/dZcaUGUKDe.1715702777319.json
diff --git a/api/_content/query/jCCSrH3kcK.1698738477992.json b/api/_content/query/jCCSrH3kcK.1698738477992.json
deleted file mode 100644
index 5bff28f56..000000000
--- a/api/_content/query/jCCSrH3kcK.1698738477992.json
+++ /dev/null
@@ -1 +0,0 @@
-{"_path":"/api/components","_dir":"api","_draft":false,"_partial":false,"_locale":"","title":"Components","description":"Discover every component you can use in your content.","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"components"},"children":[{"type":"text","value":"Components"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Discover every component you can use in your content."}]},{"type":"element","tag":"h2","props":{"id":"alert"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":true},"children":[{"type":"element","tag":"alert","props":{"type":"info","style":"margin-top: 0;"},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Check out an "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"info"}]},{"type":"text","value":" alert with "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"code"}]},{"type":"text","value":" and a "},{"type":"element","tag":"a","props":{"href":"/"},"children":[{"type":"text","value":"link"}]},{"type":"text","value":"."}]}]},{"type":"element","tag":"alert","props":{"type":"success"},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Check out a "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"success"}]},{"type":"text","value":" alert with "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"code"}]},{"type":"text","value":" and a "},{"type":"element","tag":"a","props":{"href":"/"},"children":[{"type":"text","value":"link"}]},{"type":"text","value":"."}]}]},{"type":"element","tag":"alert","props":{"type":"warning"},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Check out a "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"warning"}]},{"type":"text","value":" alert with "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"code"}]},{"type":"text","value":" and a "},{"type":"element","tag":"a","props":{"href":"/"},"children":[{"type":"text","value":"link"}]},{"type":"text","value":"."}]}]},{"type":"element","tag":"alert","props":{"type":"danger","style":"margin-bottom: 0;"},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Check out a "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"danger"}]},{"type":"text","value":" alert with "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"code"}]},{"type":"text","value":" and a "},{"type":"element","tag":"a","props":{"href":"/"},"children":[{"type":"text","value":"link"}]},{"type":"text","value":"."}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-light github-dark","code":"::alert{type=\"info\"}\nCheck out an **info** alert with `code` and a [link](/).\n::\n\n::alert{type=\"success\"}\nCheck out a **success** alert with `code` and a [link](/).\n::\n\n::alert{type=\"warning\"}\nCheck out a **warning** alert with `code` and a [link](/).\n::\n\n::alert{type=\"danger\"}\nCheck out a **danger** alert with `code` and a [link](/).\n::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::alert{type=\"info\"}"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"Check out an "}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8;font-weight:bold;--shiki-dark-font-weight:bold"},"children":[{"type":"text","value":"**info**"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" alert with "}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":"`code`"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" and a ["}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#DBEDFF;text-decoration:underline;--shiki-dark-text-decoration:underline"},"children":[{"type":"text","value":"link"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"]("}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8;text-decoration:underline;--shiki-dark-text-decoration:underline"},"children":[{"type":"text","value":"/"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":")."}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::alert{type=\"success\"}"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"Check out a "}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8;font-weight:bold;--shiki-dark-font-weight:bold"},"children":[{"type":"text","value":"**success**"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" alert with "}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":"`code`"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" and a ["}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#DBEDFF;text-decoration:underline;--shiki-dark-text-decoration:underline"},"children":[{"type":"text","value":"link"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"]("}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8;text-decoration:underline;--shiki-dark-text-decoration:underline"},"children":[{"type":"text","value":"/"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":")."}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::alert{type=\"warning\"}"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"Check out a "}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8;font-weight:bold;--shiki-dark-font-weight:bold"},"children":[{"type":"text","value":"**warning**"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" alert with "}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":"`code`"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" and a ["}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#DBEDFF;text-decoration:underline;--shiki-dark-text-decoration:underline"},"children":[{"type":"text","value":"link"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"]("}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8;text-decoration:underline;--shiki-dark-text-decoration:underline"},"children":[{"type":"text","value":"/"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":")."}]}]},{"type":"element","tag":"span","props":{"class":"line","line":11},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":12},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":13},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::alert{type=\"danger\"}"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":14},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"Check out a "}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8;font-weight:bold;--shiki-dark-font-weight:bold"},"children":[{"type":"text","value":"**danger**"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" alert with "}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":"`code`"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" and a ["}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#DBEDFF;text-decoration:underline;--shiki-dark-text-decoration:underline"},"children":[{"type":"text","value":"link"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"]("}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8;text-decoration:underline;--shiki-dark-text-decoration:underline"},"children":[{"type":"text","value":"/"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":")."}]}]},{"type":"element","tag":"span","props":{"class":"line","line":15},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/Alert.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"badge"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":" "}]},{"type":"text","value":" support same types as "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":" "}]},{"type":"text","value":"."}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":true},"children":[{"type":"element","tag":"div","props":{"style":"display:flex; gap: 1rem;"},"children":[{"type":"element","tag":"badge","props":{},"children":[{"type":"text","value":"v1.2"}]},{"type":"element","tag":"badge","props":{"type":"warning"},"children":[{"type":"text","value":"Deprecated"}]},{"type":"element","tag":"badge","props":{"type":"danger"},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Not found!"}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-light github-dark","code":":badge[v1.2]\n\n:badge[Deprecated]{type=\"warning\"}\n\n::badge{type=\"danger\"}\nNot found!\n::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":":badge["}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#DBEDFF;text-decoration:underline;--shiki-dark-text-decoration:underline"},"children":[{"type":"text","value":"v1.2"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"]"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":":badge["}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#DBEDFF;text-decoration:underline;--shiki-dark-text-decoration:underline"},"children":[{"type":"text","value":"Deprecated"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"]{type=\"warning\"}"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::badge{type=\"danger\"}"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"Not found!"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/Badge.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"blockhero"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview"},"children":[{"type":"element","tag":"block-hero","props":{":cta":"[\"Get started\",\"/introduction/getting-started\"]",":secondary":"[\"Open on GitHub →\",\"https://github.com/nuxtlabs/docus\"]","snippet":"npx nuxi@latest init docus-app -t nuxtlabs/docus-starter"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Document-driven framework"}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites."}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-light github-dark","code":"::block-hero\n---\ncta:\n - Get started\n - /get-started\nsecondary:\n - Open on GitHub →\n - https://github.com/nuxtlabs/docus\nsnippet: npx nuxi@latest init docus-app -t nuxtlabs/docus-starter\n---\n#title\nDocument-driven framework\n\n#description\nDocus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites.\n::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::block-hero"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF;font-weight:bold;--shiki-dark-font-weight:bold"},"children":[{"type":"text","value":"---"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"cta:"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":" -"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Get started"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":" -"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" /get-started"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"secondary:"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":" -"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Open on GitHub →"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":" -"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" https://github.com/nuxtlabs/docus"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"snippet: npx nuxi@latest init docus-app -t nuxtlabs/docus-starter"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF;font-weight:bold;--shiki-dark-font-weight:bold"},"children":[{"type":"text","value":"---"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":11},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"#title"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":12},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"Document-driven framework"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":13},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":14},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"#description"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":15},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites."}]}]},{"type":"element","tag":"span","props":{"class":"line","line":16},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/BlockHero.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"buttonlink"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":true},"children":[{"type":"element","tag":"button-link","props":{":blank":"true","href":"https://stackblitz.com/github/nuxtlabs/docus-starter","icon":"IconStackBlitz"},"children":[{"type":"text","value":"Play on StackBlitz"}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-light github-dark","code":":button-link[Play on StackBlitz]{icon=\"IconStackBlitz\" href=\"https://stackblitz.com/github/nuxtlabs/docus-starter\" blank}\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":":button-link[Play on StackBlitz]{icon=\"IconStackBlitz\" href=\"https://stackblitz.com/github/nuxtlabs/docus-starter\" blank}"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/ButtonLink.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"callout"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":" "}]},{"type":"text","value":" support same types as "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":" "}]},{"type":"text","value":"."}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview"},"children":[{"type":"element","tag":"callout","props":{},"children":[{"type":"element","tag":"template","props":{"v-slot:summary":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This is a callout! Click me to open."}]}]},{"type":"element","tag":"template","props":{"v-slot:content":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This is the content of the callout."}]}]}]},{"type":"element","tag":"callout","props":{"type":"warning"},"children":[{"type":"element","tag":"template","props":{"v-slot:summary":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This is a callout! Click me to open."}]}]},{"type":"element","tag":"template","props":{"v-slot:content":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This is the content of the callout."}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-light github-dark","code":"::callout\n#summary\nThis is a callout! Click me to open.\n\n#content\nThis is the content of the callout.\n::\n \n::callout{type=\"warning\"}\n#summary\nThis is a callout! Click me to open.\n\n#content\nThis is the content of the callout.\n::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::callout"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"#summary"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"This is a callout! Click me to open."}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"#content"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"This is the content of the callout."}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::callout{type=\"warning\"}"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"#summary"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":11},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"This is a callout! Click me to open."}]}]},{"type":"element","tag":"span","props":{"class":"line","line":12},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":13},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"#content"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":14},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"This is the content of the callout."}]}]},{"type":"element","tag":"span","props":{"class":"line","line":15},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/Callout.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"card"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview"},"children":[{"type":"element","tag":"card","props":{"icon":"logos:nuxt-icon"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Nuxt Architecture."}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Based on "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Nuxt 3"}]},{"type":"text","value":" and "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Nuxt Content"}]},{"type":"text","value":". "},{"type":"element","tag":"br","props":{},"children":[]},{"type":"text","value":"\nUse Nuxt to build a static site, or a serverless app."}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-light github-dark","code":" ::card{icon=\"logos:nuxt-icon\"}\n #title\n Nuxt Architecture.\n #description\n Based on **Nuxt 3** and **Nuxt Content**. :br\n Use Nuxt to build a static site, or a serverless app.\n ::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" ::card{icon=\"logos:nuxt-icon\"}"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" #title"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Nuxt Architecture."}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" #description"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Based on "}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8;font-weight:bold;--shiki-dark-font-weight:bold"},"children":[{"type":"text","value":"**Nuxt 3**"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" and "}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8;font-weight:bold;--shiki-dark-font-weight:bold"},"children":[{"type":"text","value":"**Nuxt Content**"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":". :br"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Use Nuxt to build a static site, or a serverless app."}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" ::"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/Card.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"cardgrid"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview"},"children":[{"type":"element","tag":"card-grid","props":{},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"What's included?"}]}]},{"type":"element","tag":"template","props":{"v-slot:root":""},"children":[{"type":"element","tag":"ellipsis","props":{},"children":[]}]},{"type":"element","tag":"card","props":{},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Nuxt Architecture."}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Harness the full power of Nuxt and the Nuxt ecosystem."}]}]}]},{"type":"element","tag":"card","props":{},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Vue Components."}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Use built-in components (or your own!) inside your content."}]}]}]},{"type":"element","tag":"card","props":{},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Write Markdown."}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Enjoy the ease and simplicity of Markdown and discover MDC syntax."}]}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-light github-dark","code":"::card-grid\n#title\nWhat's included\n\n#root\n:ellipsis\n\n#default\n ::card\n #title\n Nuxt Architecture.\n #description\n Harness the full power of Nuxt and the Nuxt ecosystem.\n ::\n ::card\n #title\n Vue Components.\n #description\n Use built-in components (or your own!) inside your content.\n ::\n ::card\n #title\n Write Markdown.\n #description\n Enjoy the ease and simplicity of Markdown and discover MDC syntax.\n ::\n::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::card-grid"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"#title"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"What's included"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"#root"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":":ellipsis"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"#default"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" ::card"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" #title"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":11},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Nuxt Architecture."}]}]},{"type":"element","tag":"span","props":{"class":"line","line":12},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" #description"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":13},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Harness the full power of Nuxt and the Nuxt ecosystem."}]}]},{"type":"element","tag":"span","props":{"class":"line","line":14},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" ::"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":15},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" ::card"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":16},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" #title"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":17},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Vue Components."}]}]},{"type":"element","tag":"span","props":{"class":"line","line":18},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" #description"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":19},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Use built-in components (or your own!) inside your content."}]}]},{"type":"element","tag":"span","props":{"class":"line","line":20},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" ::"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":21},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" ::card"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":22},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" #title"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":23},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Write Markdown."}]}]},{"type":"element","tag":"span","props":{"class":"line","line":24},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" #description"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":25},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Enjoy the ease and simplicity of Markdown and discover MDC syntax."}]}]},{"type":"element","tag":"span","props":{"class":"line","line":26},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" ::"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":27},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/CardGrid.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"codegroup"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This component uses "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"slots"}]},{"type":"text","value":" to create a tab panel of your code examples or preview."}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":true},"children":[{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-light github-dark","code":"yarn add docus\n","filename":"Yarn","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"yarn"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" add"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" docus"}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-light github-dark","code":"npm install docus\n","filename":"NPM","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"npm"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" install"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" docus"}]}]}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-light github-dark","code":"::code-group\n ```bash [Yarn]\n yarn add docus\n ```\n ```bash [NPM]\n npm install docus\n ```\n::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::code-group"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" ```bash [Yarn]"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" yarn"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" add"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" docus"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" ```"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" ```bash [NPM]"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" npm"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" install"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" docus"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" ```"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/CodeGroup.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"codeblock"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"To be used inside a "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":" "}]},{"type":"text","value":" component to display a preview of some rendered code."}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":true},"children":[{"type":"element","tag":"badge","props":{},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Hello World!"}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-light github-dark","code":"/* Added as a child of ` ` */\n\n::code-block{label=\"Preview\" preview}\n ::badge\n Hello World!\n ::\n::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"/* Added as a child of "}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":"` `"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" */"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::code-block{label=\"Preview\" preview}"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" ::badge"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Hello World!"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" ::"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/CodeBlock.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"copybutton"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":true},"children":[{"type":"element","tag":"copy-button","props":{"content":"hey!"},"children":[]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-light github-dark","code":":copy-button{content=\"hey!\"}\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":":copy-button{content=\"hey!\"}"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/CopyButton.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"icon"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Icon component gives you access to all "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"100,000+"}]},{"type":"text","value":" icons from "},{"type":"element","tag":"a","props":{"href":"https://icones.js.org","rel":["nofollow"]},"children":[{"type":"text","value":"icones.js.org"}]},{"type":"text","value":"."}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":true},"children":[{"type":"element","tag":"icon","props":{"name":"logos:nuxt-icon"},"children":[]},{"type":"element","tag":"icon","props":{"name":"logos:vue"},"children":[]},{"type":"element","tag":"icon","props":{"name":"logos:nuxt-icon"},"children":[]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-light github-dark","code":":icon{name=\"logos:nuxt-icon\"}\n:icon{name=\"logos:vue\"}\n:icon{name=\"logos:nuxt-icon\"}\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":":icon{name=\"logos:nuxt-icon\"}"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":":icon{name=\"logos:vue\"}"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":":icon{name=\"logos:nuxt-icon\"}"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/Icon.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"list"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"
"}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":true},"children":[{"type":"element","tag":"list","props":{"type":"primary"},"children":[{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Important"}]}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Always"}]}]}]},{"type":"element","tag":"list","props":{"type":"success"},"children":[{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Amazing"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Congrats"}]}]}]},{"type":"element","tag":"list","props":{"type":"info"},"children":[{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Do you know?"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"You can also do this"}]}]}]},{"type":"element","tag":"list","props":{"type":"warning"},"children":[{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Be careful"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Use with precautions"}]}]}]},{"type":"element","tag":"list","props":{"type":"danger"},"children":[{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Drinking too much"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Driving drunk"}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-light github-dark","code":"::list{type=\"primary\"}\n- **Important**\n- Always\n::\n\n::list{type=\"success\"}\n- Amazing\n- Congrats\n::\n\n::list{type=\"info\"}\n- Do you know?\n- You can also do this\n::\n\n::list{type=\"warning\"}\n- Be careful\n- Use with precautions\n::\n\n::list{type=\"danger\"}\n- Drinking too much\n- Driving drunk\n::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::list{type=\"primary\"}"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8;font-weight:bold;--shiki-dark-font-weight:bold"},"children":[{"type":"text","value":" **Important**"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Always"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::list{type=\"success\"}"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Amazing"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Congrats"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":11},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::list{type=\"info\"}"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":12},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Do you know?"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":13},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" You can also do this"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":14},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":15},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":16},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::list{type=\"warning\"}"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":17},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Be careful"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":18},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Use with precautions"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":19},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":20},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":21},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::list{type=\"danger\"}"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":22},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Drinking too much"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":23},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" Driving drunk"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":24},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/List.vue"},"children":[]},{"type":"element","tag":"h2","props":{"id":"sandbox"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Embed CodeSandbox/StackBlitz easily in your documentation with great performances."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Using the "},{"type":"element","tag":"a","props":{"href":"https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API","rel":["nofollow"]},"children":[{"type":"text","value":"IntersectionObserver"}]},{"type":"text","value":" to load when visible in the viewport."}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":true},"children":[{"type":"element","tag":"sandbox","props":{"src":"https://codesandbox.io/embed/nuxt-content-l164h?hidenavigation=1&theme=dark"},"children":[]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-light github-dark","code":":sandbox{src=\"https://codesandbox.io/embed/nuxt-content-l164h?hidenavigation=1&theme=dark\"}\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":":sandbox{src=\"https://codesandbox.io/embed/nuxt-content-l164h?hidenavigation=1&theme=dark\"}"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/Sandbox.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"terminal"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":true},"children":[{"type":"element","tag":"terminal","props":{"content":"nuxi build"},"children":[]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-light github-dark","code":":terminal{content=\"nuxi build\"}\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":":terminal{content=\"nuxi build\"}"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/Terminal.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"videoplayer"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":true},"children":[{"type":"element","tag":"div","props":{},"children":[{"type":"element","tag":"video-player","props":{"src":"https://www.youtube.com/watch?v=o9e12WbKrd8"},"children":[]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-light github-dark","code":"::div\n :video-player{src=\"https://www.youtube.com/watch?v=o9e12WbKrd8\"}\n::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::div"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" :video-player{src=\"https://www.youtube.com/watch?v=o9e12WbKrd8\"}"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"::"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/VideoPlayer.vue"},"children":[]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":"html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"alert","depth":2,"text":" "},{"id":"badge","depth":2,"text":" "},{"id":"blockhero","depth":2,"text":" "},{"id":"buttonlink","depth":2,"text":" "},{"id":"callout","depth":2,"text":" "},{"id":"card","depth":2,"text":" "},{"id":"cardgrid","depth":2,"text":" "},{"id":"codegroup","depth":2,"text":" "},{"id":"codeblock","depth":2,"text":" "},{"id":"copybutton","depth":2,"text":" "},{"id":"icon","depth":2,"text":" "},{"id":"list","depth":2,"text":"
"},{"id":"sandbox","depth":2,"text":" "},{"id":"terminal","depth":2,"text":" "},{"id":"videoplayer","depth":2,"text":" "}]}},"_type":"markdown","_id":"content:2.api:1.components.md","_source":"content","_file":"2.api/1.components.md","_extension":"md"}
\ No newline at end of file
diff --git a/api/_content/query/jCCSrH3kcK.1715702777319.json b/api/_content/query/jCCSrH3kcK.1715702777319.json
new file mode 100644
index 000000000..25d8d73e7
--- /dev/null
+++ b/api/_content/query/jCCSrH3kcK.1715702777319.json
@@ -0,0 +1 @@
+{"_path":"/api/components","_dir":"api","_draft":false,"_partial":false,"_locale":"","title":"Components","description":"Discover every component you can use in your content.","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"components"},"children":[{"type":"text","value":"Components"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Discover every component you can use in your content."}]},{"type":"element","tag":"h2","props":{"id":"alert"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":""},"children":[{"type":"element","tag":"alert","props":{"type":"info","style":"margin-top: 0;"},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Check out an "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"info"}]},{"type":"text","value":" alert with "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"code"}]},{"type":"text","value":" and a "},{"type":"element","tag":"a","props":{"href":"/"},"children":[{"type":"text","value":"link"}]},{"type":"text","value":"."}]}]},{"type":"element","tag":"alert","props":{"type":"success"},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Check out a "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"success"}]},{"type":"text","value":" alert with "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"code"}]},{"type":"text","value":" and a "},{"type":"element","tag":"a","props":{"href":"/"},"children":[{"type":"text","value":"link"}]},{"type":"text","value":"."}]}]},{"type":"element","tag":"alert","props":{"type":"warning"},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Check out a "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"warning"}]},{"type":"text","value":" alert with "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"code"}]},{"type":"text","value":" and a "},{"type":"element","tag":"a","props":{"href":"/"},"children":[{"type":"text","value":"link"}]},{"type":"text","value":"."}]}]},{"type":"element","tag":"alert","props":{"type":"danger","style":"margin-bottom: 0;"},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Check out a "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"danger"}]},{"type":"text","value":" alert with "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"code"}]},{"type":"text","value":" and a "},{"type":"element","tag":"a","props":{"href":"/"},"children":[{"type":"text","value":"link"}]},{"type":"text","value":"."}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":"::alert{type=\"info\"}\nCheck out an **info** alert with `code` and a [link](/).\n::\n\n::alert{type=\"success\"}\nCheck out a **success** alert with `code` and a [link](/).\n::\n\n::alert{type=\"warning\"}\nCheck out a **warning** alert with `code` and a [link](/).\n::\n\n::alert{type=\"danger\"}\nCheck out a **danger** alert with `code` and a [link](/).\n::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::alert{type=\"info\"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"Check out an "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"**info**"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" alert with "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":"`code`"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" and a ["}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#DBEDFF;--shiki-default:#032F62;--shiki-dark-text-decoration:underline;--shiki-default-text-decoration:underline"},"children":[{"type":"text","value":"link"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"]("}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E;--shiki-dark-text-decoration:underline;--shiki-default-text-decoration:underline"},"children":[{"type":"text","value":"/"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":").\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::alert{type=\"success\"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"Check out a "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"**success**"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" alert with "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":"`code`"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" and a ["}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#DBEDFF;--shiki-default:#032F62;--shiki-dark-text-decoration:underline;--shiki-default-text-decoration:underline"},"children":[{"type":"text","value":"link"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"]("}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E;--shiki-dark-text-decoration:underline;--shiki-default-text-decoration:underline"},"children":[{"type":"text","value":"/"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":").\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::alert{type=\"warning\"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"Check out a "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"**warning**"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" alert with "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":"`code`"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" and a ["}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#DBEDFF;--shiki-default:#032F62;--shiki-dark-text-decoration:underline;--shiki-default-text-decoration:underline"},"children":[{"type":"text","value":"link"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"]("}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E;--shiki-dark-text-decoration:underline;--shiki-default-text-decoration:underline"},"children":[{"type":"text","value":"/"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":").\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":11},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":12},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":13},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::alert{type=\"danger\"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":14},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"Check out a "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"**danger**"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" alert with "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":"`code`"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" and a ["}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#DBEDFF;--shiki-default:#032F62;--shiki-dark-text-decoration:underline;--shiki-default-text-decoration:underline"},"children":[{"type":"text","value":"link"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"]("}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E;--shiki-dark-text-decoration:underline;--shiki-default-text-decoration:underline"},"children":[{"type":"text","value":"/"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":").\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":15},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::\n"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/Alert.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"badge"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":" "}]},{"type":"text","value":" support same types as "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":" "}]},{"type":"text","value":"."}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":""},"children":[{"type":"element","tag":"div","props":{"style":"display:flex; gap: 1rem;"},"children":[{"type":"element","tag":"badge","props":{},"children":[{"type":"text","value":"v1.2"}]},{"type":"element","tag":"badge","props":{"type":"warning"},"children":[{"type":"text","value":"Deprecated"}]},{"type":"element","tag":"badge","props":{"type":"danger"},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Not found!"}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":":badge[v1.2]\n\n:badge[Deprecated]{type=\"warning\"}\n\n::badge{type=\"danger\"}\nNot found!\n::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":":badge["}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#DBEDFF;--shiki-default:#032F62;--shiki-dark-text-decoration:underline;--shiki-default-text-decoration:underline"},"children":[{"type":"text","value":"v1.2"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"]\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":":badge["}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#DBEDFF;--shiki-default:#032F62;--shiki-dark-text-decoration:underline;--shiki-default-text-decoration:underline"},"children":[{"type":"text","value":"Deprecated"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"]{type=\"warning\"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::badge{type=\"danger\"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"Not found!\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::\n"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/Badge.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"blockhero"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview"},"children":[{"type":"element","tag":"block-hero","props":{":cta":"[\"Get started\",\"/introduction/getting-started\"]",":secondary":"[\"Open on GitHub →\",\"https://github.com/nuxtlabs/docus\"]","snippet":"npx nuxi@latest init docus-app -t nuxtlabs/docus-starter"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Document-driven framework"}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites."}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":"::block-hero\n---\ncta:\n - Get started\n - /get-started\nsecondary:\n - Open on GitHub →\n - https://github.com/nuxtlabs/docus\nsnippet: npx nuxi@latest init docus-app -t nuxtlabs/docus-starter\n---\n#title\nDocument-driven framework\n\n#description\nDocus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites.\n::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::block-hero\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"cta:\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":" -"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Get started\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":" -"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" /get-started\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"secondary:\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":" -"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Open on GitHub →\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":" -"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" https://github.com/nuxtlabs/docus\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"snippet: npx nuxi@latest init docus-app -t nuxtlabs/docus-starter\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":11},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"#title\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":12},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"Document-driven framework\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":13},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":14},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"#description\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":15},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":16},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::\n"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/BlockHero.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"buttonlink"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":""},"children":[{"type":"element","tag":"button-link","props":{":blank":"true","href":"https://stackblitz.com/github/nuxtlabs/docus-starter","icon":"IconStackBlitz"},"children":[{"type":"text","value":"Play on StackBlitz"}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":":button-link[Play on StackBlitz]{icon=\"IconStackBlitz\" href=\"https://stackblitz.com/github/nuxtlabs/docus-starter\" blank}\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":":button-link[Play on StackBlitz]{icon=\"IconStackBlitz\" href=\"https://stackblitz.com/github/nuxtlabs/docus-starter\" blank}\n"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/ButtonLink.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"callout"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":" "}]},{"type":"text","value":" support same types as "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":" "}]},{"type":"text","value":"."}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview"},"children":[{"type":"element","tag":"callout","props":{},"children":[{"type":"element","tag":"template","props":{"v-slot:summary":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This is a callout! Click me to open."}]}]},{"type":"element","tag":"template","props":{"v-slot:content":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This is the content of the callout."}]}]}]},{"type":"element","tag":"callout","props":{"type":"warning"},"children":[{"type":"element","tag":"template","props":{"v-slot:summary":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This is a callout! Click me to open."}]}]},{"type":"element","tag":"template","props":{"v-slot:content":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This is the content of the callout."}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":"::callout\n#summary\nThis is a callout! Click me to open.\n\n#content\nThis is the content of the callout.\n::\n \n::callout{type=\"warning\"}\n#summary\nThis is a callout! Click me to open.\n\n#content\nThis is the content of the callout.\n::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::callout\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"#summary\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"This is a callout! Click me to open.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"#content\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"This is the content of the callout.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" \n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::callout{type=\"warning\"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"#summary\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":11},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"This is a callout! Click me to open.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":12},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":13},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"#content\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":14},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"This is the content of the callout.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":15},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::\n"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/Callout.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"card"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview"},"children":[{"type":"element","tag":"card","props":{"icon":"logos:nuxt-icon"},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Nuxt Architecture."}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Based on "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Nuxt 3"}]},{"type":"text","value":" and "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Nuxt Content"}]},{"type":"text","value":". "},{"type":"element","tag":"br","props":{},"children":[]},{"type":"text","value":"\nUse Nuxt to build a static site, or a serverless app."}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":" ::card{icon=\"logos:nuxt-icon\"}\n #title\n Nuxt Architecture.\n #description\n Based on **Nuxt 3** and **Nuxt Content**. :br\n Use Nuxt to build a static site, or a serverless app.\n ::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" ::card{icon=\"logos:nuxt-icon\"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" #title\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Nuxt Architecture.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" #description\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Based on "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"**Nuxt 3**"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" and "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"**Nuxt Content**"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":". :br\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Use Nuxt to build a static site, or a serverless app.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" ::\n"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/Card.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"cardgrid"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview"},"children":[{"type":"element","tag":"card-grid","props":{},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"What's included?"}]}]},{"type":"element","tag":"template","props":{"v-slot:root":""},"children":[{"type":"element","tag":"ellipsis","props":{},"children":[]}]},{"type":"element","tag":"card","props":{},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Nuxt Architecture."}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Harness the full power of Nuxt and the Nuxt ecosystem."}]}]}]},{"type":"element","tag":"card","props":{},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Vue Components."}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Use built-in components (or your own!) inside your content."}]}]}]},{"type":"element","tag":"card","props":{},"children":[{"type":"element","tag":"template","props":{"v-slot:title":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Write Markdown."}]}]},{"type":"element","tag":"template","props":{"v-slot:description":""},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Enjoy the ease and simplicity of Markdown and discover MDC syntax."}]}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":"::card-grid\n#title\nWhat's included\n\n#root\n:ellipsis\n\n#default\n ::card\n #title\n Nuxt Architecture.\n #description\n Harness the full power of Nuxt and the Nuxt ecosystem.\n ::\n ::card\n #title\n Vue Components.\n #description\n Use built-in components (or your own!) inside your content.\n ::\n ::card\n #title\n Write Markdown.\n #description\n Enjoy the ease and simplicity of Markdown and discover MDC syntax.\n ::\n::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::card-grid\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"#title\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"What's included\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"#root\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":":ellipsis\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"#default\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" ::card\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" #title\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":11},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Nuxt Architecture.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":12},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" #description\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":13},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Harness the full power of Nuxt and the Nuxt ecosystem.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":14},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" ::\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":15},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" ::card\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":16},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" #title\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":17},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Vue Components.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":18},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" #description\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":19},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Use built-in components (or your own!) inside your content.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":20},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" ::\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":21},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" ::card\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":22},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" #title\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":23},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Write Markdown.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":24},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" #description\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":25},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Enjoy the ease and simplicity of Markdown and discover MDC syntax.\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":26},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" ::\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":27},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::\n"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/CardGrid.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"codegroup"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This component uses "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"slots"}]},{"type":"text","value":" to create a tab panel of your code examples or preview."}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":""},"children":[{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-dark github-light","code":"yarn add docus\n","filename":"Yarn","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"yarn"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" add"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" docus\n"}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-dark github-light","code":"npm install docus\n","filename":"NPM","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"npm"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" install"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" docus\n"}]}]}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":"::code-group\n ```bash [Yarn]\n yarn add docus\n ```\n ```bash [NPM]\n npm install docus\n ```\n::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::code-group\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" ```bash [Yarn]\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" yarn"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" add"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" docus\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" ```\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" ```bash [NPM]\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" npm"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" install"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" docus\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" ```\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::\n"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/CodeGroup.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"codeblock"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"To be used inside a "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":" "}]},{"type":"text","value":" component to display a preview of some rendered code."}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":""},"children":[{"type":"element","tag":"badge","props":{},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Hello World!"}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":"/* Added as a child of ` ` */\n\n::code-block{label=\"Preview\" preview}\n ::badge\n Hello World!\n ::\n::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"/* Added as a child of "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":"` `"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" */\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::code-block{label=\"Preview\" preview}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" ::badge\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Hello World!\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" ::\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::\n"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/CodeBlock.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"copybutton"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":""},"children":[{"type":"element","tag":"copy-button","props":{"content":"hey!"},"children":[]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":":copy-button{content=\"hey!\"}\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":":copy-button{content=\"hey!\"}\n"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/CopyButton.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"icon"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Icon component gives you access to all "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"100,000+"}]},{"type":"text","value":" icons from "},{"type":"element","tag":"a","props":{"href":"https://icones.js.org","rel":["nofollow"]},"children":[{"type":"text","value":"icones.js.org"}]},{"type":"text","value":"."}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":""},"children":[{"type":"element","tag":"icon","props":{"name":"logos:nuxt-icon"},"children":[]},{"type":"element","tag":"icon","props":{"name":"logos:vue"},"children":[]},{"type":"element","tag":"icon","props":{"name":"logos:nuxt-icon"},"children":[]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":":icon{name=\"logos:nuxt-icon\"}\n:icon{name=\"logos:vue\"}\n:icon{name=\"logos:nuxt-icon\"}\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":":icon{name=\"logos:nuxt-icon\"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":":icon{name=\"logos:vue\"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":":icon{name=\"logos:nuxt-icon\"}\n"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/Icon.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"list"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"
"}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":""},"children":[{"type":"element","tag":"list","props":{"type":"primary"},"children":[{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Important"}]}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Always"}]}]}]},{"type":"element","tag":"list","props":{"type":"success"},"children":[{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Amazing"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Congrats"}]}]}]},{"type":"element","tag":"list","props":{"type":"info"},"children":[{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Do you know?"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"You can also do this"}]}]}]},{"type":"element","tag":"list","props":{"type":"warning"},"children":[{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Be careful"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Use with precautions"}]}]}]},{"type":"element","tag":"list","props":{"type":"danger"},"children":[{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Drinking too much"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Driving drunk"}]}]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":"::list{type=\"primary\"}\n- **Important**\n- Always\n::\n\n::list{type=\"success\"}\n- Amazing\n- Congrats\n::\n\n::list{type=\"info\"}\n- Do you know?\n- You can also do this\n::\n\n::list{type=\"warning\"}\n- Be careful\n- Use with precautions\n::\n\n::list{type=\"danger\"}\n- Drinking too much\n- Driving drunk\n::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::list{type=\"primary\"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":" **Important**\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Always\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::list{type=\"success\"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Amazing\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Congrats\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":10},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":11},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::list{type=\"info\"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":12},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Do you know?\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":13},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" You can also do this\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":14},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":15},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":16},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::list{type=\"warning\"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":17},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Be careful\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":18},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Use with precautions\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":19},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":20},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":21},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::list{type=\"danger\"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":22},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Drinking too much\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":23},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" Driving drunk\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":24},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::\n"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/List.vue"},"children":[]},{"type":"element","tag":"h2","props":{"id":"sandbox"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Embed CodeSandbox/StackBlitz easily in your documentation with great performances."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Using the "},{"type":"element","tag":"a","props":{"href":"https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API","rel":["nofollow"]},"children":[{"type":"text","value":"IntersectionObserver"}]},{"type":"text","value":" to load when visible in the viewport."}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":""},"children":[{"type":"element","tag":"sandbox","props":{"src":"https://codesandbox.io/embed/nuxt-content-l164h?hidenavigation=1&theme=dark"},"children":[]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":":sandbox{src=\"https://codesandbox.io/embed/nuxt-content-l164h?hidenavigation=1&theme=dark\"}\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":":sandbox{src=\"https://codesandbox.io/embed/nuxt-content-l164h?hidenavigation=1&theme=dark\"}\n"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/Sandbox.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"terminal"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":""},"children":[{"type":"element","tag":"terminal","props":{"content":"nuxi build"},"children":[]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":":terminal{content=\"nuxi build\"}\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":":terminal{content=\"nuxi build\"}\n"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/Terminal.vue"},"children":[]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"h2","props":{"id":"videoplayer"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code-block","props":{"label":"Preview",":preview":"true","preview":""},"children":[{"type":"element","tag":"div","props":{},"children":[{"type":"element","tag":"video-player","props":{"src":"https://www.youtube.com/watch?v=o9e12WbKrd8"},"children":[]}]}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":"::div\n :video-player{src=\"https://www.youtube.com/watch?v=o9e12WbKrd8\"}\n::\n","filename":"Code","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::div\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" :video-player{src=\"https://www.youtube.com/watch?v=o9e12WbKrd8\"}\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"::\n"}]}]}]}]}]},{"type":"element","tag":"source-link","props":{"source":"components/content/VideoPlayer.vue"},"children":[]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":"html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"alert","depth":2,"text":" "},{"id":"badge","depth":2,"text":" "},{"id":"blockhero","depth":2,"text":" "},{"id":"buttonlink","depth":2,"text":" "},{"id":"callout","depth":2,"text":" "},{"id":"card","depth":2,"text":" "},{"id":"cardgrid","depth":2,"text":" "},{"id":"codegroup","depth":2,"text":" "},{"id":"codeblock","depth":2,"text":" "},{"id":"copybutton","depth":2,"text":" "},{"id":"icon","depth":2,"text":" "},{"id":"list","depth":2,"text":"
"},{"id":"sandbox","depth":2,"text":" "},{"id":"terminal","depth":2,"text":" "},{"id":"videoplayer","depth":2,"text":" "}]}},"_type":"markdown","_id":"content:2.api:1.components.md","_source":"content","_file":"2.api/1.components.md","_extension":"md"}
\ No newline at end of file
diff --git a/api/_content/query/lKtLQTUGwV.1698738477992.json b/api/_content/query/lKtLQTUGwV.1698738477992.json
deleted file mode 100644
index f25e0d83b..000000000
--- a/api/_content/query/lKtLQTUGwV.1698738477992.json
+++ /dev/null
@@ -1 +0,0 @@
-{"_path":"/introduction/writing-pages","_dir":"introduction","_draft":false,"_partial":false,"_locale":"","title":"Writing Pages","description":"Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax.","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"writing-pages"},"children":[{"type":"text","value":"Writing Pages"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Each Markdown pages in the "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"content/"}]},{"type":"text","value":" folder will be mapped to a route."}]},{"type":"element","tag":"table","props":{},"children":[{"type":"element","tag":"thead","props":{},"children":[{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"th","props":{},"children":[{"type":"text","value":"File"}]},{"type":"element","tag":"th","props":{"align":"left"},"children":[{"type":"text","value":"Generated route"}]}]}]},{"type":"element","tag":"tbody","props":{},"children":[{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"index.md"}]}]},{"type":"element","tag":"td","props":{"align":"left"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"/"}]}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"about.md"}]}]},{"type":"element","tag":"td","props":{"align":"left"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"/about"}]}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"blog/index.md"}]}]},{"type":"element","tag":"td","props":{"align":"left"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"/blog"}]}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"blog/hello.md"}]}]},{"type":"element","tag":"td","props":{"align":"left"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"/blog/hello"}]}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"1.guide/2.installation"}]}]},{"type":"element","tag":"td","props":{"align":"left"},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"/guide/installation"}]}]}]}]}]},{"type":"element","tag":"h2","props":{"id":"frontmatter"},"children":[{"type":"text","value":"Frontmatter"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Docus supports multiple Front-matter attributes for pages."}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-light github-dark","code":"---\ntitle: \"Get Started\"\ndescription: \"Let's learn how to use my amazing module.\"\n---\n","filename":"index.md","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"---"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"title"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"\"Get Started\""}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"description"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"\"Let's learn how to use my amazing module.\""}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"---"}]}]}]}]},{"type":"element","tag":"table","props":{},"children":[{"type":"element","tag":"thead","props":{},"children":[{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"th","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Key"}]}]},{"type":"element","tag":"th","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Type"}]}]},{"type":"element","tag":"th","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Default"}]}]},{"type":"element","tag":"th","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Description"}]}]}]}]},{"type":"element","tag":"tbody","props":{},"children":[{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"layout"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"default"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Use any layout name like you would in "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"definePageMeta()"}]}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"title"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Defines the page title and H1 in docs pages"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"description"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Defines the page description and excerpt in docs pages"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"redirect"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A route path to redirect"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"image"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"OpenGraph cover image"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Docs layout options"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"aside"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Toggles the visibility of aside navigation"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"toc"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Toggles the visibility of table of contents"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"header"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Toggles the visibility of the page header"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"bottom"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Toggles the visibility of page bottom section"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Navigation options"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"navigation"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Toggles the visibility of the page or directory in navigation"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"navigation.title"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Changes the name of the page or directory in navigation"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"navigation.icon"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Changes the icon of the page or directory in navigation"}]}]}]}]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":"html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"frontmatter","depth":2,"text":"Frontmatter"}]}},"_type":"markdown","_id":"content:1.introduction:3.writing-pages.md","_source":"content","_file":"1.introduction/3.writing-pages.md","_extension":"md"}
\ No newline at end of file
diff --git a/api/_content/query/lKtLQTUGwV.1715702777319.json b/api/_content/query/lKtLQTUGwV.1715702777319.json
new file mode 100644
index 000000000..861add3c9
--- /dev/null
+++ b/api/_content/query/lKtLQTUGwV.1715702777319.json
@@ -0,0 +1 @@
+{"_path":"/introduction/writing-pages","_dir":"introduction","_draft":false,"_partial":false,"_locale":"","title":"Writing Pages","description":"Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax.","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"writing-pages"},"children":[{"type":"text","value":"Writing Pages"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Each Markdown page in the "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"content/"}]},{"type":"text","value":" folder will be mapped to a route."}]},{"type":"text","value":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n"},{"type":"element","tag":"table","props":{},"children":[{"type":"element","tag":"thead","props":{},"children":[{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"th","props":{},"children":[{"type":"text","value":"File"}]},{"type":"element","tag":"th","props":{"align":"left"},"children":[{"type":"text","value":"Generated route"}]}]}]},{"type":"element","tag":"tbody","props":{},"children":[{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"index.md"}]}]},{"type":"element","tag":"td","props":{"align":"left"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"/"}]}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"about.md"}]}]},{"type":"element","tag":"td","props":{"align":"left"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"/about"}]}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"blog/index.md"}]}]},{"type":"element","tag":"td","props":{"align":"left"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"/blog"}]}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"blog/hello.md"}]}]},{"type":"element","tag":"td","props":{"align":"left"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"/blog/hello"}]}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"1.guide/2.installation"}]}]},{"type":"element","tag":"td","props":{"align":"left"},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"/guide/installation"}]}]}]}]}]},{"type":"element","tag":"h2","props":{"id":"frontmatter"},"children":[{"type":"text","value":"Frontmatter"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Docus supports multiple Front-matter attributes for pages."}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":"---\ntitle: \"Get Started\"\ndescription: \"Let's learn how to use my amazing module.\"\n---\n","filename":"index.md","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"title"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"\"Get Started\"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#85E89D;--shiki-default:#22863A"},"children":[{"type":"text","value":"description"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"\"Let's learn how to use my amazing module.\"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"---\n"}]}]}]}]},{"type":"text","value":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n"},{"type":"element","tag":"table","props":{},"children":[{"type":"element","tag":"thead","props":{},"children":[{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"th","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Key"}]}]},{"type":"element","tag":"th","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Type"}]}]},{"type":"element","tag":"th","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Default"}]}]},{"type":"element","tag":"th","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Description"}]}]}]}]},{"type":"element","tag":"tbody","props":{},"children":[{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"layout"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"default"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Use any layout name like you would in "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"definePageMeta()"}]}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"title"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Defines the page title and H1 in docs pages"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"description"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Defines the page description and excerpt in docs pages"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"redirect"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"A route path to redirect"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"image"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"object"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"OpenGraph cover image"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Docs layout options"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"aside"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Toggles the visibility of aside navigation"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"toc"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Toggles the visibility of table of contents"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"header"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Toggles the visibility of the page header"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"bottom"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Toggles the visibility of page bottom section"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Navigation options"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"navigation"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"boolean"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Toggles the visibility of the page or directory in navigation"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"navigation.title"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Changes the name of the page or directory in navigation"}]}]},{"type":"element","tag":"tr","props":{},"children":[{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"navigation.icon"}]}]},{"type":"element","tag":"td","props":{},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"string"}]}]},{"type":"element","tag":"td","props":{},"children":[]},{"type":"element","tag":"td","props":{},"children":[{"type":"text","value":"Changes the icon of the page or directory in navigation"}]}]}]}]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":"html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"frontmatter","depth":2,"text":"Frontmatter"}]}},"_type":"markdown","_id":"content:1.introduction:3.writing-pages.md","_source":"content","_file":"1.introduction/3.writing-pages.md","_extension":"md"}
\ No newline at end of file
diff --git a/api/_content/query/r3VU6rBBjs.1698738477992.json b/api/_content/query/r3VU6rBBjs.1715702777319.json
similarity index 100%
rename from api/_content/query/r3VU6rBBjs.1698738477992.json
rename to api/_content/query/r3VU6rBBjs.1715702777319.json
diff --git a/api/_content/query/teNaiRtFV7.1698738477992.json b/api/_content/query/teNaiRtFV7.1715702777319.json
similarity index 100%
rename from api/_content/query/teNaiRtFV7.1698738477992.json
rename to api/_content/query/teNaiRtFV7.1715702777319.json
diff --git a/api/_content/query/xWeY3NfYtX.1698738477992.json b/api/_content/query/xWeY3NfYtX.1715702777319.json
similarity index 100%
rename from api/_content/query/xWeY3NfYtX.1698738477992.json
rename to api/_content/query/xWeY3NfYtX.1715702777319.json
diff --git a/api/components/_payload.json b/api/components/_payload.json
index ee993a0ea..bad6adfe5 100644
--- a/api/components/_payload.json
+++ b/api/components/_payload.json
@@ -1 +1 @@
-[{"data":1,"prerenderedAt":87},["Reactive",2],{"search-api":3},[4,11,21,29,37,45,68,78],{"id":5,"path":6,"dir":7,"title":8,"description":7,"keywords":9,"body":10},"content:0.index.md","/","","Home",[]," The best place to start your documentation. Write pages in Markdown , use Vue components and enjoy the power of Nuxt . +50 Components ready to build rich pages Docs and Page layouts Start from a README , scale to a framework documentation Navigation and Table of Contents generation Fully configurable design system Leverages Typography and Elements Used on Content Documentation What's included Nuxt Architecture Harness the full power of Nuxt 3 and its modules ecosystem. Nuxt Studio ready Edit your theme content and appearance with live-preview within Nuxt Studio . Vue Components Use built-in components (or your own!) inside your content. Write Markdown Enjoy the ease and simplicity of Markdown and discover MDC syntax . Deploy anywhere Zero config on Vercel or Netlify . Choose between static generation, on-demand rendering (Node) or edge-side rendering on CloudFlare workers . Extensible. Customize the whole design, or add components using slots - you can make Docus your own.",{"id":12,"path":13,"dir":14,"title":15,"description":16,"keywords":17,"body":20},"content:1.introduction:1.getting-started.md","/introduction/getting-started","introduction","Getting Started","From your Markdown files to a deployed website in few minutes.",[18,19],"Play online","Create a new project"," Getting Started From your Markdown files to a deployed website in few minutes. Play online You can start playing with Docus in your browser using Stackblitz: Play on StackBlitz Create a new project Start a fresh Docus project with: npx nuxi@latest init docs -t themes/docus Install the dependencies in the docs folder: npm install yarn install pnpm install --shamefully-hoist Run the dev command to start Docus in development mode: npm run dev yarn dev pnpm run dev ✨ Well done! A browser window should automatically open for http://localhost:3000 html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":22,"path":23,"dir":14,"title":24,"description":25,"keywords":26,"body":28},"content:1.introduction:2.project-structure.md","/introduction/project-structure","Project Structure","Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home.",[27],"Directory Structure"," Project Structure Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home. Directory Structure This is the minimal directory structure to get an up and running Docus website. content/ index.md app.config.ts nuxt.config.ts The content/ directory is where you write Markdown pages . The app.config.ts is where you configure Docus to fit your branding and design. The nuxt.config.ts is your Nuxt configuration . html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":30,"path":31,"dir":14,"title":32,"description":33,"keywords":34,"body":36},"content:1.introduction:3.writing-pages.md","/introduction/writing-pages","Writing Pages","Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax.",[35],"Frontmatter"," Writing Pages Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax. Each Markdown pages in the content/ folder will be mapped to a route. File Generated route index.md / about.md /about blog/index.md /blog blog/hello.md /blog/hello 1.guide/2.installation /guide/installation Frontmatter Docus supports multiple Front-matter attributes for pages. --- title : \"Get Started\" description : \"Let's learn how to use my amazing module.\" --- Key Type Default Description layout string default Use any layout name like you would in definePageMeta() title string Defines the page title and H1 in docs pages description string Defines the page description and excerpt in docs pages redirect string A route path to redirect image object OpenGraph cover image Docs layout options aside boolean Toggles the visibility of aside navigation toc boolean Toggles the visibility of table of contents header boolean Toggles the visibility of the page header bottom boolean Toggles the visibility of page bottom section Navigation options navigation boolean Toggles the visibility of the page or directory in navigation navigation.title string Changes the name of the page or directory in navigation navigation.icon string Changes the icon of the page or directory in navigation html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":38,"path":39,"dir":14,"title":40,"description":41,"keywords":42,"body":44},"content:1.introduction:4.configuration.md","/introduction/configuration","Configuration","Learn how to configure Docus.",[43],"Customizing the logo"," Configuration Learn how to configure Docus. export default defineAppConfig ({ docus: { title: 'Docus' , description: 'My Docus Project' , url: 'http://docus.dev' } }) export default defineAppConfig ({ docus: { title: 'Docus' , description: 'My Docus Project' , url: 'http://docus.dev' , image: '/social-card-preview.png' , socials: { twitter: '@nuxt_js' , github: 'nuxt-themes/docus' , }, github: { root: 'content' , edit: true , contributors: false }, layout: 'default' , aside: { level: 1 , filter: [], }, header: { title: false , logo: true , showLinkIcon: false }, footer: { credits: { icon: 'IconDocus' , text: 'Powered by Docus' , href: 'https://docus.dev' , }, textLinks: [ { text: 'Nuxt' , href: 'https://nuxt.com' , target: '_blank' , rel: 'noopener' } ], iconLinks: [ { label: 'NuxtJS' , href: 'https://nuxtjs.org' , component: 'IconNuxtLabs' , }, { label: 'Vue Telescope' , href: 'https://vuetelescope.com' , component: 'IconVueTelescope' , }, ], } } }) Key Type Default Description title string Docus Website title titleTemplate string Docus Website title template description string My Docus Project Website description url string Website URL layout string default Fallback layout to use (supports default or page ) Socials socials object {} Social links socials.github string The repository to use on GitHub links socials.twitter string The account to use on Twitter links socials.youtube string The channel to use on Youtube links socials.instagram string The account to use on Instagram links socials.facebook string The account to use on Facebook links socials.medium string The account to use on Medium links socials.[social] object Override social or display custom one socials.[social].label string A label to use for the social socials.[social].icon string A icon to use for the social socials.[social].href string A link to use for the social socials.[social].rel string noopener noreferrer A space-separated list of link types Header header object Header configuration header.logo boolean Whether or not to use Logo.vue as the header logo header.title string If set to a string, will be used in the header header.showLinkIcon boolean If set to true links icons will show in the header header.exclude string[] An array of path to exclude out from the header navigation header.fluid boolean true Make header Container fluid Main main object Main configuration main.fluid boolean true Make main content Container fluid main.padded boolean true Make main content Container padded Aside aside object Aside configuration aside.level string 0 Aside base level of nesting aside.collapsed boolean Will be used as default value for collapsible navigation categories aside.exclude string[] An array of path to exclude out from the aside navigation Footer footer object Footer configuration footer.credits object An object defining the bottom left credits footer.credits.icon object The icon to use for the credits footer.credits.text object The text to use for the credits footer.textLinks array [] An array of texts to display at the center of footer footer.textLinks[0].text string The text to display footer.textLinks[0].href string A link to use for the text footer.textLinks[0].target string _self Where to display the linked URL, as the name for a browsing context footer.textLinks[0].rel string noopener noreferrer A space-separated list of link types footer.iconLinks array [] An array of icons to display in the footer footer.iconLinks[0].label string A label to use for the icon footer.iconLinks[0].href string A link to use for the icon footer.iconLinks[0].icon string The icon to use (can be a component name) footer.iconLinks[0].rel string noopener noreferrer A space-separated list of link types footer.fluid boolean true Make footer Container fluid GitHub github object false GitHub integration configuration github.dir string Directory containing the files to be edited github.branch string Branch to start editing github.repo string Name of the GitHub repo to edit files github.owner string Owner of the repo github.edit boolean Toggle \"Edit this page on Github\" component on documentation pages Search fuse object useFuse options Customizing the logo To update the logo in the header, create a component in components/Logo.vue with your own logo. In this example, the image is located at /public/img . \u003C template > \u003C img width = \"120\" src = \"/img/YOURLOGO.png\" /> \u003C/ template > html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":46,"path":47,"dir":48,"title":49,"description":50,"keywords":51,"body":67},"content:2.api:1.components.md","/api/components","api","Components","Discover every component you can use in your content.",[52,53,54,55,56,57,58,59,60,61,62,63,64,65,66],"\u003CAlert />","\u003CBadge />","\u003CBlockHero />","\u003CButtonLink />","\u003CCallout />","\u003CCard />","\u003CCardGrid />","\u003CCodeGroup />","\u003CCodeBlock />","\u003CCopyButton />","\u003CIcon />","\u003CList />","\u003CSandbox />","\u003CTerminal />","\u003CVideoPlayer />"," Components Discover every component you can use in your content. \u003CAlert /> Check out an info alert with code and a link . Check out a success alert with code and a link . Check out a warning alert with code and a link . Check out a danger alert with code and a link . ::alert{type=\"info\"} Check out an **info** alert with `code` and a [ link ]( / ). :: ::alert{type=\"success\"} Check out a **success** alert with `code` and a [ link ]( / ). :: ::alert{type=\"warning\"} Check out a **warning** alert with `code` and a [ link ]( / ). :: ::alert{type=\"danger\"} Check out a **danger** alert with `code` and a [ link ]( / ). :: \u003CBadge /> \u003CBadge /> support same types as \u003CAlert /> . v1.2 Deprecated Not found! :badge[ v1.2 ] :badge[ Deprecated ]{type=\"warning\"} ::badge{type=\"danger\"} Not found! :: \u003CBlockHero /> Document-driven framework Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites. ::block-hero --- cta: - Get started - /get-started secondary: - Open on GitHub → - https://github.com/nuxtlabs/docus snippet: npx nuxi@latest init docus-app -t nuxtlabs/docus-starter --- #title Document-driven framework #description Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites. :: \u003CButtonLink /> Play on StackBlitz :button-link[Play on StackBlitz]{icon=\"IconStackBlitz\" href=\"https://stackblitz.com/github/nuxtlabs/docus-starter\" blank} \u003CCallout /> \u003CCallout /> support same types as \u003CAlert /> . This is a callout! Click me to open. This is the content of the callout. This is a callout! Click me to open. This is the content of the callout. ::callout #summary This is a callout! Click me to open. #content This is the content of the callout. :: ::callout{type=\"warning\"} #summary This is a callout! Click me to open. #content This is the content of the callout. :: \u003CCard /> Nuxt Architecture. Based on Nuxt 3 and Nuxt Content . \nUse Nuxt to build a static site, or a serverless app. ::card{icon=\"logos:nuxt-icon\"} #title Nuxt Architecture. #description Based on **Nuxt 3** and **Nuxt Content** . :br Use Nuxt to build a static site, or a serverless app. :: \u003CCardGrid /> What's included? Nuxt Architecture. Harness the full power of Nuxt and the Nuxt ecosystem. Vue Components. Use built-in components (or your own!) inside your content. Write Markdown. Enjoy the ease and simplicity of Markdown and discover MDC syntax. ::card-grid #title What's included #root :ellipsis #default ::card #title Nuxt Architecture. #description Harness the full power of Nuxt and the Nuxt ecosystem. :: ::card #title Vue Components. #description Use built-in components (or your own!) inside your content. :: ::card #title Write Markdown. #description Enjoy the ease and simplicity of Markdown and discover MDC syntax. :: :: \u003CCodeGroup /> This component uses slots to create a tab panel of your code examples or preview. yarn add docus npm install docus ::code-group ```bash [Yarn] yarn add docus ``` ```bash [NPM] npm install docus ``` :: \u003CCodeBlock /> To be used inside a \u003CCodeGroup /> component to display a preview of some rendered code. Hello World! /* Added as a child of `\u003CCodeGroup />` */ ::code-block{label=\"Preview\" preview} ::badge Hello World! :: :: \u003CCopyButton /> :copy-button{content=\"hey!\"} \u003CIcon /> Icon component gives you access to all 100,000+ icons from icones.js.org . :icon{name=\"logos:nuxt-icon\"} :icon{name=\"logos:vue\"} :icon{name=\"logos:nuxt-icon\"} \u003CList /> Important Always Amazing Congrats Do you know? You can also do this Be careful Use with precautions Drinking too much Driving drunk ::list{type=\"primary\"} - **Important** - Always :: ::list{type=\"success\"} - Amazing - Congrats :: ::list{type=\"info\"} - Do you know? - You can also do this :: ::list{type=\"warning\"} - Be careful - Use with precautions :: ::list{type=\"danger\"} - Drinking too much - Driving drunk :: \u003CSandbox /> Embed CodeSandbox/StackBlitz easily in your documentation with great performances. Using the IntersectionObserver to load when visible in the viewport. :sandbox{src=\"https://codesandbox.io/embed/nuxt-content-l164h?hidenavigation=1&theme=dark\"} \u003CTerminal /> :terminal{content=\"nuxi build\"} \u003CVideoPlayer /> ::div :video-player{src=\"https://www.youtube.com/watch?v=o9e12WbKrd8\"} :: html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":69,"path":70,"dir":48,"title":71,"description":72,"keywords":73,"body":77},"content:2.api:2.composables.md","/api/composables","Composables","Discover the Docus composables to use in your custom Vue components and pages.",[74,75,76],"useDocus()","useMenu()","useScrollspy()"," Composables Discover the Docus composables to use in your custom Vue components and pages. useDocus() useDocus () gives access to docus runtime config, all default values and your custom config from app.config.ts config refers to the merged config of the current page. main , header , aside , footer and titleTemplate can be set from _dir.yml and any page.md file. The configs in app.config file will be used as defaults. \u003C script setup > const { config } = useDocus () \u003C/ script > \u003C template > \u003C div > \u003C h1 >{{ config.title }}\u003C/ h1 > \u003C p >{{ config.description }}\u003C/ p > \u003C/ div > \u003C/ template > tree refers to the current navigation tree that is displayed in the aside component. \u003C script setup > const { tree } = useDocus () \u003C/ script > \u003C template > \u003C DocsAsideTree :links = \"tree\" /> \u003C/ template > useMenu() useMenu() gives access to $menu plugin controlling mobile navigation globally. const { // Is menu visible visible , // Close menu function close , // Open menu function open , // Toggle menu function toggle } = useMenu () useScrollspy() useScrollspy() is used in docs layout to make the ToC display the currently visible headings. const { // Headings on the page visibleHeadings , // Active headings (for the current page) activeHeadings , // Update headings (an array of DOM nodes) updateHeadings } = useScrollspy () html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":79,"path":80,"dir":48,"title":81,"description":82,"keywords":83,"body":86},"content:2.api:3.layouts.md","/api/layouts","Layouts","Docus provides multiple built-in layouts for displaying your Markdown pages.",[84,85],"default","page"," Layouts Docus provides multiple built-in layouts for displaying your Markdown pages. default The default layout for every page created in the project. This layout renders multiple section alongside the content: Aside navigation menu (togglable with aside: false/true ) Page bottom section (togglable with bottom: false/true ) Table of content (togglable with toc: false/true ) --- aside : true bottom : true toc : false --- Your awesome content Current page is live sample of default layout. page page layout is content focused layout. This layout does not render aside menu of table of contents. This layout accept some configuration from content front-matter. fluid : By setting fluid: true in content front-matter the content will be rendered in full width. constrainedClass : Using this option you can modify layout container look. Like constraining layout width of changing the background. padded : Setting padded: true in front-matter will add horizontal padding in the layout. --- title : Home layout : page fluid : true --- Check Home page as live sample of page layout html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",1698738524421]
\ No newline at end of file
+[{"data":1,"prerenderedAt":87},["Reactive",2],{"search-api":3},[4,11,21,29,37,45,68,78],{"id":5,"path":6,"dir":7,"title":8,"description":7,"keywords":9,"body":10},"content:0.index.md","/","","Home",[]," The best place to start your documentation. Write pages in Markdown , use Vue components and enjoy the power of Nuxt . +50 Components ready to build rich pages Docs and Page layouts Start from a README , scale to a framework documentation Navigation and Table of Contents generation Fully configurable design system Leverages Typography and Elements Used on Content Documentation What's included Nuxt Architecture Harness the full power of Nuxt 3 and its modules ecosystem. Nuxt Studio ready Edit your theme content and appearance with live-preview within Nuxt Studio . Vue Components Use built-in components (or your own!) inside your content. Write Markdown Enjoy the ease and simplicity of Markdown and discover MDC syntax . Deploy anywhere Zero config on Vercel or Netlify . Choose between static generation, on-demand rendering (Node) or edge-side rendering on CloudFlare workers . Extensible. Customize the whole design, or add components using slots - you can make Docus your own.",{"id":12,"path":13,"dir":14,"title":15,"description":16,"keywords":17,"body":20},"content:1.introduction:1.getting-started.md","/introduction/getting-started","introduction","Getting Started","From your Markdown files to a deployed website in few minutes.",[18,19],"Play online","Create a new project"," Getting Started From your Markdown files to a deployed website in few minutes. Play online You can start playing with Docus in your browser using Stackblitz: Play on StackBlitz Create a new project Start a fresh Docus project with: npx nuxi@latest init docs -t themes/docus\n Install the dependencies in the docs folder: npm install\n yarn install\n pnpm install --shamefully-hoist\n Run the dev command to start Docus in development mode: npm run dev\n yarn dev\n pnpm run dev\n ✨ Well done! A browser window should automatically open for http://localhost:3000 html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":22,"path":23,"dir":14,"title":24,"description":25,"keywords":26,"body":28},"content:1.introduction:2.project-structure.md","/introduction/project-structure","Project Structure","Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home.",[27],"Directory Structure"," Project Structure Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home. Directory Structure This is the minimal directory structure to get an up and running Docus website. content/\n index.md\n app.config.ts\n nuxt.config.ts\n The content/ directory is where you write Markdown pages . The app.config.ts is where you configure Docus to fit your branding and design. The nuxt.config.ts is your Nuxt configuration . html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":30,"path":31,"dir":14,"title":32,"description":33,"keywords":34,"body":36},"content:1.introduction:3.writing-pages.md","/introduction/writing-pages","Writing Pages","Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax.",[35],"Frontmatter"," Writing Pages Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax. Each Markdown page in the content/ folder will be mapped to a route. \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n File Generated route index.md / about.md /about blog/index.md /blog blog/hello.md /blog/hello 1.guide/2.installation /guide/installation Frontmatter Docus supports multiple Front-matter attributes for pages. ---\n title : \"Get Started\"\n description : \"Let's learn how to use my amazing module.\"\n ---\n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n Key Type Default Description layout string default Use any layout name like you would in definePageMeta() title string Defines the page title and H1 in docs pages description string Defines the page description and excerpt in docs pages redirect string A route path to redirect image object OpenGraph cover image Docs layout options aside boolean Toggles the visibility of aside navigation toc boolean Toggles the visibility of table of contents header boolean Toggles the visibility of the page header bottom boolean Toggles the visibility of page bottom section Navigation options navigation boolean Toggles the visibility of the page or directory in navigation navigation.title string Changes the name of the page or directory in navigation navigation.icon string Changes the icon of the page or directory in navigation html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":38,"path":39,"dir":14,"title":40,"description":41,"keywords":42,"body":44},"content:1.introduction:4.configuration.md","/introduction/configuration","Configuration","Learn how to configure Docus.",[43],"Customizing the logo"," Configuration Learn how to configure Docus. export default defineAppConfig ({\n docus: {\n title: 'Docus' ,\n description: 'My Docus Project' ,\n url: 'http://docus.dev'\n }\n })\n export default defineAppConfig ({\n docus: {\n title: 'Docus' ,\n description: 'My Docus Project' ,\n url: 'http://docus.dev' ,\n image: '/social-card-preview.png' ,\n socials: {\n twitter: '@nuxt_js' ,\n github: 'nuxt-themes/docus' ,\n },\n github: {\n root: 'content' ,\n edit: true ,\n contributors: false\n },\n layout: 'default' ,\n aside: {\n level: 1 ,\n filter: [],\n },\n header: {\n title: false ,\n logo: true ,\n showLinkIcon: false\n },\n footer: {\n credits: {\n icon: 'IconDocus' ,\n text: 'Powered by Docus' ,\n href: 'https://docus.dev' ,\n },\n textLinks: [\n {\n text: 'Nuxt' ,\n href: 'https://nuxt.com' ,\n target: '_blank' ,\n rel: 'noopener'\n }\n ],\n iconLinks: [\n {\n label: 'NuxtJS' ,\n href: 'https://nuxtjs.org' ,\n component: 'IconNuxtLabs' ,\n },\n {\n label: 'Vue Telescope' ,\n href: 'https://vuetelescope.com' ,\n component: 'IconVueTelescope' ,\n },\n ],\n }\n }\n })\n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n Key Type Default Description title string Docus Website title titleTemplate string Docus Website title template description string My Docus Project Website description url string Website URL layout string default Fallback layout to use (supports default or page ) Socials socials object {} Social links socials.github string The repository to use on GitHub links socials.twitter string The account to use on Twitter links socials.youtube string The channel to use on Youtube links socials.instagram string The account to use on Instagram links socials.facebook string The account to use on Facebook links socials.medium string The account to use on Medium links socials.[social] object Override social or display custom one socials.[social].label string A label to use for the social socials.[social].icon string A icon to use for the social socials.[social].href string A link to use for the social socials.[social].rel string noopener noreferrer A space-separated list of link types Header header object Header configuration header.logo boolean Whether or not to use Logo.vue as the header logo header.title string If set to a string, will be used in the header header.showLinkIcon boolean If set to true links icons will show in the header header.exclude string[] An array of path to exclude out from the header navigation header.fluid boolean true Make header Container fluid Main main object Main configuration main.fluid boolean true Make main content Container fluid main.padded boolean true Make main content Container padded Aside aside object Aside configuration aside.level string 0 Aside base level of nesting aside.collapsed boolean Will be used as default value for collapsible navigation categories aside.exclude string[] An array of path to exclude out from the aside navigation Footer footer object Footer configuration footer.credits object An object defining the bottom left credits footer.credits.icon object The icon to use for the credits footer.credits.text object The text to use for the credits footer.textLinks array [] An array of texts to display at the center of footer footer.textLinks[0].text string The text to display footer.textLinks[0].href string A link to use for the text footer.textLinks[0].target string _self Where to display the linked URL, as the name for a browsing context footer.textLinks[0].rel string noopener noreferrer A space-separated list of link types footer.iconLinks array [] An array of icons to display in the footer footer.iconLinks[0].label string A label to use for the icon footer.iconLinks[0].href string A link to use for the icon footer.iconLinks[0].icon string The icon to use (can be a component name) footer.iconLinks[0].rel string noopener noreferrer A space-separated list of link types footer.fluid boolean true Make footer Container fluid GitHub github object false GitHub integration configuration github.dir string Directory containing the files to be edited github.branch string Branch to start editing github.repo string Name of the GitHub repo to edit files github.owner string Owner of the repo github.edit boolean Toggle \"Edit this page on Github\" component on documentation pages Search fuse object useFuse options Customizing the logo To update the logo in the header, create a component in components/Logo.vue with your own logo. In this example, the image is located at /public/img . \u003C template >\n \u003C img width = \"120\" src = \"/img/YOURLOGO.png\" />\n \u003C/ template >\n html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":46,"path":47,"dir":48,"title":49,"description":50,"keywords":51,"body":67},"content:2.api:1.components.md","/api/components","api","Components","Discover every component you can use in your content.",[52,53,54,55,56,57,58,59,60,61,62,63,64,65,66],"\u003CAlert />","\u003CBadge />","\u003CBlockHero />","\u003CButtonLink />","\u003CCallout />","\u003CCard />","\u003CCardGrid />","\u003CCodeGroup />","\u003CCodeBlock />","\u003CCopyButton />","\u003CIcon />","\u003CList />","\u003CSandbox />","\u003CTerminal />","\u003CVideoPlayer />"," Components Discover every component you can use in your content. \u003CAlert /> Check out an info alert with code and a link . Check out a success alert with code and a link . Check out a warning alert with code and a link . Check out a danger alert with code and a link . ::alert{type=\"info\"}\n Check out an **info** alert with `code` and a [ link ]( / ).\n ::\n \n ::alert{type=\"success\"}\n Check out a **success** alert with `code` and a [ link ]( / ).\n ::\n \n ::alert{type=\"warning\"}\n Check out a **warning** alert with `code` and a [ link ]( / ).\n ::\n \n ::alert{type=\"danger\"}\n Check out a **danger** alert with `code` and a [ link ]( / ).\n ::\n \u003CBadge /> \u003CBadge /> support same types as \u003CAlert /> . v1.2 Deprecated Not found! :badge[ v1.2 ]\n \n :badge[ Deprecated ]{type=\"warning\"}\n \n ::badge{type=\"danger\"}\n Not found!\n ::\n \u003CBlockHero /> Document-driven framework Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites. ::block-hero\n ---\n cta:\n - Get started\n - /get-started\n secondary:\n - Open on GitHub →\n - https://github.com/nuxtlabs/docus\n snippet: npx nuxi@latest init docus-app -t nuxtlabs/docus-starter\n ---\n #title\n Document-driven framework\n \n #description\n Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites.\n ::\n \u003CButtonLink /> Play on StackBlitz :button-link[Play on StackBlitz]{icon=\"IconStackBlitz\" href=\"https://stackblitz.com/github/nuxtlabs/docus-starter\" blank}\n \u003CCallout /> \u003CCallout /> support same types as \u003CAlert /> . This is a callout! Click me to open. This is the content of the callout. This is a callout! Click me to open. This is the content of the callout. ::callout\n #summary\n This is a callout! Click me to open.\n \n #content\n This is the content of the callout.\n ::\n \n ::callout{type=\"warning\"}\n #summary\n This is a callout! Click me to open.\n \n #content\n This is the content of the callout.\n ::\n \u003CCard /> Nuxt Architecture. Based on Nuxt 3 and Nuxt Content . \nUse Nuxt to build a static site, or a serverless app. ::card{icon=\"logos:nuxt-icon\"}\n #title\n Nuxt Architecture.\n #description\n Based on **Nuxt 3** and **Nuxt Content** . :br\n Use Nuxt to build a static site, or a serverless app.\n ::\n \u003CCardGrid /> What's included? Nuxt Architecture. Harness the full power of Nuxt and the Nuxt ecosystem. Vue Components. Use built-in components (or your own!) inside your content. Write Markdown. Enjoy the ease and simplicity of Markdown and discover MDC syntax. ::card-grid\n #title\n What's included\n \n #root\n :ellipsis\n \n #default\n ::card\n #title\n Nuxt Architecture.\n #description\n Harness the full power of Nuxt and the Nuxt ecosystem.\n ::\n ::card\n #title\n Vue Components.\n #description\n Use built-in components (or your own!) inside your content.\n ::\n ::card\n #title\n Write Markdown.\n #description\n Enjoy the ease and simplicity of Markdown and discover MDC syntax.\n ::\n ::\n \u003CCodeGroup /> This component uses slots to create a tab panel of your code examples or preview. yarn add docus\n npm install docus\n ::code-group\n ```bash [Yarn]\n yarn add docus\n ```\n ```bash [NPM]\n npm install docus\n ```\n ::\n \u003CCodeBlock /> To be used inside a \u003CCodeGroup /> component to display a preview of some rendered code. Hello World! /* Added as a child of `\u003CCodeGroup />` */\n \n ::code-block{label=\"Preview\" preview}\n ::badge\n Hello World!\n ::\n ::\n \u003CCopyButton /> :copy-button{content=\"hey!\"}\n \u003CIcon /> Icon component gives you access to all 100,000+ icons from icones.js.org . :icon{name=\"logos:nuxt-icon\"}\n :icon{name=\"logos:vue\"}\n :icon{name=\"logos:nuxt-icon\"}\n \u003CList /> Important Always Amazing Congrats Do you know? You can also do this Be careful Use with precautions Drinking too much Driving drunk ::list{type=\"primary\"}\n - **Important**\n - Always\n ::\n \n ::list{type=\"success\"}\n - Amazing\n - Congrats\n ::\n \n ::list{type=\"info\"}\n - Do you know?\n - You can also do this\n ::\n \n ::list{type=\"warning\"}\n - Be careful\n - Use with precautions\n ::\n \n ::list{type=\"danger\"}\n - Drinking too much\n - Driving drunk\n ::\n \u003CSandbox /> Embed CodeSandbox/StackBlitz easily in your documentation with great performances. Using the IntersectionObserver to load when visible in the viewport. :sandbox{src=\"https://codesandbox.io/embed/nuxt-content-l164h?hidenavigation=1&theme=dark\"}\n \u003CTerminal /> :terminal{content=\"nuxi build\"}\n \u003CVideoPlayer /> ::div\n :video-player{src=\"https://www.youtube.com/watch?v=o9e12WbKrd8\"}\n ::\n html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":69,"path":70,"dir":48,"title":71,"description":72,"keywords":73,"body":77},"content:2.api:2.composables.md","/api/composables","Composables","Discover the Docus composables to use in your custom Vue components and pages.",[74,75,76],"useDocus()","useMenu()","useScrollspy()"," Composables Discover the Docus composables to use in your custom Vue components and pages. useDocus() useDocus () gives access to docus runtime config, all default values and your custom config from app.config.ts config refers to the merged config of the current page. main , header , aside , footer and titleTemplate can be set from _dir.yml and any page.md file. The configs in app.config file will be used as defaults. \u003C script setup >\n const { config } = useDocus ()\n \u003C/ script >\n \n \u003C template >\n \u003C div >\n \u003C h1 >{{ config.title }}\u003C/ h1 >\n \u003C p >{{ config.description }}\u003C/ p >\n \u003C/ div >\n \u003C/ template >\n tree refers to the current navigation tree that is displayed in the aside component. \u003C script setup >\n const { tree } = useDocus ()\n \u003C/ script >\n \n \u003C template >\n \u003C DocsAsideTree : links = \" tree \" />\n \u003C/ template >\n useMenu() useMenu() gives access to $menu plugin controlling mobile navigation globally. const {\n // Is menu visible\n visible ,\n // Close menu function\n close ,\n // Open menu function\n open ,\n // Toggle menu function\n toggle\n } = useMenu ()\n useScrollspy() useScrollspy() is used in docs layout to make the ToC display the currently visible headings. const {\n // Headings on the page\n visibleHeadings ,\n // Active headings (for the current page)\n activeHeadings ,\n // Update headings (an array of DOM nodes)\n updateHeadings\n } = useScrollspy ()\n html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":79,"path":80,"dir":48,"title":81,"description":82,"keywords":83,"body":86},"content:2.api:3.layouts.md","/api/layouts","Layouts","Docus provides multiple built-in layouts for displaying your Markdown pages.",[84,85],"default","page"," Layouts Docus provides multiple built-in layouts for displaying your Markdown pages. default The default layout for every page created in the project. This layout renders multiple section alongside the content: Aside navigation menu (togglable with aside: false/true ) Page bottom section (togglable with bottom: false/true ) Table of content (togglable with toc: false/true ) ---\n aside : true\n bottom : true\n toc : false\n ---\n \n Your awesome content\n Current page is live sample of default layout. page page layout is content focused layout. This layout does not render aside menu of table of contents. This layout accept some configuration from content front-matter. fluid : By setting fluid: true in content front-matter the content will be rendered in full width. constrainedClass : Using this option you can modify layout container look. Like constraining layout width of changing the background. padded : Setting padded: true in front-matter will add horizontal padding in the layout. ---\n title : Home\n layout : page\n fluid : true\n ---\n Check Home page as live sample of page layout html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",1715702809351]
\ No newline at end of file
diff --git a/api/components/index.html b/api/components/index.html
index 6b04e593f..abaf86f53 100644
--- a/api/components/index.html
+++ b/api/components/index.html
@@ -1,6 +1,4 @@
-
-
-
+
Components · Docus
@@ -8,99 +6,234 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Discover every component you can use in your content.
Check out an
info alert with
code
and a
link .
Check out a
success alert with
code
and a
link .
Check out a
warning alert with
code
and a
link .
Check out a
danger alert with
code
and a
link .
Code ::alert{type="info"} Check out an **info** alert with `code` and a [ link ]( / ). :: ::alert{type="success"} Check out a **success** alert with `code` and a [ link ]( / ). :: ::alert{type="warning"} Check out a **warning** alert with `code` and a [ link ]( / ). :: ::alert{type="danger"} Check out a **danger** alert with `code` and a [ link ]( / ). ::
Copy to clipboard
<Badge />
support same types as <Alert />
.
Code :badge[ v1.2 ] :badge[ Deprecated ]{type="warning"} ::badge{type="danger"} Not found! ::
Copy to clipboard
Document-driven framework Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites.
$ npx nuxi@latest init docus-app -t nuxtlabs/docus-starter
Click to copy
Code ::block-hero --- cta: - Get started - /get-started secondary: - Open on GitHub → - https://github.com/nuxtlabs/docus snippet: npx nuxi@latest init docus-app -t nuxtlabs/docus-starter --- #title Document-driven framework #description Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites. ::
Copy to clipboard
Code :button-link[Play on StackBlitz]{icon="IconStackBlitz" href="https://stackblitz.com/github/nuxtlabs/docus-starter" blank}
Copy to clipboard
<Callout />
support same types as <Alert />
.
This is a callout! Click me to open.
This is the content of the callout.
This is a callout! Click me to open.
This is the content of the callout.
Code ::callout #summary This is a callout! Click me to open. #content This is the content of the callout. :: ::callout{type="warning"} #summary This is a callout! Click me to open. #content This is the content of the callout. ::
Copy to clipboard
Nuxt Architecture. Based on Nuxt 3 and Nuxt Content .
-Use Nuxt to build a static site, or a serverless app.
Code ::card{icon="logos:nuxt-icon"} #title Nuxt Architecture. #description Based on **Nuxt 3** and **Nuxt Content** . :br Use Nuxt to build a static site, or a serverless app. ::
Copy to clipboard
What's included? Nuxt Architecture. Harness the full power of Nuxt and the Nuxt ecosystem.
Vue Components. Use built-in components (or your own!) inside your content.
Write Markdown. Enjoy the ease and simplicity of Markdown and discover MDC syntax.
Code ::card-grid #title What's included #root :ellipsis #default ::card #title Nuxt Architecture. #description Harness the full power of Nuxt and the Nuxt ecosystem. :: ::card #title Vue Components. #description Use built-in components (or your own!) inside your content. :: ::card #title Write Markdown. #description Enjoy the ease and simplicity of Markdown and discover MDC syntax. :: ::
Copy to clipboard
This component uses slots
to create a tab panel of your code examples or preview.
Yarn yarn add docus
Copy to clipboard NPM npm install docus
Copy to clipboard Code ::code-group ```bash [Yarn] yarn add docus ``` ```bash [NPM] npm install docus ``` ::
Copy to clipboard
To be used inside a <CodeGroup />
component to display a preview of some rendered code.
Code /* Added as a child of `<CodeGroup />` */ ::code-block{label="Preview" preview} ::badge Hello World! :: ::
Copy to clipboard
Code :copy-button{content="hey!"}
Copy to clipboard
Icon component gives you access to all 100,000+ icons from icones.js.org .
Code :icon{name="logos:nuxt-icon"} :icon{name="logos:vue"} :icon{name="logos:nuxt-icon"}
Copy to clipboard
Do you know? You can also do this Be careful Use with precautions Drinking too much Driving drunk Code ::list{type="primary"} - **Important** - Always :: ::list{type="success"} - Amazing - Congrats :: ::list{type="info"} - Do you know? - You can also do this :: ::list{type="warning"} - Be careful - Use with precautions :: ::list{type="danger"} - Drinking too much - Driving drunk ::
Copy to clipboard
Embed CodeSandbox/StackBlitz easily in your documentation with great performances.
Using the IntersectionObserver to load when visible in the viewport.
Code :sandbox{src="https://codesandbox.io/embed/nuxt-content-l164h?hidenavigation=1&theme=dark"}
Copy to clipboard
$ nuxi build
Click to copy
Code :terminal{content="nuxi build"}
Copy to clipboard
Code ::div :video-player{src="https://www.youtube.com/watch?v=o9e12WbKrd8"} ::
Copy to clipboard
-
-
\ No newline at end of file
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Discover every component you can use in your content.
Check out an
info alert with
code
and a
link .
Check out a
success alert with
code
and a
link .
Check out a
warning alert with
code
and a
link .
Check out a
danger alert with
code
and a
link .
Code ::alert{type="info"}
+ Check out an **info** alert with `code` and a [ link ]( / ).
+ ::
+
+ ::alert{type="success"}
+ Check out a **success** alert with `code` and a [ link ]( / ).
+ ::
+
+ ::alert{type="warning"}
+ Check out a **warning** alert with `code` and a [ link ]( / ).
+ ::
+
+ ::alert{type="danger"}
+ Check out a **danger** alert with `code` and a [ link ]( / ).
+ ::
+
Copy to clipboard
<Badge />
support same types as <Alert />
.
Code :badge[ v1.2 ]
+
+ :badge[ Deprecated ]{type="warning"}
+
+ ::badge{type="danger"}
+ Not found!
+ ::
+
Copy to clipboard
Document-driven framework Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites.
$ npx nuxi@latest init docus-app -t nuxtlabs/docus-starter
Click to copy
Code ::block-hero
+ ---
+ cta:
+ - Get started
+ - /get-started
+ secondary:
+ - Open on GitHub →
+ - https://github.com/nuxtlabs/docus
+ snippet: npx nuxi@latest init docus-app -t nuxtlabs/docus-starter
+ ---
+ #title
+ Document-driven framework
+
+ #description
+ Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites.
+ ::
+
Copy to clipboard
Code :button-link[Play on StackBlitz]{icon="IconStackBlitz" href="https://stackblitz.com/github/nuxtlabs/docus-starter" blank}
+
Copy to clipboard
<Callout />
support same types as <Alert />
.
This is a callout! Click me to open.
This is the content of the callout.
This is a callout! Click me to open.
This is the content of the callout.
Code ::callout
+ #summary
+ This is a callout! Click me to open.
+
+ #content
+ This is the content of the callout.
+ ::
+
+ ::callout{type="warning"}
+ #summary
+ This is a callout! Click me to open.
+
+ #content
+ This is the content of the callout.
+ ::
+
Copy to clipboard
Nuxt Architecture. Based on Nuxt 3 and Nuxt Content .
+Use Nuxt to build a static site, or a serverless app.
Code ::card{icon="logos:nuxt-icon"}
+ #title
+ Nuxt Architecture.
+ #description
+ Based on **Nuxt 3** and **Nuxt Content** . :br
+ Use Nuxt to build a static site, or a serverless app.
+ ::
+
Copy to clipboard
What's included? Nuxt Architecture. Harness the full power of Nuxt and the Nuxt ecosystem.
Vue Components. Use built-in components (or your own!) inside your content.
Write Markdown. Enjoy the ease and simplicity of Markdown and discover MDC syntax.
Code ::card-grid
+ #title
+ What's included
+
+ #root
+ :ellipsis
+
+ #default
+ ::card
+ #title
+ Nuxt Architecture.
+ #description
+ Harness the full power of Nuxt and the Nuxt ecosystem.
+ ::
+ ::card
+ #title
+ Vue Components.
+ #description
+ Use built-in components (or your own!) inside your content.
+ ::
+ ::card
+ #title
+ Write Markdown.
+ #description
+ Enjoy the ease and simplicity of Markdown and discover MDC syntax.
+ ::
+ ::
+
Copy to clipboard
This component uses slots
to create a tab panel of your code examples or preview.
Yarn yarn add docus
+
Copy to clipboard NPM npm install docus
+
Copy to clipboard Code ::code-group
+ ```bash [Yarn]
+ yarn add docus
+ ```
+ ```bash [NPM]
+ npm install docus
+ ```
+ ::
+
Copy to clipboard
To be used inside a <CodeGroup />
component to display a preview of some rendered code.
Code /* Added as a child of `<CodeGroup />` */
+
+ ::code-block{label="Preview" preview}
+ ::badge
+ Hello World!
+ ::
+ ::
+
Copy to clipboard
Code :copy-button{content="hey!"}
+
Copy to clipboard
Icon component gives you access to all 100,000+ icons from icones.js.org .
Code :icon{name="logos:nuxt-icon"}
+ :icon{name="logos:vue"}
+ :icon{name="logos:nuxt-icon"}
+
Copy to clipboard
Do you know? You can also do this Be careful Use with precautions Drinking too much Driving drunk Code ::list{type="primary"}
+ - **Important**
+ - Always
+ ::
+
+ ::list{type="success"}
+ - Amazing
+ - Congrats
+ ::
+
+ ::list{type="info"}
+ - Do you know?
+ - You can also do this
+ ::
+
+ ::list{type="warning"}
+ - Be careful
+ - Use with precautions
+ ::
+
+ ::list{type="danger"}
+ - Drinking too much
+ - Driving drunk
+ ::
+
Copy to clipboard
Embed CodeSandbox/StackBlitz easily in your documentation with great performances.
Using the IntersectionObserver to load when visible in the viewport.
Code :sandbox{src="https://codesandbox.io/embed/nuxt-content-l164h?hidenavigation=1&theme=dark"}
+
Copy to clipboard
$ nuxi build
Click to copy
Code :terminal{content="nuxi build"}
+
Copy to clipboard
Code ::div
+ :video-player{src="https://www.youtube.com/watch?v=o9e12WbKrd8"}
+ ::
+
Copy to clipboard
+
\ No newline at end of file
diff --git a/api/composables/_payload.json b/api/composables/_payload.json
index 50879527a..79546c2fa 100644
--- a/api/composables/_payload.json
+++ b/api/composables/_payload.json
@@ -1 +1 @@
-[{"data":1,"prerenderedAt":87},["Reactive",2],{"search-api":3},[4,11,21,29,37,45,68,78],{"id":5,"path":6,"dir":7,"title":8,"description":7,"keywords":9,"body":10},"content:0.index.md","/","","Home",[]," The best place to start your documentation. Write pages in Markdown , use Vue components and enjoy the power of Nuxt . +50 Components ready to build rich pages Docs and Page layouts Start from a README , scale to a framework documentation Navigation and Table of Contents generation Fully configurable design system Leverages Typography and Elements Used on Content Documentation What's included Nuxt Architecture Harness the full power of Nuxt 3 and its modules ecosystem. Nuxt Studio ready Edit your theme content and appearance with live-preview within Nuxt Studio . Vue Components Use built-in components (or your own!) inside your content. Write Markdown Enjoy the ease and simplicity of Markdown and discover MDC syntax . Deploy anywhere Zero config on Vercel or Netlify . Choose between static generation, on-demand rendering (Node) or edge-side rendering on CloudFlare workers . Extensible. Customize the whole design, or add components using slots - you can make Docus your own.",{"id":12,"path":13,"dir":14,"title":15,"description":16,"keywords":17,"body":20},"content:1.introduction:1.getting-started.md","/introduction/getting-started","introduction","Getting Started","From your Markdown files to a deployed website in few minutes.",[18,19],"Play online","Create a new project"," Getting Started From your Markdown files to a deployed website in few minutes. Play online You can start playing with Docus in your browser using Stackblitz: Play on StackBlitz Create a new project Start a fresh Docus project with: npx nuxi@latest init docs -t themes/docus Install the dependencies in the docs folder: npm install yarn install pnpm install --shamefully-hoist Run the dev command to start Docus in development mode: npm run dev yarn dev pnpm run dev ✨ Well done! A browser window should automatically open for http://localhost:3000 html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":22,"path":23,"dir":14,"title":24,"description":25,"keywords":26,"body":28},"content:1.introduction:2.project-structure.md","/introduction/project-structure","Project Structure","Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home.",[27],"Directory Structure"," Project Structure Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home. Directory Structure This is the minimal directory structure to get an up and running Docus website. content/ index.md app.config.ts nuxt.config.ts The content/ directory is where you write Markdown pages . The app.config.ts is where you configure Docus to fit your branding and design. The nuxt.config.ts is your Nuxt configuration . html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":30,"path":31,"dir":14,"title":32,"description":33,"keywords":34,"body":36},"content:1.introduction:3.writing-pages.md","/introduction/writing-pages","Writing Pages","Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax.",[35],"Frontmatter"," Writing Pages Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax. Each Markdown pages in the content/ folder will be mapped to a route. File Generated route index.md / about.md /about blog/index.md /blog blog/hello.md /blog/hello 1.guide/2.installation /guide/installation Frontmatter Docus supports multiple Front-matter attributes for pages. --- title : \"Get Started\" description : \"Let's learn how to use my amazing module.\" --- Key Type Default Description layout string default Use any layout name like you would in definePageMeta() title string Defines the page title and H1 in docs pages description string Defines the page description and excerpt in docs pages redirect string A route path to redirect image object OpenGraph cover image Docs layout options aside boolean Toggles the visibility of aside navigation toc boolean Toggles the visibility of table of contents header boolean Toggles the visibility of the page header bottom boolean Toggles the visibility of page bottom section Navigation options navigation boolean Toggles the visibility of the page or directory in navigation navigation.title string Changes the name of the page or directory in navigation navigation.icon string Changes the icon of the page or directory in navigation html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":38,"path":39,"dir":14,"title":40,"description":41,"keywords":42,"body":44},"content:1.introduction:4.configuration.md","/introduction/configuration","Configuration","Learn how to configure Docus.",[43],"Customizing the logo"," Configuration Learn how to configure Docus. export default defineAppConfig ({ docus: { title: 'Docus' , description: 'My Docus Project' , url: 'http://docus.dev' } }) export default defineAppConfig ({ docus: { title: 'Docus' , description: 'My Docus Project' , url: 'http://docus.dev' , image: '/social-card-preview.png' , socials: { twitter: '@nuxt_js' , github: 'nuxt-themes/docus' , }, github: { root: 'content' , edit: true , contributors: false }, layout: 'default' , aside: { level: 1 , filter: [], }, header: { title: false , logo: true , showLinkIcon: false }, footer: { credits: { icon: 'IconDocus' , text: 'Powered by Docus' , href: 'https://docus.dev' , }, textLinks: [ { text: 'Nuxt' , href: 'https://nuxt.com' , target: '_blank' , rel: 'noopener' } ], iconLinks: [ { label: 'NuxtJS' , href: 'https://nuxtjs.org' , component: 'IconNuxtLabs' , }, { label: 'Vue Telescope' , href: 'https://vuetelescope.com' , component: 'IconVueTelescope' , }, ], } } }) Key Type Default Description title string Docus Website title titleTemplate string Docus Website title template description string My Docus Project Website description url string Website URL layout string default Fallback layout to use (supports default or page ) Socials socials object {} Social links socials.github string The repository to use on GitHub links socials.twitter string The account to use on Twitter links socials.youtube string The channel to use on Youtube links socials.instagram string The account to use on Instagram links socials.facebook string The account to use on Facebook links socials.medium string The account to use on Medium links socials.[social] object Override social or display custom one socials.[social].label string A label to use for the social socials.[social].icon string A icon to use for the social socials.[social].href string A link to use for the social socials.[social].rel string noopener noreferrer A space-separated list of link types Header header object Header configuration header.logo boolean Whether or not to use Logo.vue as the header logo header.title string If set to a string, will be used in the header header.showLinkIcon boolean If set to true links icons will show in the header header.exclude string[] An array of path to exclude out from the header navigation header.fluid boolean true Make header Container fluid Main main object Main configuration main.fluid boolean true Make main content Container fluid main.padded boolean true Make main content Container padded Aside aside object Aside configuration aside.level string 0 Aside base level of nesting aside.collapsed boolean Will be used as default value for collapsible navigation categories aside.exclude string[] An array of path to exclude out from the aside navigation Footer footer object Footer configuration footer.credits object An object defining the bottom left credits footer.credits.icon object The icon to use for the credits footer.credits.text object The text to use for the credits footer.textLinks array [] An array of texts to display at the center of footer footer.textLinks[0].text string The text to display footer.textLinks[0].href string A link to use for the text footer.textLinks[0].target string _self Where to display the linked URL, as the name for a browsing context footer.textLinks[0].rel string noopener noreferrer A space-separated list of link types footer.iconLinks array [] An array of icons to display in the footer footer.iconLinks[0].label string A label to use for the icon footer.iconLinks[0].href string A link to use for the icon footer.iconLinks[0].icon string The icon to use (can be a component name) footer.iconLinks[0].rel string noopener noreferrer A space-separated list of link types footer.fluid boolean true Make footer Container fluid GitHub github object false GitHub integration configuration github.dir string Directory containing the files to be edited github.branch string Branch to start editing github.repo string Name of the GitHub repo to edit files github.owner string Owner of the repo github.edit boolean Toggle \"Edit this page on Github\" component on documentation pages Search fuse object useFuse options Customizing the logo To update the logo in the header, create a component in components/Logo.vue with your own logo. In this example, the image is located at /public/img . \u003C template > \u003C img width = \"120\" src = \"/img/YOURLOGO.png\" /> \u003C/ template > html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":46,"path":47,"dir":48,"title":49,"description":50,"keywords":51,"body":67},"content:2.api:1.components.md","/api/components","api","Components","Discover every component you can use in your content.",[52,53,54,55,56,57,58,59,60,61,62,63,64,65,66],"\u003CAlert />","\u003CBadge />","\u003CBlockHero />","\u003CButtonLink />","\u003CCallout />","\u003CCard />","\u003CCardGrid />","\u003CCodeGroup />","\u003CCodeBlock />","\u003CCopyButton />","\u003CIcon />","\u003CList />","\u003CSandbox />","\u003CTerminal />","\u003CVideoPlayer />"," Components Discover every component you can use in your content. \u003CAlert /> Check out an info alert with code and a link . Check out a success alert with code and a link . Check out a warning alert with code and a link . Check out a danger alert with code and a link . ::alert{type=\"info\"} Check out an **info** alert with `code` and a [ link ]( / ). :: ::alert{type=\"success\"} Check out a **success** alert with `code` and a [ link ]( / ). :: ::alert{type=\"warning\"} Check out a **warning** alert with `code` and a [ link ]( / ). :: ::alert{type=\"danger\"} Check out a **danger** alert with `code` and a [ link ]( / ). :: \u003CBadge /> \u003CBadge /> support same types as \u003CAlert /> . v1.2 Deprecated Not found! :badge[ v1.2 ] :badge[ Deprecated ]{type=\"warning\"} ::badge{type=\"danger\"} Not found! :: \u003CBlockHero /> Document-driven framework Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites. ::block-hero --- cta: - Get started - /get-started secondary: - Open on GitHub → - https://github.com/nuxtlabs/docus snippet: npx nuxi@latest init docus-app -t nuxtlabs/docus-starter --- #title Document-driven framework #description Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites. :: \u003CButtonLink /> Play on StackBlitz :button-link[Play on StackBlitz]{icon=\"IconStackBlitz\" href=\"https://stackblitz.com/github/nuxtlabs/docus-starter\" blank} \u003CCallout /> \u003CCallout /> support same types as \u003CAlert /> . This is a callout! Click me to open. This is the content of the callout. This is a callout! Click me to open. This is the content of the callout. ::callout #summary This is a callout! Click me to open. #content This is the content of the callout. :: ::callout{type=\"warning\"} #summary This is a callout! Click me to open. #content This is the content of the callout. :: \u003CCard /> Nuxt Architecture. Based on Nuxt 3 and Nuxt Content . \nUse Nuxt to build a static site, or a serverless app. ::card{icon=\"logos:nuxt-icon\"} #title Nuxt Architecture. #description Based on **Nuxt 3** and **Nuxt Content** . :br Use Nuxt to build a static site, or a serverless app. :: \u003CCardGrid /> What's included? Nuxt Architecture. Harness the full power of Nuxt and the Nuxt ecosystem. Vue Components. Use built-in components (or your own!) inside your content. Write Markdown. Enjoy the ease and simplicity of Markdown and discover MDC syntax. ::card-grid #title What's included #root :ellipsis #default ::card #title Nuxt Architecture. #description Harness the full power of Nuxt and the Nuxt ecosystem. :: ::card #title Vue Components. #description Use built-in components (or your own!) inside your content. :: ::card #title Write Markdown. #description Enjoy the ease and simplicity of Markdown and discover MDC syntax. :: :: \u003CCodeGroup /> This component uses slots to create a tab panel of your code examples or preview. yarn add docus npm install docus ::code-group ```bash [Yarn] yarn add docus ``` ```bash [NPM] npm install docus ``` :: \u003CCodeBlock /> To be used inside a \u003CCodeGroup /> component to display a preview of some rendered code. Hello World! /* Added as a child of `\u003CCodeGroup />` */ ::code-block{label=\"Preview\" preview} ::badge Hello World! :: :: \u003CCopyButton /> :copy-button{content=\"hey!\"} \u003CIcon /> Icon component gives you access to all 100,000+ icons from icones.js.org . :icon{name=\"logos:nuxt-icon\"} :icon{name=\"logos:vue\"} :icon{name=\"logos:nuxt-icon\"} \u003CList /> Important Always Amazing Congrats Do you know? You can also do this Be careful Use with precautions Drinking too much Driving drunk ::list{type=\"primary\"} - **Important** - Always :: ::list{type=\"success\"} - Amazing - Congrats :: ::list{type=\"info\"} - Do you know? - You can also do this :: ::list{type=\"warning\"} - Be careful - Use with precautions :: ::list{type=\"danger\"} - Drinking too much - Driving drunk :: \u003CSandbox /> Embed CodeSandbox/StackBlitz easily in your documentation with great performances. Using the IntersectionObserver to load when visible in the viewport. :sandbox{src=\"https://codesandbox.io/embed/nuxt-content-l164h?hidenavigation=1&theme=dark\"} \u003CTerminal /> :terminal{content=\"nuxi build\"} \u003CVideoPlayer /> ::div :video-player{src=\"https://www.youtube.com/watch?v=o9e12WbKrd8\"} :: html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":69,"path":70,"dir":48,"title":71,"description":72,"keywords":73,"body":77},"content:2.api:2.composables.md","/api/composables","Composables","Discover the Docus composables to use in your custom Vue components and pages.",[74,75,76],"useDocus()","useMenu()","useScrollspy()"," Composables Discover the Docus composables to use in your custom Vue components and pages. useDocus() useDocus () gives access to docus runtime config, all default values and your custom config from app.config.ts config refers to the merged config of the current page. main , header , aside , footer and titleTemplate can be set from _dir.yml and any page.md file. The configs in app.config file will be used as defaults. \u003C script setup > const { config } = useDocus () \u003C/ script > \u003C template > \u003C div > \u003C h1 >{{ config.title }}\u003C/ h1 > \u003C p >{{ config.description }}\u003C/ p > \u003C/ div > \u003C/ template > tree refers to the current navigation tree that is displayed in the aside component. \u003C script setup > const { tree } = useDocus () \u003C/ script > \u003C template > \u003C DocsAsideTree :links = \"tree\" /> \u003C/ template > useMenu() useMenu() gives access to $menu plugin controlling mobile navigation globally. const { // Is menu visible visible , // Close menu function close , // Open menu function open , // Toggle menu function toggle } = useMenu () useScrollspy() useScrollspy() is used in docs layout to make the ToC display the currently visible headings. const { // Headings on the page visibleHeadings , // Active headings (for the current page) activeHeadings , // Update headings (an array of DOM nodes) updateHeadings } = useScrollspy () html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":79,"path":80,"dir":48,"title":81,"description":82,"keywords":83,"body":86},"content:2.api:3.layouts.md","/api/layouts","Layouts","Docus provides multiple built-in layouts for displaying your Markdown pages.",[84,85],"default","page"," Layouts Docus provides multiple built-in layouts for displaying your Markdown pages. default The default layout for every page created in the project. This layout renders multiple section alongside the content: Aside navigation menu (togglable with aside: false/true ) Page bottom section (togglable with bottom: false/true ) Table of content (togglable with toc: false/true ) --- aside : true bottom : true toc : false --- Your awesome content Current page is live sample of default layout. page page layout is content focused layout. This layout does not render aside menu of table of contents. This layout accept some configuration from content front-matter. fluid : By setting fluid: true in content front-matter the content will be rendered in full width. constrainedClass : Using this option you can modify layout container look. Like constraining layout width of changing the background. padded : Setting padded: true in front-matter will add horizontal padding in the layout. --- title : Home layout : page fluid : true --- Check Home page as live sample of page layout html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",1698738524424]
\ No newline at end of file
+[{"data":1,"prerenderedAt":87},["Reactive",2],{"search-api":3},[4,11,21,29,37,45,68,78],{"id":5,"path":6,"dir":7,"title":8,"description":7,"keywords":9,"body":10},"content:0.index.md","/","","Home",[]," The best place to start your documentation. Write pages in Markdown , use Vue components and enjoy the power of Nuxt . +50 Components ready to build rich pages Docs and Page layouts Start from a README , scale to a framework documentation Navigation and Table of Contents generation Fully configurable design system Leverages Typography and Elements Used on Content Documentation What's included Nuxt Architecture Harness the full power of Nuxt 3 and its modules ecosystem. Nuxt Studio ready Edit your theme content and appearance with live-preview within Nuxt Studio . Vue Components Use built-in components (or your own!) inside your content. Write Markdown Enjoy the ease and simplicity of Markdown and discover MDC syntax . Deploy anywhere Zero config on Vercel or Netlify . Choose between static generation, on-demand rendering (Node) or edge-side rendering on CloudFlare workers . Extensible. Customize the whole design, or add components using slots - you can make Docus your own.",{"id":12,"path":13,"dir":14,"title":15,"description":16,"keywords":17,"body":20},"content:1.introduction:1.getting-started.md","/introduction/getting-started","introduction","Getting Started","From your Markdown files to a deployed website in few minutes.",[18,19],"Play online","Create a new project"," Getting Started From your Markdown files to a deployed website in few minutes. Play online You can start playing with Docus in your browser using Stackblitz: Play on StackBlitz Create a new project Start a fresh Docus project with: npx nuxi@latest init docs -t themes/docus\n Install the dependencies in the docs folder: npm install\n yarn install\n pnpm install --shamefully-hoist\n Run the dev command to start Docus in development mode: npm run dev\n yarn dev\n pnpm run dev\n ✨ Well done! A browser window should automatically open for http://localhost:3000 html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":22,"path":23,"dir":14,"title":24,"description":25,"keywords":26,"body":28},"content:1.introduction:2.project-structure.md","/introduction/project-structure","Project Structure","Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home.",[27],"Directory Structure"," Project Structure Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home. Directory Structure This is the minimal directory structure to get an up and running Docus website. content/\n index.md\n app.config.ts\n nuxt.config.ts\n The content/ directory is where you write Markdown pages . The app.config.ts is where you configure Docus to fit your branding and design. The nuxt.config.ts is your Nuxt configuration . html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":30,"path":31,"dir":14,"title":32,"description":33,"keywords":34,"body":36},"content:1.introduction:3.writing-pages.md","/introduction/writing-pages","Writing Pages","Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax.",[35],"Frontmatter"," Writing Pages Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax. Each Markdown page in the content/ folder will be mapped to a route. \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n File Generated route index.md / about.md /about blog/index.md /blog blog/hello.md /blog/hello 1.guide/2.installation /guide/installation Frontmatter Docus supports multiple Front-matter attributes for pages. ---\n title : \"Get Started\"\n description : \"Let's learn how to use my amazing module.\"\n ---\n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n Key Type Default Description layout string default Use any layout name like you would in definePageMeta() title string Defines the page title and H1 in docs pages description string Defines the page description and excerpt in docs pages redirect string A route path to redirect image object OpenGraph cover image Docs layout options aside boolean Toggles the visibility of aside navigation toc boolean Toggles the visibility of table of contents header boolean Toggles the visibility of the page header bottom boolean Toggles the visibility of page bottom section Navigation options navigation boolean Toggles the visibility of the page or directory in navigation navigation.title string Changes the name of the page or directory in navigation navigation.icon string Changes the icon of the page or directory in navigation html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":38,"path":39,"dir":14,"title":40,"description":41,"keywords":42,"body":44},"content:1.introduction:4.configuration.md","/introduction/configuration","Configuration","Learn how to configure Docus.",[43],"Customizing the logo"," Configuration Learn how to configure Docus. export default defineAppConfig ({\n docus: {\n title: 'Docus' ,\n description: 'My Docus Project' ,\n url: 'http://docus.dev'\n }\n })\n export default defineAppConfig ({\n docus: {\n title: 'Docus' ,\n description: 'My Docus Project' ,\n url: 'http://docus.dev' ,\n image: '/social-card-preview.png' ,\n socials: {\n twitter: '@nuxt_js' ,\n github: 'nuxt-themes/docus' ,\n },\n github: {\n root: 'content' ,\n edit: true ,\n contributors: false\n },\n layout: 'default' ,\n aside: {\n level: 1 ,\n filter: [],\n },\n header: {\n title: false ,\n logo: true ,\n showLinkIcon: false\n },\n footer: {\n credits: {\n icon: 'IconDocus' ,\n text: 'Powered by Docus' ,\n href: 'https://docus.dev' ,\n },\n textLinks: [\n {\n text: 'Nuxt' ,\n href: 'https://nuxt.com' ,\n target: '_blank' ,\n rel: 'noopener'\n }\n ],\n iconLinks: [\n {\n label: 'NuxtJS' ,\n href: 'https://nuxtjs.org' ,\n component: 'IconNuxtLabs' ,\n },\n {\n label: 'Vue Telescope' ,\n href: 'https://vuetelescope.com' ,\n component: 'IconVueTelescope' ,\n },\n ],\n }\n }\n })\n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n Key Type Default Description title string Docus Website title titleTemplate string Docus Website title template description string My Docus Project Website description url string Website URL layout string default Fallback layout to use (supports default or page ) Socials socials object {} Social links socials.github string The repository to use on GitHub links socials.twitter string The account to use on Twitter links socials.youtube string The channel to use on Youtube links socials.instagram string The account to use on Instagram links socials.facebook string The account to use on Facebook links socials.medium string The account to use on Medium links socials.[social] object Override social or display custom one socials.[social].label string A label to use for the social socials.[social].icon string A icon to use for the social socials.[social].href string A link to use for the social socials.[social].rel string noopener noreferrer A space-separated list of link types Header header object Header configuration header.logo boolean Whether or not to use Logo.vue as the header logo header.title string If set to a string, will be used in the header header.showLinkIcon boolean If set to true links icons will show in the header header.exclude string[] An array of path to exclude out from the header navigation header.fluid boolean true Make header Container fluid Main main object Main configuration main.fluid boolean true Make main content Container fluid main.padded boolean true Make main content Container padded Aside aside object Aside configuration aside.level string 0 Aside base level of nesting aside.collapsed boolean Will be used as default value for collapsible navigation categories aside.exclude string[] An array of path to exclude out from the aside navigation Footer footer object Footer configuration footer.credits object An object defining the bottom left credits footer.credits.icon object The icon to use for the credits footer.credits.text object The text to use for the credits footer.textLinks array [] An array of texts to display at the center of footer footer.textLinks[0].text string The text to display footer.textLinks[0].href string A link to use for the text footer.textLinks[0].target string _self Where to display the linked URL, as the name for a browsing context footer.textLinks[0].rel string noopener noreferrer A space-separated list of link types footer.iconLinks array [] An array of icons to display in the footer footer.iconLinks[0].label string A label to use for the icon footer.iconLinks[0].href string A link to use for the icon footer.iconLinks[0].icon string The icon to use (can be a component name) footer.iconLinks[0].rel string noopener noreferrer A space-separated list of link types footer.fluid boolean true Make footer Container fluid GitHub github object false GitHub integration configuration github.dir string Directory containing the files to be edited github.branch string Branch to start editing github.repo string Name of the GitHub repo to edit files github.owner string Owner of the repo github.edit boolean Toggle \"Edit this page on Github\" component on documentation pages Search fuse object useFuse options Customizing the logo To update the logo in the header, create a component in components/Logo.vue with your own logo. In this example, the image is located at /public/img . \u003C template >\n \u003C img width = \"120\" src = \"/img/YOURLOGO.png\" />\n \u003C/ template >\n html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":46,"path":47,"dir":48,"title":49,"description":50,"keywords":51,"body":67},"content:2.api:1.components.md","/api/components","api","Components","Discover every component you can use in your content.",[52,53,54,55,56,57,58,59,60,61,62,63,64,65,66],"\u003CAlert />","\u003CBadge />","\u003CBlockHero />","\u003CButtonLink />","\u003CCallout />","\u003CCard />","\u003CCardGrid />","\u003CCodeGroup />","\u003CCodeBlock />","\u003CCopyButton />","\u003CIcon />","\u003CList />","\u003CSandbox />","\u003CTerminal />","\u003CVideoPlayer />"," Components Discover every component you can use in your content. \u003CAlert /> Check out an info alert with code and a link . Check out a success alert with code and a link . Check out a warning alert with code and a link . Check out a danger alert with code and a link . ::alert{type=\"info\"}\n Check out an **info** alert with `code` and a [ link ]( / ).\n ::\n \n ::alert{type=\"success\"}\n Check out a **success** alert with `code` and a [ link ]( / ).\n ::\n \n ::alert{type=\"warning\"}\n Check out a **warning** alert with `code` and a [ link ]( / ).\n ::\n \n ::alert{type=\"danger\"}\n Check out a **danger** alert with `code` and a [ link ]( / ).\n ::\n \u003CBadge /> \u003CBadge /> support same types as \u003CAlert /> . v1.2 Deprecated Not found! :badge[ v1.2 ]\n \n :badge[ Deprecated ]{type=\"warning\"}\n \n ::badge{type=\"danger\"}\n Not found!\n ::\n \u003CBlockHero /> Document-driven framework Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites. ::block-hero\n ---\n cta:\n - Get started\n - /get-started\n secondary:\n - Open on GitHub →\n - https://github.com/nuxtlabs/docus\n snippet: npx nuxi@latest init docus-app -t nuxtlabs/docus-starter\n ---\n #title\n Document-driven framework\n \n #description\n Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites.\n ::\n \u003CButtonLink /> Play on StackBlitz :button-link[Play on StackBlitz]{icon=\"IconStackBlitz\" href=\"https://stackblitz.com/github/nuxtlabs/docus-starter\" blank}\n \u003CCallout /> \u003CCallout /> support same types as \u003CAlert /> . This is a callout! Click me to open. This is the content of the callout. This is a callout! Click me to open. This is the content of the callout. ::callout\n #summary\n This is a callout! Click me to open.\n \n #content\n This is the content of the callout.\n ::\n \n ::callout{type=\"warning\"}\n #summary\n This is a callout! Click me to open.\n \n #content\n This is the content of the callout.\n ::\n \u003CCard /> Nuxt Architecture. Based on Nuxt 3 and Nuxt Content . \nUse Nuxt to build a static site, or a serverless app. ::card{icon=\"logos:nuxt-icon\"}\n #title\n Nuxt Architecture.\n #description\n Based on **Nuxt 3** and **Nuxt Content** . :br\n Use Nuxt to build a static site, or a serverless app.\n ::\n \u003CCardGrid /> What's included? Nuxt Architecture. Harness the full power of Nuxt and the Nuxt ecosystem. Vue Components. Use built-in components (or your own!) inside your content. Write Markdown. Enjoy the ease and simplicity of Markdown and discover MDC syntax. ::card-grid\n #title\n What's included\n \n #root\n :ellipsis\n \n #default\n ::card\n #title\n Nuxt Architecture.\n #description\n Harness the full power of Nuxt and the Nuxt ecosystem.\n ::\n ::card\n #title\n Vue Components.\n #description\n Use built-in components (or your own!) inside your content.\n ::\n ::card\n #title\n Write Markdown.\n #description\n Enjoy the ease and simplicity of Markdown and discover MDC syntax.\n ::\n ::\n \u003CCodeGroup /> This component uses slots to create a tab panel of your code examples or preview. yarn add docus\n npm install docus\n ::code-group\n ```bash [Yarn]\n yarn add docus\n ```\n ```bash [NPM]\n npm install docus\n ```\n ::\n \u003CCodeBlock /> To be used inside a \u003CCodeGroup /> component to display a preview of some rendered code. Hello World! /* Added as a child of `\u003CCodeGroup />` */\n \n ::code-block{label=\"Preview\" preview}\n ::badge\n Hello World!\n ::\n ::\n \u003CCopyButton /> :copy-button{content=\"hey!\"}\n \u003CIcon /> Icon component gives you access to all 100,000+ icons from icones.js.org . :icon{name=\"logos:nuxt-icon\"}\n :icon{name=\"logos:vue\"}\n :icon{name=\"logos:nuxt-icon\"}\n \u003CList /> Important Always Amazing Congrats Do you know? You can also do this Be careful Use with precautions Drinking too much Driving drunk ::list{type=\"primary\"}\n - **Important**\n - Always\n ::\n \n ::list{type=\"success\"}\n - Amazing\n - Congrats\n ::\n \n ::list{type=\"info\"}\n - Do you know?\n - You can also do this\n ::\n \n ::list{type=\"warning\"}\n - Be careful\n - Use with precautions\n ::\n \n ::list{type=\"danger\"}\n - Drinking too much\n - Driving drunk\n ::\n \u003CSandbox /> Embed CodeSandbox/StackBlitz easily in your documentation with great performances. Using the IntersectionObserver to load when visible in the viewport. :sandbox{src=\"https://codesandbox.io/embed/nuxt-content-l164h?hidenavigation=1&theme=dark\"}\n \u003CTerminal /> :terminal{content=\"nuxi build\"}\n \u003CVideoPlayer /> ::div\n :video-player{src=\"https://www.youtube.com/watch?v=o9e12WbKrd8\"}\n ::\n html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":69,"path":70,"dir":48,"title":71,"description":72,"keywords":73,"body":77},"content:2.api:2.composables.md","/api/composables","Composables","Discover the Docus composables to use in your custom Vue components and pages.",[74,75,76],"useDocus()","useMenu()","useScrollspy()"," Composables Discover the Docus composables to use in your custom Vue components and pages. useDocus() useDocus () gives access to docus runtime config, all default values and your custom config from app.config.ts config refers to the merged config of the current page. main , header , aside , footer and titleTemplate can be set from _dir.yml and any page.md file. The configs in app.config file will be used as defaults. \u003C script setup >\n const { config } = useDocus ()\n \u003C/ script >\n \n \u003C template >\n \u003C div >\n \u003C h1 >{{ config.title }}\u003C/ h1 >\n \u003C p >{{ config.description }}\u003C/ p >\n \u003C/ div >\n \u003C/ template >\n tree refers to the current navigation tree that is displayed in the aside component. \u003C script setup >\n const { tree } = useDocus ()\n \u003C/ script >\n \n \u003C template >\n \u003C DocsAsideTree : links = \" tree \" />\n \u003C/ template >\n useMenu() useMenu() gives access to $menu plugin controlling mobile navigation globally. const {\n // Is menu visible\n visible ,\n // Close menu function\n close ,\n // Open menu function\n open ,\n // Toggle menu function\n toggle\n } = useMenu ()\n useScrollspy() useScrollspy() is used in docs layout to make the ToC display the currently visible headings. const {\n // Headings on the page\n visibleHeadings ,\n // Active headings (for the current page)\n activeHeadings ,\n // Update headings (an array of DOM nodes)\n updateHeadings\n } = useScrollspy ()\n html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":79,"path":80,"dir":48,"title":81,"description":82,"keywords":83,"body":86},"content:2.api:3.layouts.md","/api/layouts","Layouts","Docus provides multiple built-in layouts for displaying your Markdown pages.",[84,85],"default","page"," Layouts Docus provides multiple built-in layouts for displaying your Markdown pages. default The default layout for every page created in the project. This layout renders multiple section alongside the content: Aside navigation menu (togglable with aside: false/true ) Page bottom section (togglable with bottom: false/true ) Table of content (togglable with toc: false/true ) ---\n aside : true\n bottom : true\n toc : false\n ---\n \n Your awesome content\n Current page is live sample of default layout. page page layout is content focused layout. This layout does not render aside menu of table of contents. This layout accept some configuration from content front-matter. fluid : By setting fluid: true in content front-matter the content will be rendered in full width. constrainedClass : Using this option you can modify layout container look. Like constraining layout width of changing the background. padded : Setting padded: true in front-matter will add horizontal padding in the layout. ---\n title : Home\n layout : page\n fluid : true\n ---\n Check Home page as live sample of page layout html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",1715702809362]
\ No newline at end of file
diff --git a/api/composables/index.html b/api/composables/index.html
index 5d1e3f942..5e33cbdad 100644
--- a/api/composables/index.html
+++ b/api/composables/index.html
@@ -1,6 +1,4 @@
-
-
-
+
Composables · Docus
@@ -8,69 +6,101 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Discover the Docus composables to use in your custom Vue components and pages.
useDocus ()
gives access to docus runtime config, all default values and your custom config from app.config.ts
config
refers to the merged config of the current page.main
, header
, aside
, footer
and titleTemplate
can be set from _dir.yml
and any page.md
file.
The configs in app.config
file will be used as defaults.
< script setup > const { config } = useDocus () </ script > < template > < div > < h1 >{{ config.title }}</ h1 > < p >{{ config.description }}</ p > </ div > </ template >
Copy to clipboard tree
refers to the current navigation tree that is displayed in the aside
component.< script setup > const { tree } = useDocus () </ script > < template > < DocsAsideTree :links = "tree" /> </ template >
Copy to clipboard
useMenu()
gives access to $menu
plugin controlling mobile navigation globally.
const { // Is menu visible visible , // Close menu function close , // Open menu function open , // Toggle menu function toggle } = useMenu ()
Copy to clipboard
useScrollspy()
is used in docs
layout to make the ToC display the currently visible headings.
const { // Headings on the page visibleHeadings , // Active headings (for the current page) activeHeadings , // Update headings (an array of DOM nodes) updateHeadings } = useScrollspy ()
Copy to clipboard
-
-
\ No newline at end of file
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Discover the Docus composables to use in your custom Vue components and pages.
useDocus ()
gives access to docus runtime config, all default values and your custom config from app.config.ts
config
refers to the merged config of the current page.main
, header
, aside
, footer
and titleTemplate
can be set from _dir.yml
and any page.md
file.
The configs in app.config
file will be used as defaults.
< script setup >
+ const { config } = useDocus ()
+ </ script >
+
+ < template >
+ < div >
+ < h1 >{{ config.title }}</ h1 >
+ < p >{{ config.description }}</ p >
+ </ div >
+ </ template >
+
Copy to clipboard tree
refers to the current navigation tree that is displayed in the aside
component.< script setup >
+ const { tree } = useDocus ()
+ </ script >
+
+ < template >
+ < DocsAsideTree : links = " tree " />
+ </ template >
+
Copy to clipboard
useMenu()
gives access to $menu
plugin controlling mobile navigation globally.
const {
+ // Is menu visible
+ visible ,
+ // Close menu function
+ close ,
+ // Open menu function
+ open ,
+ // Toggle menu function
+ toggle
+ } = useMenu ()
+
Copy to clipboard
useScrollspy()
is used in docs
layout to make the ToC display the currently visible headings.
const {
+ // Headings on the page
+ visibleHeadings ,
+ // Active headings (for the current page)
+ activeHeadings ,
+ // Update headings (an array of DOM nodes)
+ updateHeadings
+ } = useScrollspy ()
+
Copy to clipboard
+
\ No newline at end of file
diff --git a/api/layouts/_payload.json b/api/layouts/_payload.json
index 6e80d967d..db7c3f7da 100644
--- a/api/layouts/_payload.json
+++ b/api/layouts/_payload.json
@@ -1 +1 @@
-[{"data":1,"prerenderedAt":87},["Reactive",2],{"search-api":3},[4,11,21,29,37,45,68,78],{"id":5,"path":6,"dir":7,"title":8,"description":7,"keywords":9,"body":10},"content:0.index.md","/","","Home",[]," The best place to start your documentation. Write pages in Markdown , use Vue components and enjoy the power of Nuxt . +50 Components ready to build rich pages Docs and Page layouts Start from a README , scale to a framework documentation Navigation and Table of Contents generation Fully configurable design system Leverages Typography and Elements Used on Content Documentation What's included Nuxt Architecture Harness the full power of Nuxt 3 and its modules ecosystem. Nuxt Studio ready Edit your theme content and appearance with live-preview within Nuxt Studio . Vue Components Use built-in components (or your own!) inside your content. Write Markdown Enjoy the ease and simplicity of Markdown and discover MDC syntax . Deploy anywhere Zero config on Vercel or Netlify . Choose between static generation, on-demand rendering (Node) or edge-side rendering on CloudFlare workers . Extensible. Customize the whole design, or add components using slots - you can make Docus your own.",{"id":12,"path":13,"dir":14,"title":15,"description":16,"keywords":17,"body":20},"content:1.introduction:1.getting-started.md","/introduction/getting-started","introduction","Getting Started","From your Markdown files to a deployed website in few minutes.",[18,19],"Play online","Create a new project"," Getting Started From your Markdown files to a deployed website in few minutes. Play online You can start playing with Docus in your browser using Stackblitz: Play on StackBlitz Create a new project Start a fresh Docus project with: npx nuxi@latest init docs -t themes/docus Install the dependencies in the docs folder: npm install yarn install pnpm install --shamefully-hoist Run the dev command to start Docus in development mode: npm run dev yarn dev pnpm run dev ✨ Well done! A browser window should automatically open for http://localhost:3000 html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":22,"path":23,"dir":14,"title":24,"description":25,"keywords":26,"body":28},"content:1.introduction:2.project-structure.md","/introduction/project-structure","Project Structure","Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home.",[27],"Directory Structure"," Project Structure Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home. Directory Structure This is the minimal directory structure to get an up and running Docus website. content/ index.md app.config.ts nuxt.config.ts The content/ directory is where you write Markdown pages . The app.config.ts is where you configure Docus to fit your branding and design. The nuxt.config.ts is your Nuxt configuration . html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":30,"path":31,"dir":14,"title":32,"description":33,"keywords":34,"body":36},"content:1.introduction:3.writing-pages.md","/introduction/writing-pages","Writing Pages","Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax.",[35],"Frontmatter"," Writing Pages Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax. Each Markdown pages in the content/ folder will be mapped to a route. File Generated route index.md / about.md /about blog/index.md /blog blog/hello.md /blog/hello 1.guide/2.installation /guide/installation Frontmatter Docus supports multiple Front-matter attributes for pages. --- title : \"Get Started\" description : \"Let's learn how to use my amazing module.\" --- Key Type Default Description layout string default Use any layout name like you would in definePageMeta() title string Defines the page title and H1 in docs pages description string Defines the page description and excerpt in docs pages redirect string A route path to redirect image object OpenGraph cover image Docs layout options aside boolean Toggles the visibility of aside navigation toc boolean Toggles the visibility of table of contents header boolean Toggles the visibility of the page header bottom boolean Toggles the visibility of page bottom section Navigation options navigation boolean Toggles the visibility of the page or directory in navigation navigation.title string Changes the name of the page or directory in navigation navigation.icon string Changes the icon of the page or directory in navigation html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":38,"path":39,"dir":14,"title":40,"description":41,"keywords":42,"body":44},"content:1.introduction:4.configuration.md","/introduction/configuration","Configuration","Learn how to configure Docus.",[43],"Customizing the logo"," Configuration Learn how to configure Docus. export default defineAppConfig ({ docus: { title: 'Docus' , description: 'My Docus Project' , url: 'http://docus.dev' } }) export default defineAppConfig ({ docus: { title: 'Docus' , description: 'My Docus Project' , url: 'http://docus.dev' , image: '/social-card-preview.png' , socials: { twitter: '@nuxt_js' , github: 'nuxt-themes/docus' , }, github: { root: 'content' , edit: true , contributors: false }, layout: 'default' , aside: { level: 1 , filter: [], }, header: { title: false , logo: true , showLinkIcon: false }, footer: { credits: { icon: 'IconDocus' , text: 'Powered by Docus' , href: 'https://docus.dev' , }, textLinks: [ { text: 'Nuxt' , href: 'https://nuxt.com' , target: '_blank' , rel: 'noopener' } ], iconLinks: [ { label: 'NuxtJS' , href: 'https://nuxtjs.org' , component: 'IconNuxtLabs' , }, { label: 'Vue Telescope' , href: 'https://vuetelescope.com' , component: 'IconVueTelescope' , }, ], } } }) Key Type Default Description title string Docus Website title titleTemplate string Docus Website title template description string My Docus Project Website description url string Website URL layout string default Fallback layout to use (supports default or page ) Socials socials object {} Social links socials.github string The repository to use on GitHub links socials.twitter string The account to use on Twitter links socials.youtube string The channel to use on Youtube links socials.instagram string The account to use on Instagram links socials.facebook string The account to use on Facebook links socials.medium string The account to use on Medium links socials.[social] object Override social or display custom one socials.[social].label string A label to use for the social socials.[social].icon string A icon to use for the social socials.[social].href string A link to use for the social socials.[social].rel string noopener noreferrer A space-separated list of link types Header header object Header configuration header.logo boolean Whether or not to use Logo.vue as the header logo header.title string If set to a string, will be used in the header header.showLinkIcon boolean If set to true links icons will show in the header header.exclude string[] An array of path to exclude out from the header navigation header.fluid boolean true Make header Container fluid Main main object Main configuration main.fluid boolean true Make main content Container fluid main.padded boolean true Make main content Container padded Aside aside object Aside configuration aside.level string 0 Aside base level of nesting aside.collapsed boolean Will be used as default value for collapsible navigation categories aside.exclude string[] An array of path to exclude out from the aside navigation Footer footer object Footer configuration footer.credits object An object defining the bottom left credits footer.credits.icon object The icon to use for the credits footer.credits.text object The text to use for the credits footer.textLinks array [] An array of texts to display at the center of footer footer.textLinks[0].text string The text to display footer.textLinks[0].href string A link to use for the text footer.textLinks[0].target string _self Where to display the linked URL, as the name for a browsing context footer.textLinks[0].rel string noopener noreferrer A space-separated list of link types footer.iconLinks array [] An array of icons to display in the footer footer.iconLinks[0].label string A label to use for the icon footer.iconLinks[0].href string A link to use for the icon footer.iconLinks[0].icon string The icon to use (can be a component name) footer.iconLinks[0].rel string noopener noreferrer A space-separated list of link types footer.fluid boolean true Make footer Container fluid GitHub github object false GitHub integration configuration github.dir string Directory containing the files to be edited github.branch string Branch to start editing github.repo string Name of the GitHub repo to edit files github.owner string Owner of the repo github.edit boolean Toggle \"Edit this page on Github\" component on documentation pages Search fuse object useFuse options Customizing the logo To update the logo in the header, create a component in components/Logo.vue with your own logo. In this example, the image is located at /public/img . \u003C template > \u003C img width = \"120\" src = \"/img/YOURLOGO.png\" /> \u003C/ template > html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":46,"path":47,"dir":48,"title":49,"description":50,"keywords":51,"body":67},"content:2.api:1.components.md","/api/components","api","Components","Discover every component you can use in your content.",[52,53,54,55,56,57,58,59,60,61,62,63,64,65,66],"\u003CAlert />","\u003CBadge />","\u003CBlockHero />","\u003CButtonLink />","\u003CCallout />","\u003CCard />","\u003CCardGrid />","\u003CCodeGroup />","\u003CCodeBlock />","\u003CCopyButton />","\u003CIcon />","\u003CList />","\u003CSandbox />","\u003CTerminal />","\u003CVideoPlayer />"," Components Discover every component you can use in your content. \u003CAlert /> Check out an info alert with code and a link . Check out a success alert with code and a link . Check out a warning alert with code and a link . Check out a danger alert with code and a link . ::alert{type=\"info\"} Check out an **info** alert with `code` and a [ link ]( / ). :: ::alert{type=\"success\"} Check out a **success** alert with `code` and a [ link ]( / ). :: ::alert{type=\"warning\"} Check out a **warning** alert with `code` and a [ link ]( / ). :: ::alert{type=\"danger\"} Check out a **danger** alert with `code` and a [ link ]( / ). :: \u003CBadge /> \u003CBadge /> support same types as \u003CAlert /> . v1.2 Deprecated Not found! :badge[ v1.2 ] :badge[ Deprecated ]{type=\"warning\"} ::badge{type=\"danger\"} Not found! :: \u003CBlockHero /> Document-driven framework Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites. ::block-hero --- cta: - Get started - /get-started secondary: - Open on GitHub → - https://github.com/nuxtlabs/docus snippet: npx nuxi@latest init docus-app -t nuxtlabs/docus-starter --- #title Document-driven framework #description Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites. :: \u003CButtonLink /> Play on StackBlitz :button-link[Play on StackBlitz]{icon=\"IconStackBlitz\" href=\"https://stackblitz.com/github/nuxtlabs/docus-starter\" blank} \u003CCallout /> \u003CCallout /> support same types as \u003CAlert /> . This is a callout! Click me to open. This is the content of the callout. This is a callout! Click me to open. This is the content of the callout. ::callout #summary This is a callout! Click me to open. #content This is the content of the callout. :: ::callout{type=\"warning\"} #summary This is a callout! Click me to open. #content This is the content of the callout. :: \u003CCard /> Nuxt Architecture. Based on Nuxt 3 and Nuxt Content . \nUse Nuxt to build a static site, or a serverless app. ::card{icon=\"logos:nuxt-icon\"} #title Nuxt Architecture. #description Based on **Nuxt 3** and **Nuxt Content** . :br Use Nuxt to build a static site, or a serverless app. :: \u003CCardGrid /> What's included? Nuxt Architecture. Harness the full power of Nuxt and the Nuxt ecosystem. Vue Components. Use built-in components (or your own!) inside your content. Write Markdown. Enjoy the ease and simplicity of Markdown and discover MDC syntax. ::card-grid #title What's included #root :ellipsis #default ::card #title Nuxt Architecture. #description Harness the full power of Nuxt and the Nuxt ecosystem. :: ::card #title Vue Components. #description Use built-in components (or your own!) inside your content. :: ::card #title Write Markdown. #description Enjoy the ease and simplicity of Markdown and discover MDC syntax. :: :: \u003CCodeGroup /> This component uses slots to create a tab panel of your code examples or preview. yarn add docus npm install docus ::code-group ```bash [Yarn] yarn add docus ``` ```bash [NPM] npm install docus ``` :: \u003CCodeBlock /> To be used inside a \u003CCodeGroup /> component to display a preview of some rendered code. Hello World! /* Added as a child of `\u003CCodeGroup />` */ ::code-block{label=\"Preview\" preview} ::badge Hello World! :: :: \u003CCopyButton /> :copy-button{content=\"hey!\"} \u003CIcon /> Icon component gives you access to all 100,000+ icons from icones.js.org . :icon{name=\"logos:nuxt-icon\"} :icon{name=\"logos:vue\"} :icon{name=\"logos:nuxt-icon\"} \u003CList /> Important Always Amazing Congrats Do you know? You can also do this Be careful Use with precautions Drinking too much Driving drunk ::list{type=\"primary\"} - **Important** - Always :: ::list{type=\"success\"} - Amazing - Congrats :: ::list{type=\"info\"} - Do you know? - You can also do this :: ::list{type=\"warning\"} - Be careful - Use with precautions :: ::list{type=\"danger\"} - Drinking too much - Driving drunk :: \u003CSandbox /> Embed CodeSandbox/StackBlitz easily in your documentation with great performances. Using the IntersectionObserver to load when visible in the viewport. :sandbox{src=\"https://codesandbox.io/embed/nuxt-content-l164h?hidenavigation=1&theme=dark\"} \u003CTerminal /> :terminal{content=\"nuxi build\"} \u003CVideoPlayer /> ::div :video-player{src=\"https://www.youtube.com/watch?v=o9e12WbKrd8\"} :: html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":69,"path":70,"dir":48,"title":71,"description":72,"keywords":73,"body":77},"content:2.api:2.composables.md","/api/composables","Composables","Discover the Docus composables to use in your custom Vue components and pages.",[74,75,76],"useDocus()","useMenu()","useScrollspy()"," Composables Discover the Docus composables to use in your custom Vue components and pages. useDocus() useDocus () gives access to docus runtime config, all default values and your custom config from app.config.ts config refers to the merged config of the current page. main , header , aside , footer and titleTemplate can be set from _dir.yml and any page.md file. The configs in app.config file will be used as defaults. \u003C script setup > const { config } = useDocus () \u003C/ script > \u003C template > \u003C div > \u003C h1 >{{ config.title }}\u003C/ h1 > \u003C p >{{ config.description }}\u003C/ p > \u003C/ div > \u003C/ template > tree refers to the current navigation tree that is displayed in the aside component. \u003C script setup > const { tree } = useDocus () \u003C/ script > \u003C template > \u003C DocsAsideTree :links = \"tree\" /> \u003C/ template > useMenu() useMenu() gives access to $menu plugin controlling mobile navigation globally. const { // Is menu visible visible , // Close menu function close , // Open menu function open , // Toggle menu function toggle } = useMenu () useScrollspy() useScrollspy() is used in docs layout to make the ToC display the currently visible headings. const { // Headings on the page visibleHeadings , // Active headings (for the current page) activeHeadings , // Update headings (an array of DOM nodes) updateHeadings } = useScrollspy () html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":79,"path":80,"dir":48,"title":81,"description":82,"keywords":83,"body":86},"content:2.api:3.layouts.md","/api/layouts","Layouts","Docus provides multiple built-in layouts for displaying your Markdown pages.",[84,85],"default","page"," Layouts Docus provides multiple built-in layouts for displaying your Markdown pages. default The default layout for every page created in the project. This layout renders multiple section alongside the content: Aside navigation menu (togglable with aside: false/true ) Page bottom section (togglable with bottom: false/true ) Table of content (togglable with toc: false/true ) --- aside : true bottom : true toc : false --- Your awesome content Current page is live sample of default layout. page page layout is content focused layout. This layout does not render aside menu of table of contents. This layout accept some configuration from content front-matter. fluid : By setting fluid: true in content front-matter the content will be rendered in full width. constrainedClass : Using this option you can modify layout container look. Like constraining layout width of changing the background. padded : Setting padded: true in front-matter will add horizontal padding in the layout. --- title : Home layout : page fluid : true --- Check Home page as live sample of page layout html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",1698738524429]
\ No newline at end of file
+[{"data":1,"prerenderedAt":87},["Reactive",2],{"search-api":3},[4,11,21,29,37,45,68,78],{"id":5,"path":6,"dir":7,"title":8,"description":7,"keywords":9,"body":10},"content:0.index.md","/","","Home",[]," The best place to start your documentation. Write pages in Markdown , use Vue components and enjoy the power of Nuxt . +50 Components ready to build rich pages Docs and Page layouts Start from a README , scale to a framework documentation Navigation and Table of Contents generation Fully configurable design system Leverages Typography and Elements Used on Content Documentation What's included Nuxt Architecture Harness the full power of Nuxt 3 and its modules ecosystem. Nuxt Studio ready Edit your theme content and appearance with live-preview within Nuxt Studio . Vue Components Use built-in components (or your own!) inside your content. Write Markdown Enjoy the ease and simplicity of Markdown and discover MDC syntax . Deploy anywhere Zero config on Vercel or Netlify . Choose between static generation, on-demand rendering (Node) or edge-side rendering on CloudFlare workers . Extensible. Customize the whole design, or add components using slots - you can make Docus your own.",{"id":12,"path":13,"dir":14,"title":15,"description":16,"keywords":17,"body":20},"content:1.introduction:1.getting-started.md","/introduction/getting-started","introduction","Getting Started","From your Markdown files to a deployed website in few minutes.",[18,19],"Play online","Create a new project"," Getting Started From your Markdown files to a deployed website in few minutes. Play online You can start playing with Docus in your browser using Stackblitz: Play on StackBlitz Create a new project Start a fresh Docus project with: npx nuxi@latest init docs -t themes/docus\n Install the dependencies in the docs folder: npm install\n yarn install\n pnpm install --shamefully-hoist\n Run the dev command to start Docus in development mode: npm run dev\n yarn dev\n pnpm run dev\n ✨ Well done! A browser window should automatically open for http://localhost:3000 html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":22,"path":23,"dir":14,"title":24,"description":25,"keywords":26,"body":28},"content:1.introduction:2.project-structure.md","/introduction/project-structure","Project Structure","Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home.",[27],"Directory Structure"," Project Structure Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home. Directory Structure This is the minimal directory structure to get an up and running Docus website. content/\n index.md\n app.config.ts\n nuxt.config.ts\n The content/ directory is where you write Markdown pages . The app.config.ts is where you configure Docus to fit your branding and design. The nuxt.config.ts is your Nuxt configuration . html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":30,"path":31,"dir":14,"title":32,"description":33,"keywords":34,"body":36},"content:1.introduction:3.writing-pages.md","/introduction/writing-pages","Writing Pages","Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax.",[35],"Frontmatter"," Writing Pages Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax. Each Markdown page in the content/ folder will be mapped to a route. \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n File Generated route index.md / about.md /about blog/index.md /blog blog/hello.md /blog/hello 1.guide/2.installation /guide/installation Frontmatter Docus supports multiple Front-matter attributes for pages. ---\n title : \"Get Started\"\n description : \"Let's learn how to use my amazing module.\"\n ---\n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n Key Type Default Description layout string default Use any layout name like you would in definePageMeta() title string Defines the page title and H1 in docs pages description string Defines the page description and excerpt in docs pages redirect string A route path to redirect image object OpenGraph cover image Docs layout options aside boolean Toggles the visibility of aside navigation toc boolean Toggles the visibility of table of contents header boolean Toggles the visibility of the page header bottom boolean Toggles the visibility of page bottom section Navigation options navigation boolean Toggles the visibility of the page or directory in navigation navigation.title string Changes the name of the page or directory in navigation navigation.icon string Changes the icon of the page or directory in navigation html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":38,"path":39,"dir":14,"title":40,"description":41,"keywords":42,"body":44},"content:1.introduction:4.configuration.md","/introduction/configuration","Configuration","Learn how to configure Docus.",[43],"Customizing the logo"," Configuration Learn how to configure Docus. export default defineAppConfig ({\n docus: {\n title: 'Docus' ,\n description: 'My Docus Project' ,\n url: 'http://docus.dev'\n }\n })\n export default defineAppConfig ({\n docus: {\n title: 'Docus' ,\n description: 'My Docus Project' ,\n url: 'http://docus.dev' ,\n image: '/social-card-preview.png' ,\n socials: {\n twitter: '@nuxt_js' ,\n github: 'nuxt-themes/docus' ,\n },\n github: {\n root: 'content' ,\n edit: true ,\n contributors: false\n },\n layout: 'default' ,\n aside: {\n level: 1 ,\n filter: [],\n },\n header: {\n title: false ,\n logo: true ,\n showLinkIcon: false\n },\n footer: {\n credits: {\n icon: 'IconDocus' ,\n text: 'Powered by Docus' ,\n href: 'https://docus.dev' ,\n },\n textLinks: [\n {\n text: 'Nuxt' ,\n href: 'https://nuxt.com' ,\n target: '_blank' ,\n rel: 'noopener'\n }\n ],\n iconLinks: [\n {\n label: 'NuxtJS' ,\n href: 'https://nuxtjs.org' ,\n component: 'IconNuxtLabs' ,\n },\n {\n label: 'Vue Telescope' ,\n href: 'https://vuetelescope.com' ,\n component: 'IconVueTelescope' ,\n },\n ],\n }\n }\n })\n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n Key Type Default Description title string Docus Website title titleTemplate string Docus Website title template description string My Docus Project Website description url string Website URL layout string default Fallback layout to use (supports default or page ) Socials socials object {} Social links socials.github string The repository to use on GitHub links socials.twitter string The account to use on Twitter links socials.youtube string The channel to use on Youtube links socials.instagram string The account to use on Instagram links socials.facebook string The account to use on Facebook links socials.medium string The account to use on Medium links socials.[social] object Override social or display custom one socials.[social].label string A label to use for the social socials.[social].icon string A icon to use for the social socials.[social].href string A link to use for the social socials.[social].rel string noopener noreferrer A space-separated list of link types Header header object Header configuration header.logo boolean Whether or not to use Logo.vue as the header logo header.title string If set to a string, will be used in the header header.showLinkIcon boolean If set to true links icons will show in the header header.exclude string[] An array of path to exclude out from the header navigation header.fluid boolean true Make header Container fluid Main main object Main configuration main.fluid boolean true Make main content Container fluid main.padded boolean true Make main content Container padded Aside aside object Aside configuration aside.level string 0 Aside base level of nesting aside.collapsed boolean Will be used as default value for collapsible navigation categories aside.exclude string[] An array of path to exclude out from the aside navigation Footer footer object Footer configuration footer.credits object An object defining the bottom left credits footer.credits.icon object The icon to use for the credits footer.credits.text object The text to use for the credits footer.textLinks array [] An array of texts to display at the center of footer footer.textLinks[0].text string The text to display footer.textLinks[0].href string A link to use for the text footer.textLinks[0].target string _self Where to display the linked URL, as the name for a browsing context footer.textLinks[0].rel string noopener noreferrer A space-separated list of link types footer.iconLinks array [] An array of icons to display in the footer footer.iconLinks[0].label string A label to use for the icon footer.iconLinks[0].href string A link to use for the icon footer.iconLinks[0].icon string The icon to use (can be a component name) footer.iconLinks[0].rel string noopener noreferrer A space-separated list of link types footer.fluid boolean true Make footer Container fluid GitHub github object false GitHub integration configuration github.dir string Directory containing the files to be edited github.branch string Branch to start editing github.repo string Name of the GitHub repo to edit files github.owner string Owner of the repo github.edit boolean Toggle \"Edit this page on Github\" component on documentation pages Search fuse object useFuse options Customizing the logo To update the logo in the header, create a component in components/Logo.vue with your own logo. In this example, the image is located at /public/img . \u003C template >\n \u003C img width = \"120\" src = \"/img/YOURLOGO.png\" />\n \u003C/ template >\n html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":46,"path":47,"dir":48,"title":49,"description":50,"keywords":51,"body":67},"content:2.api:1.components.md","/api/components","api","Components","Discover every component you can use in your content.",[52,53,54,55,56,57,58,59,60,61,62,63,64,65,66],"\u003CAlert />","\u003CBadge />","\u003CBlockHero />","\u003CButtonLink />","\u003CCallout />","\u003CCard />","\u003CCardGrid />","\u003CCodeGroup />","\u003CCodeBlock />","\u003CCopyButton />","\u003CIcon />","\u003CList />","\u003CSandbox />","\u003CTerminal />","\u003CVideoPlayer />"," Components Discover every component you can use in your content. \u003CAlert /> Check out an info alert with code and a link . Check out a success alert with code and a link . Check out a warning alert with code and a link . Check out a danger alert with code and a link . ::alert{type=\"info\"}\n Check out an **info** alert with `code` and a [ link ]( / ).\n ::\n \n ::alert{type=\"success\"}\n Check out a **success** alert with `code` and a [ link ]( / ).\n ::\n \n ::alert{type=\"warning\"}\n Check out a **warning** alert with `code` and a [ link ]( / ).\n ::\n \n ::alert{type=\"danger\"}\n Check out a **danger** alert with `code` and a [ link ]( / ).\n ::\n \u003CBadge /> \u003CBadge /> support same types as \u003CAlert /> . v1.2 Deprecated Not found! :badge[ v1.2 ]\n \n :badge[ Deprecated ]{type=\"warning\"}\n \n ::badge{type=\"danger\"}\n Not found!\n ::\n \u003CBlockHero /> Document-driven framework Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites. ::block-hero\n ---\n cta:\n - Get started\n - /get-started\n secondary:\n - Open on GitHub →\n - https://github.com/nuxtlabs/docus\n snippet: npx nuxi@latest init docus-app -t nuxtlabs/docus-starter\n ---\n #title\n Document-driven framework\n \n #description\n Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites.\n ::\n \u003CButtonLink /> Play on StackBlitz :button-link[Play on StackBlitz]{icon=\"IconStackBlitz\" href=\"https://stackblitz.com/github/nuxtlabs/docus-starter\" blank}\n \u003CCallout /> \u003CCallout /> support same types as \u003CAlert /> . This is a callout! Click me to open. This is the content of the callout. This is a callout! Click me to open. This is the content of the callout. ::callout\n #summary\n This is a callout! Click me to open.\n \n #content\n This is the content of the callout.\n ::\n \n ::callout{type=\"warning\"}\n #summary\n This is a callout! Click me to open.\n \n #content\n This is the content of the callout.\n ::\n \u003CCard /> Nuxt Architecture. Based on Nuxt 3 and Nuxt Content . \nUse Nuxt to build a static site, or a serverless app. ::card{icon=\"logos:nuxt-icon\"}\n #title\n Nuxt Architecture.\n #description\n Based on **Nuxt 3** and **Nuxt Content** . :br\n Use Nuxt to build a static site, or a serverless app.\n ::\n \u003CCardGrid /> What's included? Nuxt Architecture. Harness the full power of Nuxt and the Nuxt ecosystem. Vue Components. Use built-in components (or your own!) inside your content. Write Markdown. Enjoy the ease and simplicity of Markdown and discover MDC syntax. ::card-grid\n #title\n What's included\n \n #root\n :ellipsis\n \n #default\n ::card\n #title\n Nuxt Architecture.\n #description\n Harness the full power of Nuxt and the Nuxt ecosystem.\n ::\n ::card\n #title\n Vue Components.\n #description\n Use built-in components (or your own!) inside your content.\n ::\n ::card\n #title\n Write Markdown.\n #description\n Enjoy the ease and simplicity of Markdown and discover MDC syntax.\n ::\n ::\n \u003CCodeGroup /> This component uses slots to create a tab panel of your code examples or preview. yarn add docus\n npm install docus\n ::code-group\n ```bash [Yarn]\n yarn add docus\n ```\n ```bash [NPM]\n npm install docus\n ```\n ::\n \u003CCodeBlock /> To be used inside a \u003CCodeGroup /> component to display a preview of some rendered code. Hello World! /* Added as a child of `\u003CCodeGroup />` */\n \n ::code-block{label=\"Preview\" preview}\n ::badge\n Hello World!\n ::\n ::\n \u003CCopyButton /> :copy-button{content=\"hey!\"}\n \u003CIcon /> Icon component gives you access to all 100,000+ icons from icones.js.org . :icon{name=\"logos:nuxt-icon\"}\n :icon{name=\"logos:vue\"}\n :icon{name=\"logos:nuxt-icon\"}\n \u003CList /> Important Always Amazing Congrats Do you know? You can also do this Be careful Use with precautions Drinking too much Driving drunk ::list{type=\"primary\"}\n - **Important**\n - Always\n ::\n \n ::list{type=\"success\"}\n - Amazing\n - Congrats\n ::\n \n ::list{type=\"info\"}\n - Do you know?\n - You can also do this\n ::\n \n ::list{type=\"warning\"}\n - Be careful\n - Use with precautions\n ::\n \n ::list{type=\"danger\"}\n - Drinking too much\n - Driving drunk\n ::\n \u003CSandbox /> Embed CodeSandbox/StackBlitz easily in your documentation with great performances. Using the IntersectionObserver to load when visible in the viewport. :sandbox{src=\"https://codesandbox.io/embed/nuxt-content-l164h?hidenavigation=1&theme=dark\"}\n \u003CTerminal /> :terminal{content=\"nuxi build\"}\n \u003CVideoPlayer /> ::div\n :video-player{src=\"https://www.youtube.com/watch?v=o9e12WbKrd8\"}\n ::\n html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":69,"path":70,"dir":48,"title":71,"description":72,"keywords":73,"body":77},"content:2.api:2.composables.md","/api/composables","Composables","Discover the Docus composables to use in your custom Vue components and pages.",[74,75,76],"useDocus()","useMenu()","useScrollspy()"," Composables Discover the Docus composables to use in your custom Vue components and pages. useDocus() useDocus () gives access to docus runtime config, all default values and your custom config from app.config.ts config refers to the merged config of the current page. main , header , aside , footer and titleTemplate can be set from _dir.yml and any page.md file. The configs in app.config file will be used as defaults. \u003C script setup >\n const { config } = useDocus ()\n \u003C/ script >\n \n \u003C template >\n \u003C div >\n \u003C h1 >{{ config.title }}\u003C/ h1 >\n \u003C p >{{ config.description }}\u003C/ p >\n \u003C/ div >\n \u003C/ template >\n tree refers to the current navigation tree that is displayed in the aside component. \u003C script setup >\n const { tree } = useDocus ()\n \u003C/ script >\n \n \u003C template >\n \u003C DocsAsideTree : links = \" tree \" />\n \u003C/ template >\n useMenu() useMenu() gives access to $menu plugin controlling mobile navigation globally. const {\n // Is menu visible\n visible ,\n // Close menu function\n close ,\n // Open menu function\n open ,\n // Toggle menu function\n toggle\n } = useMenu ()\n useScrollspy() useScrollspy() is used in docs layout to make the ToC display the currently visible headings. const {\n // Headings on the page\n visibleHeadings ,\n // Active headings (for the current page)\n activeHeadings ,\n // Update headings (an array of DOM nodes)\n updateHeadings\n } = useScrollspy ()\n html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":79,"path":80,"dir":48,"title":81,"description":82,"keywords":83,"body":86},"content:2.api:3.layouts.md","/api/layouts","Layouts","Docus provides multiple built-in layouts for displaying your Markdown pages.",[84,85],"default","page"," Layouts Docus provides multiple built-in layouts for displaying your Markdown pages. default The default layout for every page created in the project. This layout renders multiple section alongside the content: Aside navigation menu (togglable with aside: false/true ) Page bottom section (togglable with bottom: false/true ) Table of content (togglable with toc: false/true ) ---\n aside : true\n bottom : true\n toc : false\n ---\n \n Your awesome content\n Current page is live sample of default layout. page page layout is content focused layout. This layout does not render aside menu of table of contents. This layout accept some configuration from content front-matter. fluid : By setting fluid: true in content front-matter the content will be rendered in full width. constrainedClass : Using this option you can modify layout container look. Like constraining layout width of changing the background. padded : Setting padded: true in front-matter will add horizontal padding in the layout. ---\n title : Home\n layout : page\n fluid : true\n ---\n Check Home page as live sample of page layout html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",1715702809374]
\ No newline at end of file
diff --git a/api/layouts/index.html b/api/layouts/index.html
index a007da9cc..f8051281d 100644
--- a/api/layouts/index.html
+++ b/api/layouts/index.html
@@ -1,6 +1,4 @@
-
-
-
+
Layouts · Docus
@@ -8,68 +6,77 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Docus provides multiple built-in layouts for displaying your Markdown pages.
The default layout for every page created in the project. This layout renders multiple section alongside the content:
Aside navigation menu (togglable with aside: false/true
) Page bottom section (togglable with bottom: false/true
) Table of content (togglable with toc: false/true
) index.md --- aside : true bottom : true toc : false --- Your awesome content
Copy to clipboard Current page is live sample of default layout.
page
layout is content focused layout. This layout does not render aside menu of table of contents.
This layout accept some configuration from content front-matter.
fluid
: By setting fluid: true
in content front-matter the content will be rendered in full width.constrainedClass
: Using this option you can modify layout container look. Like constraining layout width of changing the background.padded
: Setting padded: true
in front-matter will add horizontal padding in the layout.index.md --- title : Home layout : page fluid : true ---
Copy to clipboard Check Home page as live sample of page layout
-
-
\ No newline at end of file
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Docus provides multiple built-in layouts for displaying your Markdown pages.
The default layout for every page created in the project. This layout renders multiple section alongside the content:
Aside navigation menu (togglable with aside: false/true
) Page bottom section (togglable with bottom: false/true
) Table of content (togglable with toc: false/true
) index.md ---
+ aside : true
+ bottom : true
+ toc : false
+ ---
+
+ Your awesome content
+
Copy to clipboard Current page is live sample of default layout.
page
layout is content focused layout. This layout does not render aside menu of table of contents.
This layout accept some configuration from content front-matter.
fluid
: By setting fluid: true
in content front-matter the content will be rendered in full width.constrainedClass
: Using this option you can modify layout container look. Like constraining layout width of changing the background.padded
: Setting padded: true
in front-matter will add horizontal padding in the layout.index.md ---
+ title : Home
+ layout : page
+ fluid : true
+ ---
+
Copy to clipboard Check Home page as live sample of page layout
+
\ No newline at end of file
diff --git a/api/search b/api/search
index 85e2e38d6..ecd5bdb04 100644
--- a/api/search
+++ b/api/search
@@ -1 +1 @@
-[{"id":"content:0.index.md","path":"/","dir":"","title":"Home","description":"","keywords":[],"body":" The best place to start your documentation. Write pages in Markdown , use Vue components and enjoy the power of Nuxt . +50 Components ready to build rich pages Docs and Page layouts Start from a README , scale to a framework documentation Navigation and Table of Contents generation Fully configurable design system Leverages Typography and Elements Used on Content Documentation What's included Nuxt Architecture Harness the full power of Nuxt 3 and its modules ecosystem. Nuxt Studio ready Edit your theme content and appearance with live-preview within Nuxt Studio . Vue Components Use built-in components (or your own!) inside your content. Write Markdown Enjoy the ease and simplicity of Markdown and discover MDC syntax . Deploy anywhere Zero config on Vercel or Netlify . Choose between static generation, on-demand rendering (Node) or edge-side rendering on CloudFlare workers . Extensible. Customize the whole design, or add components using slots - you can make Docus your own."},{"id":"content:1.introduction:1.getting-started.md","path":"/introduction/getting-started","dir":"introduction","title":"Getting Started","description":"From your Markdown files to a deployed website in few minutes.","keywords":["Play online","Create a new project"],"body":" Getting Started From your Markdown files to a deployed website in few minutes. Play online You can start playing with Docus in your browser using Stackblitz: Play on StackBlitz Create a new project Start a fresh Docus project with: npx nuxi@latest init docs -t themes/docus Install the dependencies in the docs folder: npm install yarn install pnpm install --shamefully-hoist Run the dev command to start Docus in development mode: npm run dev yarn dev pnpm run dev ✨ Well done! A browser window should automatically open for http://localhost:3000 html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}"},{"id":"content:1.introduction:2.project-structure.md","path":"/introduction/project-structure","dir":"introduction","title":"Project Structure","description":"Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home.","keywords":["Directory Structure"],"body":" Project Structure Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home. Directory Structure This is the minimal directory structure to get an up and running Docus website. content/ index.md app.config.ts nuxt.config.ts The content/ directory is where you write Markdown pages . The app.config.ts is where you configure Docus to fit your branding and design. The nuxt.config.ts is your Nuxt configuration . html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}"},{"id":"content:1.introduction:3.writing-pages.md","path":"/introduction/writing-pages","dir":"introduction","title":"Writing Pages","description":"Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax.","keywords":["Frontmatter"],"body":" Writing Pages Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax. Each Markdown pages in the content/ folder will be mapped to a route. File Generated route index.md / about.md /about blog/index.md /blog blog/hello.md /blog/hello 1.guide/2.installation /guide/installation Frontmatter Docus supports multiple Front-matter attributes for pages. --- title : \"Get Started\" description : \"Let's learn how to use my amazing module.\" --- Key Type Default Description layout string default Use any layout name like you would in definePageMeta() title string Defines the page title and H1 in docs pages description string Defines the page description and excerpt in docs pages redirect string A route path to redirect image object OpenGraph cover image Docs layout options aside boolean Toggles the visibility of aside navigation toc boolean Toggles the visibility of table of contents header boolean Toggles the visibility of the page header bottom boolean Toggles the visibility of page bottom section Navigation options navigation boolean Toggles the visibility of the page or directory in navigation navigation.title string Changes the name of the page or directory in navigation navigation.icon string Changes the icon of the page or directory in navigation html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}"},{"id":"content:1.introduction:4.configuration.md","path":"/introduction/configuration","dir":"introduction","title":"Configuration","description":"Learn how to configure Docus.","keywords":["Customizing the logo"],"body":" Configuration Learn how to configure Docus. export default defineAppConfig ({ docus: { title: 'Docus' , description: 'My Docus Project' , url: 'http://docus.dev' } }) export default defineAppConfig ({ docus: { title: 'Docus' , description: 'My Docus Project' , url: 'http://docus.dev' , image: '/social-card-preview.png' , socials: { twitter: '@nuxt_js' , github: 'nuxt-themes/docus' , }, github: { root: 'content' , edit: true , contributors: false }, layout: 'default' , aside: { level: 1 , filter: [], }, header: { title: false , logo: true , showLinkIcon: false }, footer: { credits: { icon: 'IconDocus' , text: 'Powered by Docus' , href: 'https://docus.dev' , }, textLinks: [ { text: 'Nuxt' , href: 'https://nuxt.com' , target: '_blank' , rel: 'noopener' } ], iconLinks: [ { label: 'NuxtJS' , href: 'https://nuxtjs.org' , component: 'IconNuxtLabs' , }, { label: 'Vue Telescope' , href: 'https://vuetelescope.com' , component: 'IconVueTelescope' , }, ], } } }) Key Type Default Description title string Docus Website title titleTemplate string Docus Website title template description string My Docus Project Website description url string Website URL layout string default Fallback layout to use (supports default or page ) Socials socials object {} Social links socials.github string The repository to use on GitHub links socials.twitter string The account to use on Twitter links socials.youtube string The channel to use on Youtube links socials.instagram string The account to use on Instagram links socials.facebook string The account to use on Facebook links socials.medium string The account to use on Medium links socials.[social] object Override social or display custom one socials.[social].label string A label to use for the social socials.[social].icon string A icon to use for the social socials.[social].href string A link to use for the social socials.[social].rel string noopener noreferrer A space-separated list of link types Header header object Header configuration header.logo boolean Whether or not to use Logo.vue as the header logo header.title string If set to a string, will be used in the header header.showLinkIcon boolean If set to true links icons will show in the header header.exclude string[] An array of path to exclude out from the header navigation header.fluid boolean true Make header Container fluid Main main object Main configuration main.fluid boolean true Make main content Container fluid main.padded boolean true Make main content Container padded Aside aside object Aside configuration aside.level string 0 Aside base level of nesting aside.collapsed boolean Will be used as default value for collapsible navigation categories aside.exclude string[] An array of path to exclude out from the aside navigation Footer footer object Footer configuration footer.credits object An object defining the bottom left credits footer.credits.icon object The icon to use for the credits footer.credits.text object The text to use for the credits footer.textLinks array [] An array of texts to display at the center of footer footer.textLinks[0].text string The text to display footer.textLinks[0].href string A link to use for the text footer.textLinks[0].target string _self Where to display the linked URL, as the name for a browsing context footer.textLinks[0].rel string noopener noreferrer A space-separated list of link types footer.iconLinks array [] An array of icons to display in the footer footer.iconLinks[0].label string A label to use for the icon footer.iconLinks[0].href string A link to use for the icon footer.iconLinks[0].icon string The icon to use (can be a component name) footer.iconLinks[0].rel string noopener noreferrer A space-separated list of link types footer.fluid boolean true Make footer Container fluid GitHub github object false GitHub integration configuration github.dir string Directory containing the files to be edited github.branch string Branch to start editing github.repo string Name of the GitHub repo to edit files github.owner string Owner of the repo github.edit boolean Toggle \"Edit this page on Github\" component on documentation pages Search fuse object useFuse options Customizing the logo To update the logo in the header, create a component in components/Logo.vue with your own logo. In this example, the image is located at /public/img . < template > < img width = \"120\" src = \"/img/YOURLOGO.png\" /> template > html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}"},{"id":"content:2.api:1.components.md","path":"/api/components","dir":"api","title":"Components","description":"Discover every component you can use in your content.","keywords":[" "," "," "," "," "," "," "," "," "," "," ","
"," "," "," "],"body":" Components Discover every component you can use in your content. Check out an info alert with code and a link . Check out a success alert with code and a link . Check out a warning alert with code and a link . Check out a danger alert with code and a link . ::alert{type=\"info\"} Check out an **info** alert with `code` and a [ link ]( / ). :: ::alert{type=\"success\"} Check out a **success** alert with `code` and a [ link ]( / ). :: ::alert{type=\"warning\"} Check out a **warning** alert with `code` and a [ link ]( / ). :: ::alert{type=\"danger\"} Check out a **danger** alert with `code` and a [ link ]( / ). :: support same types as . v1.2 Deprecated Not found! :badge[ v1.2 ] :badge[ Deprecated ]{type=\"warning\"} ::badge{type=\"danger\"} Not found! :: Document-driven framework Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites. ::block-hero --- cta: - Get started - /get-started secondary: - Open on GitHub → - https://github.com/nuxtlabs/docus snippet: npx nuxi@latest init docus-app -t nuxtlabs/docus-starter --- #title Document-driven framework #description Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites. :: Play on StackBlitz :button-link[Play on StackBlitz]{icon=\"IconStackBlitz\" href=\"https://stackblitz.com/github/nuxtlabs/docus-starter\" blank} support same types as . This is a callout! Click me to open. This is the content of the callout. This is a callout! Click me to open. This is the content of the callout. ::callout #summary This is a callout! Click me to open. #content This is the content of the callout. :: ::callout{type=\"warning\"} #summary This is a callout! Click me to open. #content This is the content of the callout. :: Nuxt Architecture. Based on Nuxt 3 and Nuxt Content . \nUse Nuxt to build a static site, or a serverless app. ::card{icon=\"logos:nuxt-icon\"} #title Nuxt Architecture. #description Based on **Nuxt 3** and **Nuxt Content** . :br Use Nuxt to build a static site, or a serverless app. :: What's included? Nuxt Architecture. Harness the full power of Nuxt and the Nuxt ecosystem. Vue Components. Use built-in components (or your own!) inside your content. Write Markdown. Enjoy the ease and simplicity of Markdown and discover MDC syntax. ::card-grid #title What's included #root :ellipsis #default ::card #title Nuxt Architecture. #description Harness the full power of Nuxt and the Nuxt ecosystem. :: ::card #title Vue Components. #description Use built-in components (or your own!) inside your content. :: ::card #title Write Markdown. #description Enjoy the ease and simplicity of Markdown and discover MDC syntax. :: :: This component uses slots to create a tab panel of your code examples or preview. yarn add docus npm install docus ::code-group ```bash [Yarn] yarn add docus ``` ```bash [NPM] npm install docus ``` :: To be used inside a component to display a preview of some rendered code. Hello World! /* Added as a child of ` ` */ ::code-block{label=\"Preview\" preview} ::badge Hello World! :: :: :copy-button{content=\"hey!\"} Icon component gives you access to all 100,000+ icons from icones.js.org . :icon{name=\"logos:nuxt-icon\"} :icon{name=\"logos:vue\"} :icon{name=\"logos:nuxt-icon\"}
Important Always Amazing Congrats Do you know? You can also do this Be careful Use with precautions Drinking too much Driving drunk ::list{type=\"primary\"} - **Important** - Always :: ::list{type=\"success\"} - Amazing - Congrats :: ::list{type=\"info\"} - Do you know? - You can also do this :: ::list{type=\"warning\"} - Be careful - Use with precautions :: ::list{type=\"danger\"} - Drinking too much - Driving drunk :: Embed CodeSandbox/StackBlitz easily in your documentation with great performances. Using the IntersectionObserver to load when visible in the viewport. :sandbox{src=\"https://codesandbox.io/embed/nuxt-content-l164h?hidenavigation=1&theme=dark\"} :terminal{content=\"nuxi build\"} ::div :video-player{src=\"https://www.youtube.com/watch?v=o9e12WbKrd8\"} :: html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}"},{"id":"content:2.api:2.composables.md","path":"/api/composables","dir":"api","title":"Composables","description":"Discover the Docus composables to use in your custom Vue components and pages.","keywords":["useDocus()","useMenu()","useScrollspy()"],"body":" Composables Discover the Docus composables to use in your custom Vue components and pages. useDocus() useDocus () gives access to docus runtime config, all default values and your custom config from app.config.ts config refers to the merged config of the current page. main , header , aside , footer and titleTemplate can be set from _dir.yml and any page.md file. The configs in app.config file will be used as defaults. < script setup > const { config } = useDocus () script > < template > < div > < h1 >{{ config.title }} h1 > < p >{{ config.description }} p > div > template > tree refers to the current navigation tree that is displayed in the aside component. < script setup > const { tree } = useDocus () script > < template > < DocsAsideTree :links = \"tree\" /> template > useMenu() useMenu() gives access to $menu plugin controlling mobile navigation globally. const { // Is menu visible visible , // Close menu function close , // Open menu function open , // Toggle menu function toggle } = useMenu () useScrollspy() useScrollspy() is used in docs layout to make the ToC display the currently visible headings. const { // Headings on the page visibleHeadings , // Active headings (for the current page) activeHeadings , // Update headings (an array of DOM nodes) updateHeadings } = useScrollspy () html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}"},{"id":"content:2.api:3.layouts.md","path":"/api/layouts","dir":"api","title":"Layouts","description":"Docus provides multiple built-in layouts for displaying your Markdown pages.","keywords":["default","page"],"body":" Layouts Docus provides multiple built-in layouts for displaying your Markdown pages. default The default layout for every page created in the project. This layout renders multiple section alongside the content: Aside navigation menu (togglable with aside: false/true ) Page bottom section (togglable with bottom: false/true ) Table of content (togglable with toc: false/true ) --- aside : true bottom : true toc : false --- Your awesome content Current page is live sample of default layout. page page layout is content focused layout. This layout does not render aside menu of table of contents. This layout accept some configuration from content front-matter. fluid : By setting fluid: true in content front-matter the content will be rendered in full width. constrainedClass : Using this option you can modify layout container look. Like constraining layout width of changing the background. padded : Setting padded: true in front-matter will add horizontal padding in the layout. --- title : Home layout : page fluid : true --- Check Home page as live sample of page layout html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}"}]
\ No newline at end of file
+[{"id":"content:0.index.md","path":"/","dir":"","title":"Home","description":"","keywords":[],"body":" The best place to start your documentation. Write pages in Markdown , use Vue components and enjoy the power of Nuxt . +50 Components ready to build rich pages Docs and Page layouts Start from a README , scale to a framework documentation Navigation and Table of Contents generation Fully configurable design system Leverages Typography and Elements Used on Content Documentation What's included Nuxt Architecture Harness the full power of Nuxt 3 and its modules ecosystem. Nuxt Studio ready Edit your theme content and appearance with live-preview within Nuxt Studio . Vue Components Use built-in components (or your own!) inside your content. Write Markdown Enjoy the ease and simplicity of Markdown and discover MDC syntax . Deploy anywhere Zero config on Vercel or Netlify . Choose between static generation, on-demand rendering (Node) or edge-side rendering on CloudFlare workers . Extensible. Customize the whole design, or add components using slots - you can make Docus your own."},{"id":"content:1.introduction:1.getting-started.md","path":"/introduction/getting-started","dir":"introduction","title":"Getting Started","description":"From your Markdown files to a deployed website in few minutes.","keywords":["Play online","Create a new project"],"body":" Getting Started From your Markdown files to a deployed website in few minutes. Play online You can start playing with Docus in your browser using Stackblitz: Play on StackBlitz Create a new project Start a fresh Docus project with: npx nuxi@latest init docs -t themes/docus\n Install the dependencies in the docs folder: npm install\n yarn install\n pnpm install --shamefully-hoist\n Run the dev command to start Docus in development mode: npm run dev\n yarn dev\n pnpm run dev\n ✨ Well done! A browser window should automatically open for http://localhost:3000 html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}"},{"id":"content:1.introduction:2.project-structure.md","path":"/introduction/project-structure","dir":"introduction","title":"Project Structure","description":"Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home.","keywords":["Directory Structure"],"body":" Project Structure Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home. Directory Structure This is the minimal directory structure to get an up and running Docus website. content/\n index.md\n app.config.ts\n nuxt.config.ts\n The content/ directory is where you write Markdown pages . The app.config.ts is where you configure Docus to fit your branding and design. The nuxt.config.ts is your Nuxt configuration . html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}"},{"id":"content:1.introduction:3.writing-pages.md","path":"/introduction/writing-pages","dir":"introduction","title":"Writing Pages","description":"Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax.","keywords":["Frontmatter"],"body":" Writing Pages Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax. Each Markdown page in the content/ folder will be mapped to a route. \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n File Generated route index.md / about.md /about blog/index.md /blog blog/hello.md /blog/hello 1.guide/2.installation /guide/installation Frontmatter Docus supports multiple Front-matter attributes for pages. ---\n title : \"Get Started\"\n description : \"Let's learn how to use my amazing module.\"\n ---\n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n Key Type Default Description layout string default Use any layout name like you would in definePageMeta() title string Defines the page title and H1 in docs pages description string Defines the page description and excerpt in docs pages redirect string A route path to redirect image object OpenGraph cover image Docs layout options aside boolean Toggles the visibility of aside navigation toc boolean Toggles the visibility of table of contents header boolean Toggles the visibility of the page header bottom boolean Toggles the visibility of page bottom section Navigation options navigation boolean Toggles the visibility of the page or directory in navigation navigation.title string Changes the name of the page or directory in navigation navigation.icon string Changes the icon of the page or directory in navigation html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}"},{"id":"content:1.introduction:4.configuration.md","path":"/introduction/configuration","dir":"introduction","title":"Configuration","description":"Learn how to configure Docus.","keywords":["Customizing the logo"],"body":" Configuration Learn how to configure Docus. export default defineAppConfig ({\n docus: {\n title: 'Docus' ,\n description: 'My Docus Project' ,\n url: 'http://docus.dev'\n }\n })\n export default defineAppConfig ({\n docus: {\n title: 'Docus' ,\n description: 'My Docus Project' ,\n url: 'http://docus.dev' ,\n image: '/social-card-preview.png' ,\n socials: {\n twitter: '@nuxt_js' ,\n github: 'nuxt-themes/docus' ,\n },\n github: {\n root: 'content' ,\n edit: true ,\n contributors: false\n },\n layout: 'default' ,\n aside: {\n level: 1 ,\n filter: [],\n },\n header: {\n title: false ,\n logo: true ,\n showLinkIcon: false\n },\n footer: {\n credits: {\n icon: 'IconDocus' ,\n text: 'Powered by Docus' ,\n href: 'https://docus.dev' ,\n },\n textLinks: [\n {\n text: 'Nuxt' ,\n href: 'https://nuxt.com' ,\n target: '_blank' ,\n rel: 'noopener'\n }\n ],\n iconLinks: [\n {\n label: 'NuxtJS' ,\n href: 'https://nuxtjs.org' ,\n component: 'IconNuxtLabs' ,\n },\n {\n label: 'Vue Telescope' ,\n href: 'https://vuetelescope.com' ,\n component: 'IconVueTelescope' ,\n },\n ],\n }\n }\n })\n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n Key Type Default Description title string Docus Website title titleTemplate string Docus Website title template description string My Docus Project Website description url string Website URL layout string default Fallback layout to use (supports default or page ) Socials socials object {} Social links socials.github string The repository to use on GitHub links socials.twitter string The account to use on Twitter links socials.youtube string The channel to use on Youtube links socials.instagram string The account to use on Instagram links socials.facebook string The account to use on Facebook links socials.medium string The account to use on Medium links socials.[social] object Override social or display custom one socials.[social].label string A label to use for the social socials.[social].icon string A icon to use for the social socials.[social].href string A link to use for the social socials.[social].rel string noopener noreferrer A space-separated list of link types Header header object Header configuration header.logo boolean Whether or not to use Logo.vue as the header logo header.title string If set to a string, will be used in the header header.showLinkIcon boolean If set to true links icons will show in the header header.exclude string[] An array of path to exclude out from the header navigation header.fluid boolean true Make header Container fluid Main main object Main configuration main.fluid boolean true Make main content Container fluid main.padded boolean true Make main content Container padded Aside aside object Aside configuration aside.level string 0 Aside base level of nesting aside.collapsed boolean Will be used as default value for collapsible navigation categories aside.exclude string[] An array of path to exclude out from the aside navigation Footer footer object Footer configuration footer.credits object An object defining the bottom left credits footer.credits.icon object The icon to use for the credits footer.credits.text object The text to use for the credits footer.textLinks array [] An array of texts to display at the center of footer footer.textLinks[0].text string The text to display footer.textLinks[0].href string A link to use for the text footer.textLinks[0].target string _self Where to display the linked URL, as the name for a browsing context footer.textLinks[0].rel string noopener noreferrer A space-separated list of link types footer.iconLinks array [] An array of icons to display in the footer footer.iconLinks[0].label string A label to use for the icon footer.iconLinks[0].href string A link to use for the icon footer.iconLinks[0].icon string The icon to use (can be a component name) footer.iconLinks[0].rel string noopener noreferrer A space-separated list of link types footer.fluid boolean true Make footer Container fluid GitHub github object false GitHub integration configuration github.dir string Directory containing the files to be edited github.branch string Branch to start editing github.repo string Name of the GitHub repo to edit files github.owner string Owner of the repo github.edit boolean Toggle \"Edit this page on Github\" component on documentation pages Search fuse object useFuse options Customizing the logo To update the logo in the header, create a component in components/Logo.vue with your own logo. In this example, the image is located at /public/img . < template >\n < img width = \"120\" src = \"/img/YOURLOGO.png\" />\n template >\n html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}"},{"id":"content:2.api:1.components.md","path":"/api/components","dir":"api","title":"Components","description":"Discover every component you can use in your content.","keywords":[" "," "," "," "," "," "," "," "," "," "," ","
"," "," "," "],"body":" Components Discover every component you can use in your content. Check out an info alert with code and a link . Check out a success alert with code and a link . Check out a warning alert with code and a link . Check out a danger alert with code and a link . ::alert{type=\"info\"}\n Check out an **info** alert with `code` and a [ link ]( / ).\n ::\n \n ::alert{type=\"success\"}\n Check out a **success** alert with `code` and a [ link ]( / ).\n ::\n \n ::alert{type=\"warning\"}\n Check out a **warning** alert with `code` and a [ link ]( / ).\n ::\n \n ::alert{type=\"danger\"}\n Check out a **danger** alert with `code` and a [ link ]( / ).\n ::\n support same types as . v1.2 Deprecated Not found! :badge[ v1.2 ]\n \n :badge[ Deprecated ]{type=\"warning\"}\n \n ::badge{type=\"danger\"}\n Not found!\n ::\n Document-driven framework Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites. ::block-hero\n ---\n cta:\n - Get started\n - /get-started\n secondary:\n - Open on GitHub →\n - https://github.com/nuxtlabs/docus\n snippet: npx nuxi@latest init docus-app -t nuxtlabs/docus-starter\n ---\n #title\n Document-driven framework\n \n #description\n Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites.\n ::\n Play on StackBlitz :button-link[Play on StackBlitz]{icon=\"IconStackBlitz\" href=\"https://stackblitz.com/github/nuxtlabs/docus-starter\" blank}\n support same types as . This is a callout! Click me to open. This is the content of the callout. This is a callout! Click me to open. This is the content of the callout. ::callout\n #summary\n This is a callout! Click me to open.\n \n #content\n This is the content of the callout.\n ::\n \n ::callout{type=\"warning\"}\n #summary\n This is a callout! Click me to open.\n \n #content\n This is the content of the callout.\n ::\n Nuxt Architecture. Based on Nuxt 3 and Nuxt Content . \nUse Nuxt to build a static site, or a serverless app. ::card{icon=\"logos:nuxt-icon\"}\n #title\n Nuxt Architecture.\n #description\n Based on **Nuxt 3** and **Nuxt Content** . :br\n Use Nuxt to build a static site, or a serverless app.\n ::\n What's included? Nuxt Architecture. Harness the full power of Nuxt and the Nuxt ecosystem. Vue Components. Use built-in components (or your own!) inside your content. Write Markdown. Enjoy the ease and simplicity of Markdown and discover MDC syntax. ::card-grid\n #title\n What's included\n \n #root\n :ellipsis\n \n #default\n ::card\n #title\n Nuxt Architecture.\n #description\n Harness the full power of Nuxt and the Nuxt ecosystem.\n ::\n ::card\n #title\n Vue Components.\n #description\n Use built-in components (or your own!) inside your content.\n ::\n ::card\n #title\n Write Markdown.\n #description\n Enjoy the ease and simplicity of Markdown and discover MDC syntax.\n ::\n ::\n This component uses slots to create a tab panel of your code examples or preview. yarn add docus\n npm install docus\n ::code-group\n ```bash [Yarn]\n yarn add docus\n ```\n ```bash [NPM]\n npm install docus\n ```\n ::\n To be used inside a component to display a preview of some rendered code. Hello World! /* Added as a child of ` ` */\n \n ::code-block{label=\"Preview\" preview}\n ::badge\n Hello World!\n ::\n ::\n :copy-button{content=\"hey!\"}\n Icon component gives you access to all 100,000+ icons from icones.js.org . :icon{name=\"logos:nuxt-icon\"}\n :icon{name=\"logos:vue\"}\n :icon{name=\"logos:nuxt-icon\"}\n
Important Always Amazing Congrats Do you know? You can also do this Be careful Use with precautions Drinking too much Driving drunk ::list{type=\"primary\"}\n - **Important**\n - Always\n ::\n \n ::list{type=\"success\"}\n - Amazing\n - Congrats\n ::\n \n ::list{type=\"info\"}\n - Do you know?\n - You can also do this\n ::\n \n ::list{type=\"warning\"}\n - Be careful\n - Use with precautions\n ::\n \n ::list{type=\"danger\"}\n - Drinking too much\n - Driving drunk\n ::\n Embed CodeSandbox/StackBlitz easily in your documentation with great performances. Using the IntersectionObserver to load when visible in the viewport. :sandbox{src=\"https://codesandbox.io/embed/nuxt-content-l164h?hidenavigation=1&theme=dark\"}\n :terminal{content=\"nuxi build\"}\n ::div\n :video-player{src=\"https://www.youtube.com/watch?v=o9e12WbKrd8\"}\n ::\n html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}"},{"id":"content:2.api:2.composables.md","path":"/api/composables","dir":"api","title":"Composables","description":"Discover the Docus composables to use in your custom Vue components and pages.","keywords":["useDocus()","useMenu()","useScrollspy()"],"body":" Composables Discover the Docus composables to use in your custom Vue components and pages. useDocus() useDocus () gives access to docus runtime config, all default values and your custom config from app.config.ts config refers to the merged config of the current page. main , header , aside , footer and titleTemplate can be set from _dir.yml and any page.md file. The configs in app.config file will be used as defaults. < script setup >\n const { config } = useDocus ()\n script >\n \n < template >\n < div >\n < h1 >{{ config.title }} h1 >\n < p >{{ config.description }} p >\n div >\n template >\n tree refers to the current navigation tree that is displayed in the aside component. < script setup >\n const { tree } = useDocus ()\n script >\n \n < template >\n < DocsAsideTree : links = \" tree \" />\n template >\n useMenu() useMenu() gives access to $menu plugin controlling mobile navigation globally. const {\n // Is menu visible\n visible ,\n // Close menu function\n close ,\n // Open menu function\n open ,\n // Toggle menu function\n toggle\n } = useMenu ()\n useScrollspy() useScrollspy() is used in docs layout to make the ToC display the currently visible headings. const {\n // Headings on the page\n visibleHeadings ,\n // Active headings (for the current page)\n activeHeadings ,\n // Update headings (an array of DOM nodes)\n updateHeadings\n } = useScrollspy ()\n html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}"},{"id":"content:2.api:3.layouts.md","path":"/api/layouts","dir":"api","title":"Layouts","description":"Docus provides multiple built-in layouts for displaying your Markdown pages.","keywords":["default","page"],"body":" Layouts Docus provides multiple built-in layouts for displaying your Markdown pages. default The default layout for every page created in the project. This layout renders multiple section alongside the content: Aside navigation menu (togglable with aside: false/true ) Page bottom section (togglable with bottom: false/true ) Table of content (togglable with toc: false/true ) ---\n aside : true\n bottom : true\n toc : false\n ---\n \n Your awesome content\n Current page is live sample of default layout. page page layout is content focused layout. This layout does not render aside menu of table of contents. This layout accept some configuration from content front-matter. fluid : By setting fluid: true in content front-matter the content will be rendered in full width. constrainedClass : Using this option you can modify layout container look. Like constraining layout width of changing the background. padded : Setting padded: true in front-matter will add horizontal padding in the layout. ---\n title : Home\n layout : page\n fluid : true\n ---\n Check Home page as live sample of page layout html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}"}]
\ No newline at end of file
diff --git a/index.html b/index.html
index e9b83b2ef..5607be80e 100644
--- a/index.html
+++ b/index.html
@@ -1,6 +1,4 @@
-
-
-
+
Home · Docus
@@ -9,73 +7,70 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
The best place to start your documentation. Write pages in Markdown , use Vue components and enjoy the power of Nuxt .
$ npx nuxi@latest init -t themes/docus $ cd docs $ npm install $ npm run dev
Click to copy
What's included Nuxt Architecture Harness the full power of Nuxt 3 and its modules ecosystem.
Nuxt Studio ready Edit your theme content and appearance with live-preview within Nuxt Studio .
Vue Components Use built-in components (or your own!) inside your content.
Write Markdown Enjoy the ease and simplicity of Markdown and discover MDC syntax .
Deploy anywhere Zero config on Vercel or Netlify . Choose between static generation, on-demand rendering (Node) or edge-side rendering on CloudFlare workers .
Extensible. Customize the whole design, or add components using slots - you can make Docus your own.
-
-
\ No newline at end of file
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
The best place to start your documentation. Write pages in Markdown , use Vue components and enjoy the power of Nuxt .
$ npx nuxi@latest init -t themes/docus $ cd docs $ npm install $ npm run dev
Click to copy
What's included Nuxt Architecture Harness the full power of Nuxt 3 and its modules ecosystem.
Nuxt Studio ready Edit your theme content and appearance with live-preview within Nuxt Studio .
Vue Components Use built-in components (or your own!) inside your content.
Write Markdown Enjoy the ease and simplicity of Markdown and discover MDC syntax .
Deploy anywhere Zero config on Vercel or Netlify . Choose between static generation, on-demand rendering (Node) or edge-side rendering on CloudFlare workers .
Extensible. Customize the whole design, or add components using slots - you can make Docus your own.
+
\ No newline at end of file
diff --git a/introduction/configuration/_payload.json b/introduction/configuration/_payload.json
index 0074431c8..ba1bc94d7 100644
--- a/introduction/configuration/_payload.json
+++ b/introduction/configuration/_payload.json
@@ -1 +1 @@
-[{"data":1,"prerenderedAt":87},["Reactive",2],{"search-api":3},[4,11,21,29,37,45,68,78],{"id":5,"path":6,"dir":7,"title":8,"description":7,"keywords":9,"body":10},"content:0.index.md","/","","Home",[]," The best place to start your documentation. Write pages in Markdown , use Vue components and enjoy the power of Nuxt . +50 Components ready to build rich pages Docs and Page layouts Start from a README , scale to a framework documentation Navigation and Table of Contents generation Fully configurable design system Leverages Typography and Elements Used on Content Documentation What's included Nuxt Architecture Harness the full power of Nuxt 3 and its modules ecosystem. Nuxt Studio ready Edit your theme content and appearance with live-preview within Nuxt Studio . Vue Components Use built-in components (or your own!) inside your content. Write Markdown Enjoy the ease and simplicity of Markdown and discover MDC syntax . Deploy anywhere Zero config on Vercel or Netlify . Choose between static generation, on-demand rendering (Node) or edge-side rendering on CloudFlare workers . Extensible. Customize the whole design, or add components using slots - you can make Docus your own.",{"id":12,"path":13,"dir":14,"title":15,"description":16,"keywords":17,"body":20},"content:1.introduction:1.getting-started.md","/introduction/getting-started","introduction","Getting Started","From your Markdown files to a deployed website in few minutes.",[18,19],"Play online","Create a new project"," Getting Started From your Markdown files to a deployed website in few minutes. Play online You can start playing with Docus in your browser using Stackblitz: Play on StackBlitz Create a new project Start a fresh Docus project with: npx nuxi@latest init docs -t themes/docus Install the dependencies in the docs folder: npm install yarn install pnpm install --shamefully-hoist Run the dev command to start Docus in development mode: npm run dev yarn dev pnpm run dev ✨ Well done! A browser window should automatically open for http://localhost:3000 html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":22,"path":23,"dir":14,"title":24,"description":25,"keywords":26,"body":28},"content:1.introduction:2.project-structure.md","/introduction/project-structure","Project Structure","Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home.",[27],"Directory Structure"," Project Structure Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home. Directory Structure This is the minimal directory structure to get an up and running Docus website. content/ index.md app.config.ts nuxt.config.ts The content/ directory is where you write Markdown pages . The app.config.ts is where you configure Docus to fit your branding and design. The nuxt.config.ts is your Nuxt configuration . html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":30,"path":31,"dir":14,"title":32,"description":33,"keywords":34,"body":36},"content:1.introduction:3.writing-pages.md","/introduction/writing-pages","Writing Pages","Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax.",[35],"Frontmatter"," Writing Pages Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax. Each Markdown pages in the content/ folder will be mapped to a route. File Generated route index.md / about.md /about blog/index.md /blog blog/hello.md /blog/hello 1.guide/2.installation /guide/installation Frontmatter Docus supports multiple Front-matter attributes for pages. --- title : \"Get Started\" description : \"Let's learn how to use my amazing module.\" --- Key Type Default Description layout string default Use any layout name like you would in definePageMeta() title string Defines the page title and H1 in docs pages description string Defines the page description and excerpt in docs pages redirect string A route path to redirect image object OpenGraph cover image Docs layout options aside boolean Toggles the visibility of aside navigation toc boolean Toggles the visibility of table of contents header boolean Toggles the visibility of the page header bottom boolean Toggles the visibility of page bottom section Navigation options navigation boolean Toggles the visibility of the page or directory in navigation navigation.title string Changes the name of the page or directory in navigation navigation.icon string Changes the icon of the page or directory in navigation html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":38,"path":39,"dir":14,"title":40,"description":41,"keywords":42,"body":44},"content:1.introduction:4.configuration.md","/introduction/configuration","Configuration","Learn how to configure Docus.",[43],"Customizing the logo"," Configuration Learn how to configure Docus. export default defineAppConfig ({ docus: { title: 'Docus' , description: 'My Docus Project' , url: 'http://docus.dev' } }) export default defineAppConfig ({ docus: { title: 'Docus' , description: 'My Docus Project' , url: 'http://docus.dev' , image: '/social-card-preview.png' , socials: { twitter: '@nuxt_js' , github: 'nuxt-themes/docus' , }, github: { root: 'content' , edit: true , contributors: false }, layout: 'default' , aside: { level: 1 , filter: [], }, header: { title: false , logo: true , showLinkIcon: false }, footer: { credits: { icon: 'IconDocus' , text: 'Powered by Docus' , href: 'https://docus.dev' , }, textLinks: [ { text: 'Nuxt' , href: 'https://nuxt.com' , target: '_blank' , rel: 'noopener' } ], iconLinks: [ { label: 'NuxtJS' , href: 'https://nuxtjs.org' , component: 'IconNuxtLabs' , }, { label: 'Vue Telescope' , href: 'https://vuetelescope.com' , component: 'IconVueTelescope' , }, ], } } }) Key Type Default Description title string Docus Website title titleTemplate string Docus Website title template description string My Docus Project Website description url string Website URL layout string default Fallback layout to use (supports default or page ) Socials socials object {} Social links socials.github string The repository to use on GitHub links socials.twitter string The account to use on Twitter links socials.youtube string The channel to use on Youtube links socials.instagram string The account to use on Instagram links socials.facebook string The account to use on Facebook links socials.medium string The account to use on Medium links socials.[social] object Override social or display custom one socials.[social].label string A label to use for the social socials.[social].icon string A icon to use for the social socials.[social].href string A link to use for the social socials.[social].rel string noopener noreferrer A space-separated list of link types Header header object Header configuration header.logo boolean Whether or not to use Logo.vue as the header logo header.title string If set to a string, will be used in the header header.showLinkIcon boolean If set to true links icons will show in the header header.exclude string[] An array of path to exclude out from the header navigation header.fluid boolean true Make header Container fluid Main main object Main configuration main.fluid boolean true Make main content Container fluid main.padded boolean true Make main content Container padded Aside aside object Aside configuration aside.level string 0 Aside base level of nesting aside.collapsed boolean Will be used as default value for collapsible navigation categories aside.exclude string[] An array of path to exclude out from the aside navigation Footer footer object Footer configuration footer.credits object An object defining the bottom left credits footer.credits.icon object The icon to use for the credits footer.credits.text object The text to use for the credits footer.textLinks array [] An array of texts to display at the center of footer footer.textLinks[0].text string The text to display footer.textLinks[0].href string A link to use for the text footer.textLinks[0].target string _self Where to display the linked URL, as the name for a browsing context footer.textLinks[0].rel string noopener noreferrer A space-separated list of link types footer.iconLinks array [] An array of icons to display in the footer footer.iconLinks[0].label string A label to use for the icon footer.iconLinks[0].href string A link to use for the icon footer.iconLinks[0].icon string The icon to use (can be a component name) footer.iconLinks[0].rel string noopener noreferrer A space-separated list of link types footer.fluid boolean true Make footer Container fluid GitHub github object false GitHub integration configuration github.dir string Directory containing the files to be edited github.branch string Branch to start editing github.repo string Name of the GitHub repo to edit files github.owner string Owner of the repo github.edit boolean Toggle \"Edit this page on Github\" component on documentation pages Search fuse object useFuse options Customizing the logo To update the logo in the header, create a component in components/Logo.vue with your own logo. In this example, the image is located at /public/img . \u003C template > \u003C img width = \"120\" src = \"/img/YOURLOGO.png\" /> \u003C/ template > html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":46,"path":47,"dir":48,"title":49,"description":50,"keywords":51,"body":67},"content:2.api:1.components.md","/api/components","api","Components","Discover every component you can use in your content.",[52,53,54,55,56,57,58,59,60,61,62,63,64,65,66],"\u003CAlert />","\u003CBadge />","\u003CBlockHero />","\u003CButtonLink />","\u003CCallout />","\u003CCard />","\u003CCardGrid />","\u003CCodeGroup />","\u003CCodeBlock />","\u003CCopyButton />","\u003CIcon />","\u003CList />","\u003CSandbox />","\u003CTerminal />","\u003CVideoPlayer />"," Components Discover every component you can use in your content. \u003CAlert /> Check out an info alert with code and a link . Check out a success alert with code and a link . Check out a warning alert with code and a link . Check out a danger alert with code and a link . ::alert{type=\"info\"} Check out an **info** alert with `code` and a [ link ]( / ). :: ::alert{type=\"success\"} Check out a **success** alert with `code` and a [ link ]( / ). :: ::alert{type=\"warning\"} Check out a **warning** alert with `code` and a [ link ]( / ). :: ::alert{type=\"danger\"} Check out a **danger** alert with `code` and a [ link ]( / ). :: \u003CBadge /> \u003CBadge /> support same types as \u003CAlert /> . v1.2 Deprecated Not found! :badge[ v1.2 ] :badge[ Deprecated ]{type=\"warning\"} ::badge{type=\"danger\"} Not found! :: \u003CBlockHero /> Document-driven framework Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites. ::block-hero --- cta: - Get started - /get-started secondary: - Open on GitHub → - https://github.com/nuxtlabs/docus snippet: npx nuxi@latest init docus-app -t nuxtlabs/docus-starter --- #title Document-driven framework #description Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites. :: \u003CButtonLink /> Play on StackBlitz :button-link[Play on StackBlitz]{icon=\"IconStackBlitz\" href=\"https://stackblitz.com/github/nuxtlabs/docus-starter\" blank} \u003CCallout /> \u003CCallout /> support same types as \u003CAlert /> . This is a callout! Click me to open. This is the content of the callout. This is a callout! Click me to open. This is the content of the callout. ::callout #summary This is a callout! Click me to open. #content This is the content of the callout. :: ::callout{type=\"warning\"} #summary This is a callout! Click me to open. #content This is the content of the callout. :: \u003CCard /> Nuxt Architecture. Based on Nuxt 3 and Nuxt Content . \nUse Nuxt to build a static site, or a serverless app. ::card{icon=\"logos:nuxt-icon\"} #title Nuxt Architecture. #description Based on **Nuxt 3** and **Nuxt Content** . :br Use Nuxt to build a static site, or a serverless app. :: \u003CCardGrid /> What's included? Nuxt Architecture. Harness the full power of Nuxt and the Nuxt ecosystem. Vue Components. Use built-in components (or your own!) inside your content. Write Markdown. Enjoy the ease and simplicity of Markdown and discover MDC syntax. ::card-grid #title What's included #root :ellipsis #default ::card #title Nuxt Architecture. #description Harness the full power of Nuxt and the Nuxt ecosystem. :: ::card #title Vue Components. #description Use built-in components (or your own!) inside your content. :: ::card #title Write Markdown. #description Enjoy the ease and simplicity of Markdown and discover MDC syntax. :: :: \u003CCodeGroup /> This component uses slots to create a tab panel of your code examples or preview. yarn add docus npm install docus ::code-group ```bash [Yarn] yarn add docus ``` ```bash [NPM] npm install docus ``` :: \u003CCodeBlock /> To be used inside a \u003CCodeGroup /> component to display a preview of some rendered code. Hello World! /* Added as a child of `\u003CCodeGroup />` */ ::code-block{label=\"Preview\" preview} ::badge Hello World! :: :: \u003CCopyButton /> :copy-button{content=\"hey!\"} \u003CIcon /> Icon component gives you access to all 100,000+ icons from icones.js.org . :icon{name=\"logos:nuxt-icon\"} :icon{name=\"logos:vue\"} :icon{name=\"logos:nuxt-icon\"} \u003CList /> Important Always Amazing Congrats Do you know? You can also do this Be careful Use with precautions Drinking too much Driving drunk ::list{type=\"primary\"} - **Important** - Always :: ::list{type=\"success\"} - Amazing - Congrats :: ::list{type=\"info\"} - Do you know? - You can also do this :: ::list{type=\"warning\"} - Be careful - Use with precautions :: ::list{type=\"danger\"} - Drinking too much - Driving drunk :: \u003CSandbox /> Embed CodeSandbox/StackBlitz easily in your documentation with great performances. Using the IntersectionObserver to load when visible in the viewport. :sandbox{src=\"https://codesandbox.io/embed/nuxt-content-l164h?hidenavigation=1&theme=dark\"} \u003CTerminal /> :terminal{content=\"nuxi build\"} \u003CVideoPlayer /> ::div :video-player{src=\"https://www.youtube.com/watch?v=o9e12WbKrd8\"} :: html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":69,"path":70,"dir":48,"title":71,"description":72,"keywords":73,"body":77},"content:2.api:2.composables.md","/api/composables","Composables","Discover the Docus composables to use in your custom Vue components and pages.",[74,75,76],"useDocus()","useMenu()","useScrollspy()"," Composables Discover the Docus composables to use in your custom Vue components and pages. useDocus() useDocus () gives access to docus runtime config, all default values and your custom config from app.config.ts config refers to the merged config of the current page. main , header , aside , footer and titleTemplate can be set from _dir.yml and any page.md file. The configs in app.config file will be used as defaults. \u003C script setup > const { config } = useDocus () \u003C/ script > \u003C template > \u003C div > \u003C h1 >{{ config.title }}\u003C/ h1 > \u003C p >{{ config.description }}\u003C/ p > \u003C/ div > \u003C/ template > tree refers to the current navigation tree that is displayed in the aside component. \u003C script setup > const { tree } = useDocus () \u003C/ script > \u003C template > \u003C DocsAsideTree :links = \"tree\" /> \u003C/ template > useMenu() useMenu() gives access to $menu plugin controlling mobile navigation globally. const { // Is menu visible visible , // Close menu function close , // Open menu function open , // Toggle menu function toggle } = useMenu () useScrollspy() useScrollspy() is used in docs layout to make the ToC display the currently visible headings. const { // Headings on the page visibleHeadings , // Active headings (for the current page) activeHeadings , // Update headings (an array of DOM nodes) updateHeadings } = useScrollspy () html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":79,"path":80,"dir":48,"title":81,"description":82,"keywords":83,"body":86},"content:2.api:3.layouts.md","/api/layouts","Layouts","Docus provides multiple built-in layouts for displaying your Markdown pages.",[84,85],"default","page"," Layouts Docus provides multiple built-in layouts for displaying your Markdown pages. default The default layout for every page created in the project. This layout renders multiple section alongside the content: Aside navigation menu (togglable with aside: false/true ) Page bottom section (togglable with bottom: false/true ) Table of content (togglable with toc: false/true ) --- aside : true bottom : true toc : false --- Your awesome content Current page is live sample of default layout. page page layout is content focused layout. This layout does not render aside menu of table of contents. This layout accept some configuration from content front-matter. fluid : By setting fluid: true in content front-matter the content will be rendered in full width. constrainedClass : Using this option you can modify layout container look. Like constraining layout width of changing the background. padded : Setting padded: true in front-matter will add horizontal padding in the layout. --- title : Home layout : page fluid : true --- Check Home page as live sample of page layout html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",1698738524417]
\ No newline at end of file
+[{"data":1,"prerenderedAt":87},["Reactive",2],{"search-api":3},[4,11,21,29,37,45,68,78],{"id":5,"path":6,"dir":7,"title":8,"description":7,"keywords":9,"body":10},"content:0.index.md","/","","Home",[]," The best place to start your documentation. Write pages in Markdown , use Vue components and enjoy the power of Nuxt . +50 Components ready to build rich pages Docs and Page layouts Start from a README , scale to a framework documentation Navigation and Table of Contents generation Fully configurable design system Leverages Typography and Elements Used on Content Documentation What's included Nuxt Architecture Harness the full power of Nuxt 3 and its modules ecosystem. Nuxt Studio ready Edit your theme content and appearance with live-preview within Nuxt Studio . Vue Components Use built-in components (or your own!) inside your content. Write Markdown Enjoy the ease and simplicity of Markdown and discover MDC syntax . Deploy anywhere Zero config on Vercel or Netlify . Choose between static generation, on-demand rendering (Node) or edge-side rendering on CloudFlare workers . Extensible. Customize the whole design, or add components using slots - you can make Docus your own.",{"id":12,"path":13,"dir":14,"title":15,"description":16,"keywords":17,"body":20},"content:1.introduction:1.getting-started.md","/introduction/getting-started","introduction","Getting Started","From your Markdown files to a deployed website in few minutes.",[18,19],"Play online","Create a new project"," Getting Started From your Markdown files to a deployed website in few minutes. Play online You can start playing with Docus in your browser using Stackblitz: Play on StackBlitz Create a new project Start a fresh Docus project with: npx nuxi@latest init docs -t themes/docus\n Install the dependencies in the docs folder: npm install\n yarn install\n pnpm install --shamefully-hoist\n Run the dev command to start Docus in development mode: npm run dev\n yarn dev\n pnpm run dev\n ✨ Well done! A browser window should automatically open for http://localhost:3000 html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":22,"path":23,"dir":14,"title":24,"description":25,"keywords":26,"body":28},"content:1.introduction:2.project-structure.md","/introduction/project-structure","Project Structure","Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home.",[27],"Directory Structure"," Project Structure Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home. Directory Structure This is the minimal directory structure to get an up and running Docus website. content/\n index.md\n app.config.ts\n nuxt.config.ts\n The content/ directory is where you write Markdown pages . The app.config.ts is where you configure Docus to fit your branding and design. The nuxt.config.ts is your Nuxt configuration . html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":30,"path":31,"dir":14,"title":32,"description":33,"keywords":34,"body":36},"content:1.introduction:3.writing-pages.md","/introduction/writing-pages","Writing Pages","Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax.",[35],"Frontmatter"," Writing Pages Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax. Each Markdown page in the content/ folder will be mapped to a route. \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n File Generated route index.md / about.md /about blog/index.md /blog blog/hello.md /blog/hello 1.guide/2.installation /guide/installation Frontmatter Docus supports multiple Front-matter attributes for pages. ---\n title : \"Get Started\"\n description : \"Let's learn how to use my amazing module.\"\n ---\n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n Key Type Default Description layout string default Use any layout name like you would in definePageMeta() title string Defines the page title and H1 in docs pages description string Defines the page description and excerpt in docs pages redirect string A route path to redirect image object OpenGraph cover image Docs layout options aside boolean Toggles the visibility of aside navigation toc boolean Toggles the visibility of table of contents header boolean Toggles the visibility of the page header bottom boolean Toggles the visibility of page bottom section Navigation options navigation boolean Toggles the visibility of the page or directory in navigation navigation.title string Changes the name of the page or directory in navigation navigation.icon string Changes the icon of the page or directory in navigation html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":38,"path":39,"dir":14,"title":40,"description":41,"keywords":42,"body":44},"content:1.introduction:4.configuration.md","/introduction/configuration","Configuration","Learn how to configure Docus.",[43],"Customizing the logo"," Configuration Learn how to configure Docus. export default defineAppConfig ({\n docus: {\n title: 'Docus' ,\n description: 'My Docus Project' ,\n url: 'http://docus.dev'\n }\n })\n export default defineAppConfig ({\n docus: {\n title: 'Docus' ,\n description: 'My Docus Project' ,\n url: 'http://docus.dev' ,\n image: '/social-card-preview.png' ,\n socials: {\n twitter: '@nuxt_js' ,\n github: 'nuxt-themes/docus' ,\n },\n github: {\n root: 'content' ,\n edit: true ,\n contributors: false\n },\n layout: 'default' ,\n aside: {\n level: 1 ,\n filter: [],\n },\n header: {\n title: false ,\n logo: true ,\n showLinkIcon: false\n },\n footer: {\n credits: {\n icon: 'IconDocus' ,\n text: 'Powered by Docus' ,\n href: 'https://docus.dev' ,\n },\n textLinks: [\n {\n text: 'Nuxt' ,\n href: 'https://nuxt.com' ,\n target: '_blank' ,\n rel: 'noopener'\n }\n ],\n iconLinks: [\n {\n label: 'NuxtJS' ,\n href: 'https://nuxtjs.org' ,\n component: 'IconNuxtLabs' ,\n },\n {\n label: 'Vue Telescope' ,\n href: 'https://vuetelescope.com' ,\n component: 'IconVueTelescope' ,\n },\n ],\n }\n }\n })\n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n Key Type Default Description title string Docus Website title titleTemplate string Docus Website title template description string My Docus Project Website description url string Website URL layout string default Fallback layout to use (supports default or page ) Socials socials object {} Social links socials.github string The repository to use on GitHub links socials.twitter string The account to use on Twitter links socials.youtube string The channel to use on Youtube links socials.instagram string The account to use on Instagram links socials.facebook string The account to use on Facebook links socials.medium string The account to use on Medium links socials.[social] object Override social or display custom one socials.[social].label string A label to use for the social socials.[social].icon string A icon to use for the social socials.[social].href string A link to use for the social socials.[social].rel string noopener noreferrer A space-separated list of link types Header header object Header configuration header.logo boolean Whether or not to use Logo.vue as the header logo header.title string If set to a string, will be used in the header header.showLinkIcon boolean If set to true links icons will show in the header header.exclude string[] An array of path to exclude out from the header navigation header.fluid boolean true Make header Container fluid Main main object Main configuration main.fluid boolean true Make main content Container fluid main.padded boolean true Make main content Container padded Aside aside object Aside configuration aside.level string 0 Aside base level of nesting aside.collapsed boolean Will be used as default value for collapsible navigation categories aside.exclude string[] An array of path to exclude out from the aside navigation Footer footer object Footer configuration footer.credits object An object defining the bottom left credits footer.credits.icon object The icon to use for the credits footer.credits.text object The text to use for the credits footer.textLinks array [] An array of texts to display at the center of footer footer.textLinks[0].text string The text to display footer.textLinks[0].href string A link to use for the text footer.textLinks[0].target string _self Where to display the linked URL, as the name for a browsing context footer.textLinks[0].rel string noopener noreferrer A space-separated list of link types footer.iconLinks array [] An array of icons to display in the footer footer.iconLinks[0].label string A label to use for the icon footer.iconLinks[0].href string A link to use for the icon footer.iconLinks[0].icon string The icon to use (can be a component name) footer.iconLinks[0].rel string noopener noreferrer A space-separated list of link types footer.fluid boolean true Make footer Container fluid GitHub github object false GitHub integration configuration github.dir string Directory containing the files to be edited github.branch string Branch to start editing github.repo string Name of the GitHub repo to edit files github.owner string Owner of the repo github.edit boolean Toggle \"Edit this page on Github\" component on documentation pages Search fuse object useFuse options Customizing the logo To update the logo in the header, create a component in components/Logo.vue with your own logo. In this example, the image is located at /public/img . \u003C template >\n \u003C img width = \"120\" src = \"/img/YOURLOGO.png\" />\n \u003C/ template >\n html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":46,"path":47,"dir":48,"title":49,"description":50,"keywords":51,"body":67},"content:2.api:1.components.md","/api/components","api","Components","Discover every component you can use in your content.",[52,53,54,55,56,57,58,59,60,61,62,63,64,65,66],"\u003CAlert />","\u003CBadge />","\u003CBlockHero />","\u003CButtonLink />","\u003CCallout />","\u003CCard />","\u003CCardGrid />","\u003CCodeGroup />","\u003CCodeBlock />","\u003CCopyButton />","\u003CIcon />","\u003CList />","\u003CSandbox />","\u003CTerminal />","\u003CVideoPlayer />"," Components Discover every component you can use in your content. \u003CAlert /> Check out an info alert with code and a link . Check out a success alert with code and a link . Check out a warning alert with code and a link . Check out a danger alert with code and a link . ::alert{type=\"info\"}\n Check out an **info** alert with `code` and a [ link ]( / ).\n ::\n \n ::alert{type=\"success\"}\n Check out a **success** alert with `code` and a [ link ]( / ).\n ::\n \n ::alert{type=\"warning\"}\n Check out a **warning** alert with `code` and a [ link ]( / ).\n ::\n \n ::alert{type=\"danger\"}\n Check out a **danger** alert with `code` and a [ link ]( / ).\n ::\n \u003CBadge /> \u003CBadge /> support same types as \u003CAlert /> . v1.2 Deprecated Not found! :badge[ v1.2 ]\n \n :badge[ Deprecated ]{type=\"warning\"}\n \n ::badge{type=\"danger\"}\n Not found!\n ::\n \u003CBlockHero /> Document-driven framework Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites. ::block-hero\n ---\n cta:\n - Get started\n - /get-started\n secondary:\n - Open on GitHub →\n - https://github.com/nuxtlabs/docus\n snippet: npx nuxi@latest init docus-app -t nuxtlabs/docus-starter\n ---\n #title\n Document-driven framework\n \n #description\n Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites.\n ::\n \u003CButtonLink /> Play on StackBlitz :button-link[Play on StackBlitz]{icon=\"IconStackBlitz\" href=\"https://stackblitz.com/github/nuxtlabs/docus-starter\" blank}\n \u003CCallout /> \u003CCallout /> support same types as \u003CAlert /> . This is a callout! Click me to open. This is the content of the callout. This is a callout! Click me to open. This is the content of the callout. ::callout\n #summary\n This is a callout! Click me to open.\n \n #content\n This is the content of the callout.\n ::\n \n ::callout{type=\"warning\"}\n #summary\n This is a callout! Click me to open.\n \n #content\n This is the content of the callout.\n ::\n \u003CCard /> Nuxt Architecture. Based on Nuxt 3 and Nuxt Content . \nUse Nuxt to build a static site, or a serverless app. ::card{icon=\"logos:nuxt-icon\"}\n #title\n Nuxt Architecture.\n #description\n Based on **Nuxt 3** and **Nuxt Content** . :br\n Use Nuxt to build a static site, or a serverless app.\n ::\n \u003CCardGrid /> What's included? Nuxt Architecture. Harness the full power of Nuxt and the Nuxt ecosystem. Vue Components. Use built-in components (or your own!) inside your content. Write Markdown. Enjoy the ease and simplicity of Markdown and discover MDC syntax. ::card-grid\n #title\n What's included\n \n #root\n :ellipsis\n \n #default\n ::card\n #title\n Nuxt Architecture.\n #description\n Harness the full power of Nuxt and the Nuxt ecosystem.\n ::\n ::card\n #title\n Vue Components.\n #description\n Use built-in components (or your own!) inside your content.\n ::\n ::card\n #title\n Write Markdown.\n #description\n Enjoy the ease and simplicity of Markdown and discover MDC syntax.\n ::\n ::\n \u003CCodeGroup /> This component uses slots to create a tab panel of your code examples or preview. yarn add docus\n npm install docus\n ::code-group\n ```bash [Yarn]\n yarn add docus\n ```\n ```bash [NPM]\n npm install docus\n ```\n ::\n \u003CCodeBlock /> To be used inside a \u003CCodeGroup /> component to display a preview of some rendered code. Hello World! /* Added as a child of `\u003CCodeGroup />` */\n \n ::code-block{label=\"Preview\" preview}\n ::badge\n Hello World!\n ::\n ::\n \u003CCopyButton /> :copy-button{content=\"hey!\"}\n \u003CIcon /> Icon component gives you access to all 100,000+ icons from icones.js.org . :icon{name=\"logos:nuxt-icon\"}\n :icon{name=\"logos:vue\"}\n :icon{name=\"logos:nuxt-icon\"}\n \u003CList /> Important Always Amazing Congrats Do you know? You can also do this Be careful Use with precautions Drinking too much Driving drunk ::list{type=\"primary\"}\n - **Important**\n - Always\n ::\n \n ::list{type=\"success\"}\n - Amazing\n - Congrats\n ::\n \n ::list{type=\"info\"}\n - Do you know?\n - You can also do this\n ::\n \n ::list{type=\"warning\"}\n - Be careful\n - Use with precautions\n ::\n \n ::list{type=\"danger\"}\n - Drinking too much\n - Driving drunk\n ::\n \u003CSandbox /> Embed CodeSandbox/StackBlitz easily in your documentation with great performances. Using the IntersectionObserver to load when visible in the viewport. :sandbox{src=\"https://codesandbox.io/embed/nuxt-content-l164h?hidenavigation=1&theme=dark\"}\n \u003CTerminal /> :terminal{content=\"nuxi build\"}\n \u003CVideoPlayer /> ::div\n :video-player{src=\"https://www.youtube.com/watch?v=o9e12WbKrd8\"}\n ::\n html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":69,"path":70,"dir":48,"title":71,"description":72,"keywords":73,"body":77},"content:2.api:2.composables.md","/api/composables","Composables","Discover the Docus composables to use in your custom Vue components and pages.",[74,75,76],"useDocus()","useMenu()","useScrollspy()"," Composables Discover the Docus composables to use in your custom Vue components and pages. useDocus() useDocus () gives access to docus runtime config, all default values and your custom config from app.config.ts config refers to the merged config of the current page. main , header , aside , footer and titleTemplate can be set from _dir.yml and any page.md file. The configs in app.config file will be used as defaults. \u003C script setup >\n const { config } = useDocus ()\n \u003C/ script >\n \n \u003C template >\n \u003C div >\n \u003C h1 >{{ config.title }}\u003C/ h1 >\n \u003C p >{{ config.description }}\u003C/ p >\n \u003C/ div >\n \u003C/ template >\n tree refers to the current navigation tree that is displayed in the aside component. \u003C script setup >\n const { tree } = useDocus ()\n \u003C/ script >\n \n \u003C template >\n \u003C DocsAsideTree : links = \" tree \" />\n \u003C/ template >\n useMenu() useMenu() gives access to $menu plugin controlling mobile navigation globally. const {\n // Is menu visible\n visible ,\n // Close menu function\n close ,\n // Open menu function\n open ,\n // Toggle menu function\n toggle\n } = useMenu ()\n useScrollspy() useScrollspy() is used in docs layout to make the ToC display the currently visible headings. const {\n // Headings on the page\n visibleHeadings ,\n // Active headings (for the current page)\n activeHeadings ,\n // Update headings (an array of DOM nodes)\n updateHeadings\n } = useScrollspy ()\n html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":79,"path":80,"dir":48,"title":81,"description":82,"keywords":83,"body":86},"content:2.api:3.layouts.md","/api/layouts","Layouts","Docus provides multiple built-in layouts for displaying your Markdown pages.",[84,85],"default","page"," Layouts Docus provides multiple built-in layouts for displaying your Markdown pages. default The default layout for every page created in the project. This layout renders multiple section alongside the content: Aside navigation menu (togglable with aside: false/true ) Page bottom section (togglable with bottom: false/true ) Table of content (togglable with toc: false/true ) ---\n aside : true\n bottom : true\n toc : false\n ---\n \n Your awesome content\n Current page is live sample of default layout. page page layout is content focused layout. This layout does not render aside menu of table of contents. This layout accept some configuration from content front-matter. fluid : By setting fluid: true in content front-matter the content will be rendered in full width. constrainedClass : Using this option you can modify layout container look. Like constraining layout width of changing the background. padded : Setting padded: true in front-matter will add horizontal padding in the layout. ---\n title : Home\n layout : page\n fluid : true\n ---\n Check Home page as live sample of page layout html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",1715702809336]
\ No newline at end of file
diff --git a/introduction/configuration/index.html b/introduction/configuration/index.html
index 0dec91865..1b8f38f0b 100644
--- a/introduction/configuration/index.html
+++ b/introduction/configuration/index.html
@@ -1,6 +1,4 @@
-
-
-
+
Configuration · Docus
@@ -8,81 +6,508 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Learn how to configure Docus.
Minimal app.config.ts export default defineAppConfig ({ docus: { title: 'Docus' , description: 'My Docus Project' , url: 'http://docus.dev' } })
Copy to clipboard Complete app.config.ts export default defineAppConfig ({ docus: { title: 'Docus' , description: 'My Docus Project' , url: 'http://docus.dev' , image: '/social-card-preview.png' , socials: { twitter: '@nuxt_js' , github: 'nuxt-themes/docus' , }, github: { root: 'content' , edit: true , contributors: false }, layout: 'default' , aside: { level: 1 , filter: [], }, header: { title: false , logo: true , showLinkIcon: false }, footer: { credits: { icon: 'IconDocus' , text: 'Powered by Docus' , href: 'https://docus.dev' , }, textLinks: [ { text: 'Nuxt' , href: 'https://nuxt.com' , target: '_blank' , rel: 'noopener' } ], iconLinks: [ { label: 'NuxtJS' , href: 'https://nuxtjs.org' , component: 'IconNuxtLabs' , }, { label: 'Vue Telescope' , href: 'https://vuetelescope.com' , component: 'IconVueTelescope' , }, ], } } })
Copy to clipboard Key Type Default Description title
string
Docus Website title titleTemplate
string
Docus Website title template description
string
My Docus Project Website description url
string
Website URL layout
string
default Fallback layout to use (supports default
or page
) Socials socials
object
{}
Social links socials.github
string
The repository to use on GitHub links socials.twitter
string
The account to use on Twitter links socials.youtube
string
The channel to use on Youtube links socials.instagram
string
The account to use on Instagram links socials.facebook
string
The account to use on Facebook links socials.medium
string
The account to use on Medium links socials.[social]
object
Override social or display custom one socials.[social].label
string
A label to use for the social socials.[social].icon
string
A icon to use for the social socials.[social].href
string
A link to use for the social socials.[social].rel
string
noopener noreferrer
A space-separated list of link types Header header
object
Header configuration header.logo
boolean
Whether or not to use Logo.vue
as the header logo header.title
string
If set to a string, will be used in the header header.showLinkIcon
boolean
If set to true
links icons will show in the header header.exclude
string[]
An array of path to exclude out from the header navigation header.fluid
boolean
true
Make header Container
fluid Main main
object
Main configuration main.fluid
boolean
true
Make main content Container
fluid main.padded
boolean
true
Make main content Container
padded Aside aside
object
Aside configuration aside.level
string
0 Aside base level of nesting aside.collapsed
boolean
Will be used as default value for collapsible navigation categories aside.exclude
string[]
An array of path to exclude out from the aside navigation Footer footer
object
Footer configuration footer.credits
object
An object defining the bottom left credits footer.credits.icon
object
The icon to use for the credits footer.credits.text
object
The text to use for the credits footer.textLinks
array
[]
An array of texts to display at the center of footer footer.textLinks[0].text
string
The text to display footer.textLinks[0].href
string
A link to use for the text footer.textLinks[0].target
string
_self
Where to display the linked URL, as the name for a browsing context footer.textLinks[0].rel
string
noopener noreferrer
A space-separated list of link types footer.iconLinks
array
[]
An array of icons to display in the footer footer.iconLinks[0].label
string
A label to use for the icon footer.iconLinks[0].href
string
A link to use for the icon footer.iconLinks[0].icon
string
The icon to use (can be a component name) footer.iconLinks[0].rel
string
noopener noreferrer
A space-separated list of link types footer.fluid
boolean
true
Make footer Container
fluid GitHub github
object
false
GitHub integration configuration github.dir
string
Directory containing the files to be edited github.branch
string
Branch to start editing github.repo
string
Name of the GitHub repo to edit files github.owner
string
Owner of the repo github.edit
boolean
Toggle "Edit this page on Github" component on documentation pages Search fuse
object
useFuse options
To update the logo in the header, create a component in components/Logo.vue
with your own logo.
In this example, the image is located at /public/img
.
components/Logo.vue < template > < img width = "120" src = "/img/YOURLOGO.png" /> </ template >
Copy to clipboard
-
-
\ No newline at end of file
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Learn how to configure Docus.
Minimal app.config.ts export default defineAppConfig ({
+ docus: {
+ title: 'Docus' ,
+ description: 'My Docus Project' ,
+ url: 'http://docus.dev'
+ }
+ })
+
Copy to clipboard Complete app.config.ts export default defineAppConfig ({
+ docus: {
+ title: 'Docus' ,
+ description: 'My Docus Project' ,
+ url: 'http://docus.dev' ,
+ image: '/social-card-preview.png' ,
+ socials: {
+ twitter: '@nuxt_js' ,
+ github: 'nuxt-themes/docus' ,
+ },
+ github: {
+ root: 'content' ,
+ edit: true ,
+ contributors: false
+ },
+ layout: 'default' ,
+ aside: {
+ level: 1 ,
+ filter: [],
+ },
+ header: {
+ title: false ,
+ logo: true ,
+ showLinkIcon: false
+ },
+ footer: {
+ credits: {
+ icon: 'IconDocus' ,
+ text: 'Powered by Docus' ,
+ href: 'https://docus.dev' ,
+ },
+ textLinks: [
+ {
+ text: 'Nuxt' ,
+ href: 'https://nuxt.com' ,
+ target: '_blank' ,
+ rel: 'noopener'
+ }
+ ],
+ iconLinks: [
+ {
+ label: 'NuxtJS' ,
+ href: 'https://nuxtjs.org' ,
+ component: 'IconNuxtLabs' ,
+ },
+ {
+ label: 'Vue Telescope' ,
+ href: 'https://vuetelescope.com' ,
+ component: 'IconVueTelescope' ,
+ },
+ ],
+ }
+ }
+ })
+
Copy to clipboard
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Key Type Default Description title
string
Docus Website title titleTemplate
string
Docus Website title template description
string
My Docus Project Website description url
string
Website URL layout
string
default Fallback layout to use (supports default
or page
) Socials socials
object
{}
Social links socials.github
string
The repository to use on GitHub links socials.twitter
string
The account to use on Twitter links socials.youtube
string
The channel to use on Youtube links socials.instagram
string
The account to use on Instagram links socials.facebook
string
The account to use on Facebook links socials.medium
string
The account to use on Medium links socials.[social]
object
Override social or display custom one socials.[social].label
string
A label to use for the social socials.[social].icon
string
A icon to use for the social socials.[social].href
string
A link to use for the social socials.[social].rel
string
noopener noreferrer
A space-separated list of link types Header header
object
Header configuration header.logo
boolean
Whether or not to use Logo.vue
as the header logo header.title
string
If set to a string, will be used in the header header.showLinkIcon
boolean
If set to true
links icons will show in the header header.exclude
string[]
An array of path to exclude out from the header navigation header.fluid
boolean
true
Make header Container
fluid Main main
object
Main configuration main.fluid
boolean
true
Make main content Container
fluid main.padded
boolean
true
Make main content Container
padded Aside aside
object
Aside configuration aside.level
string
0 Aside base level of nesting aside.collapsed
boolean
Will be used as default value for collapsible navigation categories aside.exclude
string[]
An array of path to exclude out from the aside navigation Footer footer
object
Footer configuration footer.credits
object
An object defining the bottom left credits footer.credits.icon
object
The icon to use for the credits footer.credits.text
object
The text to use for the credits footer.textLinks
array
[]
An array of texts to display at the center of footer footer.textLinks[0].text
string
The text to display footer.textLinks[0].href
string
A link to use for the text footer.textLinks[0].target
string
_self
Where to display the linked URL, as the name for a browsing context footer.textLinks[0].rel
string
noopener noreferrer
A space-separated list of link types footer.iconLinks
array
[]
An array of icons to display in the footer footer.iconLinks[0].label
string
A label to use for the icon footer.iconLinks[0].href
string
A link to use for the icon footer.iconLinks[0].icon
string
The icon to use (can be a component name) footer.iconLinks[0].rel
string
noopener noreferrer
A space-separated list of link types footer.fluid
boolean
true
Make footer Container
fluid GitHub github
object
false
GitHub integration configuration github.dir
string
Directory containing the files to be edited github.branch
string
Branch to start editing github.repo
string
Name of the GitHub repo to edit files github.owner
string
Owner of the repo github.edit
boolean
Toggle "Edit this page on Github" component on documentation pages Search fuse
object
useFuse options
To update the logo in the header, create a component in components/Logo.vue
with your own logo.
In this example, the image is located at /public/img
.
components/Logo.vue < template >
+ < img width = "120" src = "/img/YOURLOGO.png" />
+ </ template >
+
Copy to clipboard
+
\ No newline at end of file
diff --git a/introduction/getting-started/_payload.json b/introduction/getting-started/_payload.json
index 5afb40f2c..6bf981dbc 100644
--- a/introduction/getting-started/_payload.json
+++ b/introduction/getting-started/_payload.json
@@ -1 +1 @@
-[{"data":1,"prerenderedAt":87},["Reactive",2],{"search-api":3},[4,11,21,29,37,45,68,78],{"id":5,"path":6,"dir":7,"title":8,"description":7,"keywords":9,"body":10},"content:0.index.md","/","","Home",[]," The best place to start your documentation. Write pages in Markdown , use Vue components and enjoy the power of Nuxt . +50 Components ready to build rich pages Docs and Page layouts Start from a README , scale to a framework documentation Navigation and Table of Contents generation Fully configurable design system Leverages Typography and Elements Used on Content Documentation What's included Nuxt Architecture Harness the full power of Nuxt 3 and its modules ecosystem. Nuxt Studio ready Edit your theme content and appearance with live-preview within Nuxt Studio . Vue Components Use built-in components (or your own!) inside your content. Write Markdown Enjoy the ease and simplicity of Markdown and discover MDC syntax . Deploy anywhere Zero config on Vercel or Netlify . Choose between static generation, on-demand rendering (Node) or edge-side rendering on CloudFlare workers . Extensible. Customize the whole design, or add components using slots - you can make Docus your own.",{"id":12,"path":13,"dir":14,"title":15,"description":16,"keywords":17,"body":20},"content:1.introduction:1.getting-started.md","/introduction/getting-started","introduction","Getting Started","From your Markdown files to a deployed website in few minutes.",[18,19],"Play online","Create a new project"," Getting Started From your Markdown files to a deployed website in few minutes. Play online You can start playing with Docus in your browser using Stackblitz: Play on StackBlitz Create a new project Start a fresh Docus project with: npx nuxi@latest init docs -t themes/docus Install the dependencies in the docs folder: npm install yarn install pnpm install --shamefully-hoist Run the dev command to start Docus in development mode: npm run dev yarn dev pnpm run dev ✨ Well done! A browser window should automatically open for http://localhost:3000 html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":22,"path":23,"dir":14,"title":24,"description":25,"keywords":26,"body":28},"content:1.introduction:2.project-structure.md","/introduction/project-structure","Project Structure","Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home.",[27],"Directory Structure"," Project Structure Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home. Directory Structure This is the minimal directory structure to get an up and running Docus website. content/ index.md app.config.ts nuxt.config.ts The content/ directory is where you write Markdown pages . The app.config.ts is where you configure Docus to fit your branding and design. The nuxt.config.ts is your Nuxt configuration . html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":30,"path":31,"dir":14,"title":32,"description":33,"keywords":34,"body":36},"content:1.introduction:3.writing-pages.md","/introduction/writing-pages","Writing Pages","Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax.",[35],"Frontmatter"," Writing Pages Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax. Each Markdown pages in the content/ folder will be mapped to a route. File Generated route index.md / about.md /about blog/index.md /blog blog/hello.md /blog/hello 1.guide/2.installation /guide/installation Frontmatter Docus supports multiple Front-matter attributes for pages. --- title : \"Get Started\" description : \"Let's learn how to use my amazing module.\" --- Key Type Default Description layout string default Use any layout name like you would in definePageMeta() title string Defines the page title and H1 in docs pages description string Defines the page description and excerpt in docs pages redirect string A route path to redirect image object OpenGraph cover image Docs layout options aside boolean Toggles the visibility of aside navigation toc boolean Toggles the visibility of table of contents header boolean Toggles the visibility of the page header bottom boolean Toggles the visibility of page bottom section Navigation options navigation boolean Toggles the visibility of the page or directory in navigation navigation.title string Changes the name of the page or directory in navigation navigation.icon string Changes the icon of the page or directory in navigation html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":38,"path":39,"dir":14,"title":40,"description":41,"keywords":42,"body":44},"content:1.introduction:4.configuration.md","/introduction/configuration","Configuration","Learn how to configure Docus.",[43],"Customizing the logo"," Configuration Learn how to configure Docus. export default defineAppConfig ({ docus: { title: 'Docus' , description: 'My Docus Project' , url: 'http://docus.dev' } }) export default defineAppConfig ({ docus: { title: 'Docus' , description: 'My Docus Project' , url: 'http://docus.dev' , image: '/social-card-preview.png' , socials: { twitter: '@nuxt_js' , github: 'nuxt-themes/docus' , }, github: { root: 'content' , edit: true , contributors: false }, layout: 'default' , aside: { level: 1 , filter: [], }, header: { title: false , logo: true , showLinkIcon: false }, footer: { credits: { icon: 'IconDocus' , text: 'Powered by Docus' , href: 'https://docus.dev' , }, textLinks: [ { text: 'Nuxt' , href: 'https://nuxt.com' , target: '_blank' , rel: 'noopener' } ], iconLinks: [ { label: 'NuxtJS' , href: 'https://nuxtjs.org' , component: 'IconNuxtLabs' , }, { label: 'Vue Telescope' , href: 'https://vuetelescope.com' , component: 'IconVueTelescope' , }, ], } } }) Key Type Default Description title string Docus Website title titleTemplate string Docus Website title template description string My Docus Project Website description url string Website URL layout string default Fallback layout to use (supports default or page ) Socials socials object {} Social links socials.github string The repository to use on GitHub links socials.twitter string The account to use on Twitter links socials.youtube string The channel to use on Youtube links socials.instagram string The account to use on Instagram links socials.facebook string The account to use on Facebook links socials.medium string The account to use on Medium links socials.[social] object Override social or display custom one socials.[social].label string A label to use for the social socials.[social].icon string A icon to use for the social socials.[social].href string A link to use for the social socials.[social].rel string noopener noreferrer A space-separated list of link types Header header object Header configuration header.logo boolean Whether or not to use Logo.vue as the header logo header.title string If set to a string, will be used in the header header.showLinkIcon boolean If set to true links icons will show in the header header.exclude string[] An array of path to exclude out from the header navigation header.fluid boolean true Make header Container fluid Main main object Main configuration main.fluid boolean true Make main content Container fluid main.padded boolean true Make main content Container padded Aside aside object Aside configuration aside.level string 0 Aside base level of nesting aside.collapsed boolean Will be used as default value for collapsible navigation categories aside.exclude string[] An array of path to exclude out from the aside navigation Footer footer object Footer configuration footer.credits object An object defining the bottom left credits footer.credits.icon object The icon to use for the credits footer.credits.text object The text to use for the credits footer.textLinks array [] An array of texts to display at the center of footer footer.textLinks[0].text string The text to display footer.textLinks[0].href string A link to use for the text footer.textLinks[0].target string _self Where to display the linked URL, as the name for a browsing context footer.textLinks[0].rel string noopener noreferrer A space-separated list of link types footer.iconLinks array [] An array of icons to display in the footer footer.iconLinks[0].label string A label to use for the icon footer.iconLinks[0].href string A link to use for the icon footer.iconLinks[0].icon string The icon to use (can be a component name) footer.iconLinks[0].rel string noopener noreferrer A space-separated list of link types footer.fluid boolean true Make footer Container fluid GitHub github object false GitHub integration configuration github.dir string Directory containing the files to be edited github.branch string Branch to start editing github.repo string Name of the GitHub repo to edit files github.owner string Owner of the repo github.edit boolean Toggle \"Edit this page on Github\" component on documentation pages Search fuse object useFuse options Customizing the logo To update the logo in the header, create a component in components/Logo.vue with your own logo. In this example, the image is located at /public/img . \u003C template > \u003C img width = \"120\" src = \"/img/YOURLOGO.png\" /> \u003C/ template > html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":46,"path":47,"dir":48,"title":49,"description":50,"keywords":51,"body":67},"content:2.api:1.components.md","/api/components","api","Components","Discover every component you can use in your content.",[52,53,54,55,56,57,58,59,60,61,62,63,64,65,66],"\u003CAlert />","\u003CBadge />","\u003CBlockHero />","\u003CButtonLink />","\u003CCallout />","\u003CCard />","\u003CCardGrid />","\u003CCodeGroup />","\u003CCodeBlock />","\u003CCopyButton />","\u003CIcon />","\u003CList />","\u003CSandbox />","\u003CTerminal />","\u003CVideoPlayer />"," Components Discover every component you can use in your content. \u003CAlert /> Check out an info alert with code and a link . Check out a success alert with code and a link . Check out a warning alert with code and a link . Check out a danger alert with code and a link . ::alert{type=\"info\"} Check out an **info** alert with `code` and a [ link ]( / ). :: ::alert{type=\"success\"} Check out a **success** alert with `code` and a [ link ]( / ). :: ::alert{type=\"warning\"} Check out a **warning** alert with `code` and a [ link ]( / ). :: ::alert{type=\"danger\"} Check out a **danger** alert with `code` and a [ link ]( / ). :: \u003CBadge /> \u003CBadge /> support same types as \u003CAlert /> . v1.2 Deprecated Not found! :badge[ v1.2 ] :badge[ Deprecated ]{type=\"warning\"} ::badge{type=\"danger\"} Not found! :: \u003CBlockHero /> Document-driven framework Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites. ::block-hero --- cta: - Get started - /get-started secondary: - Open on GitHub → - https://github.com/nuxtlabs/docus snippet: npx nuxi@latest init docus-app -t nuxtlabs/docus-starter --- #title Document-driven framework #description Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites. :: \u003CButtonLink /> Play on StackBlitz :button-link[Play on StackBlitz]{icon=\"IconStackBlitz\" href=\"https://stackblitz.com/github/nuxtlabs/docus-starter\" blank} \u003CCallout /> \u003CCallout /> support same types as \u003CAlert /> . This is a callout! Click me to open. This is the content of the callout. This is a callout! Click me to open. This is the content of the callout. ::callout #summary This is a callout! Click me to open. #content This is the content of the callout. :: ::callout{type=\"warning\"} #summary This is a callout! Click me to open. #content This is the content of the callout. :: \u003CCard /> Nuxt Architecture. Based on Nuxt 3 and Nuxt Content . \nUse Nuxt to build a static site, or a serverless app. ::card{icon=\"logos:nuxt-icon\"} #title Nuxt Architecture. #description Based on **Nuxt 3** and **Nuxt Content** . :br Use Nuxt to build a static site, or a serverless app. :: \u003CCardGrid /> What's included? Nuxt Architecture. Harness the full power of Nuxt and the Nuxt ecosystem. Vue Components. Use built-in components (or your own!) inside your content. Write Markdown. Enjoy the ease and simplicity of Markdown and discover MDC syntax. ::card-grid #title What's included #root :ellipsis #default ::card #title Nuxt Architecture. #description Harness the full power of Nuxt and the Nuxt ecosystem. :: ::card #title Vue Components. #description Use built-in components (or your own!) inside your content. :: ::card #title Write Markdown. #description Enjoy the ease and simplicity of Markdown and discover MDC syntax. :: :: \u003CCodeGroup /> This component uses slots to create a tab panel of your code examples or preview. yarn add docus npm install docus ::code-group ```bash [Yarn] yarn add docus ``` ```bash [NPM] npm install docus ``` :: \u003CCodeBlock /> To be used inside a \u003CCodeGroup /> component to display a preview of some rendered code. Hello World! /* Added as a child of `\u003CCodeGroup />` */ ::code-block{label=\"Preview\" preview} ::badge Hello World! :: :: \u003CCopyButton /> :copy-button{content=\"hey!\"} \u003CIcon /> Icon component gives you access to all 100,000+ icons from icones.js.org . :icon{name=\"logos:nuxt-icon\"} :icon{name=\"logos:vue\"} :icon{name=\"logos:nuxt-icon\"} \u003CList /> Important Always Amazing Congrats Do you know? You can also do this Be careful Use with precautions Drinking too much Driving drunk ::list{type=\"primary\"} - **Important** - Always :: ::list{type=\"success\"} - Amazing - Congrats :: ::list{type=\"info\"} - Do you know? - You can also do this :: ::list{type=\"warning\"} - Be careful - Use with precautions :: ::list{type=\"danger\"} - Drinking too much - Driving drunk :: \u003CSandbox /> Embed CodeSandbox/StackBlitz easily in your documentation with great performances. Using the IntersectionObserver to load when visible in the viewport. :sandbox{src=\"https://codesandbox.io/embed/nuxt-content-l164h?hidenavigation=1&theme=dark\"} \u003CTerminal /> :terminal{content=\"nuxi build\"} \u003CVideoPlayer /> ::div :video-player{src=\"https://www.youtube.com/watch?v=o9e12WbKrd8\"} :: html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":69,"path":70,"dir":48,"title":71,"description":72,"keywords":73,"body":77},"content:2.api:2.composables.md","/api/composables","Composables","Discover the Docus composables to use in your custom Vue components and pages.",[74,75,76],"useDocus()","useMenu()","useScrollspy()"," Composables Discover the Docus composables to use in your custom Vue components and pages. useDocus() useDocus () gives access to docus runtime config, all default values and your custom config from app.config.ts config refers to the merged config of the current page. main , header , aside , footer and titleTemplate can be set from _dir.yml and any page.md file. The configs in app.config file will be used as defaults. \u003C script setup > const { config } = useDocus () \u003C/ script > \u003C template > \u003C div > \u003C h1 >{{ config.title }}\u003C/ h1 > \u003C p >{{ config.description }}\u003C/ p > \u003C/ div > \u003C/ template > tree refers to the current navigation tree that is displayed in the aside component. \u003C script setup > const { tree } = useDocus () \u003C/ script > \u003C template > \u003C DocsAsideTree :links = \"tree\" /> \u003C/ template > useMenu() useMenu() gives access to $menu plugin controlling mobile navigation globally. const { // Is menu visible visible , // Close menu function close , // Open menu function open , // Toggle menu function toggle } = useMenu () useScrollspy() useScrollspy() is used in docs layout to make the ToC display the currently visible headings. const { // Headings on the page visibleHeadings , // Active headings (for the current page) activeHeadings , // Update headings (an array of DOM nodes) updateHeadings } = useScrollspy () html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":79,"path":80,"dir":48,"title":81,"description":82,"keywords":83,"body":86},"content:2.api:3.layouts.md","/api/layouts","Layouts","Docus provides multiple built-in layouts for displaying your Markdown pages.",[84,85],"default","page"," Layouts Docus provides multiple built-in layouts for displaying your Markdown pages. default The default layout for every page created in the project. This layout renders multiple section alongside the content: Aside navigation menu (togglable with aside: false/true ) Page bottom section (togglable with bottom: false/true ) Table of content (togglable with toc: false/true ) --- aside : true bottom : true toc : false --- Your awesome content Current page is live sample of default layout. page page layout is content focused layout. This layout does not render aside menu of table of contents. This layout accept some configuration from content front-matter. fluid : By setting fluid: true in content front-matter the content will be rendered in full width. constrainedClass : Using this option you can modify layout container look. Like constraining layout width of changing the background. padded : Setting padded: true in front-matter will add horizontal padding in the layout. --- title : Home layout : page fluid : true --- Check Home page as live sample of page layout html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",1698738524165]
\ No newline at end of file
+[{"data":1,"prerenderedAt":87},["Reactive",2],{"search-api":3},[4,11,21,29,37,45,68,78],{"id":5,"path":6,"dir":7,"title":8,"description":7,"keywords":9,"body":10},"content:0.index.md","/","","Home",[]," The best place to start your documentation. Write pages in Markdown , use Vue components and enjoy the power of Nuxt . +50 Components ready to build rich pages Docs and Page layouts Start from a README , scale to a framework documentation Navigation and Table of Contents generation Fully configurable design system Leverages Typography and Elements Used on Content Documentation What's included Nuxt Architecture Harness the full power of Nuxt 3 and its modules ecosystem. Nuxt Studio ready Edit your theme content and appearance with live-preview within Nuxt Studio . Vue Components Use built-in components (or your own!) inside your content. Write Markdown Enjoy the ease and simplicity of Markdown and discover MDC syntax . Deploy anywhere Zero config on Vercel or Netlify . Choose between static generation, on-demand rendering (Node) or edge-side rendering on CloudFlare workers . Extensible. Customize the whole design, or add components using slots - you can make Docus your own.",{"id":12,"path":13,"dir":14,"title":15,"description":16,"keywords":17,"body":20},"content:1.introduction:1.getting-started.md","/introduction/getting-started","introduction","Getting Started","From your Markdown files to a deployed website in few minutes.",[18,19],"Play online","Create a new project"," Getting Started From your Markdown files to a deployed website in few minutes. Play online You can start playing with Docus in your browser using Stackblitz: Play on StackBlitz Create a new project Start a fresh Docus project with: npx nuxi@latest init docs -t themes/docus\n Install the dependencies in the docs folder: npm install\n yarn install\n pnpm install --shamefully-hoist\n Run the dev command to start Docus in development mode: npm run dev\n yarn dev\n pnpm run dev\n ✨ Well done! A browser window should automatically open for http://localhost:3000 html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":22,"path":23,"dir":14,"title":24,"description":25,"keywords":26,"body":28},"content:1.introduction:2.project-structure.md","/introduction/project-structure","Project Structure","Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home.",[27],"Directory Structure"," Project Structure Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home. Directory Structure This is the minimal directory structure to get an up and running Docus website. content/\n index.md\n app.config.ts\n nuxt.config.ts\n The content/ directory is where you write Markdown pages . The app.config.ts is where you configure Docus to fit your branding and design. The nuxt.config.ts is your Nuxt configuration . html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":30,"path":31,"dir":14,"title":32,"description":33,"keywords":34,"body":36},"content:1.introduction:3.writing-pages.md","/introduction/writing-pages","Writing Pages","Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax.",[35],"Frontmatter"," Writing Pages Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax. Each Markdown page in the content/ folder will be mapped to a route. \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n File Generated route index.md / about.md /about blog/index.md /blog blog/hello.md /blog/hello 1.guide/2.installation /guide/installation Frontmatter Docus supports multiple Front-matter attributes for pages. ---\n title : \"Get Started\"\n description : \"Let's learn how to use my amazing module.\"\n ---\n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n Key Type Default Description layout string default Use any layout name like you would in definePageMeta() title string Defines the page title and H1 in docs pages description string Defines the page description and excerpt in docs pages redirect string A route path to redirect image object OpenGraph cover image Docs layout options aside boolean Toggles the visibility of aside navigation toc boolean Toggles the visibility of table of contents header boolean Toggles the visibility of the page header bottom boolean Toggles the visibility of page bottom section Navigation options navigation boolean Toggles the visibility of the page or directory in navigation navigation.title string Changes the name of the page or directory in navigation navigation.icon string Changes the icon of the page or directory in navigation html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":38,"path":39,"dir":14,"title":40,"description":41,"keywords":42,"body":44},"content:1.introduction:4.configuration.md","/introduction/configuration","Configuration","Learn how to configure Docus.",[43],"Customizing the logo"," Configuration Learn how to configure Docus. export default defineAppConfig ({\n docus: {\n title: 'Docus' ,\n description: 'My Docus Project' ,\n url: 'http://docus.dev'\n }\n })\n export default defineAppConfig ({\n docus: {\n title: 'Docus' ,\n description: 'My Docus Project' ,\n url: 'http://docus.dev' ,\n image: '/social-card-preview.png' ,\n socials: {\n twitter: '@nuxt_js' ,\n github: 'nuxt-themes/docus' ,\n },\n github: {\n root: 'content' ,\n edit: true ,\n contributors: false\n },\n layout: 'default' ,\n aside: {\n level: 1 ,\n filter: [],\n },\n header: {\n title: false ,\n logo: true ,\n showLinkIcon: false\n },\n footer: {\n credits: {\n icon: 'IconDocus' ,\n text: 'Powered by Docus' ,\n href: 'https://docus.dev' ,\n },\n textLinks: [\n {\n text: 'Nuxt' ,\n href: 'https://nuxt.com' ,\n target: '_blank' ,\n rel: 'noopener'\n }\n ],\n iconLinks: [\n {\n label: 'NuxtJS' ,\n href: 'https://nuxtjs.org' ,\n component: 'IconNuxtLabs' ,\n },\n {\n label: 'Vue Telescope' ,\n href: 'https://vuetelescope.com' ,\n component: 'IconVueTelescope' ,\n },\n ],\n }\n }\n })\n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n Key Type Default Description title string Docus Website title titleTemplate string Docus Website title template description string My Docus Project Website description url string Website URL layout string default Fallback layout to use (supports default or page ) Socials socials object {} Social links socials.github string The repository to use on GitHub links socials.twitter string The account to use on Twitter links socials.youtube string The channel to use on Youtube links socials.instagram string The account to use on Instagram links socials.facebook string The account to use on Facebook links socials.medium string The account to use on Medium links socials.[social] object Override social or display custom one socials.[social].label string A label to use for the social socials.[social].icon string A icon to use for the social socials.[social].href string A link to use for the social socials.[social].rel string noopener noreferrer A space-separated list of link types Header header object Header configuration header.logo boolean Whether or not to use Logo.vue as the header logo header.title string If set to a string, will be used in the header header.showLinkIcon boolean If set to true links icons will show in the header header.exclude string[] An array of path to exclude out from the header navigation header.fluid boolean true Make header Container fluid Main main object Main configuration main.fluid boolean true Make main content Container fluid main.padded boolean true Make main content Container padded Aside aside object Aside configuration aside.level string 0 Aside base level of nesting aside.collapsed boolean Will be used as default value for collapsible navigation categories aside.exclude string[] An array of path to exclude out from the aside navigation Footer footer object Footer configuration footer.credits object An object defining the bottom left credits footer.credits.icon object The icon to use for the credits footer.credits.text object The text to use for the credits footer.textLinks array [] An array of texts to display at the center of footer footer.textLinks[0].text string The text to display footer.textLinks[0].href string A link to use for the text footer.textLinks[0].target string _self Where to display the linked URL, as the name for a browsing context footer.textLinks[0].rel string noopener noreferrer A space-separated list of link types footer.iconLinks array [] An array of icons to display in the footer footer.iconLinks[0].label string A label to use for the icon footer.iconLinks[0].href string A link to use for the icon footer.iconLinks[0].icon string The icon to use (can be a component name) footer.iconLinks[0].rel string noopener noreferrer A space-separated list of link types footer.fluid boolean true Make footer Container fluid GitHub github object false GitHub integration configuration github.dir string Directory containing the files to be edited github.branch string Branch to start editing github.repo string Name of the GitHub repo to edit files github.owner string Owner of the repo github.edit boolean Toggle \"Edit this page on Github\" component on documentation pages Search fuse object useFuse options Customizing the logo To update the logo in the header, create a component in components/Logo.vue with your own logo. In this example, the image is located at /public/img . \u003C template >\n \u003C img width = \"120\" src = \"/img/YOURLOGO.png\" />\n \u003C/ template >\n html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":46,"path":47,"dir":48,"title":49,"description":50,"keywords":51,"body":67},"content:2.api:1.components.md","/api/components","api","Components","Discover every component you can use in your content.",[52,53,54,55,56,57,58,59,60,61,62,63,64,65,66],"\u003CAlert />","\u003CBadge />","\u003CBlockHero />","\u003CButtonLink />","\u003CCallout />","\u003CCard />","\u003CCardGrid />","\u003CCodeGroup />","\u003CCodeBlock />","\u003CCopyButton />","\u003CIcon />","\u003CList />","\u003CSandbox />","\u003CTerminal />","\u003CVideoPlayer />"," Components Discover every component you can use in your content. \u003CAlert /> Check out an info alert with code and a link . Check out a success alert with code and a link . Check out a warning alert with code and a link . Check out a danger alert with code and a link . ::alert{type=\"info\"}\n Check out an **info** alert with `code` and a [ link ]( / ).\n ::\n \n ::alert{type=\"success\"}\n Check out a **success** alert with `code` and a [ link ]( / ).\n ::\n \n ::alert{type=\"warning\"}\n Check out a **warning** alert with `code` and a [ link ]( / ).\n ::\n \n ::alert{type=\"danger\"}\n Check out a **danger** alert with `code` and a [ link ]( / ).\n ::\n \u003CBadge /> \u003CBadge /> support same types as \u003CAlert /> . v1.2 Deprecated Not found! :badge[ v1.2 ]\n \n :badge[ Deprecated ]{type=\"warning\"}\n \n ::badge{type=\"danger\"}\n Not found!\n ::\n \u003CBlockHero /> Document-driven framework Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites. ::block-hero\n ---\n cta:\n - Get started\n - /get-started\n secondary:\n - Open on GitHub →\n - https://github.com/nuxtlabs/docus\n snippet: npx nuxi@latest init docus-app -t nuxtlabs/docus-starter\n ---\n #title\n Document-driven framework\n \n #description\n Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites.\n ::\n \u003CButtonLink /> Play on StackBlitz :button-link[Play on StackBlitz]{icon=\"IconStackBlitz\" href=\"https://stackblitz.com/github/nuxtlabs/docus-starter\" blank}\n \u003CCallout /> \u003CCallout /> support same types as \u003CAlert /> . This is a callout! Click me to open. This is the content of the callout. This is a callout! Click me to open. This is the content of the callout. ::callout\n #summary\n This is a callout! Click me to open.\n \n #content\n This is the content of the callout.\n ::\n \n ::callout{type=\"warning\"}\n #summary\n This is a callout! Click me to open.\n \n #content\n This is the content of the callout.\n ::\n \u003CCard /> Nuxt Architecture. Based on Nuxt 3 and Nuxt Content . \nUse Nuxt to build a static site, or a serverless app. ::card{icon=\"logos:nuxt-icon\"}\n #title\n Nuxt Architecture.\n #description\n Based on **Nuxt 3** and **Nuxt Content** . :br\n Use Nuxt to build a static site, or a serverless app.\n ::\n \u003CCardGrid /> What's included? Nuxt Architecture. Harness the full power of Nuxt and the Nuxt ecosystem. Vue Components. Use built-in components (or your own!) inside your content. Write Markdown. Enjoy the ease and simplicity of Markdown and discover MDC syntax. ::card-grid\n #title\n What's included\n \n #root\n :ellipsis\n \n #default\n ::card\n #title\n Nuxt Architecture.\n #description\n Harness the full power of Nuxt and the Nuxt ecosystem.\n ::\n ::card\n #title\n Vue Components.\n #description\n Use built-in components (or your own!) inside your content.\n ::\n ::card\n #title\n Write Markdown.\n #description\n Enjoy the ease and simplicity of Markdown and discover MDC syntax.\n ::\n ::\n \u003CCodeGroup /> This component uses slots to create a tab panel of your code examples or preview. yarn add docus\n npm install docus\n ::code-group\n ```bash [Yarn]\n yarn add docus\n ```\n ```bash [NPM]\n npm install docus\n ```\n ::\n \u003CCodeBlock /> To be used inside a \u003CCodeGroup /> component to display a preview of some rendered code. Hello World! /* Added as a child of `\u003CCodeGroup />` */\n \n ::code-block{label=\"Preview\" preview}\n ::badge\n Hello World!\n ::\n ::\n \u003CCopyButton /> :copy-button{content=\"hey!\"}\n \u003CIcon /> Icon component gives you access to all 100,000+ icons from icones.js.org . :icon{name=\"logos:nuxt-icon\"}\n :icon{name=\"logos:vue\"}\n :icon{name=\"logos:nuxt-icon\"}\n \u003CList /> Important Always Amazing Congrats Do you know? You can also do this Be careful Use with precautions Drinking too much Driving drunk ::list{type=\"primary\"}\n - **Important**\n - Always\n ::\n \n ::list{type=\"success\"}\n - Amazing\n - Congrats\n ::\n \n ::list{type=\"info\"}\n - Do you know?\n - You can also do this\n ::\n \n ::list{type=\"warning\"}\n - Be careful\n - Use with precautions\n ::\n \n ::list{type=\"danger\"}\n - Drinking too much\n - Driving drunk\n ::\n \u003CSandbox /> Embed CodeSandbox/StackBlitz easily in your documentation with great performances. Using the IntersectionObserver to load when visible in the viewport. :sandbox{src=\"https://codesandbox.io/embed/nuxt-content-l164h?hidenavigation=1&theme=dark\"}\n \u003CTerminal /> :terminal{content=\"nuxi build\"}\n \u003CVideoPlayer /> ::div\n :video-player{src=\"https://www.youtube.com/watch?v=o9e12WbKrd8\"}\n ::\n html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":69,"path":70,"dir":48,"title":71,"description":72,"keywords":73,"body":77},"content:2.api:2.composables.md","/api/composables","Composables","Discover the Docus composables to use in your custom Vue components and pages.",[74,75,76],"useDocus()","useMenu()","useScrollspy()"," Composables Discover the Docus composables to use in your custom Vue components and pages. useDocus() useDocus () gives access to docus runtime config, all default values and your custom config from app.config.ts config refers to the merged config of the current page. main , header , aside , footer and titleTemplate can be set from _dir.yml and any page.md file. The configs in app.config file will be used as defaults. \u003C script setup >\n const { config } = useDocus ()\n \u003C/ script >\n \n \u003C template >\n \u003C div >\n \u003C h1 >{{ config.title }}\u003C/ h1 >\n \u003C p >{{ config.description }}\u003C/ p >\n \u003C/ div >\n \u003C/ template >\n tree refers to the current navigation tree that is displayed in the aside component. \u003C script setup >\n const { tree } = useDocus ()\n \u003C/ script >\n \n \u003C template >\n \u003C DocsAsideTree : links = \" tree \" />\n \u003C/ template >\n useMenu() useMenu() gives access to $menu plugin controlling mobile navigation globally. const {\n // Is menu visible\n visible ,\n // Close menu function\n close ,\n // Open menu function\n open ,\n // Toggle menu function\n toggle\n } = useMenu ()\n useScrollspy() useScrollspy() is used in docs layout to make the ToC display the currently visible headings. const {\n // Headings on the page\n visibleHeadings ,\n // Active headings (for the current page)\n activeHeadings ,\n // Update headings (an array of DOM nodes)\n updateHeadings\n } = useScrollspy ()\n html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":79,"path":80,"dir":48,"title":81,"description":82,"keywords":83,"body":86},"content:2.api:3.layouts.md","/api/layouts","Layouts","Docus provides multiple built-in layouts for displaying your Markdown pages.",[84,85],"default","page"," Layouts Docus provides multiple built-in layouts for displaying your Markdown pages. default The default layout for every page created in the project. This layout renders multiple section alongside the content: Aside navigation menu (togglable with aside: false/true ) Page bottom section (togglable with bottom: false/true ) Table of content (togglable with toc: false/true ) ---\n aside : true\n bottom : true\n toc : false\n ---\n \n Your awesome content\n Current page is live sample of default layout. page page layout is content focused layout. This layout does not render aside menu of table of contents. This layout accept some configuration from content front-matter. fluid : By setting fluid: true in content front-matter the content will be rendered in full width. constrainedClass : Using this option you can modify layout container look. Like constraining layout width of changing the background. padded : Setting padded: true in front-matter will add horizontal padding in the layout. ---\n title : Home\n layout : page\n fluid : true\n ---\n Check Home page as live sample of page layout html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",1715702809166]
\ No newline at end of file
diff --git a/introduction/getting-started/index.html b/introduction/getting-started/index.html
index 7d8f2663a..bcb9d2448 100644
--- a/introduction/getting-started/index.html
+++ b/introduction/getting-started/index.html
@@ -1,6 +1,4 @@
-
-
-
+
Getting Started · Docus
@@ -8,73 +6,77 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
From your Markdown files to a deployed website in few minutes.
You can start playing with Docus in your browser using Stackblitz:
Play on StackBlitzStart a fresh Docus project with: npx npx nuxi@latest init docs -t themes/docus
Copy to clipboard Install the dependencies in the docs
folder: npm npm install
Copy to clipboard yarn yarn install
Copy to clipboard pnpm pnpm install --shamefully-hoist
Copy to clipboard Run the dev
command to start Docus in development mode: npm npm run dev
Copy to clipboard yarn yarn dev
Copy to clipboard pnpm pnpm run dev
Copy to clipboard
-
-
\ No newline at end of file
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
From your Markdown files to a deployed website in few minutes.
You can start playing with Docus in your browser using Stackblitz:
Play on StackBlitzStart a fresh Docus project with: npx npx nuxi@latest init docs -t themes/docus
+
Copy to clipboard Install the dependencies in the docs
folder: npm npm install
+
Copy to clipboard yarn yarn install
+
Copy to clipboard pnpm pnpm install --shamefully-hoist
+
Copy to clipboard Run the dev
command to start Docus in development mode: npm npm run dev
+
Copy to clipboard yarn yarn dev
+
Copy to clipboard pnpm pnpm run dev
+
Copy to clipboard
+
\ No newline at end of file
diff --git a/introduction/project-structure/_payload.json b/introduction/project-structure/_payload.json
index 9e4dbcf71..b9e80f08a 100644
--- a/introduction/project-structure/_payload.json
+++ b/introduction/project-structure/_payload.json
@@ -1 +1 @@
-[{"data":1,"prerenderedAt":87},["Reactive",2],{"search-api":3},[4,11,21,29,37,45,68,78],{"id":5,"path":6,"dir":7,"title":8,"description":7,"keywords":9,"body":10},"content:0.index.md","/","","Home",[]," The best place to start your documentation. Write pages in Markdown , use Vue components and enjoy the power of Nuxt . +50 Components ready to build rich pages Docs and Page layouts Start from a README , scale to a framework documentation Navigation and Table of Contents generation Fully configurable design system Leverages Typography and Elements Used on Content Documentation What's included Nuxt Architecture Harness the full power of Nuxt 3 and its modules ecosystem. Nuxt Studio ready Edit your theme content and appearance with live-preview within Nuxt Studio . Vue Components Use built-in components (or your own!) inside your content. Write Markdown Enjoy the ease and simplicity of Markdown and discover MDC syntax . Deploy anywhere Zero config on Vercel or Netlify . Choose between static generation, on-demand rendering (Node) or edge-side rendering on CloudFlare workers . Extensible. Customize the whole design, or add components using slots - you can make Docus your own.",{"id":12,"path":13,"dir":14,"title":15,"description":16,"keywords":17,"body":20},"content:1.introduction:1.getting-started.md","/introduction/getting-started","introduction","Getting Started","From your Markdown files to a deployed website in few minutes.",[18,19],"Play online","Create a new project"," Getting Started From your Markdown files to a deployed website in few minutes. Play online You can start playing with Docus in your browser using Stackblitz: Play on StackBlitz Create a new project Start a fresh Docus project with: npx nuxi@latest init docs -t themes/docus Install the dependencies in the docs folder: npm install yarn install pnpm install --shamefully-hoist Run the dev command to start Docus in development mode: npm run dev yarn dev pnpm run dev ✨ Well done! A browser window should automatically open for http://localhost:3000 html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":22,"path":23,"dir":14,"title":24,"description":25,"keywords":26,"body":28},"content:1.introduction:2.project-structure.md","/introduction/project-structure","Project Structure","Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home.",[27],"Directory Structure"," Project Structure Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home. Directory Structure This is the minimal directory structure to get an up and running Docus website. content/ index.md app.config.ts nuxt.config.ts The content/ directory is where you write Markdown pages . The app.config.ts is where you configure Docus to fit your branding and design. The nuxt.config.ts is your Nuxt configuration . html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":30,"path":31,"dir":14,"title":32,"description":33,"keywords":34,"body":36},"content:1.introduction:3.writing-pages.md","/introduction/writing-pages","Writing Pages","Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax.",[35],"Frontmatter"," Writing Pages Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax. Each Markdown pages in the content/ folder will be mapped to a route. File Generated route index.md / about.md /about blog/index.md /blog blog/hello.md /blog/hello 1.guide/2.installation /guide/installation Frontmatter Docus supports multiple Front-matter attributes for pages. --- title : \"Get Started\" description : \"Let's learn how to use my amazing module.\" --- Key Type Default Description layout string default Use any layout name like you would in definePageMeta() title string Defines the page title and H1 in docs pages description string Defines the page description and excerpt in docs pages redirect string A route path to redirect image object OpenGraph cover image Docs layout options aside boolean Toggles the visibility of aside navigation toc boolean Toggles the visibility of table of contents header boolean Toggles the visibility of the page header bottom boolean Toggles the visibility of page bottom section Navigation options navigation boolean Toggles the visibility of the page or directory in navigation navigation.title string Changes the name of the page or directory in navigation navigation.icon string Changes the icon of the page or directory in navigation html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":38,"path":39,"dir":14,"title":40,"description":41,"keywords":42,"body":44},"content:1.introduction:4.configuration.md","/introduction/configuration","Configuration","Learn how to configure Docus.",[43],"Customizing the logo"," Configuration Learn how to configure Docus. export default defineAppConfig ({ docus: { title: 'Docus' , description: 'My Docus Project' , url: 'http://docus.dev' } }) export default defineAppConfig ({ docus: { title: 'Docus' , description: 'My Docus Project' , url: 'http://docus.dev' , image: '/social-card-preview.png' , socials: { twitter: '@nuxt_js' , github: 'nuxt-themes/docus' , }, github: { root: 'content' , edit: true , contributors: false }, layout: 'default' , aside: { level: 1 , filter: [], }, header: { title: false , logo: true , showLinkIcon: false }, footer: { credits: { icon: 'IconDocus' , text: 'Powered by Docus' , href: 'https://docus.dev' , }, textLinks: [ { text: 'Nuxt' , href: 'https://nuxt.com' , target: '_blank' , rel: 'noopener' } ], iconLinks: [ { label: 'NuxtJS' , href: 'https://nuxtjs.org' , component: 'IconNuxtLabs' , }, { label: 'Vue Telescope' , href: 'https://vuetelescope.com' , component: 'IconVueTelescope' , }, ], } } }) Key Type Default Description title string Docus Website title titleTemplate string Docus Website title template description string My Docus Project Website description url string Website URL layout string default Fallback layout to use (supports default or page ) Socials socials object {} Social links socials.github string The repository to use on GitHub links socials.twitter string The account to use on Twitter links socials.youtube string The channel to use on Youtube links socials.instagram string The account to use on Instagram links socials.facebook string The account to use on Facebook links socials.medium string The account to use on Medium links socials.[social] object Override social or display custom one socials.[social].label string A label to use for the social socials.[social].icon string A icon to use for the social socials.[social].href string A link to use for the social socials.[social].rel string noopener noreferrer A space-separated list of link types Header header object Header configuration header.logo boolean Whether or not to use Logo.vue as the header logo header.title string If set to a string, will be used in the header header.showLinkIcon boolean If set to true links icons will show in the header header.exclude string[] An array of path to exclude out from the header navigation header.fluid boolean true Make header Container fluid Main main object Main configuration main.fluid boolean true Make main content Container fluid main.padded boolean true Make main content Container padded Aside aside object Aside configuration aside.level string 0 Aside base level of nesting aside.collapsed boolean Will be used as default value for collapsible navigation categories aside.exclude string[] An array of path to exclude out from the aside navigation Footer footer object Footer configuration footer.credits object An object defining the bottom left credits footer.credits.icon object The icon to use for the credits footer.credits.text object The text to use for the credits footer.textLinks array [] An array of texts to display at the center of footer footer.textLinks[0].text string The text to display footer.textLinks[0].href string A link to use for the text footer.textLinks[0].target string _self Where to display the linked URL, as the name for a browsing context footer.textLinks[0].rel string noopener noreferrer A space-separated list of link types footer.iconLinks array [] An array of icons to display in the footer footer.iconLinks[0].label string A label to use for the icon footer.iconLinks[0].href string A link to use for the icon footer.iconLinks[0].icon string The icon to use (can be a component name) footer.iconLinks[0].rel string noopener noreferrer A space-separated list of link types footer.fluid boolean true Make footer Container fluid GitHub github object false GitHub integration configuration github.dir string Directory containing the files to be edited github.branch string Branch to start editing github.repo string Name of the GitHub repo to edit files github.owner string Owner of the repo github.edit boolean Toggle \"Edit this page on Github\" component on documentation pages Search fuse object useFuse options Customizing the logo To update the logo in the header, create a component in components/Logo.vue with your own logo. In this example, the image is located at /public/img . \u003C template > \u003C img width = \"120\" src = \"/img/YOURLOGO.png\" /> \u003C/ template > html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":46,"path":47,"dir":48,"title":49,"description":50,"keywords":51,"body":67},"content:2.api:1.components.md","/api/components","api","Components","Discover every component you can use in your content.",[52,53,54,55,56,57,58,59,60,61,62,63,64,65,66],"\u003CAlert />","\u003CBadge />","\u003CBlockHero />","\u003CButtonLink />","\u003CCallout />","\u003CCard />","\u003CCardGrid />","\u003CCodeGroup />","\u003CCodeBlock />","\u003CCopyButton />","\u003CIcon />","\u003CList />","\u003CSandbox />","\u003CTerminal />","\u003CVideoPlayer />"," Components Discover every component you can use in your content. \u003CAlert /> Check out an info alert with code and a link . Check out a success alert with code and a link . Check out a warning alert with code and a link . Check out a danger alert with code and a link . ::alert{type=\"info\"} Check out an **info** alert with `code` and a [ link ]( / ). :: ::alert{type=\"success\"} Check out a **success** alert with `code` and a [ link ]( / ). :: ::alert{type=\"warning\"} Check out a **warning** alert with `code` and a [ link ]( / ). :: ::alert{type=\"danger\"} Check out a **danger** alert with `code` and a [ link ]( / ). :: \u003CBadge /> \u003CBadge /> support same types as \u003CAlert /> . v1.2 Deprecated Not found! :badge[ v1.2 ] :badge[ Deprecated ]{type=\"warning\"} ::badge{type=\"danger\"} Not found! :: \u003CBlockHero /> Document-driven framework Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites. ::block-hero --- cta: - Get started - /get-started secondary: - Open on GitHub → - https://github.com/nuxtlabs/docus snippet: npx nuxi@latest init docus-app -t nuxtlabs/docus-starter --- #title Document-driven framework #description Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites. :: \u003CButtonLink /> Play on StackBlitz :button-link[Play on StackBlitz]{icon=\"IconStackBlitz\" href=\"https://stackblitz.com/github/nuxtlabs/docus-starter\" blank} \u003CCallout /> \u003CCallout /> support same types as \u003CAlert /> . This is a callout! Click me to open. This is the content of the callout. This is a callout! Click me to open. This is the content of the callout. ::callout #summary This is a callout! Click me to open. #content This is the content of the callout. :: ::callout{type=\"warning\"} #summary This is a callout! Click me to open. #content This is the content of the callout. :: \u003CCard /> Nuxt Architecture. Based on Nuxt 3 and Nuxt Content . \nUse Nuxt to build a static site, or a serverless app. ::card{icon=\"logos:nuxt-icon\"} #title Nuxt Architecture. #description Based on **Nuxt 3** and **Nuxt Content** . :br Use Nuxt to build a static site, or a serverless app. :: \u003CCardGrid /> What's included? Nuxt Architecture. Harness the full power of Nuxt and the Nuxt ecosystem. Vue Components. Use built-in components (or your own!) inside your content. Write Markdown. Enjoy the ease and simplicity of Markdown and discover MDC syntax. ::card-grid #title What's included #root :ellipsis #default ::card #title Nuxt Architecture. #description Harness the full power of Nuxt and the Nuxt ecosystem. :: ::card #title Vue Components. #description Use built-in components (or your own!) inside your content. :: ::card #title Write Markdown. #description Enjoy the ease and simplicity of Markdown and discover MDC syntax. :: :: \u003CCodeGroup /> This component uses slots to create a tab panel of your code examples or preview. yarn add docus npm install docus ::code-group ```bash [Yarn] yarn add docus ``` ```bash [NPM] npm install docus ``` :: \u003CCodeBlock /> To be used inside a \u003CCodeGroup /> component to display a preview of some rendered code. Hello World! /* Added as a child of `\u003CCodeGroup />` */ ::code-block{label=\"Preview\" preview} ::badge Hello World! :: :: \u003CCopyButton /> :copy-button{content=\"hey!\"} \u003CIcon /> Icon component gives you access to all 100,000+ icons from icones.js.org . :icon{name=\"logos:nuxt-icon\"} :icon{name=\"logos:vue\"} :icon{name=\"logos:nuxt-icon\"} \u003CList /> Important Always Amazing Congrats Do you know? You can also do this Be careful Use with precautions Drinking too much Driving drunk ::list{type=\"primary\"} - **Important** - Always :: ::list{type=\"success\"} - Amazing - Congrats :: ::list{type=\"info\"} - Do you know? - You can also do this :: ::list{type=\"warning\"} - Be careful - Use with precautions :: ::list{type=\"danger\"} - Drinking too much - Driving drunk :: \u003CSandbox /> Embed CodeSandbox/StackBlitz easily in your documentation with great performances. Using the IntersectionObserver to load when visible in the viewport. :sandbox{src=\"https://codesandbox.io/embed/nuxt-content-l164h?hidenavigation=1&theme=dark\"} \u003CTerminal /> :terminal{content=\"nuxi build\"} \u003CVideoPlayer /> ::div :video-player{src=\"https://www.youtube.com/watch?v=o9e12WbKrd8\"} :: html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":69,"path":70,"dir":48,"title":71,"description":72,"keywords":73,"body":77},"content:2.api:2.composables.md","/api/composables","Composables","Discover the Docus composables to use in your custom Vue components and pages.",[74,75,76],"useDocus()","useMenu()","useScrollspy()"," Composables Discover the Docus composables to use in your custom Vue components and pages. useDocus() useDocus () gives access to docus runtime config, all default values and your custom config from app.config.ts config refers to the merged config of the current page. main , header , aside , footer and titleTemplate can be set from _dir.yml and any page.md file. The configs in app.config file will be used as defaults. \u003C script setup > const { config } = useDocus () \u003C/ script > \u003C template > \u003C div > \u003C h1 >{{ config.title }}\u003C/ h1 > \u003C p >{{ config.description }}\u003C/ p > \u003C/ div > \u003C/ template > tree refers to the current navigation tree that is displayed in the aside component. \u003C script setup > const { tree } = useDocus () \u003C/ script > \u003C template > \u003C DocsAsideTree :links = \"tree\" /> \u003C/ template > useMenu() useMenu() gives access to $menu plugin controlling mobile navigation globally. const { // Is menu visible visible , // Close menu function close , // Open menu function open , // Toggle menu function toggle } = useMenu () useScrollspy() useScrollspy() is used in docs layout to make the ToC display the currently visible headings. const { // Headings on the page visibleHeadings , // Active headings (for the current page) activeHeadings , // Update headings (an array of DOM nodes) updateHeadings } = useScrollspy () html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":79,"path":80,"dir":48,"title":81,"description":82,"keywords":83,"body":86},"content:2.api:3.layouts.md","/api/layouts","Layouts","Docus provides multiple built-in layouts for displaying your Markdown pages.",[84,85],"default","page"," Layouts Docus provides multiple built-in layouts for displaying your Markdown pages. default The default layout for every page created in the project. This layout renders multiple section alongside the content: Aside navigation menu (togglable with aside: false/true ) Page bottom section (togglable with bottom: false/true ) Table of content (togglable with toc: false/true ) --- aside : true bottom : true toc : false --- Your awesome content Current page is live sample of default layout. page page layout is content focused layout. This layout does not render aside menu of table of contents. This layout accept some configuration from content front-matter. fluid : By setting fluid: true in content front-matter the content will be rendered in full width. constrainedClass : Using this option you can modify layout container look. Like constraining layout width of changing the background. padded : Setting padded: true in front-matter will add horizontal padding in the layout. --- title : Home layout : page fluid : true --- Check Home page as live sample of page layout html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",1698738524409]
\ No newline at end of file
+[{"data":1,"prerenderedAt":87},["Reactive",2],{"search-api":3},[4,11,21,29,37,45,68,78],{"id":5,"path":6,"dir":7,"title":8,"description":7,"keywords":9,"body":10},"content:0.index.md","/","","Home",[]," The best place to start your documentation. Write pages in Markdown , use Vue components and enjoy the power of Nuxt . +50 Components ready to build rich pages Docs and Page layouts Start from a README , scale to a framework documentation Navigation and Table of Contents generation Fully configurable design system Leverages Typography and Elements Used on Content Documentation What's included Nuxt Architecture Harness the full power of Nuxt 3 and its modules ecosystem. Nuxt Studio ready Edit your theme content and appearance with live-preview within Nuxt Studio . Vue Components Use built-in components (or your own!) inside your content. Write Markdown Enjoy the ease and simplicity of Markdown and discover MDC syntax . Deploy anywhere Zero config on Vercel or Netlify . Choose between static generation, on-demand rendering (Node) or edge-side rendering on CloudFlare workers . Extensible. Customize the whole design, or add components using slots - you can make Docus your own.",{"id":12,"path":13,"dir":14,"title":15,"description":16,"keywords":17,"body":20},"content:1.introduction:1.getting-started.md","/introduction/getting-started","introduction","Getting Started","From your Markdown files to a deployed website in few minutes.",[18,19],"Play online","Create a new project"," Getting Started From your Markdown files to a deployed website in few minutes. Play online You can start playing with Docus in your browser using Stackblitz: Play on StackBlitz Create a new project Start a fresh Docus project with: npx nuxi@latest init docs -t themes/docus\n Install the dependencies in the docs folder: npm install\n yarn install\n pnpm install --shamefully-hoist\n Run the dev command to start Docus in development mode: npm run dev\n yarn dev\n pnpm run dev\n ✨ Well done! A browser window should automatically open for http://localhost:3000 html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":22,"path":23,"dir":14,"title":24,"description":25,"keywords":26,"body":28},"content:1.introduction:2.project-structure.md","/introduction/project-structure","Project Structure","Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home.",[27],"Directory Structure"," Project Structure Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home. Directory Structure This is the minimal directory structure to get an up and running Docus website. content/\n index.md\n app.config.ts\n nuxt.config.ts\n The content/ directory is where you write Markdown pages . The app.config.ts is where you configure Docus to fit your branding and design. The nuxt.config.ts is your Nuxt configuration . html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":30,"path":31,"dir":14,"title":32,"description":33,"keywords":34,"body":36},"content:1.introduction:3.writing-pages.md","/introduction/writing-pages","Writing Pages","Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax.",[35],"Frontmatter"," Writing Pages Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax. Each Markdown page in the content/ folder will be mapped to a route. \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n File Generated route index.md / about.md /about blog/index.md /blog blog/hello.md /blog/hello 1.guide/2.installation /guide/installation Frontmatter Docus supports multiple Front-matter attributes for pages. ---\n title : \"Get Started\"\n description : \"Let's learn how to use my amazing module.\"\n ---\n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n Key Type Default Description layout string default Use any layout name like you would in definePageMeta() title string Defines the page title and H1 in docs pages description string Defines the page description and excerpt in docs pages redirect string A route path to redirect image object OpenGraph cover image Docs layout options aside boolean Toggles the visibility of aside navigation toc boolean Toggles the visibility of table of contents header boolean Toggles the visibility of the page header bottom boolean Toggles the visibility of page bottom section Navigation options navigation boolean Toggles the visibility of the page or directory in navigation navigation.title string Changes the name of the page or directory in navigation navigation.icon string Changes the icon of the page or directory in navigation html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":38,"path":39,"dir":14,"title":40,"description":41,"keywords":42,"body":44},"content:1.introduction:4.configuration.md","/introduction/configuration","Configuration","Learn how to configure Docus.",[43],"Customizing the logo"," Configuration Learn how to configure Docus. export default defineAppConfig ({\n docus: {\n title: 'Docus' ,\n description: 'My Docus Project' ,\n url: 'http://docus.dev'\n }\n })\n export default defineAppConfig ({\n docus: {\n title: 'Docus' ,\n description: 'My Docus Project' ,\n url: 'http://docus.dev' ,\n image: '/social-card-preview.png' ,\n socials: {\n twitter: '@nuxt_js' ,\n github: 'nuxt-themes/docus' ,\n },\n github: {\n root: 'content' ,\n edit: true ,\n contributors: false\n },\n layout: 'default' ,\n aside: {\n level: 1 ,\n filter: [],\n },\n header: {\n title: false ,\n logo: true ,\n showLinkIcon: false\n },\n footer: {\n credits: {\n icon: 'IconDocus' ,\n text: 'Powered by Docus' ,\n href: 'https://docus.dev' ,\n },\n textLinks: [\n {\n text: 'Nuxt' ,\n href: 'https://nuxt.com' ,\n target: '_blank' ,\n rel: 'noopener'\n }\n ],\n iconLinks: [\n {\n label: 'NuxtJS' ,\n href: 'https://nuxtjs.org' ,\n component: 'IconNuxtLabs' ,\n },\n {\n label: 'Vue Telescope' ,\n href: 'https://vuetelescope.com' ,\n component: 'IconVueTelescope' ,\n },\n ],\n }\n }\n })\n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n Key Type Default Description title string Docus Website title titleTemplate string Docus Website title template description string My Docus Project Website description url string Website URL layout string default Fallback layout to use (supports default or page ) Socials socials object {} Social links socials.github string The repository to use on GitHub links socials.twitter string The account to use on Twitter links socials.youtube string The channel to use on Youtube links socials.instagram string The account to use on Instagram links socials.facebook string The account to use on Facebook links socials.medium string The account to use on Medium links socials.[social] object Override social or display custom one socials.[social].label string A label to use for the social socials.[social].icon string A icon to use for the social socials.[social].href string A link to use for the social socials.[social].rel string noopener noreferrer A space-separated list of link types Header header object Header configuration header.logo boolean Whether or not to use Logo.vue as the header logo header.title string If set to a string, will be used in the header header.showLinkIcon boolean If set to true links icons will show in the header header.exclude string[] An array of path to exclude out from the header navigation header.fluid boolean true Make header Container fluid Main main object Main configuration main.fluid boolean true Make main content Container fluid main.padded boolean true Make main content Container padded Aside aside object Aside configuration aside.level string 0 Aside base level of nesting aside.collapsed boolean Will be used as default value for collapsible navigation categories aside.exclude string[] An array of path to exclude out from the aside navigation Footer footer object Footer configuration footer.credits object An object defining the bottom left credits footer.credits.icon object The icon to use for the credits footer.credits.text object The text to use for the credits footer.textLinks array [] An array of texts to display at the center of footer footer.textLinks[0].text string The text to display footer.textLinks[0].href string A link to use for the text footer.textLinks[0].target string _self Where to display the linked URL, as the name for a browsing context footer.textLinks[0].rel string noopener noreferrer A space-separated list of link types footer.iconLinks array [] An array of icons to display in the footer footer.iconLinks[0].label string A label to use for the icon footer.iconLinks[0].href string A link to use for the icon footer.iconLinks[0].icon string The icon to use (can be a component name) footer.iconLinks[0].rel string noopener noreferrer A space-separated list of link types footer.fluid boolean true Make footer Container fluid GitHub github object false GitHub integration configuration github.dir string Directory containing the files to be edited github.branch string Branch to start editing github.repo string Name of the GitHub repo to edit files github.owner string Owner of the repo github.edit boolean Toggle \"Edit this page on Github\" component on documentation pages Search fuse object useFuse options Customizing the logo To update the logo in the header, create a component in components/Logo.vue with your own logo. In this example, the image is located at /public/img . \u003C template >\n \u003C img width = \"120\" src = \"/img/YOURLOGO.png\" />\n \u003C/ template >\n html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":46,"path":47,"dir":48,"title":49,"description":50,"keywords":51,"body":67},"content:2.api:1.components.md","/api/components","api","Components","Discover every component you can use in your content.",[52,53,54,55,56,57,58,59,60,61,62,63,64,65,66],"\u003CAlert />","\u003CBadge />","\u003CBlockHero />","\u003CButtonLink />","\u003CCallout />","\u003CCard />","\u003CCardGrid />","\u003CCodeGroup />","\u003CCodeBlock />","\u003CCopyButton />","\u003CIcon />","\u003CList />","\u003CSandbox />","\u003CTerminal />","\u003CVideoPlayer />"," Components Discover every component you can use in your content. \u003CAlert /> Check out an info alert with code and a link . Check out a success alert with code and a link . Check out a warning alert with code and a link . Check out a danger alert with code and a link . ::alert{type=\"info\"}\n Check out an **info** alert with `code` and a [ link ]( / ).\n ::\n \n ::alert{type=\"success\"}\n Check out a **success** alert with `code` and a [ link ]( / ).\n ::\n \n ::alert{type=\"warning\"}\n Check out a **warning** alert with `code` and a [ link ]( / ).\n ::\n \n ::alert{type=\"danger\"}\n Check out a **danger** alert with `code` and a [ link ]( / ).\n ::\n \u003CBadge /> \u003CBadge /> support same types as \u003CAlert /> . v1.2 Deprecated Not found! :badge[ v1.2 ]\n \n :badge[ Deprecated ]{type=\"warning\"}\n \n ::badge{type=\"danger\"}\n Not found!\n ::\n \u003CBlockHero /> Document-driven framework Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites. ::block-hero\n ---\n cta:\n - Get started\n - /get-started\n secondary:\n - Open on GitHub →\n - https://github.com/nuxtlabs/docus\n snippet: npx nuxi@latest init docus-app -t nuxtlabs/docus-starter\n ---\n #title\n Document-driven framework\n \n #description\n Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites.\n ::\n \u003CButtonLink /> Play on StackBlitz :button-link[Play on StackBlitz]{icon=\"IconStackBlitz\" href=\"https://stackblitz.com/github/nuxtlabs/docus-starter\" blank}\n \u003CCallout /> \u003CCallout /> support same types as \u003CAlert /> . This is a callout! Click me to open. This is the content of the callout. This is a callout! Click me to open. This is the content of the callout. ::callout\n #summary\n This is a callout! Click me to open.\n \n #content\n This is the content of the callout.\n ::\n \n ::callout{type=\"warning\"}\n #summary\n This is a callout! Click me to open.\n \n #content\n This is the content of the callout.\n ::\n \u003CCard /> Nuxt Architecture. Based on Nuxt 3 and Nuxt Content . \nUse Nuxt to build a static site, or a serverless app. ::card{icon=\"logos:nuxt-icon\"}\n #title\n Nuxt Architecture.\n #description\n Based on **Nuxt 3** and **Nuxt Content** . :br\n Use Nuxt to build a static site, or a serverless app.\n ::\n \u003CCardGrid /> What's included? Nuxt Architecture. Harness the full power of Nuxt and the Nuxt ecosystem. Vue Components. Use built-in components (or your own!) inside your content. Write Markdown. Enjoy the ease and simplicity of Markdown and discover MDC syntax. ::card-grid\n #title\n What's included\n \n #root\n :ellipsis\n \n #default\n ::card\n #title\n Nuxt Architecture.\n #description\n Harness the full power of Nuxt and the Nuxt ecosystem.\n ::\n ::card\n #title\n Vue Components.\n #description\n Use built-in components (or your own!) inside your content.\n ::\n ::card\n #title\n Write Markdown.\n #description\n Enjoy the ease and simplicity of Markdown and discover MDC syntax.\n ::\n ::\n \u003CCodeGroup /> This component uses slots to create a tab panel of your code examples or preview. yarn add docus\n npm install docus\n ::code-group\n ```bash [Yarn]\n yarn add docus\n ```\n ```bash [NPM]\n npm install docus\n ```\n ::\n \u003CCodeBlock /> To be used inside a \u003CCodeGroup /> component to display a preview of some rendered code. Hello World! /* Added as a child of `\u003CCodeGroup />` */\n \n ::code-block{label=\"Preview\" preview}\n ::badge\n Hello World!\n ::\n ::\n \u003CCopyButton /> :copy-button{content=\"hey!\"}\n \u003CIcon /> Icon component gives you access to all 100,000+ icons from icones.js.org . :icon{name=\"logos:nuxt-icon\"}\n :icon{name=\"logos:vue\"}\n :icon{name=\"logos:nuxt-icon\"}\n \u003CList /> Important Always Amazing Congrats Do you know? You can also do this Be careful Use with precautions Drinking too much Driving drunk ::list{type=\"primary\"}\n - **Important**\n - Always\n ::\n \n ::list{type=\"success\"}\n - Amazing\n - Congrats\n ::\n \n ::list{type=\"info\"}\n - Do you know?\n - You can also do this\n ::\n \n ::list{type=\"warning\"}\n - Be careful\n - Use with precautions\n ::\n \n ::list{type=\"danger\"}\n - Drinking too much\n - Driving drunk\n ::\n \u003CSandbox /> Embed CodeSandbox/StackBlitz easily in your documentation with great performances. Using the IntersectionObserver to load when visible in the viewport. :sandbox{src=\"https://codesandbox.io/embed/nuxt-content-l164h?hidenavigation=1&theme=dark\"}\n \u003CTerminal /> :terminal{content=\"nuxi build\"}\n \u003CVideoPlayer /> ::div\n :video-player{src=\"https://www.youtube.com/watch?v=o9e12WbKrd8\"}\n ::\n html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":69,"path":70,"dir":48,"title":71,"description":72,"keywords":73,"body":77},"content:2.api:2.composables.md","/api/composables","Composables","Discover the Docus composables to use in your custom Vue components and pages.",[74,75,76],"useDocus()","useMenu()","useScrollspy()"," Composables Discover the Docus composables to use in your custom Vue components and pages. useDocus() useDocus () gives access to docus runtime config, all default values and your custom config from app.config.ts config refers to the merged config of the current page. main , header , aside , footer and titleTemplate can be set from _dir.yml and any page.md file. The configs in app.config file will be used as defaults. \u003C script setup >\n const { config } = useDocus ()\n \u003C/ script >\n \n \u003C template >\n \u003C div >\n \u003C h1 >{{ config.title }}\u003C/ h1 >\n \u003C p >{{ config.description }}\u003C/ p >\n \u003C/ div >\n \u003C/ template >\n tree refers to the current navigation tree that is displayed in the aside component. \u003C script setup >\n const { tree } = useDocus ()\n \u003C/ script >\n \n \u003C template >\n \u003C DocsAsideTree : links = \" tree \" />\n \u003C/ template >\n useMenu() useMenu() gives access to $menu plugin controlling mobile navigation globally. const {\n // Is menu visible\n visible ,\n // Close menu function\n close ,\n // Open menu function\n open ,\n // Toggle menu function\n toggle\n } = useMenu ()\n useScrollspy() useScrollspy() is used in docs layout to make the ToC display the currently visible headings. const {\n // Headings on the page\n visibleHeadings ,\n // Active headings (for the current page)\n activeHeadings ,\n // Update headings (an array of DOM nodes)\n updateHeadings\n } = useScrollspy ()\n html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":79,"path":80,"dir":48,"title":81,"description":82,"keywords":83,"body":86},"content:2.api:3.layouts.md","/api/layouts","Layouts","Docus provides multiple built-in layouts for displaying your Markdown pages.",[84,85],"default","page"," Layouts Docus provides multiple built-in layouts for displaying your Markdown pages. default The default layout for every page created in the project. This layout renders multiple section alongside the content: Aside navigation menu (togglable with aside: false/true ) Page bottom section (togglable with bottom: false/true ) Table of content (togglable with toc: false/true ) ---\n aside : true\n bottom : true\n toc : false\n ---\n \n Your awesome content\n Current page is live sample of default layout. page page layout is content focused layout. This layout does not render aside menu of table of contents. This layout accept some configuration from content front-matter. fluid : By setting fluid: true in content front-matter the content will be rendered in full width. constrainedClass : Using this option you can modify layout container look. Like constraining layout width of changing the background. padded : Setting padded: true in front-matter will add horizontal padding in the layout. ---\n title : Home\n layout : page\n fluid : true\n ---\n Check Home page as live sample of page layout html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",1715702809314]
\ No newline at end of file
diff --git a/introduction/project-structure/index.html b/introduction/project-structure/index.html
index fb56def6b..d036926d6 100644
--- a/introduction/project-structure/index.html
+++ b/introduction/project-structure/index.html
@@ -1,6 +1,4 @@
-
-
-
+
Project Structure · Docus
@@ -8,64 +6,65 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home.
This is the minimal directory structure to get an up and running Docus website.
content/ index.md app.config.ts nuxt.config.ts
Copy to clipboard The content/
directory is where you write Markdown pages .
The app.config.ts
is where you configure Docus to fit your branding and design.
The nuxt.config.ts
is your Nuxt configuration .
-
-
\ No newline at end of file
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home.
This is the minimal directory structure to get an up and running Docus website.
content/
+ index.md
+ app.config.ts
+ nuxt.config.ts
+
Copy to clipboard The content/
directory is where you write Markdown pages .
The app.config.ts
is where you configure Docus to fit your branding and design.
The nuxt.config.ts
is your Nuxt configuration .
+
\ No newline at end of file
diff --git a/introduction/writing-pages/_payload.json b/introduction/writing-pages/_payload.json
index 918e1a909..3b11130e5 100644
--- a/introduction/writing-pages/_payload.json
+++ b/introduction/writing-pages/_payload.json
@@ -1 +1 @@
-[{"data":1,"prerenderedAt":87},["Reactive",2],{"search-api":3},[4,11,21,29,37,45,68,78],{"id":5,"path":6,"dir":7,"title":8,"description":7,"keywords":9,"body":10},"content:0.index.md","/","","Home",[]," The best place to start your documentation. Write pages in Markdown , use Vue components and enjoy the power of Nuxt . +50 Components ready to build rich pages Docs and Page layouts Start from a README , scale to a framework documentation Navigation and Table of Contents generation Fully configurable design system Leverages Typography and Elements Used on Content Documentation What's included Nuxt Architecture Harness the full power of Nuxt 3 and its modules ecosystem. Nuxt Studio ready Edit your theme content and appearance with live-preview within Nuxt Studio . Vue Components Use built-in components (or your own!) inside your content. Write Markdown Enjoy the ease and simplicity of Markdown and discover MDC syntax . Deploy anywhere Zero config on Vercel or Netlify . Choose between static generation, on-demand rendering (Node) or edge-side rendering on CloudFlare workers . Extensible. Customize the whole design, or add components using slots - you can make Docus your own.",{"id":12,"path":13,"dir":14,"title":15,"description":16,"keywords":17,"body":20},"content:1.introduction:1.getting-started.md","/introduction/getting-started","introduction","Getting Started","From your Markdown files to a deployed website in few minutes.",[18,19],"Play online","Create a new project"," Getting Started From your Markdown files to a deployed website in few minutes. Play online You can start playing with Docus in your browser using Stackblitz: Play on StackBlitz Create a new project Start a fresh Docus project with: npx nuxi@latest init docs -t themes/docus Install the dependencies in the docs folder: npm install yarn install pnpm install --shamefully-hoist Run the dev command to start Docus in development mode: npm run dev yarn dev pnpm run dev ✨ Well done! A browser window should automatically open for http://localhost:3000 html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":22,"path":23,"dir":14,"title":24,"description":25,"keywords":26,"body":28},"content:1.introduction:2.project-structure.md","/introduction/project-structure","Project Structure","Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home.",[27],"Directory Structure"," Project Structure Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home. Directory Structure This is the minimal directory structure to get an up and running Docus website. content/ index.md app.config.ts nuxt.config.ts The content/ directory is where you write Markdown pages . The app.config.ts is where you configure Docus to fit your branding and design. The nuxt.config.ts is your Nuxt configuration . html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":30,"path":31,"dir":14,"title":32,"description":33,"keywords":34,"body":36},"content:1.introduction:3.writing-pages.md","/introduction/writing-pages","Writing Pages","Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax.",[35],"Frontmatter"," Writing Pages Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax. Each Markdown pages in the content/ folder will be mapped to a route. File Generated route index.md / about.md /about blog/index.md /blog blog/hello.md /blog/hello 1.guide/2.installation /guide/installation Frontmatter Docus supports multiple Front-matter attributes for pages. --- title : \"Get Started\" description : \"Let's learn how to use my amazing module.\" --- Key Type Default Description layout string default Use any layout name like you would in definePageMeta() title string Defines the page title and H1 in docs pages description string Defines the page description and excerpt in docs pages redirect string A route path to redirect image object OpenGraph cover image Docs layout options aside boolean Toggles the visibility of aside navigation toc boolean Toggles the visibility of table of contents header boolean Toggles the visibility of the page header bottom boolean Toggles the visibility of page bottom section Navigation options navigation boolean Toggles the visibility of the page or directory in navigation navigation.title string Changes the name of the page or directory in navigation navigation.icon string Changes the icon of the page or directory in navigation html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":38,"path":39,"dir":14,"title":40,"description":41,"keywords":42,"body":44},"content:1.introduction:4.configuration.md","/introduction/configuration","Configuration","Learn how to configure Docus.",[43],"Customizing the logo"," Configuration Learn how to configure Docus. export default defineAppConfig ({ docus: { title: 'Docus' , description: 'My Docus Project' , url: 'http://docus.dev' } }) export default defineAppConfig ({ docus: { title: 'Docus' , description: 'My Docus Project' , url: 'http://docus.dev' , image: '/social-card-preview.png' , socials: { twitter: '@nuxt_js' , github: 'nuxt-themes/docus' , }, github: { root: 'content' , edit: true , contributors: false }, layout: 'default' , aside: { level: 1 , filter: [], }, header: { title: false , logo: true , showLinkIcon: false }, footer: { credits: { icon: 'IconDocus' , text: 'Powered by Docus' , href: 'https://docus.dev' , }, textLinks: [ { text: 'Nuxt' , href: 'https://nuxt.com' , target: '_blank' , rel: 'noopener' } ], iconLinks: [ { label: 'NuxtJS' , href: 'https://nuxtjs.org' , component: 'IconNuxtLabs' , }, { label: 'Vue Telescope' , href: 'https://vuetelescope.com' , component: 'IconVueTelescope' , }, ], } } }) Key Type Default Description title string Docus Website title titleTemplate string Docus Website title template description string My Docus Project Website description url string Website URL layout string default Fallback layout to use (supports default or page ) Socials socials object {} Social links socials.github string The repository to use on GitHub links socials.twitter string The account to use on Twitter links socials.youtube string The channel to use on Youtube links socials.instagram string The account to use on Instagram links socials.facebook string The account to use on Facebook links socials.medium string The account to use on Medium links socials.[social] object Override social or display custom one socials.[social].label string A label to use for the social socials.[social].icon string A icon to use for the social socials.[social].href string A link to use for the social socials.[social].rel string noopener noreferrer A space-separated list of link types Header header object Header configuration header.logo boolean Whether or not to use Logo.vue as the header logo header.title string If set to a string, will be used in the header header.showLinkIcon boolean If set to true links icons will show in the header header.exclude string[] An array of path to exclude out from the header navigation header.fluid boolean true Make header Container fluid Main main object Main configuration main.fluid boolean true Make main content Container fluid main.padded boolean true Make main content Container padded Aside aside object Aside configuration aside.level string 0 Aside base level of nesting aside.collapsed boolean Will be used as default value for collapsible navigation categories aside.exclude string[] An array of path to exclude out from the aside navigation Footer footer object Footer configuration footer.credits object An object defining the bottom left credits footer.credits.icon object The icon to use for the credits footer.credits.text object The text to use for the credits footer.textLinks array [] An array of texts to display at the center of footer footer.textLinks[0].text string The text to display footer.textLinks[0].href string A link to use for the text footer.textLinks[0].target string _self Where to display the linked URL, as the name for a browsing context footer.textLinks[0].rel string noopener noreferrer A space-separated list of link types footer.iconLinks array [] An array of icons to display in the footer footer.iconLinks[0].label string A label to use for the icon footer.iconLinks[0].href string A link to use for the icon footer.iconLinks[0].icon string The icon to use (can be a component name) footer.iconLinks[0].rel string noopener noreferrer A space-separated list of link types footer.fluid boolean true Make footer Container fluid GitHub github object false GitHub integration configuration github.dir string Directory containing the files to be edited github.branch string Branch to start editing github.repo string Name of the GitHub repo to edit files github.owner string Owner of the repo github.edit boolean Toggle \"Edit this page on Github\" component on documentation pages Search fuse object useFuse options Customizing the logo To update the logo in the header, create a component in components/Logo.vue with your own logo. In this example, the image is located at /public/img . \u003C template > \u003C img width = \"120\" src = \"/img/YOURLOGO.png\" /> \u003C/ template > html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":46,"path":47,"dir":48,"title":49,"description":50,"keywords":51,"body":67},"content:2.api:1.components.md","/api/components","api","Components","Discover every component you can use in your content.",[52,53,54,55,56,57,58,59,60,61,62,63,64,65,66],"\u003CAlert />","\u003CBadge />","\u003CBlockHero />","\u003CButtonLink />","\u003CCallout />","\u003CCard />","\u003CCardGrid />","\u003CCodeGroup />","\u003CCodeBlock />","\u003CCopyButton />","\u003CIcon />","\u003CList />","\u003CSandbox />","\u003CTerminal />","\u003CVideoPlayer />"," Components Discover every component you can use in your content. \u003CAlert /> Check out an info alert with code and a link . Check out a success alert with code and a link . Check out a warning alert with code and a link . Check out a danger alert with code and a link . ::alert{type=\"info\"} Check out an **info** alert with `code` and a [ link ]( / ). :: ::alert{type=\"success\"} Check out a **success** alert with `code` and a [ link ]( / ). :: ::alert{type=\"warning\"} Check out a **warning** alert with `code` and a [ link ]( / ). :: ::alert{type=\"danger\"} Check out a **danger** alert with `code` and a [ link ]( / ). :: \u003CBadge /> \u003CBadge /> support same types as \u003CAlert /> . v1.2 Deprecated Not found! :badge[ v1.2 ] :badge[ Deprecated ]{type=\"warning\"} ::badge{type=\"danger\"} Not found! :: \u003CBlockHero /> Document-driven framework Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites. ::block-hero --- cta: - Get started - /get-started secondary: - Open on GitHub → - https://github.com/nuxtlabs/docus snippet: npx nuxi@latest init docus-app -t nuxtlabs/docus-starter --- #title Document-driven framework #description Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites. :: \u003CButtonLink /> Play on StackBlitz :button-link[Play on StackBlitz]{icon=\"IconStackBlitz\" href=\"https://stackblitz.com/github/nuxtlabs/docus-starter\" blank} \u003CCallout /> \u003CCallout /> support same types as \u003CAlert /> . This is a callout! Click me to open. This is the content of the callout. This is a callout! Click me to open. This is the content of the callout. ::callout #summary This is a callout! Click me to open. #content This is the content of the callout. :: ::callout{type=\"warning\"} #summary This is a callout! Click me to open. #content This is the content of the callout. :: \u003CCard /> Nuxt Architecture. Based on Nuxt 3 and Nuxt Content . \nUse Nuxt to build a static site, or a serverless app. ::card{icon=\"logos:nuxt-icon\"} #title Nuxt Architecture. #description Based on **Nuxt 3** and **Nuxt Content** . :br Use Nuxt to build a static site, or a serverless app. :: \u003CCardGrid /> What's included? Nuxt Architecture. Harness the full power of Nuxt and the Nuxt ecosystem. Vue Components. Use built-in components (or your own!) inside your content. Write Markdown. Enjoy the ease and simplicity of Markdown and discover MDC syntax. ::card-grid #title What's included #root :ellipsis #default ::card #title Nuxt Architecture. #description Harness the full power of Nuxt and the Nuxt ecosystem. :: ::card #title Vue Components. #description Use built-in components (or your own!) inside your content. :: ::card #title Write Markdown. #description Enjoy the ease and simplicity of Markdown and discover MDC syntax. :: :: \u003CCodeGroup /> This component uses slots to create a tab panel of your code examples or preview. yarn add docus npm install docus ::code-group ```bash [Yarn] yarn add docus ``` ```bash [NPM] npm install docus ``` :: \u003CCodeBlock /> To be used inside a \u003CCodeGroup /> component to display a preview of some rendered code. Hello World! /* Added as a child of `\u003CCodeGroup />` */ ::code-block{label=\"Preview\" preview} ::badge Hello World! :: :: \u003CCopyButton /> :copy-button{content=\"hey!\"} \u003CIcon /> Icon component gives you access to all 100,000+ icons from icones.js.org . :icon{name=\"logos:nuxt-icon\"} :icon{name=\"logos:vue\"} :icon{name=\"logos:nuxt-icon\"} \u003CList /> Important Always Amazing Congrats Do you know? You can also do this Be careful Use with precautions Drinking too much Driving drunk ::list{type=\"primary\"} - **Important** - Always :: ::list{type=\"success\"} - Amazing - Congrats :: ::list{type=\"info\"} - Do you know? - You can also do this :: ::list{type=\"warning\"} - Be careful - Use with precautions :: ::list{type=\"danger\"} - Drinking too much - Driving drunk :: \u003CSandbox /> Embed CodeSandbox/StackBlitz easily in your documentation with great performances. Using the IntersectionObserver to load when visible in the viewport. :sandbox{src=\"https://codesandbox.io/embed/nuxt-content-l164h?hidenavigation=1&theme=dark\"} \u003CTerminal /> :terminal{content=\"nuxi build\"} \u003CVideoPlayer /> ::div :video-player{src=\"https://www.youtube.com/watch?v=o9e12WbKrd8\"} :: html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":69,"path":70,"dir":48,"title":71,"description":72,"keywords":73,"body":77},"content:2.api:2.composables.md","/api/composables","Composables","Discover the Docus composables to use in your custom Vue components and pages.",[74,75,76],"useDocus()","useMenu()","useScrollspy()"," Composables Discover the Docus composables to use in your custom Vue components and pages. useDocus() useDocus () gives access to docus runtime config, all default values and your custom config from app.config.ts config refers to the merged config of the current page. main , header , aside , footer and titleTemplate can be set from _dir.yml and any page.md file. The configs in app.config file will be used as defaults. \u003C script setup > const { config } = useDocus () \u003C/ script > \u003C template > \u003C div > \u003C h1 >{{ config.title }}\u003C/ h1 > \u003C p >{{ config.description }}\u003C/ p > \u003C/ div > \u003C/ template > tree refers to the current navigation tree that is displayed in the aside component. \u003C script setup > const { tree } = useDocus () \u003C/ script > \u003C template > \u003C DocsAsideTree :links = \"tree\" /> \u003C/ template > useMenu() useMenu() gives access to $menu plugin controlling mobile navigation globally. const { // Is menu visible visible , // Close menu function close , // Open menu function open , // Toggle menu function toggle } = useMenu () useScrollspy() useScrollspy() is used in docs layout to make the ToC display the currently visible headings. const { // Headings on the page visibleHeadings , // Active headings (for the current page) activeHeadings , // Update headings (an array of DOM nodes) updateHeadings } = useScrollspy () html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",{"id":79,"path":80,"dir":48,"title":81,"description":82,"keywords":83,"body":86},"content:2.api:3.layouts.md","/api/layouts","Layouts","Docus provides multiple built-in layouts for displaying your Markdown pages.",[84,85],"default","page"," Layouts Docus provides multiple built-in layouts for displaying your Markdown pages. default The default layout for every page created in the project. This layout renders multiple section alongside the content: Aside navigation menu (togglable with aside: false/true ) Page bottom section (togglable with bottom: false/true ) Table of content (togglable with toc: false/true ) --- aside : true bottom : true toc : false --- Your awesome content Current page is live sample of default layout. page page layout is content focused layout. This layout does not render aside menu of table of contents. This layout accept some configuration from content front-matter. fluid : By setting fluid: true in content front-matter the content will be rendered in full width. constrainedClass : Using this option you can modify layout container look. Like constraining layout width of changing the background. padded : Setting padded: true in front-matter will add horizontal padding in the layout. --- title : Home layout : page fluid : true --- Check Home page as live sample of page layout html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}",1698738524414]
\ No newline at end of file
+[{"data":1,"prerenderedAt":87},["Reactive",2],{"search-api":3},[4,11,21,29,37,45,68,78],{"id":5,"path":6,"dir":7,"title":8,"description":7,"keywords":9,"body":10},"content:0.index.md","/","","Home",[]," The best place to start your documentation. Write pages in Markdown , use Vue components and enjoy the power of Nuxt . +50 Components ready to build rich pages Docs and Page layouts Start from a README , scale to a framework documentation Navigation and Table of Contents generation Fully configurable design system Leverages Typography and Elements Used on Content Documentation What's included Nuxt Architecture Harness the full power of Nuxt 3 and its modules ecosystem. Nuxt Studio ready Edit your theme content and appearance with live-preview within Nuxt Studio . Vue Components Use built-in components (or your own!) inside your content. Write Markdown Enjoy the ease and simplicity of Markdown and discover MDC syntax . Deploy anywhere Zero config on Vercel or Netlify . Choose between static generation, on-demand rendering (Node) or edge-side rendering on CloudFlare workers . Extensible. Customize the whole design, or add components using slots - you can make Docus your own.",{"id":12,"path":13,"dir":14,"title":15,"description":16,"keywords":17,"body":20},"content:1.introduction:1.getting-started.md","/introduction/getting-started","introduction","Getting Started","From your Markdown files to a deployed website in few minutes.",[18,19],"Play online","Create a new project"," Getting Started From your Markdown files to a deployed website in few minutes. Play online You can start playing with Docus in your browser using Stackblitz: Play on StackBlitz Create a new project Start a fresh Docus project with: npx nuxi@latest init docs -t themes/docus\n Install the dependencies in the docs folder: npm install\n yarn install\n pnpm install --shamefully-hoist\n Run the dev command to start Docus in development mode: npm run dev\n yarn dev\n pnpm run dev\n ✨ Well done! A browser window should automatically open for http://localhost:3000 html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":22,"path":23,"dir":14,"title":24,"description":25,"keywords":26,"body":28},"content:1.introduction:2.project-structure.md","/introduction/project-structure","Project Structure","Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home.",[27],"Directory Structure"," Project Structure Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home. Directory Structure This is the minimal directory structure to get an up and running Docus website. content/\n index.md\n app.config.ts\n nuxt.config.ts\n The content/ directory is where you write Markdown pages . The app.config.ts is where you configure Docus to fit your branding and design. The nuxt.config.ts is your Nuxt configuration . html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":30,"path":31,"dir":14,"title":32,"description":33,"keywords":34,"body":36},"content:1.introduction:3.writing-pages.md","/introduction/writing-pages","Writing Pages","Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax.",[35],"Frontmatter"," Writing Pages Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax. Each Markdown page in the content/ folder will be mapped to a route. \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n File Generated route index.md / about.md /about blog/index.md /blog blog/hello.md /blog/hello 1.guide/2.installation /guide/installation Frontmatter Docus supports multiple Front-matter attributes for pages. ---\n title : \"Get Started\"\n description : \"Let's learn how to use my amazing module.\"\n ---\n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n Key Type Default Description layout string default Use any layout name like you would in definePageMeta() title string Defines the page title and H1 in docs pages description string Defines the page description and excerpt in docs pages redirect string A route path to redirect image object OpenGraph cover image Docs layout options aside boolean Toggles the visibility of aside navigation toc boolean Toggles the visibility of table of contents header boolean Toggles the visibility of the page header bottom boolean Toggles the visibility of page bottom section Navigation options navigation boolean Toggles the visibility of the page or directory in navigation navigation.title string Changes the name of the page or directory in navigation navigation.icon string Changes the icon of the page or directory in navigation html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":38,"path":39,"dir":14,"title":40,"description":41,"keywords":42,"body":44},"content:1.introduction:4.configuration.md","/introduction/configuration","Configuration","Learn how to configure Docus.",[43],"Customizing the logo"," Configuration Learn how to configure Docus. export default defineAppConfig ({\n docus: {\n title: 'Docus' ,\n description: 'My Docus Project' ,\n url: 'http://docus.dev'\n }\n })\n export default defineAppConfig ({\n docus: {\n title: 'Docus' ,\n description: 'My Docus Project' ,\n url: 'http://docus.dev' ,\n image: '/social-card-preview.png' ,\n socials: {\n twitter: '@nuxt_js' ,\n github: 'nuxt-themes/docus' ,\n },\n github: {\n root: 'content' ,\n edit: true ,\n contributors: false\n },\n layout: 'default' ,\n aside: {\n level: 1 ,\n filter: [],\n },\n header: {\n title: false ,\n logo: true ,\n showLinkIcon: false\n },\n footer: {\n credits: {\n icon: 'IconDocus' ,\n text: 'Powered by Docus' ,\n href: 'https://docus.dev' ,\n },\n textLinks: [\n {\n text: 'Nuxt' ,\n href: 'https://nuxt.com' ,\n target: '_blank' ,\n rel: 'noopener'\n }\n ],\n iconLinks: [\n {\n label: 'NuxtJS' ,\n href: 'https://nuxtjs.org' ,\n component: 'IconNuxtLabs' ,\n },\n {\n label: 'Vue Telescope' ,\n href: 'https://vuetelescope.com' ,\n component: 'IconVueTelescope' ,\n },\n ],\n }\n }\n })\n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n Key Type Default Description title string Docus Website title titleTemplate string Docus Website title template description string My Docus Project Website description url string Website URL layout string default Fallback layout to use (supports default or page ) Socials socials object {} Social links socials.github string The repository to use on GitHub links socials.twitter string The account to use on Twitter links socials.youtube string The channel to use on Youtube links socials.instagram string The account to use on Instagram links socials.facebook string The account to use on Facebook links socials.medium string The account to use on Medium links socials.[social] object Override social or display custom one socials.[social].label string A label to use for the social socials.[social].icon string A icon to use for the social socials.[social].href string A link to use for the social socials.[social].rel string noopener noreferrer A space-separated list of link types Header header object Header configuration header.logo boolean Whether or not to use Logo.vue as the header logo header.title string If set to a string, will be used in the header header.showLinkIcon boolean If set to true links icons will show in the header header.exclude string[] An array of path to exclude out from the header navigation header.fluid boolean true Make header Container fluid Main main object Main configuration main.fluid boolean true Make main content Container fluid main.padded boolean true Make main content Container padded Aside aside object Aside configuration aside.level string 0 Aside base level of nesting aside.collapsed boolean Will be used as default value for collapsible navigation categories aside.exclude string[] An array of path to exclude out from the aside navigation Footer footer object Footer configuration footer.credits object An object defining the bottom left credits footer.credits.icon object The icon to use for the credits footer.credits.text object The text to use for the credits footer.textLinks array [] An array of texts to display at the center of footer footer.textLinks[0].text string The text to display footer.textLinks[0].href string A link to use for the text footer.textLinks[0].target string _self Where to display the linked URL, as the name for a browsing context footer.textLinks[0].rel string noopener noreferrer A space-separated list of link types footer.iconLinks array [] An array of icons to display in the footer footer.iconLinks[0].label string A label to use for the icon footer.iconLinks[0].href string A link to use for the icon footer.iconLinks[0].icon string The icon to use (can be a component name) footer.iconLinks[0].rel string noopener noreferrer A space-separated list of link types footer.fluid boolean true Make footer Container fluid GitHub github object false GitHub integration configuration github.dir string Directory containing the files to be edited github.branch string Branch to start editing github.repo string Name of the GitHub repo to edit files github.owner string Owner of the repo github.edit boolean Toggle \"Edit this page on Github\" component on documentation pages Search fuse object useFuse options Customizing the logo To update the logo in the header, create a component in components/Logo.vue with your own logo. In this example, the image is located at /public/img . \u003C template >\n \u003C img width = \"120\" src = \"/img/YOURLOGO.png\" />\n \u003C/ template >\n html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":46,"path":47,"dir":48,"title":49,"description":50,"keywords":51,"body":67},"content:2.api:1.components.md","/api/components","api","Components","Discover every component you can use in your content.",[52,53,54,55,56,57,58,59,60,61,62,63,64,65,66],"\u003CAlert />","\u003CBadge />","\u003CBlockHero />","\u003CButtonLink />","\u003CCallout />","\u003CCard />","\u003CCardGrid />","\u003CCodeGroup />","\u003CCodeBlock />","\u003CCopyButton />","\u003CIcon />","\u003CList />","\u003CSandbox />","\u003CTerminal />","\u003CVideoPlayer />"," Components Discover every component you can use in your content. \u003CAlert /> Check out an info alert with code and a link . Check out a success alert with code and a link . Check out a warning alert with code and a link . Check out a danger alert with code and a link . ::alert{type=\"info\"}\n Check out an **info** alert with `code` and a [ link ]( / ).\n ::\n \n ::alert{type=\"success\"}\n Check out a **success** alert with `code` and a [ link ]( / ).\n ::\n \n ::alert{type=\"warning\"}\n Check out a **warning** alert with `code` and a [ link ]( / ).\n ::\n \n ::alert{type=\"danger\"}\n Check out a **danger** alert with `code` and a [ link ]( / ).\n ::\n \u003CBadge /> \u003CBadge /> support same types as \u003CAlert /> . v1.2 Deprecated Not found! :badge[ v1.2 ]\n \n :badge[ Deprecated ]{type=\"warning\"}\n \n ::badge{type=\"danger\"}\n Not found!\n ::\n \u003CBlockHero /> Document-driven framework Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites. ::block-hero\n ---\n cta:\n - Get started\n - /get-started\n secondary:\n - Open on GitHub →\n - https://github.com/nuxtlabs/docus\n snippet: npx nuxi@latest init docus-app -t nuxtlabs/docus-starter\n ---\n #title\n Document-driven framework\n \n #description\n Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites.\n ::\n \u003CButtonLink /> Play on StackBlitz :button-link[Play on StackBlitz]{icon=\"IconStackBlitz\" href=\"https://stackblitz.com/github/nuxtlabs/docus-starter\" blank}\n \u003CCallout /> \u003CCallout /> support same types as \u003CAlert /> . This is a callout! Click me to open. This is the content of the callout. This is a callout! Click me to open. This is the content of the callout. ::callout\n #summary\n This is a callout! Click me to open.\n \n #content\n This is the content of the callout.\n ::\n \n ::callout{type=\"warning\"}\n #summary\n This is a callout! Click me to open.\n \n #content\n This is the content of the callout.\n ::\n \u003CCard /> Nuxt Architecture. Based on Nuxt 3 and Nuxt Content . \nUse Nuxt to build a static site, or a serverless app. ::card{icon=\"logos:nuxt-icon\"}\n #title\n Nuxt Architecture.\n #description\n Based on **Nuxt 3** and **Nuxt Content** . :br\n Use Nuxt to build a static site, or a serverless app.\n ::\n \u003CCardGrid /> What's included? Nuxt Architecture. Harness the full power of Nuxt and the Nuxt ecosystem. Vue Components. Use built-in components (or your own!) inside your content. Write Markdown. Enjoy the ease and simplicity of Markdown and discover MDC syntax. ::card-grid\n #title\n What's included\n \n #root\n :ellipsis\n \n #default\n ::card\n #title\n Nuxt Architecture.\n #description\n Harness the full power of Nuxt and the Nuxt ecosystem.\n ::\n ::card\n #title\n Vue Components.\n #description\n Use built-in components (or your own!) inside your content.\n ::\n ::card\n #title\n Write Markdown.\n #description\n Enjoy the ease and simplicity of Markdown and discover MDC syntax.\n ::\n ::\n \u003CCodeGroup /> This component uses slots to create a tab panel of your code examples or preview. yarn add docus\n npm install docus\n ::code-group\n ```bash [Yarn]\n yarn add docus\n ```\n ```bash [NPM]\n npm install docus\n ```\n ::\n \u003CCodeBlock /> To be used inside a \u003CCodeGroup /> component to display a preview of some rendered code. Hello World! /* Added as a child of `\u003CCodeGroup />` */\n \n ::code-block{label=\"Preview\" preview}\n ::badge\n Hello World!\n ::\n ::\n \u003CCopyButton /> :copy-button{content=\"hey!\"}\n \u003CIcon /> Icon component gives you access to all 100,000+ icons from icones.js.org . :icon{name=\"logos:nuxt-icon\"}\n :icon{name=\"logos:vue\"}\n :icon{name=\"logos:nuxt-icon\"}\n \u003CList /> Important Always Amazing Congrats Do you know? You can also do this Be careful Use with precautions Drinking too much Driving drunk ::list{type=\"primary\"}\n - **Important**\n - Always\n ::\n \n ::list{type=\"success\"}\n - Amazing\n - Congrats\n ::\n \n ::list{type=\"info\"}\n - Do you know?\n - You can also do this\n ::\n \n ::list{type=\"warning\"}\n - Be careful\n - Use with precautions\n ::\n \n ::list{type=\"danger\"}\n - Drinking too much\n - Driving drunk\n ::\n \u003CSandbox /> Embed CodeSandbox/StackBlitz easily in your documentation with great performances. Using the IntersectionObserver to load when visible in the viewport. :sandbox{src=\"https://codesandbox.io/embed/nuxt-content-l164h?hidenavigation=1&theme=dark\"}\n \u003CTerminal /> :terminal{content=\"nuxi build\"}\n \u003CVideoPlayer /> ::div\n :video-player{src=\"https://www.youtube.com/watch?v=o9e12WbKrd8\"}\n ::\n html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":69,"path":70,"dir":48,"title":71,"description":72,"keywords":73,"body":77},"content:2.api:2.composables.md","/api/composables","Composables","Discover the Docus composables to use in your custom Vue components and pages.",[74,75,76],"useDocus()","useMenu()","useScrollspy()"," Composables Discover the Docus composables to use in your custom Vue components and pages. useDocus() useDocus () gives access to docus runtime config, all default values and your custom config from app.config.ts config refers to the merged config of the current page. main , header , aside , footer and titleTemplate can be set from _dir.yml and any page.md file. The configs in app.config file will be used as defaults. \u003C script setup >\n const { config } = useDocus ()\n \u003C/ script >\n \n \u003C template >\n \u003C div >\n \u003C h1 >{{ config.title }}\u003C/ h1 >\n \u003C p >{{ config.description }}\u003C/ p >\n \u003C/ div >\n \u003C/ template >\n tree refers to the current navigation tree that is displayed in the aside component. \u003C script setup >\n const { tree } = useDocus ()\n \u003C/ script >\n \n \u003C template >\n \u003C DocsAsideTree : links = \" tree \" />\n \u003C/ template >\n useMenu() useMenu() gives access to $menu plugin controlling mobile navigation globally. const {\n // Is menu visible\n visible ,\n // Close menu function\n close ,\n // Open menu function\n open ,\n // Toggle menu function\n toggle\n } = useMenu ()\n useScrollspy() useScrollspy() is used in docs layout to make the ToC display the currently visible headings. const {\n // Headings on the page\n visibleHeadings ,\n // Active headings (for the current page)\n activeHeadings ,\n // Update headings (an array of DOM nodes)\n updateHeadings\n } = useScrollspy ()\n html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"id":79,"path":80,"dir":48,"title":81,"description":82,"keywords":83,"body":86},"content:2.api:3.layouts.md","/api/layouts","Layouts","Docus provides multiple built-in layouts for displaying your Markdown pages.",[84,85],"default","page"," Layouts Docus provides multiple built-in layouts for displaying your Markdown pages. default The default layout for every page created in the project. This layout renders multiple section alongside the content: Aside navigation menu (togglable with aside: false/true ) Page bottom section (togglable with bottom: false/true ) Table of content (togglable with toc: false/true ) ---\n aside : true\n bottom : true\n toc : false\n ---\n \n Your awesome content\n Current page is live sample of default layout. page page layout is content focused layout. This layout does not render aside menu of table of contents. This layout accept some configuration from content front-matter. fluid : By setting fluid: true in content front-matter the content will be rendered in full width. constrainedClass : Using this option you can modify layout container look. Like constraining layout width of changing the background. padded : Setting padded: true in front-matter will add horizontal padding in the layout. ---\n title : Home\n layout : page\n fluid : true\n ---\n Check Home page as live sample of page layout html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",1715702809325]
\ No newline at end of file
diff --git a/introduction/writing-pages/index.html b/introduction/writing-pages/index.html
index 1b3bd8d47..24390e686 100644
--- a/introduction/writing-pages/index.html
+++ b/introduction/writing-pages/index.html
@@ -1,6 +1,4 @@
-
-
-
+
Writing Pages · Docus
@@ -8,77 +6,204 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax.
Each Markdown pages in the content/
folder will be mapped to a route.
File Generated route index.md
/
about.md
/about
blog/index.md
/blog
blog/hello.md
/blog/hello
1.guide/2.installation
/guide/installation
Docus supports multiple Front-matter attributes for pages.
index.md --- title : "Get Started" description : "Let's learn how to use my amazing module." ---
Copy to clipboard Key Type Default Description layout
string
default
Use any layout name like you would in definePageMeta()
title
string
Defines the page title and H1 in docs pages description
string
Defines the page description and excerpt in docs pages redirect
string
A route path to redirect image
object
OpenGraph cover image Docs layout options aside
boolean
Toggles the visibility of aside navigation toc
boolean
Toggles the visibility of table of contents header
boolean
Toggles the visibility of the page header bottom
boolean
Toggles the visibility of page bottom section Navigation options navigation
boolean
Toggles the visibility of the page or directory in navigation navigation.title
string
Changes the name of the page or directory in navigation navigation.icon
string
Changes the icon of the page or directory in navigation
-
-
\ No newline at end of file
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax.
Each Markdown page in the content/
folder will be mapped to a route.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
File Generated route index.md
/
about.md
/about
blog/index.md
/blog
blog/hello.md
/blog/hello
1.guide/2.installation
/guide/installation
Docus supports multiple Front-matter attributes for pages.
index.md ---
+ title : "Get Started"
+ description : "Let's learn how to use my amazing module."
+ ---
+
Copy to clipboard
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Key Type Default Description layout
string
default
Use any layout name like you would in definePageMeta()
title
string
Defines the page title and H1 in docs pages description
string
Defines the page description and excerpt in docs pages redirect
string
A route path to redirect image
object
OpenGraph cover image Docs layout options aside
boolean
Toggles the visibility of aside navigation toc
boolean
Toggles the visibility of table of contents header
boolean
Toggles the visibility of the page header bottom
boolean
Toggles the visibility of page bottom section Navigation options navigation
boolean
Toggles the visibility of the page or directory in navigation navigation.title
string
Changes the name of the page or directory in navigation navigation.icon
string
Changes the icon of the page or directory in navigation
+
\ No newline at end of file