var Component=(()=>{var Wi=Object.create;var rt=Object.defineProperty;var Gi=Object.getOwnPropertyDescriptor;var qi=Object.getOwnPropertyNames;var Ji=Object.getPrototypeOf,Ki=Object.prototype.hasOwnProperty;var A=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),Vi=(e,t)=>{for(var r in t)rt(e,r,{get:t[r],enumerable:!0})},zr=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of qi(t))!Ki.call(e,o)&&o!==r&&rt(e,o,{get:()=>t[o],enumerable:!(n=Gi(t,o))||n.enumerable});return e};var Ur=(e,t,r)=>(r=e!=null?Wi(Ji(e)):{},zr(t||!e||!e.__esModule?rt(r,"default",{value:e,enumerable:!0}):r,e)),zi=e=>zr(rt({},"__esModule",{value:!0}),e);var $r=A(($l,Xr)=>{Xr.exports=_jsx_runtime});var G=A((Yl,Yr)=>{Yr.exports=React});var nn=A(H=>{"use strict";Object.defineProperty(H,"__esModule",{value:!0});function Zr(e,t){return{prev:t(e.prev,"prev"),next:t(e.next,"next")}}function Qr(e,t){return{prev:e?.prev===void 0?t:e.prev,next:e?.next===void 0?t:e.next}}function Ui(e,t,r){return Zr(Qr(e,t),r)}var Yt=function(e,t){return Yt=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(r,n){r.__proto__=n}||function(r,n){for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(r[o]=n[o])},Yt(e,t)};function en(e,t){Yt(e,t);function r(){this.constructor=e}e.prototype=t===null?Object.create(t):(r.prototype=t.prototype,new r)}function Me(e,t){var r=typeof Symbol=="function"&&e[Symbol.iterator];if(!r)return e;var n=r.call(e),o,i=[],a;try{for(;(t===void 0||t-- >0)&&!(o=n.next()).done;)i.push(o.value)}catch(s){a={error:s}}finally{try{o&&!o.done&&(r=n.return)&&r.call(n)}finally{if(a)throw a.error}}return i}function nt(){for(var e=[],t=0;t1){var o=Math.min.apply(Math,nt(n)),i=Math.max.apply(Math,nt(n));return o+t-1+":"+(i+t-1)}var a={};return Object.keys(r).forEach(function(s){a[+s+t-1]=r[+s]}),na(a)}function na(e){var t=[];return Object.keys(e).forEach(function(r){var n=e[+r];if(n===!0)t.push(r);else if(n instanceof Array){var o=n.map(function(i){return i.start===i.end?i.start:i.start+":"+i.end});t.push(r+"["+o+"]")}}),t.join(",")}function oa(e,t){return e?t?e+","+t:e||"":t||""}H.getFocusIndexes=Yi;H.hasColumns=$i;H.map=Zr;H.mapFocusToLineNumbers=Xi;H.mapWithDefault=Ui;H.mergeFocus=oa;H.parseExtremes=tn;H.parsePartToObject=tr;H.relativeToAbsolute=ta;H.splitParts=er;H.withDefault=Qr});var X=A(rr=>{"use strict";Object.defineProperty(rr,"__esModule",{value:!0});rr.default=on;function on(){}on.prototype={diff:function(t,r){var n=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{},o=n.callback;typeof n=="function"&&(o=n,n={}),this.options=n;var i=this;function a(f){return o?(setTimeout(function(){o(void 0,f)},0),!0):f}t=this.castInput(t),r=this.castInput(r),t=this.removeEmpty(this.tokenize(t)),r=this.removeEmpty(this.tokenize(r));var s=r.length,c=t.length,u=1,d=s+c,g=[{newPos:-1,components:[]}],l=this.extractCommon(g[0],r,t,0);if(g[0].newPos+1>=s&&l+1>=c)return a([{value:this.join(r),count:r.length}]);function p(){for(var f=-1*u;f<=u;f+=2){var h=void 0,C=g[f-1],v=g[f+1],b=(v?v.newPos:0)-f;C&&(g[f-1]=void 0);var E=C&&C.newPos+1=s&&b+1>=c)return a(ia(i,h.components,r,t,i.useLongestToken));g[f]=h}u++}if(o)(function f(){setTimeout(function(){if(u>d)return o();p()||f()},0)})();else for(;u<=d;){var m=p();if(m)return m}},pushComponent:function(t,r,n){var o=t[t.length-1];o&&o.added===r&&o.removed===n?t[t.length-1]={count:o.count+1,added:r,removed:n}:t.push({count:1,added:r,removed:n})},extractCommon:function(t,r,n,o){for(var i=r.length,a=n.length,s=t.newPos,c=s-o,u=0;s+1p.length?f:p}),u.value=e.join(d)}else u.value=e.join(r.slice(s,s+u.count));s+=u.count,u.added||(c+=u.count)}}var l=t[a-1];return a>1&&typeof l.value=="string"&&(l.added||l.removed)&&e.equals("",l.value)&&(t[a-2].value+=l.value,t.pop()),t}function aa(e){return{newPos:e.newPos,components:e.components.slice(0)}}});var sn=A(Oe=>{"use strict";Object.defineProperty(Oe,"__esModule",{value:!0});Oe.diffChars=ua;Oe.characterDiff=void 0;var sa=ca(X());function ca(e){return e&&e.__esModule?e:{default:e}}var an=new sa.default;Oe.characterDiff=an;function ua(e,t,r){return an.diff(e,t,r)}});var or=A(nr=>{"use strict";Object.defineProperty(nr,"__esModule",{value:!0});nr.generateOptions=da;function da(e,t){if(typeof e=="function")t.callback=e;else if(e)for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r]);return t}});var dn=A(me=>{"use strict";Object.defineProperty(me,"__esModule",{value:!0});me.diffWords=fa;me.diffWordsWithSpace=ma;me.wordDiff=void 0;var la=ga(X()),pa=or();function ga(e){return e&&e.__esModule?e:{default:e}}var cn=/^[A-Za-z\xC0-\u02C6\u02C8-\u02D7\u02DE-\u02FF\u1E00-\u1EFF]+$/,un=/\S/,Le=new la.default;me.wordDiff=Le;Le.equals=function(e,t){return this.options.ignoreCase&&(e=e.toLowerCase(),t=t.toLowerCase()),e===t||this.options.ignoreWhitespace&&!un.test(e)&&!un.test(t)};Le.tokenize=function(e){for(var t=e.split(/(\s+|[()[\]{}'"]|\b)/),r=0;r{"use strict";Object.defineProperty(ye,"__esModule",{value:!0});ye.diffLines=Ca;ye.diffTrimmedLines=va;ye.lineDiff=void 0;var ya=Fa(X()),ha=or();function Fa(e){return e&&e.__esModule?e:{default:e}}var at=new ya.default;ye.lineDiff=at;at.tokenize=function(e){var t=[],r=e.split(/(\n|\r\n)/);r[r.length-1]||r.pop();for(var n=0;n{"use strict";Object.defineProperty(Te,"__esModule",{value:!0});Te.diffSentences=ka;Te.sentenceDiff=void 0;var ba=Da(X());function Da(e){return e&&e.__esModule?e:{default:e}}var ir=new ba.default;Te.sentenceDiff=ir;ir.tokenize=function(e){return e.split(/(\S.+?[.!?])(?=\s+|$)/)};function ka(e,t,r){return ir.diff(e,t,r)}});var pn=A(Ie=>{"use strict";Object.defineProperty(Ie,"__esModule",{value:!0});Ie.diffCss=Ea;Ie.cssDiff=void 0;var Aa=Ba(X());function Ba(e){return e&&e.__esModule?e:{default:e}}var ar=new Aa.default;Ie.cssDiff=ar;ar.tokenize=function(e){return e.split(/([{}:;,]|\s+)/)};function Ea(e,t,r){return ar.diff(e,t,r)}});var fn=A(he=>{"use strict";Object.defineProperty(he,"__esModule",{value:!0});he.diffJson=Sa;he.canonicalize=ut;he.jsonDiff=void 0;var gn=ja(X()),wa=st();function ja(e){return e&&e.__esModule?e:{default:e}}function ct(e){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?ct=function(r){return typeof r}:ct=function(r){return r&&typeof Symbol=="function"&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},ct(e)}var xa=Object.prototype.toString,ae=new gn.default;he.jsonDiff=ae;ae.useLongestToken=!0;ae.tokenize=wa.lineDiff.tokenize;ae.castInput=function(e){var t=this.options,r=t.undefinedReplacement,n=t.stringifyReplacer,o=n===void 0?function(i,a){return typeof a>"u"?r:a}:n;return typeof e=="string"?e:JSON.stringify(ut(e,null,null,o),o," ")};ae.equals=function(e,t){return gn.default.prototype.equals.call(ae,e.replace(/,([\r\n])/g,"$1"),t.replace(/,([\r\n])/g,"$1"))};function Sa(e,t,r){return ae.diff(e,t,r)}function ut(e,t,r,n,o){t=t||[],r=r||[],n&&(e=n(o,e));var i;for(i=0;i{"use strict";Object.defineProperty(_e,"__esModule",{value:!0});_e.diffArrays=La;_e.arrayDiff=void 0;var Ma=Oa(X());function Oa(e){return e&&e.__esModule?e:{default:e}}var Ne=new Ma.default;_e.arrayDiff=Ne;Ne.tokenize=function(e){return e.slice()};Ne.join=Ne.removeEmpty=function(e){return e};function La(e,t,r){return Ne.diff(e,t,r)}});var dt=A(sr=>{"use strict";Object.defineProperty(sr,"__esModule",{value:!0});sr.parsePatch=Ta;function Ta(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},r=e.split(/\r\n|[\n\v\f\r\x85]/),n=e.match(/\r\n|[\n\v\f\r\x85]/g)||[],o=[],i=0;function a(){var u={};for(o.push(u);i{"use strict";Object.defineProperty(cr,"__esModule",{value:!0});cr.default=Ia;function Ia(e,t,r){var n=!0,o=!1,i=!1,a=1;return function s(){if(n&&!i){if(o?a++:n=!1,e+a<=r)return a;i=!0}if(!o)return i||(n=!0),t<=e-a?-a++:(o=!0,s())}}});var Cn=A(lt=>{"use strict";Object.defineProperty(lt,"__esModule",{value:!0});lt.applyPatch=Fn;lt.applyPatches=Ha;var hn=dt(),Na=_a(yn());function _a(e){return e&&e.__esModule?e:{default:e}}function Fn(e,t){var r=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{};if(typeof t=="string"&&(t=(0,hn.parsePatch)(t)),Array.isArray(t)){if(t.length>1)throw new Error("applyPatch only works with a single input.");t=t[0]}var n=e.split(/\r\n|[\n\v\f\r\x85]/),o=e.match(/\r\n|[\n\v\f\r\x85]/g)||[],i=t.hunks,a=r.compareLine||function(Xt,Se,tt,ie){return Se===ie},s=0,c=r.fuzzFactor||0,u=0,d=0,g,l;function p(Xt,Se){for(var tt=0;tt0?ie[0]:" ",Ri=ie.length>0?ie.substr(1):ie;if($t===" "||$t==="-"){if(!a(Se+1,n[Se],$t,Ri)&&(s++,s>c))return!1;Se++}}return!0}for(var m=0;m0?U[0]:" ",et=U.length>0?U.substr(1):U,Ut=P.linedelimiters[z];if(Q===" ")W++;else if(Q==="-")n.splice(W,1),o.splice(W,1);else if(Q==="+")n.splice(W,0,et),o.splice(W,0,Ut),W++;else if(Q==="\\"){var xe=P.lines[z-1]?P.lines[z-1][0]:null;xe==="+"?g=!0:xe==="-"&&(l=!0)}}}if(g)for(;!n[n.length-1];)n.pop(),o.pop();else l&&(n.push(""),o.push(` `));for(var oe=0;oe{"use strict";Object.defineProperty(He,"__esModule",{value:!0});He.structuredPatch=vn;He.createTwoFilesPatch=bn;He.createPatch=qa;var Pa=st();function ur(e){return Ga(e)||Wa(e)||Ra()}function Ra(){throw new TypeError("Invalid attempt to spread non-iterable instance")}function Wa(e){if(Symbol.iterator in Object(e)||Object.prototype.toString.call(e)==="[object Arguments]")return Array.from(e)}function Ga(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t"u"&&(a.context=4);var s=(0,Pa.diffLines)(r,n,a);s.push({value:"",lines:[]});function c(C){return C.map(function(v){return" "+v})}for(var u=[],d=0,g=0,l=[],p=1,m=1,f=function(v){var b=s[v],E=b.lines||b.value.replace(/\n$/,"").split(` `);if(b.lines=E,b.added||b.removed){var _;if(!d){var P=s[v-1];d=p,g=m,P&&(l=a.context>0?c(P.lines.slice(-a.context)):[],d-=l.length,g-=l.length)}(_=l).push.apply(_,ur(E.map(function(oe){return(b.added?"+":"-")+oe}))),b.added?m+=E.length:p+=E.length}else{if(d)if(E.length<=a.context*2&&v=s.length-2&&E.length<=a.context){var et=/\n$/.test(r),Ut=/\n$/.test(n),xe=E.length==0&&l.length>Q.oldLines;!et&&xe&&l.splice(Q.oldLines,0,"\\ No newline at end of file"),(!et&&!xe||!Ut)&&l.push("\\ No newline at end of file")}u.push(Q),d=0,g=0,l=[]}p+=E.length,m+=E.length}},h=0;h"u"?"":" "+s.oldHeader)),c.push("+++ "+s.newFileName+(typeof s.newHeader>"u"?"":" "+s.newHeader));for(var u=0;u{"use strict";Object.defineProperty(pt,"__esModule",{value:!0});pt.arrayEqual=Ja;pt.arrayStartsWith=Dn;function Ja(e,t){return e.length!==t.length?!1:Dn(e,t)}function Dn(e,t){if(t.length>e.length)return!1;for(var r=0;r{"use strict";Object.defineProperty(ft,"__esModule",{value:!0});ft.calcLineCount=Ln;ft.merge=$a;var Ka=dr(),Va=dt(),lr=kn();function Fe(e){return Xa(e)||Ua(e)||za()}function za(){throw new TypeError("Invalid attempt to spread non-iterable instance")}function Ua(e){if(Symbol.iterator in Object(e)||Object.prototype.toString.call(e)==="[object Arguments]")return Array.from(e)}function Xa(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t{"use strict";Object.defineProperty(fr,"__esModule",{value:!0});fr.convertChangesToDMP=es;function es(e){for(var t=[],r,n,o=0;o{"use strict";Object.defineProperty(mr,"__esModule",{value:!0});mr.convertChangesToXML=ts;function ts(e){for(var t=[],r=0;r"):n.removed&&t.push("~~"),t.push(rs(n.value)),n.added?t.push(""):n.removed&&t.push("~~")}return t.join("")}function rs(e){var t=e;return t=t.replace(/&/g,"&"),t=t.replace(//g,">"),t=t.replace(/"/g,"""),t}});var Wn=A(T=>{"use strict";Object.defineProperty(T,"__esModule",{value:!0});Object.defineProperty(T,"Diff",{enumerable:!0,get:function(){return ns.default}});Object.defineProperty(T,"diffChars",{enumerable:!0,get:function(){return os.diffChars}});Object.defineProperty(T,"diffWords",{enumerable:!0,get:function(){return _n.diffWords}});Object.defineProperty(T,"diffWordsWithSpace",{enumerable:!0,get:function(){return _n.diffWordsWithSpace}});Object.defineProperty(T,"diffLines",{enumerable:!0,get:function(){return Hn.diffLines}});Object.defineProperty(T,"diffTrimmedLines",{enumerable:!0,get:function(){return Hn.diffTrimmedLines}});Object.defineProperty(T,"diffSentences",{enumerable:!0,get:function(){return is.diffSentences}});Object.defineProperty(T,"diffCss",{enumerable:!0,get:function(){return as.diffCss}});Object.defineProperty(T,"diffJson",{enumerable:!0,get:function(){return Pn.diffJson}});Object.defineProperty(T,"canonicalize",{enumerable:!0,get:function(){return Pn.canonicalize}});Object.defineProperty(T,"diffArrays",{enumerable:!0,get:function(){return ss.diffArrays}});Object.defineProperty(T,"applyPatch",{enumerable:!0,get:function(){return Rn.applyPatch}});Object.defineProperty(T,"applyPatches",{enumerable:!0,get:function(){return Rn.applyPatches}});Object.defineProperty(T,"parsePatch",{enumerable:!0,get:function(){return cs.parsePatch}});Object.defineProperty(T,"merge",{enumerable:!0,get:function(){return us.merge}});Object.defineProperty(T,"structuredPatch",{enumerable:!0,get:function(){return yr.structuredPatch}});Object.defineProperty(T,"createTwoFilesPatch",{enumerable:!0,get:function(){return yr.createTwoFilesPatch}});Object.defineProperty(T,"createPatch",{enumerable:!0,get:function(){return yr.createPatch}});Object.defineProperty(T,"convertChangesToDMP",{enumerable:!0,get:function(){return ds.convertChangesToDMP}});Object.defineProperty(T,"convertChangesToXML",{enumerable:!0,get:function(){return ls.convertChangesToXML}});var ns=ps(X()),os=sn(),_n=dn(),Hn=st(),is=ln(),as=pn(),Pn=fn(),ss=mn(),Rn=Cn(),cs=dt(),us=Tn(),yr=dr(),ds=In(),ls=Nn();function ps(e){return e&&e.__esModule?e:{default:e}}});var qn=A((hp,Gn)=>{Gn.exports=ReactDOM});var Xn=A(br=>{"use strict";Object.defineProperty(br,"__esModule",{value:!0});var Pe,yt=(Pe=G())&&typeof Pe=="object"&&"default"in Pe?Pe.default:Pe,gs=qn();function vr(){return typeof window<"u"?performance.now():0}function Jn(e,t){var r=t.stiffness,n=t.damping,o=t.mass,i=t.decimals,a=t.teleport;return{X:e,k:r??170,c:n??26,m:o??1,teleport:a!=null&&a,decimals:i??2}}function fs(e,t){var r=t.from,n=t.initialSpeed;return{x0:r??e,v0:n??0,t0:vr(),raf:null}}var hr=Math.sqrt,ee=Math.exp,Kn=Math.sin,Vn=Math.cos;function Fr(e){var t=e.v0,r=e.c,n=e.m,o=e.X,i=e.x0-o,a=(e.t-e.t0)/1e3,s=r*r-4*e.k*n;if(s>0){var c=(-r+hr(s))/(2*n),u=(-r-hr(s))/(2*n),d=(i*c-t)/(c-u),g=(t-i*u)/(c-u);return{x:o+d*ee(u*a)+g*ee(c*a),v:d*u*ee(u*a)+g*c*ee(c*a)}}if(s<0){var l=-r/(2*n),p=hr(-s)/(2*n),m=i,f=(t-l*i)/p;return{x:o+ee(l*a)*(m*Vn(p*a)+f*Kn(p*a)),v:ee(l*a)*((f*p+m*l)*Vn(p*a)-(m*p-f*l)*Kn(p*a))}}var h=-r/(2*n),C=i,v=t-h*i;return{x:o+(C+v*a)*ee(h*a),v:(v+C*h+v*h*a)*ee(h*a)}}var ht=[],Cr=null;function zn(e){var t=ht.push(e);return t===1&&(Cr=requestAnimationFrame(ms)),[Cr,t-1]}function Un(e){e[0]===Cr&&delete ht[e[1]]}function ms(){var e=vr(),t=ht;ht=[],gs.unstable_batchedUpdates(function(){return t.forEach(function(r){return r&&r(e)})})}var mt=typeof window<"u"?yt.useLayoutEffect:yt.useEffect;function ce(e,t){var r=Math.pow(10,t);return Math.round(e*r)/r}br.useSpring=function(e,t){t===void 0&&(t={});var r=yt.useState()[1],n=Jn(e,t),o=function(p,m){var f=yt.useRef(null);return f.current==null&&(f.current={config:Jn(p,m),state:fs(p,m)}),f.current}(e,t),i=o.state,a=o.config,s=vr(),c=a.X,u=n.teleport?{x:c,v:0}:Fr({x0:i.x0,v0:i.v0,t0:i.t0,t:s,k:a.k,c:a.c,m:a.m,X:c}),d=u.x,g=u.v,l=function(p,m,f,h){var C=h.decimals,v=h.X,b=h.k,E=h.c,_=h.m;return ce(p,C)!==ce(v,C)||ce(Fr({x0:p,v0:m,t0:f,t:f+.016,k:b,c:E,m:_,X:v}).x,C)!==ce(v,C)}(d,g,s,n);return mt(function(){Object.assign(a,n)},[n.X,n.k,n.c,n.m,n.teleport]),mt(function(){i.x0=d,i.v0=g,i.t0=s},[d,g,s]),mt(function(){l&&i.raf==null?i.raf=zn(function p(m){var f=i.x0,h=a.decimals;ce(Fr({x0:f,v0:i.v0,t0:i.t0,t:m,k:a.k,c:a.c,m:a.m,X:a.X}).x,h)!==ce(f,h)?(i.raf=null,r(m)):i.raf=zn(p)}):l||i.raf==null||(Un(i.raf),i.raf=null)}),mt(function(){return function(){i.raf!=null&&Un(i.raf)}},[]),[ce(d,n.decimals),l]}});var Ft=A((Cp,$n)=>{"use strict";$n.exports=Xn()});var Dr=A(vt=>{"use strict";Object.defineProperty(vt,"__esModule",{value:!0});var ys=G(),x=nn(),hs=Wn(),Fs=Ft();function Cs(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var F=Cs(ys);var B=function(){return B=Object.assign||function(t){for(var r,n=1,o=arguments.length;n0)&&!(o=n.next()).done;)i.push(o.value)}catch(s){a={error:s}}finally{try{o&&!o.done&&(r=n.return)&&r.call(n)}finally{if(a)throw a.error}}return i}function J(){for(var e=[],t=0;to.length&&(o=i)}),o}function Zn(e){var t=getComputedStyle(e);return e.clientWidth-parseFloat(t.paddingLeft)-parseFloat(t.paddingRight)}function Qn(e){if(!e)return null;var t=getComputedStyle(e);return parseFloat(t.height)-parseFloat(t.paddingTop)-parseFloat(t.paddingBottom)}function Ds(e,t){for(var r=0;ro)return s;var c=(t-n)/(o-n),u=e.ease||We.linear;return a+u(c)*(s-a)}function oo(e,t,r){var n=$(e,2),o=n[0],i=n[1];if(r<=1)return[o,i];var a=i-o,s=a/Math.pow(r,1/8),c=(a-s)/(r-1),u=o+c*t,d=u+s;return[u,d]}var We={linear:function(e){return e},easeInQuad:function(e){return e*e},easeOutQuad:function(e){return e*(2-e)},easeInOutCubic:function(e){return e<.5?4*e*e*e:(e-1)*(2*e-2)*(2*e-2)+1}};function _s(e,t,r,n){var o=$(t,2),i=o[0],a=o[1];return e.map(function(s){var c=x.map(s.lineNumber,function(p){return p&&p-1}),u=s.enterIndex,d=s.exitIndex,g=s.move==="exit"?{fixed:!0,value:c.prev}:s.move==="enter"?{fixed:!0,value:c.next}:{fixed:!1,extremes:[c.prev,c.next],interval:[i,a],ease:We.easeInOutCubic},l=s.move==="exit"?{fixed:!1,extremes:[0,-1],ease:We.easeInQuad,interval:oo([0,i],d,n)}:s.move==="enter"?{fixed:!1,extremes:[1,0],ease:We.easeOutQuad,interval:oo([a,1],u,r)}:{fixed:!0,value:0};return B(B({},s),{tweenX:l,tweenY:g})})}function Hs(e,t){var r=x.mapWithDefault(e,[],function(i){return i.flatMap(function(a){return x.splitParts(a.focus).map(function(s){return B(B({},a),{focus:s})})})}),n=x.mapWithDefault(r,[],function(i){return i.filter(io)}),o=x.mapWithDefault(r,[],function(i){return i.filter(function(a){return!io(a)})});return{inlineAnnotations:x.map(n,function(i){return Ps(i,t)}),multilineAnnotations:x.map(o,function(i){return Ws(i,t)})}}function io(e){return x.hasColumns(e.focus)}function Ps(e,t){var r={};return e.forEach(function(n){var o=x.parsePartToObject(n.focus),i=+Object.keys(o)[0],a=o[i],s=r[i]||[];s.push({columnNumbers:a[0],data:n.data,theme:t,Component:n.Component||Rs()}),r[i]=s}),r}function Rs(e,t){return function(r){var n=r.children;return F.default.createElement("span",{style:{outline:"red 1px solid"}},n)}}function Ws(e,t){return e.map(function(r){return{lineNumbers:x.parseExtremes(r.focus),data:r.data,theme:t,Component:r.Component||Gs(r,t)}})}function Gs(e,t){var r=t.colors["editor.lineHighlightBackground"]||t.colors["editor.selectionHighlightBackground"];return function(n){var o=n.children,i=n.style;return F.default.createElement("div",{style:B(B({},i),{background:r,cursor:"pointer"}),onClick:function(a){return alert("clicked")}},o)}}function qs(e,t){return{prev:ao(e,t.prev,function(r){return r.lineNumber.prev}),next:ao(e,t.next,function(r){return r.lineNumber.next})}}function ao(e,t,r){var n=J(t);n.sort(function(u,d){return u.lineNumbers.start-d.lineNumbers.start});for(var o=0,i=[];o0||n.length>0;){var u=o[0],d=i[0],g=u&&u.columnNumbers.start===s,l=d&&d.columnNumbers.start===c;if(sc)if(l){var p=d.columnNumbers.end+1;a.push({next:{annotation:d,groups:q(n,c,p)}}),c=p,i.shift()}else{var p=Math.min(s,d?.columnNumbers.start||s);a.push({next:{groups:q(n,c,p)}}),c=p}else if(s==c)if(g&&l&&u.columnNumbers.end===d.columnNumbers.end){var p=d.columnNumbers.end+1;a.push({prev:{annotation:u,groups:q(r,s,p)},next:{annotation:d,groups:q(n,c,p)}}),s=p,c=p,o.shift(),i.shift()}else if(g){var p=u.columnNumbers.end+1;a.push({prev:{annotation:u,groups:q(r,s,p)}}),s=p,o.shift()}else if(l){var p=d.columnNumbers.end+1;a.push({next:{annotation:d,groups:q(n,c,p)}}),c=p,i.shift()}else if(!u&&!d)a.push({prev:{groups:r},next:{groups:n}}),r=[],n=[];else{var p=Math.min(u?.columnNumbers.start||Number.MAX_VALUE,d?.columnNumbers.start||Number.MAX_VALUE);a.push({prev:{groups:q(r,s,p)},next:{groups:q(n,c,p)}}),s=p,c=p}}return a}function q(e,t,r){for(var n=[],o=t;o=1?[.33,1]:e>=1&&t<=0?[0,.67]:[.25,.75]}function tc(e){var t=e.dimensions,r=e.codeStep,n=e.children,o=e.minZoom,i=o===void 0?0:o,a=e.maxZoom,s=a===void 0?1.2:a,c=e.center,u=c===void 0?!1:c,d=e.progress,g=oc({codeStep:r,dimensions:t,minZoom:i,maxZoom:s,horizontalCenter:u}),l=g.prev,p=g.next,m=Re(l.zoom,p.zoom,d),f=Re(l.dx,p.dx,d),h=Re(l.dy,p.dy,d,r.verticalInterval),C=Re(l.focusHeight,p.focusHeight,d),v=Re(l.focusWidth,p.focusWidth,d),b=Math.max(v+16,t.containerWidth);return F.default.createElement(rc,{width:t.containerWidth,height:t.containerHeight},F.default.createElement(nc,{dx:f,dy:h,scale:m,height:Math.max(C,t.containerHeight),width:b},n(v)))}function rc(e){var t=e.width,r=e.height,n=e.children;return F.default.createElement("div",{style:{width:t,height:r,position:"relative",overflowX:"auto"}},n)}function nc(e){var t=e.dx,r=e.dy,n=e.scale,o=e.height,i=e.width,a=e.children;return F.default.createElement("div",{style:{position:"absolute",top:0,left:0,transformOrigin:"top left",width:i,height:o,overflow:"hidden"}},F.default.createElement("div",{style:{position:"absolute",top:0,left:0,transform:"translateX("+t+"px) translateY("+r+"px) scale("+n+")",transformOrigin:"top left",width:"100%"}},a))}function oc(e){var t=e.codeStep,r=ue(e,["codeStep"]),n=r.dimensions,o=n.lineHeight,i=n.lineWidth,a={prev:{extremes:[t.firstFocusedLineNumber.prev-1,t.lastFocusedLineNumber.prev-1],originalContentHeight:t.lineCount.prev*o,lineWidth:i[0]},next:{extremes:[t.firstFocusedLineNumber.next-1,t.lastFocusedLineNumber.next-1],originalContentHeight:t.lineCount.next*o,lineWidth:i[1]}};return x.map(a,function(s){var c=s.extremes,u=s.originalContentHeight,d=s.lineWidth;return ic(B({extremes:c,originalContentHeight:u,lineWidth:d},r))})}function ic(e){var t=e.dimensions,r=e.lineWidth,n=e.minZoom,o=e.maxZoom,i=e.extremes,a=e.originalContentHeight,s=e.horizontalCenter,c=t,u=c.containerWidth,d=c.containerHeight,g=c.lineHeight,l=(i[1]-i[0]+3)*g,p=Math.max(Math.min(u/r,d/l,o),n),m=a*p,f=(i[0]-1)*g*p,h=(i[1]+2)*g*p,C=(h+f)/2,v=h-f,b=d>m?(d-m)/2:ac(d/2-C,Math.max(d-m,-f),0),E=s?Math.max(u/2-r*p/2,0):0;return{zoom:p,dx:E,dy:b,focusHeight:v,focusWidth:r*p}}function ac(e,t,r){return e<=t?t:e>=r?r:e}function Re(e,t,r,n){return n===void 0&&(n=[0,1]),Ge({fixed:!1,interval:n,extremes:[e,t],ease:We.easeInOutCubic},r)}function sc(e){return F.default.createElement(tc,B({},e),function(t){return F.default.createElement(cc,{codeStep:e.codeStep,focusWidth:t,lineHeight:e.dimensions.lineHeight,progress:e.progress})})}function cc(e){var t=e.codeStep,r=e.progress,n=e.focusWidth,o=e.lineHeight,i=r<.5?t.groups.prev:t.groups.next;return F.default.createElement(F.default.Fragment,null,i.map(function(a,s){if(!a.annotation)return F.default.createElement(so,{lines:a.lines,t:r,focusWidth:n,lineHeight:o,key:s});var c=Ge(a.lines[0].tweenY,r),u=a.annotation.lineNumbers.end-a.annotation.lineNumbers.start+1,d=a.annotation.Component;return F.default.createElement(d,{style:{position:"absolute",height:u*o,width:"100%",transform:"translateY("+c*o+"px)"},key:s,data:a.annotation.data,theme:a.annotation.theme},F.default.createElement(so,{lines:a.lines,t:r,focusWidth:n,lineHeight:o,startY:c}))}))}function so(e){var t=e.lines,r=e.focusWidth,n=e.lineHeight,o=e.t,i=e.startY,a=i===void 0?0:i;return F.default.createElement(F.default.Fragment,null,t.map(function(s,c){var u=s.tweenX,d=s.tweenY,g=s.focused,l=Ge(u,o),p=Ge(d,o),m=lo(g,o,l);return F.default.createElement(lc,{key:c,dx:16+l*r,dy:(p-a)*n,width:r,opacity:m},F.default.createElement(uc,{line:s,progress:o,dx:l}))}))}function uc(e){var t=e.line,r=e.progress,n=e.dx;return F.default.createElement("div",{style:{display:"inline-block",width:"100%"}},t.annotatedGroups.map(function(o,i){return F.default.createElement(dc,{annotatedGroup:o,progress:r,dx:n,key:i})}),F.default.createElement("br",null))}function dc(e){var t,r,n,o=e.annotatedGroup,i=e.progress,a=e.dx,s=i<.5?o.prev:o.next,c=s?.groups||[],u=(t=s?.annotation)===null||t===void 0?void 0:t.Component,d=c.map(function(g,l){var p=lo(g.focused,i,a);return F.default.createElement("span",{style:{opacity:p},key:l+1},g.element)});return u?F.default.createElement(u,{children:d,data:(r=s?.annotation)===null||r===void 0?void 0:r.data,theme:(n=s?.annotation)===null||n===void 0?void 0:n.theme}):F.default.createElement(F.default.Fragment,null,d)}function lc(e){var t=e.children,r=e.dx,n=e.dy,o=e.opacity,i=e.width;return F.default.createElement("div",{style:{position:"absolute",top:0,left:0,transform:"translate("+r+"px, "+n+"px)",width:i,display:o<=0?"none":void 0}},t)}var co=.33;function lo(e,t,r){return Ge({fixed:!1,extremes:[e.prev?.99:co,e.next?.99:co],interval:[0,1]},t)-Math.abs(r)*1}function pc(e){var t=e.tween,r=e.theme;return Vs({highlightedLines:x.map(t,function(n){return n.code.lines}),theme:r,focus:x.map(t,function(n){return n.focus}),annotations:x.map(t,function(n){return n.annotations})})}var gc=10;function po(e){var t=e.tween,r=e.progress,n=e.config,o=ue(e,["tween","progress","config"]),i=pc({tween:t,theme:n.theme}),a=bs(i.code,x.map(t,function(u){return u.focus}),n.minColumns||gc,[n.parentHeight]),s=a.element,c=a.dimensions;return c?F.default.createElement(mc,{dimensions:c,stepInfo:i,config:n,progress:r,htmlProps:o}):F.default.createElement(fc,{element:s,htmlProps:o})}function fc(e){var t=e.element,r=e.htmlProps;return F.default.createElement(go,{htmlProps:r,style:{overflow:"hidden",opacity:0}},t)}function mc(e){var t=e.config,r=t.minZoom,n=r===void 0?1:r,o=t.maxZoom,i=o===void 0?1:o,a=t.horizontalCenter,s=a===void 0?!1:a,c=t.theme,u=c===void 0?xs:c,d=e.dimensions,g=e.stepInfo,l=e.progress,p=e.htmlProps,m=Ss(u),f=m.bg,h=m.fg;return F.default.createElement(go,{htmlProps:p,style:{opacity:1,backgroundColor:f,color:h}},F.default.createElement(sc,{codeStep:g,progress:l,dimensions:d,minZoom:n,maxZoom:i,center:s}))}function go(e){var t=e.htmlProps,r=e.style,n=e.children;return F.default.createElement("pre",B({},t,{style:B(B({overflow:"auto",margin:0},r),t?.style)}),F.default.createElement("code",null,n))}var yc={stiffness:120,damping:24,mass:.2,decimals:3};function hc(e){var t=e.step,r=e.config,n=ue(e,["step","config"]),o=Fc(t,r.spring),i=o.tween,a=o.t;return F.default.createElement(po,B({tween:i,progress:a,config:r},n))}function Fc(e,t){t===void 0&&(t=yc);var r=$(F.default.useState({target:0,tween:{prev:e,next:e}}),2),n=r[0],o=n.target,i=n.tween,a=r[1];F.default.useEffect(function(){i.next!=e&&a(function(d){return{target:d.target+1,tween:{prev:i.next,next:e}}})},[e]);var s=$(Fs.useSpring(o,t),1),c=s[0],u=c%1;return{tween:i,t:u||1}}vt.CodeSpring=hc;vt.CodeTween=po});var kt=A(Dt=>{"use strict";Object.defineProperty(Dt,"__esModule",{value:!0});var Ce=G();function Cc(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var vc=Cc(Ce);var bt=function(){return bt=Object.assign||function(t){for(var r,n=1,o=arguments.length;n{"use strict";Object.defineProperty(qe,"__esModule",{value:!0});var Ac=G(),ve=kt();function Bc(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var S=Bc(Ac);var At=function(){return At=Object.assign||function(t){for(var r,n=1,o=arguments.length;n{"use strict";Object.defineProperty(Je,"__esModule",{value:!0});var jc=G(),xc=Bt();function Sc(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var N=Sc(jc);var be=function(){return be=Object.assign||function(t){for(var r,n=1,o=arguments.length;n0)&&!(o=n.next()).done;)i.push(o.value)}catch(s){a={error:s}}finally{try{o&&!o.done&&(r=n.return)&&r.call(n)}finally{if(a)throw a.error}}return i}function Mc(e){var t=Fo(e.split(/^\$\s*/gm)),r=t.slice(1),n=r.map(function(s){var c=Fo(s.split(/\r?\n/)),u=c[0],d=c.slice(1);return{run:u,output:d.length>0?d.join(` `):null}}),o=n[n.length-1],i=n.length>0&&o.output!=null,a=i?o.run.split(/(\s+)/)[0]:"bash";return{title:a,isRunning:i,commands:n}}var Oc=N.default.createElement("span",{className:"ch-terminal-prompt"},"$");function Ar(e){var t=e.text,r=e.progress,n=r===void 0?1:r,o=e.style,i=Lc(t,n);return N.default.createElement("pre",{style:o,className:"ch-terminal-content"},i.map(function(a,s){var c=a.run,u=a.output;return N.default.createElement(N.default.Fragment,{key:s},N.default.createElement("div",null,Oc," ",N.default.createElement("span",null,c)),u&&N.default.createElement("div",{className:"ch-terminal-output"},u))}))}function Lc(e,t){if(!e)return[];var r=Math.round(e.length*t),n=Mc(e.slice(0,r)).commands;return n}function Tc(e){var t=e.title,r=t===void 0?"bash":t,n=e.prev,o=e.prevKey,i=e.next,a=e.nextKey,s=e.progress,c=e.className,u=c===void 0?"":c,d=Br(e,["title","prev","prevKey","next","nextKey","progress","className"]);return N.default.createElement(xc.MiniFrame,be({title:r},d,{className:"ch-terminal-container "+u}),N.default.createElement(Co,be({},{prev:n,prevKey:o,next:i,nextKey:a,progress:s})))}function Co(e){var t=e.prev,r=t===void 0?"":t,n=e.prevKey,o=e.next,i=o===void 0?"":o,a=e.nextKey,s=e.progress;return N.default.createElement("div",{className:"ch-terminal"},N.default.createElement("div",{style:{position:"relative",transform:"translateY(-"+s*100+"%)"}},N.default.createElement(Ar,{text:r,progress:1,key:n}),N.default.createElement(Ar,{style:{position:"absolute"},text:i,progress:s,key:a})))}function Ic(e){var t=e.title,r=t===void 0?"bash":t,n=e.steps,o=e.progress;e.backward;var i=Br(e,["title","steps","progress","backward"]),a=n.map(function(d){return d.text}),s=o%1,c=vo(Math.floor(o),0,a.length-1),u=c+1;return N.default.createElement(Tc,be({title:r,prev:a[c],prevKey:c,next:a[u]||"",nextKey:u,progress:s},i))}function Nc(e){var t=e.steps,r=e.progress,n=t.map(function(s){return s.text}),o=r%1,i=vo(Math.floor(r),0,t.length-1),a=i+1;return N.default.createElement(Co,{prev:n[i],prevKey:i,next:n[a]||"",nextKey:a,progress:o})}function vo(e,t,r){return Math.min(Math.max(e,t),r)}function _c(e){var t=e.text,r=e.title,n=r===void 0?"bash":r,o=e.progress,i=o===void 0?0:o,a=e.backward,s=a===void 0?!1:a,c=e.steps,u=Br(e,["text","title","progress","backward","steps"]),d=c||[{text:t||""}];return N.default.createElement(Ic,be({steps:d,progress:i,backward:s,title:n},u))}Je.InnerTerminal=Nc;Je.MiniTerminal=_c;Je.TerminalContent=Ar});var To=A(wt=>{"use strict";Object.defineProperty(wt,"__esModule",{value:!0});var Hc=G(),Mo=Bt(),Oo=kt(),Pc=bo(),Rc=Dr(),Wc=Ft();function Gc(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var k=Gc(Hc);var j=function(){return j=Object.assign||function(t){for(var r,n=1,o=arguments.length;n0)&&!(o=n.next()).done;)i.push(o.value)}catch(s){a={error:s}}finally{try{o&&!o.done&&(r=n.return)&&r.call(n)}finally{if(a)throw a.error}}return i}function qc(){for(var e=[],t=0;t{"use strict";Object.defineProperty(St,"__esModule",{value:!0});var nu=G(),Io=Bt(),xt=kt(),ou=Ft();function iu(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var L=iu(nu);var Be=function(){return Be=Object.assign||function(t){for(var r,n=1,o=arguments.length;n0)&&!(o=n.next()).done;)i.push(o.value)}catch(s){a={error:s}}finally{try{o&&!o.done&&(r=n.return)&&r.call(n)}finally{if(a)throw a.error}}return i}function au(){for(var e=[],t=0;t{"use strict";Object.defineProperty(Mt,"__esModule",{value:!0});function hu(e){return e==="vue-cli"?"src/main.js":e==="angular-cli"?"src/main.ts":e==="create-react-app-typescript"?"src/index.tsx":e==="parcel"?"index.html":e==="gatsby"?"src/pages/index.js":e==="nuxt"||e==="next"||e==="apollo"||e==="reason"||e==="sapper"?"package.json":e==="nest"?"src/main.ts":e==="static"?"index.html":"src/index.js"}Mt.getMainFile=hu;var Po="sandbox.config.json";function Fu(e,t){var r=t[Po]||t["/"+Po];if(r)try{var n=JSON.parse(r.content);if(n.template)return n.template}catch{}var o=e.dependencies,i=o===void 0?{}:o,a=e.devDependencies,s=a===void 0?{}:a,c=Object.keys(i).concat(Object.keys(s)),u=["nuxt","nuxt-edge"];if(c.some(function(p){return u.indexOf(p)>-1}))return"nuxt";if(c.indexOf("next")>-1)return"next";var d=["apollo-server","apollo-server-express","apollo-server-hapi","apollo-server-koa","apollo-server-lambda","apollo-server-micro"];if(c.some(function(p){return d.indexOf(p)>-1}))return"apollo";if(c.indexOf("ember-cli")>-1)return"ember";if(c.indexOf("sapper")>-1)return"sapper";var g=Object.keys(t);if(g.some(function(p){return p.endsWith(".vue")}))return"vue-cli";if(g.some(function(p){return p.endsWith(".re")}))return"reason";if(c.indexOf("gatsby")>-1)return"gatsby";if(c.indexOf("parcel-bundler")>-1)return"parcel";if(c.indexOf("react-scripts")>-1)return"create-react-app";if(c.indexOf("react-scripts-ts")>-1)return"create-react-app-typescript";if(c.indexOf("@angular/core")>-1)return"angular-cli";if(c.indexOf("preact-cli")>-1)return"preact-cli";if(c.indexOf("svelte")>-1)return"svelte";if(c.indexOf("vue")>-1)return"vue-cli";var l=["@dojo/core","@dojo/framework"];if(c.some(function(p){return l.indexOf(p)>-1}))return"@dojo/cli-create-app";if(c.indexOf("cx")>-1)return"cxjs";if(c.indexOf("@nestjs/core")>-1||c.indexOf("@nestjs/common")>-1)return"nest"}Mt.getTemplate=Fu});var bi=A((Ke,we)=>{var Cu=200,Pr="__lodash_hash_undefined__",Pt=1,Zo=2,Qo=9007199254740991,Ot="[object Arguments]",Or="[object Array]",vu="[object AsyncFunction]",ei="[object Boolean]",ti="[object Date]",ri="[object Error]",ni="[object Function]",bu="[object GeneratorFunction]",Lt="[object Map]",oi="[object Number]",Du="[object Null]",Ee="[object Object]",Wo="[object Promise]",ku="[object Proxy]",ii="[object RegExp]",Tt="[object Set]",ai="[object String]",Au="[object Symbol]",Bu="[object Undefined]",Lr="[object WeakMap]",si="[object ArrayBuffer]",It="[object DataView]",Eu="[object Float32Array]",wu="[object Float64Array]",ju="[object Int8Array]",xu="[object Int16Array]",Su="[object Int32Array]",Mu="[object Uint8Array]",Ou="[object Uint8ClampedArray]",Lu="[object Uint16Array]",Tu="[object Uint32Array]",Iu=/[\\^$.*+?()[\]{}|]/g,Nu=/^\[object .+?Constructor\]$/,_u=/^(?:0|[1-9]\d*)$/,M={};M[Eu]=M[wu]=M[ju]=M[xu]=M[Su]=M[Mu]=M[Ou]=M[Lu]=M[Tu]=!0;M[Ot]=M[Or]=M[si]=M[ei]=M[It]=M[ti]=M[ri]=M[ni]=M[Lt]=M[oi]=M[Ee]=M[ii]=M[Tt]=M[ai]=M[Lr]=!1;var ci=typeof global=="object"&&global&&global.Object===Object&&global,Hu=typeof self=="object"&&self&&self.Object===Object&&self,Y=ci||Hu||Function("return this")(),ui=typeof Ke=="object"&&Ke&&!Ke.nodeType&&Ke,Go=ui&&typeof we=="object"&&we&&!we.nodeType&&we,di=Go&&Go.exports===ui,xr=di&&ci.process,qo=function(){try{return xr&&xr.binding&&xr.binding("util")}catch{}}(),Jo=qo&&qo.isTypedArray;function Pu(e,t){for(var r=-1,n=e==null?0:e.length,o=0,i=[];++r-1}function md(e,t){var r=this.__data__,n=Wt(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this}Z.prototype.clear=ld;Z.prototype.delete=pd;Z.prototype.get=gd;Z.prototype.has=fd;Z.prototype.set=md;function ge(e){var t=-1,r=e==null?0:e.length;for(this.clear();++ts))return!1;var u=i.get(e);if(u&&i.get(t))return u==t;var d=-1,g=!0,l=r&Zo?new _t:void 0;for(i.set(e,t),i.set(t,e);++d-1&&e%1==0&&e-1&&e%1==0&&e<=Qo}function Ci(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}function Ue(e){return e!=null&&typeof e=="object"}var vi=Jo?qu(Jo):Od;function Vd(e){return Jd(e)?jd(e):Ld(e)}function zd(){return[]}function Ud(){return!1}we.exports=Kd});var Oi=A(Mi=>{var Xd=Object.create,Ye=Object.defineProperty,$d=Object.defineProperties,Yd=Object.getOwnPropertyDescriptor,Zd=Object.getOwnPropertyDescriptors,Qd=Object.getOwnPropertyNames,Di=Object.getOwnPropertySymbols,el=Object.getPrototypeOf,Bi=Object.prototype.hasOwnProperty,tl=Object.prototype.propertyIsEnumerable,ki=(e,t,r)=>t in e?Ye(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,$e=(e,t)=>{for(var r in t||(t={}))Bi.call(t,r)&&ki(e,r,t[r]);if(Di)for(var r of Di(t))tl.call(t,r)&&ki(e,r,t[r]);return e},Rr=(e,t)=>$d(e,Zd(t)),Ei=e=>Ye(e,"__esModule",{value:!0}),rl=(e,t)=>{Ei(e);for(var r in t)Ye(e,r,{get:t[r],enumerable:!0})},nl=(e,t,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Qd(t))!Bi.call(e,n)&&n!=="default"&&Ye(e,n,{get:()=>t[n],enumerable:!(r=Yd(t,n))||r.enumerable});return e},wi=e=>nl(Ei(Ye(e!=null?Xd(el(e)):{},"default",e&&e.__esModule&&"default"in e?{get:()=>e.default,enumerable:!0}:{value:e,enumerable:!0})),e),ji=(e,t,r)=>new Promise((n,o)=>{var i=c=>{try{s(r.next(c))}catch(u){o(u)}},a=c=>{try{s(r.throw(c))}catch(u){o(u)}},s=c=>c.done?n(c.value):Promise.resolve(c.value).then(i,a);s((r=r.apply(e,t)).next())});rl(Mi,{SandpackClient:()=>fl,addPackageJSONIfNeeded:()=>xi,createPackageJSON:()=>Wr,extractErrorDetails:()=>Si});var ol=wi(Ro()),il=wi(bi()),Ai=()=>Math.floor(Math.random()*1e6+Math.random()*1e6),al=e=>{try{return e.constructor.name}catch{return""}},sl=class{constructor(e,t,r){this.type=e,this.handleMessage=t,this.target=r,this.outgoingMessages=new Set,this._messageListener=n=>ji(this,null,function*(){let{data:o}=n;if(o.$type!==this.getTypeId()||this.outgoingMessages.has(o.$id))return;let i=yield this.handleMessage(o.$data),a={$originId:this.internalId,$type:this.getTypeId(),$data:i,$id:o.$id};n.source?n.source.postMessage(a,"*"):this._postMessage(a)}),this.createConnection(),this.internalId=Ai(),this.isWorker=al(r)==="Worker"}getTypeId(){return`p-${this.type}`}createConnection(){self.addEventListener("message",this._messageListener)}dispose(){self.removeEventListener("message",this._messageListener)}sendMessage(e){return new Promise(t=>{let r=Ai(),n={$originId:this.internalId,$type:this.getTypeId(),$data:e,$id:r};this.outgoingMessages.add(r);let o=i=>{let{data:a}=i;a.$type===this.getTypeId()&&a.$id===r&&a.$originId!==this.internalId&&(t(a.$data),self.removeEventListener("message",o))};self.addEventListener("message",o),this._postMessage(n)})}_postMessage(e){this.isWorker||typeof DedicatedWorkerGlobalScope<"u"&&this.target instanceof DedicatedWorkerGlobalScope?this.target.postMessage(e):this.target.postMessage(e,"*")}},cl=class{constructor(e,t){this.globalListeners={},this.globalListenersCount=0,this.channelListeners={},this.channelListenersCount=0,this.channelId=Math.floor(Math.random()*1e6),this.frameWindow=e.contentWindow,this.origin=t,this.globalListeners=[],this.channelListeners=[],this.eventListener=this.eventListener.bind(this),typeof window<"u"&&window.addEventListener("message",this.eventListener)}cleanup(){window.removeEventListener("message",this.eventListener),this.globalListeners={},this.channelListeners={},this.globalListenersCount=0,this.channelListenersCount=0}register(){!this.frameWindow||this.frameWindow.postMessage({type:"register-frame",origin:document.location.origin,id:this.channelId},this.origin)}dispatch(e){!this.frameWindow||this.frameWindow.postMessage($e({$id:this.channelId,codesandbox:!0},e),this.origin)}globalListen(e){if(typeof e!="function")return()=>{};let t=this.globalListenersCount;return this.globalListeners[t]=e,this.globalListenersCount++,()=>{delete this.globalListeners[t]}}channelListen(e){if(typeof e!="function")return()=>{};let t=this.channelListenersCount;return this.channelListeners[t]=e,this.channelListenersCount++,()=>{delete this.channelListeners[t]}}eventListener(e){!e.data.codesandbox||(Object.values(this.globalListeners).forEach(t=>t(e.data)),e.data.$id===this.channelId&&Object.values(this.channelListeners).forEach(t=>t(e.data)))}};function Wr(e={},t="/index.js"){return JSON.stringify({name:"sandpack-project",main:t,dependencies:e},null,2)}function xi(e,t,r){let n=$e({},e);if(!n["/package.json"]){if(!t)throw new Error("No dependencies specified, please specify either a package.json or dependencies.");if(!r)throw new Error("Missing 'entry' parameter. Either specify an entry point, or pass in a package.json with the 'main' field set.");n["/package.json"]={code:Wr(t,r)}}return n}function Si(e){if(e.title==="SyntaxError"){let{title:i,path:a,message:s,line:c,column:u}=e;return{title:i,path:a,message:s,line:c,column:u}}let t=ul(e.payload.frames);if(!t)return{message:e.message};let r=ll(t),n=dl(t);return{message:pl(t._originalFileName,e.message,n,r),title:e.title,path:t._originalFileName,line:t._originalLineNumber,column:t._originalColumnNumber}}function ul(e){if(!!e)return e.find(t=>!!t._originalFileName)}function dl(e){return e?` (${e._originalLineNumber}:${e._originalColumnNumber})`:""}function ll(e){let r=e._originalScriptCode[e._originalScriptCode.length-1].lineNumber.toString().length,n=2,o=3,i=n+r+o+e._originalColumnNumber;return e._originalScriptCode.reduce((a,s)=>{let c=s.highlight?">":" ",u=s.lineNumber.toString().length===r?`${s.lineNumber}`:` ${s.lineNumber}`,d=s.highlight?` `+" ".repeat(i)+"^":"";return a+` `+c+" "+u+" | "+s.content+d},"")}function pl(e,t,r,n){return`${e}: ${t}${r} ${n}`}var gl=`https://${"0.1.20"?.replace(/\./g,"-")}-sandpack.codesandbox.io/`,fl=class{constructor(e,t,r={}){if(this.getTranspilerContext=()=>new Promise(n=>{let o=this.listen(i=>{i.type==="transpiler-context"&&(n(i.data),o())});this.dispatch({type:"get-transpiler-context"})}),this.options=r,this.sandboxInfo=t,this.bundlerURL=r.bundlerURL||gl,this.bundlerState=void 0,this.errors=[],this.status="initializing",typeof e=="string"){this.selector=e;let n=document.querySelector(e);if(!n)throw new Error(`No element found for selector '${e}'`);this.element=n,this.iframe=document.createElement("iframe"),this.initializeElement()}else this.element=e,this.iframe=e;this.iframe.getAttribute("sandbox")||this.iframe.setAttribute("sandbox","allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"),this.iframe.src=r.startRoute?new URL(r.startRoute,this.bundlerURL).toString():this.bundlerURL,this.iframeProtocol=new cl(this.iframe,this.bundlerURL),this.unsubscribeGlobalListener=this.iframeProtocol.globalListen(n=>{n.type!=="initialized"||!this.iframe.contentWindow||(this.iframeProtocol.register(),this.options.fileResolver&&(this.fileResolverProtocol=new sl("file-resolver",o=>ji(this,null,function*(){return o.m==="isFile"?this.options.fileResolver.isFile(o.p):this.options.fileResolver.readFile(o.p)}),this.iframe.contentWindow)),this.updatePreview(this.sandboxInfo,!0))}),this.unsubscribeChannelListener=this.iframeProtocol.channelListen(n=>{switch(n.type){case"start":{this.errors=[];break}case"status":{this.status=n.status;break}case"action":{n.action==="show-error"&&(this.errors=[...this.errors,Si(n)]);break}case"state":{this.bundlerState=n.state;break}}})}cleanup(){this.unsubscribeChannelListener(),this.unsubscribeGlobalListener(),this.iframeProtocol.cleanup()}updateOptions(e){(0,il.default)(this.options,e)||(this.options=e,this.updatePreview())}updatePreview(e=this.sandboxInfo,t){var r,n,o;this.sandboxInfo=e;let i=this.getFiles(),a=Object.keys(i).reduce((u,d)=>Rr($e({},u),{[d]:{code:i[d].code,path:d}}),{}),s=JSON.parse(Wr(this.sandboxInfo.dependencies,this.sandboxInfo.entry));try{s=JSON.parse(i["/package.json"].code)}catch(u){console.error("Could not parse package.json file: "+u.message)}let c=Object.keys(i).reduce((u,d)=>Rr($e({},u),{[d]:{content:i[d].code,path:d}}),{});this.dispatch({type:"compile",codesandbox:!0,version:3,isInitializationCompile:t,modules:a,externalResources:[],hasFileResolver:Boolean(this.options.fileResolver),disableDependencyPreprocessing:this.sandboxInfo.disableDependencyPreprocessing,template:this.sandboxInfo.template||(0,ol.getTemplate)(s,c),showOpenInCodeSandbox:(r=this.options.showOpenInCodeSandbox)!=null?r:!0,showErrorScreen:(n=this.options.showErrorScreen)!=null?n:!0,showLoadingScreen:(o=this.options.showLoadingScreen)!=null?o:!0,skipEval:this.options.skipEval||!1,clearConsoleDisabled:!this.options.clearConsoleOnFirstCompile})}dispatch(e){this.iframeProtocol.dispatch(e)}listen(e){return this.iframeProtocol.channelListen(e)}getCodeSandboxURL(){let e=this.getFiles(),t=Object.keys(e).reduce((r,n)=>Rr($e({},r),{[n.replace("/","")]:{content:e[n].code,isBinary:!1}}),{});return fetch("https://codesandbox.io/api/v1/sandboxes/define?json=1",{method:"POST",body:JSON.stringify({files:t}),headers:{Accept:"application/json","Content-Type":"application/json"}}).then(r=>r.json()).then(r=>({sandboxId:r.sandbox_id,editorUrl:`https://codesandbox.io/s/${r.sandbox_id}`,embedUrl:`https://codesandbox.io/embed/${r.sandbox_id}`}))}getFiles(){let{sandboxInfo:e}=this;return e.files["/package.json"]===void 0?xi(e.files,e.dependencies,e.entry):this.sandboxInfo.files}initializeElement(){if(this.iframe.style.border="0",this.iframe.style.width=this.options.width||"100%",this.iframe.style.height=this.options.height||"100%",this.iframe.style.overflow="hidden",!this.element.parentNode)throw new Error("Given element does not have a parent.");this.element.parentNode.replaceChild(this.iframe,this.element)}}});var Ii=A(Kt=>{"use strict";Object.defineProperty(Kt,"__esModule",{value:!0});var ml=G();function yl(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var R=yl(ml);var Jt=function(){return Jt=Object.assign||function(t){for(var r,n=1,o=arguments.length;n0)&&!(o=n.next()).done;)i.push(o.value)}catch(s){a={error:s}}finally{try{o&&!o.done&&(r=n.return)&&r.call(n)}finally{if(a)throw a.error}}return i}function Fl(e){e.forEach(Cl)}function Cl(e){var t,r=((t=e.rootBounds)===null||t===void 0?void 0:t.height)||0;Gr(e.rootBounds,{border:Math.min(10,r/2)+"px solid "+qt.rootColor,overflow:"hidden",boxSizing:"border-box"}),Gr(e.boundingClientRect,{border:Math.min(10,e.boundingClientRect.height/2)+"px solid "+(e.isIntersecting?qt.enterColor:qt.exitColor),overflow:"hidden",boxSizing:"border-box"}),Gr(e.intersectionRect,{backgroundColor:qt.interColor,zIndex:2})}function Gr(e,t){t===void 0&&(t={});var r=e.width,n=e.left,o=e.height,i=e.top,a=document.createElement("div");return a.style.position="fixed",a.style.width=r+"px",a.style.left=n+"px",a.style.top=i+"px",a.style.height=o+"px",a.style.pointerEvents="none",a.style.transition="opacity 2s ease-in",Object.assign(a.style,t),requestAnimationFrame(function(){return requestAnimationFrame(function(){a.style.opacity="0"})}),a.addEventListener("transitionend",function(){document.body.removeChild(a)}),document.body.appendChild(a),a}var qt={rootColor:"#9428AB",enterColor:"#B35C00",exitColor:"#035570",interColor:"#9CAF00BB"},vl=typeof window<"u"?R.default.useLayoutEffect:R.default.useEffect;function bl(){var e=typeof window=="object";function t(){return e?document.documentElement.clientHeight:void 0}var r=Li(R.default.useState(t),2),n=r[0],o=r[1];return R.default.useEffect(function(){function i(){o(t())}return window.addEventListener("resize",i),function(){return window.removeEventListener("resize",i)}},[]),vl(function(){o(t())},[]),n}var Ti=R.default.createContext(void 0),qr=typeof window<"u"?R.default.useLayoutEffect:R.default.useEffect;function Dl(e){var t=e.onStepChange,r=e.children,n=e.getRootMargin,o=n===void 0?Bl:n,i=e.debug,a=i===void 0?!1:i,s=Li(R.default.useState(),2),c=s[0],u=s[1],d=bl();return qr(function(){var g=d||0,l=function(m){(a||window.chDebugScroller)&&Fl(m),m.forEach(function(f){if(f.intersectionRatio>0){var h=f.target;t(+h.stepIndex)}})},p=Al(l,o(g));return u(p),function(){return p.disconnect()}},[d]),R.default.createElement(Ti.Provider,{value:c},r)}function kl(e){var t=e.as,r=t===void 0?"section":t,n=e.index,o=hl(e,["as","index"]),i=R.default.useRef(null),a=R.default.useContext(Ti);return qr(function(){return a&&a.observe(i.current),function(){return a&&a.unobserve(i.current)}},[a]),qr(function(){var s=i.current;s.stepIndex=n},[n]),R.default.createElement(r,Jt(Jt({},o),{ref:i}))}function Al(e,t){return new IntersectionObserver(e,{rootMargin:t,threshold:1e-6,root:null})}function Bl(e){return"-"+(e/2-2)+"px 0px"}Kt.Scroller=Dl;Kt.Step=kl});var Pi=A(Vr=>{"use strict";Object.defineProperty(Vr,"__esModule",{value:!0});var El=G(),wl=Dr(),jl=To(),xl=Ho(),Sl=Oi(),Ni=Ii();function Ml(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var D=Ml(El);var w=function(){return w=Object.assign||function(t){for(var r,n=1,o=arguments.length;n0)&&!(o=n.next()).done;)i.push(o.value)}catch(s){a={error:s}}finally{try{o&&!o.done&&(r=n.return)&&r.call(n)}finally{if(a)throw a.error}}return i}function Ol(e){var t=Ze(D.default.useState(e),2),r=t[0],n=t[1];function o(i){var a=zt(r,i,null);n(w(w({},r),a))}return D.default.createElement(Vt,w({},r,{onTabClick:o}))}function Vt(e){var t=e.onTabClick,r=Jr(e,["onTabClick"]);if(!r.southPanel&&r.files.length===1&&!r.files[0].name)return D.default.createElement(wl.CodeSpring,{className:"ch-code",config:r.codeConfig,step:r.files[0]});var n=w(w({},r?.frameProps),{onTabClick:t});return D.default.createElement(jl.EditorSpring,w({},r,{frameProps:n}))}function zt(e,t,r){var n=t||e.northPanel.active,o=e.files.map(function(s){return s.name===n?w(w({},s),{focus:r===null?s.focus:r}):s}),i=w({},e.northPanel),a=e.southPanel&&w({},e.southPanel);return e.northPanel.tabs.includes(n)?i.active=n:a&&(a.active=n),{files:o,northPanel:i,southPanel:a}}var Kr=D.default.createContext({props:null,setFocus:function(){},resetFocus:function(){}});function Ll(e){var t=e.children,r=Jr(e,["children"]),n=Ze(D.default.useState(r),2),o=n[0],i=n[1],a=function(){return i(r)},s=function(d){var g=d.fileName,l=d.focus,p=d.id,m=zt(o,g,l);i(w(w(w({},o),m),{selectedId:p}))},c=o.selectedId,u=Jr(o,["selectedId"]);return D.default.createElement(Kr.Provider,{value:{props:u,setFocus:s,resetFocus:a,selectedId:c}},D.default.createElement("section",null,t))}function Tl(){var e=D.default.useContext(Kr),t=e.props,r=e.setFocus,n=function(o){r({fileName:o,focus:null,id:""})};return D.default.createElement(Vt,w({},t,{onTabClick:n}))}function Il(e){var t=e.focus,r=e.file,n=e.children,o=e.id,i=D.default.useContext(Kr),a=i.setFocus,s=i.resetFocus,c=i.selectedId,u=c===o,d=u?s:function(){return a({fileName:r,focus:t,id:o})};return D.default.createElement("span",{style:{textDecoration:"underline",textDecorationStyle:"dotted",cursor:"pointer",backgroundColor:u?"yellow":void 0},onClick:d,children:n})}function Hi(e){var t=e.className,r=e.files,n=e.presetConfig,o=D.default.useRef(null),i=D.default.useRef(null);return D.default.useEffect(function(){i.current=new Sl.SandpackClient(o.current,w(w({},n),{files:_i(n.files,r)}),{showOpenInCodeSandbox:!1})},[]),D.default.useEffect(function(){i.current&&i.current.updatePreview(w(w({},n),{files:_i(n.files,r)}))},[r]),D.default.createElement(xl.MiniBrowser,{className:t},D.default.createElement("iframe",{ref:o}))}function _i(e,t){var r=w({},e);return t.forEach(function(n){r["/"+n.name]={code:n.code.lines.map(function(o){return o.tokens.map(function(i){return i.content}).join("")}).join(` `)}}),r}function Nl(e){var t,r=e.children,n=e.editorSteps,o=e.codeConfig,i=e.start,a=i===void 0?0:i,s=e.presetConfig,c=D.default.Children.toArray(r),u=Ze(D.default.useState({stepIndex:a,step:n[a]}),2),d=u[0],g=u[1],l=d.step;function p(f){var h=zt(d.step,f,null);g(w(w({},d),{step:h}))}var m=c[0];return D.default.createElement("div",{className:"ch-spotlight "+(s?"ch-spotlight-with-preview":"")},D.default.createElement("div",{className:"ch-spotlight-tabs"},!((t=m?.props)===null||t===void 0)&&t.children?D.default.createElement("div",null,c[0]):null,c.map(function(f,h){return h===0?null:D.default.createElement("div",{key:h,onClick:function(){return g({stepIndex:h,step:n[h]})},className:"ch-spotlight-tab","data-selected":h===d.stepIndex?"true":void 0},f)})),D.default.createElement("div",{className:"ch-spotlight-sticker"},D.default.createElement(Vt,w({},l,{codeConfig:o,onTabClick:p})),s&&D.default.createElement(Hi,{className:"ch-spotlight-preview",files:l.files,presetConfig:s})))}function _l(e){var t=e.children,r=e.editorSteps,n=e.codeConfig,o=e.presetConfig,i=e.start,a=i===void 0?0:i,s=D.default.Children.toArray(t),c=Ze(D.default.useState({stepIndex:a,step:r[a]}),2),u=c[0],d=c[1],g=u.step;function l(m){d({stepIndex:m,step:r[m]})}function p(m){var f=zt(u.step,m,null);d(w(w({},u),{step:f}))}return D.default.createElement("section",{className:"ch-scrollycoding "+(o?"ch-scrollycoding-with-preview":"")},D.default.createElement("div",{className:"ch-scrollycoding-content"},D.default.createElement(Ni.Scroller,{onStepChange:l},s.map(function(m,f){return D.default.createElement(Ni.Step,{as:"div",key:f,index:f,onClick:function(){return l(f)},className:"ch-scrollycoding-step-content","data-selected":f===u.stepIndex?"true":void 0},m)}))),D.default.createElement("div",{className:"ch-scrollycoding-sticker"},D.default.createElement(Vt,w({},g,{codeConfig:n,onTabClick:p})),o&&D.default.createElement(Hi,{className:"ch-scrollycoding-preview",files:g.files,presetConfig:o})))}function Hl(){return"error: code hike remark plugin not running or annotation isn't at the right place"}var Pl={box:Rl,bg:Wl,label:Gl,link:ql};function Rl(e){var t,r,n=e.children,o=e.data,i=e.theme,a=typeof o=="string"?o:((r=(t=i.tokenColors.find(function(s){var c;return(c=s.scope)===null||c===void 0?void 0:c.includes("string")}))===null||t===void 0?void 0:t.settings)===null||r===void 0?void 0:r.foreground)||"yellow";return D.default.createElement("span",{style:{outline:"2px solid "+a}},n)}function Wl(e){var t=e.children,r=e.data,n=e.style,o=e.theme,i=r||o.colors["editor.lineHighlightBackground"]||o.colors["editor.selectionHighlightBackground"];return D.default.createElement("div",{style:w(w({},n),{background:i})},t)}function Gl(e){var t=e.children,r=e.data,n=e.style,o=e.theme,i=o.colors["editor.lineHighlightBackground"]||o.colors["editor.selectionHighlightBackground"],a=Ze(D.default.useState(!1),2),s=a[0],c=a[1];return D.default.createElement("div",{style:w(w({},n),{background:s?i:void 0}),onMouseEnter:function(){return c(!0)},onMouseLeave:function(){return c(!1)}},t,D.default.createElement("div",{style:{position:"absolute",right:0,paddingRight:16,display:s?"block":"none",opacity:.7}},r?.children||r))}function ql(e){var t,r,n=e.children,o=e.data,i=((t=o)===null||t===void 0?void 0:t.url)||o,a=(r=o)===null||r===void 0?void 0:r.title;return D.default.createElement("a",{href:i,target:"_blank",rel:"noopener noreferrer",title:a,style:{textDecoration:"underline",textDecorationStyle:"dotted",color:"inherit"}},n)}var Jl={Code:Ol,Section:Ll,SectionLink:Il,SectionCode:Tl,Spotlight:Nl,Scrollycoding:_l,annotations:Pl,Annotation:Hl};Vr.CH=Jl});var Ul={};Vi(Ul,{default:()=>zl,frontmatter:()=>Kl});var y=Ur($r()),I=Ur(Pi()),Kl={title:"Use Contentlayer with NextJS",date:new Date(16402176e5),tags:["development","nextjs"],image:"MgtHZ4zlC1U",excerpt:"How to implement Contentlayer with NextJS for a better experience using MDX"};function Vl(e={}){let{wrapper:t}=e.components||{};return t?(0,y.jsx)(t,Object.assign({},e,{children:(0,y.jsx)(r,{})})):r();function r(){let n=Object.assign({p:"p",a:"a",div:"div",h2:"h2",span:"span",svg:"svg",path:"path",blockquote:"blockquote",code:"code"},e.components);return I.CH||Qe("CH",!1),I.CH.Code||Qe("CH.Code",!0),I.CH.Section||Qe("CH.Section",!0),I.CH.SectionCode||Qe("CH.SectionCode",!0),I.CH.SectionLink||Qe("CH.SectionLink",!0),(0,y.jsxs)(y.Fragment,{children:[(0,y.jsxs)(n.p,{children:["I don't write a lot (though is something I want to change), but this site is some kind of playground to try new things. The other day stumbled upon a ",(0,y.jsx)(n.a,{href:"https://github.com/stars/brianlovin/lists/personal-websites",children:"list of personal websites of developers and designers"})," and going through them found some using ",(0,y.jsx)(n.a,{href:"https://www.contentlayer.dev/",children:"Contentlayer"}),", it looked interesting, so let's try it!"]}),` `,(0,y.jsxs)(n.div,{className:"heading-container",children:[(0,y.jsx)(n.h2,{id:"what-is-contentlayer",children:"What is Contentlayer?"}),(0,y.jsxs)(n.a,{"aria-hidden":!0,tabIndex:"-1",href:"#what-is-contentlayer",children:[(0,y.jsx)(n.span,{className:"visually-hidden",children:'Read the "What is Contentlayer?" section'}),(0,y.jsx)(n.span,{className:"icon icon-link","aria-hidden":!0,children:(0,y.jsx)(n.svg,{"aria-hidden":!0,height:"30",width:"30",version:"1.1",viewBox:"0 0 16 16",children:(0,y.jsx)(n.path,{fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"})})})]})]}),` `,(0,y.jsxs)(n.blockquote,{children:[` `,(0,y.jsx)(n.p,{children:"Contentlayer turns your content into data - making it super easy to import MD(X) and CMS content in your app."}),` `]}),` `,(0,y.jsxs)(n.div,{className:"heading-container",children:[(0,y.jsx)(n.h2,{id:"how-to-add-it-to-your-nextjs-site",children:"How to add it to your NextJS site?"}),(0,y.jsxs)(n.a,{"aria-hidden":!0,tabIndex:"-1",href:"#how-to-add-it-to-your-nextjs-site",children:[(0,y.jsx)(n.span,{className:"visually-hidden",children:'Read the "How to add it to your NextJS site?" section'}),(0,y.jsx)(n.span,{className:"icon icon-link","aria-hidden":!0,children:(0,y.jsx)(n.svg,{"aria-hidden":!0,height:"30",width:"30",version:"1.1",viewBox:"0 0 16 16",children:(0,y.jsx)(n.path,{fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"})})})]})]}),` `,(0,y.jsx)(n.p,{children:"The first step is to install the needed libraries:"}),` `,(0,y.jsx)(I.CH.Code,{northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"yarn add contentlayer next-contentlayer",props:{style:{color:"#A6ACCD"}}}]}],lang:"bash"},annotations:[]}],codeConfig:{theme:{name:"material-palenight",semanticHighlighting:!0,tokenColors:[{name:"Global settings",settings:{background:"#292D3E",foreground:"#A6ACCD"}},{name:"String",scope:"string",settings:{foreground:"#C3E88D"}},{name:"Punctuation",scope:"punctuation, constant.other.symbol",settings:{foreground:"#89DDFF"}},{name:"String Escape",scope:"constant.character.escape, text.html constant.character.entity.named",settings:{foreground:"#A6ACCD"}},{name:"Boolean",scope:"constant.language.boolean",settings:{foreground:"#ff9cac"}},{name:"Number",scope:"constant.numeric",settings:{foreground:"#F78C6C"}},{name:"Variable",scope:"variable, variable.parameter, support.variable, variable.language, support.constant, meta.definition.variable entity.name.function, meta.function-call.arguments",settings:{foreground:"#A6ACCD"}},{name:"Other Keyword",scope:"keyword.other",settings:{foreground:"#F78C6C"}},{name:"Keyword",scope:"keyword, modifier, variable.language.this, support.type.object, constant.language",settings:{foreground:"#89DDFF"}},{name:"Function call",scope:"entity.name.function, support.function",settings:{foreground:"#82AAFF"}},{name:"Storage",scope:"storage.type, storage.modifier, storage.control",settings:{foreground:"#C792EA"}},{name:"Modules",scope:"support.module, support.node",settings:{foreground:"#f07178",fontStyle:"italic"}},{name:"Type",scope:"support.type, constant.other.key",settings:{foreground:"#FFCB6B"}},{name:"Type",scope:"entity.name.type, entity.other.inherited-class, entity.other",settings:{foreground:"#FFCB6B"}},{name:"Comment",scope:"comment",settings:{foreground:"#676E95",fontStyle:"italic"}},{name:"Comment",scope:"comment punctuation.definition.comment, string.quoted.docstring",settings:{foreground:"#676E95",fontStyle:"italic"}},{name:"Punctuation",scope:"punctuation",settings:{foreground:"#89DDFF"}},{name:"Class",scope:"entity.name, entity.name.type.class, support.type, support.class, meta.use",settings:{foreground:"#FFCB6B"}},{name:"Class variable",scope:"variable.object.property, meta.field.declaration entity.name.function",settings:{foreground:"#f07178"}},{name:"Class method",scope:"meta.definition.method entity.name.function",settings:{foreground:"#f07178"}},{name:"Function definition",scope:"meta.function entity.name.function",settings:{foreground:"#82AAFF"}},{name:"Template expression",scope:"template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end",settings:{foreground:"#89DDFF"}},{name:"Reset embedded/template expression colors",scope:"meta.embedded, source.groovy.embedded, meta.template.expression",settings:{foreground:"#A6ACCD"}},{name:"YAML key",scope:"entity.name.tag.yaml",settings:{foreground:"#f07178"}},{name:"JSON key",scope:"meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json",settings:{foreground:"#f07178"}},{name:"JSON constant",scope:"constant.language.json",settings:{foreground:"#89DDFF"}},{name:"CSS class",scope:"entity.other.attribute-name.class",settings:{foreground:"#FFCB6B"}},{name:"CSS ID",scope:"entity.other.attribute-name.id",settings:{foreground:"#F78C6C"}},{name:"CSS tag",scope:"source.css entity.name.tag",settings:{foreground:"#FFCB6B"}},{name:"CSS properties",scope:"support.type.property-name.css",settings:{foreground:"#B2CCD6"}},{name:"HTML tag outer",scope:"meta.tag, punctuation.definition.tag",settings:{foreground:"#89DDFF"}},{name:"HTML tag inner",scope:"entity.name.tag",settings:{foreground:"#f07178"}},{name:"HTML tag attribute",scope:"entity.other.attribute-name",settings:{foreground:"#C792EA"}},{name:"HTML entities",scope:"punctuation.definition.entity.html",settings:{foreground:"#A6ACCD"}},{name:"Markdown heading",scope:"markup.heading",settings:{foreground:"#89DDFF"}},{name:"Markdown link text",scope:"text.html.markdown meta.link.inline, meta.link.reference",settings:{foreground:"#f07178"}},{name:"Markdown list item",scope:"text.html.markdown beginning.punctuation.definition.list",settings:{foreground:"#89DDFF"}},{name:"Markdown italic",scope:"markup.italic",settings:{foreground:"#f07178",fontStyle:"italic"}},{name:"Markdown bold",scope:"markup.bold",settings:{foreground:"#f07178",fontStyle:"bold"}},{name:"Markdown bold italic",scope:"markup.bold markup.italic, markup.italic markup.bold",settings:{foreground:"#f07178",fontStyle:"italic bold"}},{name:"Markdown code block",scope:"markup.fenced_code.block.markdown punctuation.definition.markdown",settings:{foreground:"#C3E88D"}},{name:"Markdown inline code",scope:"markup.inline.raw.string.markdown",settings:{foreground:"#C3E88D"}},{name:"INI property name",scope:"keyword.other.definition.ini",settings:{foreground:"#f07178"}},{name:"INI section title",scope:"entity.name.section.group-title.ini",settings:{foreground:"#89DDFF"}},{name:"C# class",scope:"source.cs meta.class.identifier storage.type",settings:{foreground:"#FFCB6B"}},{name:"C# class method",scope:"source.cs meta.method.identifier entity.name.function",settings:{foreground:"#f07178"}},{name:"C# function call",scope:"source.cs meta.method-call meta.method, source.cs entity.name.function",settings:{foreground:"#82AAFF"}},{name:"C# type",scope:"source.cs storage.type",settings:{foreground:"#FFCB6B"}},{name:"C# return type",scope:"source.cs meta.method.return-type",settings:{foreground:"#FFCB6B"}},{name:"C# preprocessor",scope:"source.cs meta.preprocessor",settings:{foreground:"#676E95"}},{name:"C# namespace",scope:"source.cs entity.name.type.namespace",settings:{foreground:"#A6ACCD"}},{name:"JSX Text",scope:"meta.jsx.children, SXNested",settings:{foreground:"#A6ACCD"}},{name:"JSX Components name",scope:"support.class.component",settings:{foreground:"#FFCB6B"}},{name:"C-related Block Level Variables",scope:"source.cpp meta.block variable.other",settings:{foreground:"#A6ACCD"}},{name:"Member Access Meta",scope:"source.python meta.member.access.python",settings:{foreground:"#f07178"}},{name:"Function Call",scope:"source.python meta.function-call.python, meta.function-call.arguments",settings:{foreground:"#82AAFF"}},{name:"Blocks",scope:"meta.block",settings:{foreground:"#f07178"}},{name:"Function Call",scope:"entity.name.function.call",settings:{foreground:"#82AAFF"}},{name:"Namespaces",scope:"source.php support.other.namespace, source.php meta.use support.class",settings:{foreground:"#A6ACCD"}},{name:"Constant keywords",scope:"constant.keyword",settings:{foreground:"#89DDFF",fontStyle:"italic"}},{name:"Entity name",scope:"entity.name.function",settings:{foreground:"#82AAFF"}},{name:"Global settings",settings:{background:"#292D3E",foreground:"#A6ACCD"}},{name:"Markup Deleted",scope:["markup.deleted"],settings:{foreground:"#f07178"}},{name:"Markup Inserted",scope:["markup.inserted"],settings:{foreground:"#C3E88D"}},{name:"Markup Underline",scope:["markup.underline"],settings:{fontStyle:"underline"}},{name:"Keyword Control",scope:["keyword.control"],settings:{foreground:"#89DDFF",fontStyle:"italic"}},{name:"Markdown - Blockquote",scope:["markup.quote"],settings:{fontStyle:"italic",foreground:"#89DDFF"}},{name:"Markdown - Fenced Language",scope:["markup.fenced_code.block"],settings:{foreground:"#A6ACCD90"}},{name:"Markdown - Blockquote Punctuation",scope:["punctuation.definition.quote"],settings:{foreground:"#ff9cac"}},{name:"JSON Key - Level 0",scope:["meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#C792EA"}},{name:"JSON Key - Level 1",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#FFCB6B"}},{name:"JSON Key - Level 2",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#F78C6C"}},{name:"JSON Key - Level 3",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#f07178"}},{name:"JSON Key - Level 4",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#916b53"}},{name:"JSON Key - Level 5",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#82AAFF"}},{name:"JSON Key - Level 6",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#ff9cac"}},{name:"JSON Key - Level 7",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#C792EA"}},{name:"JSON Key - Level 8",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#C3E88D"}}],colors:{focusBorder:"#FFFFFF00",foreground:"#A6ACCD","button.background":"#717CB450","button.foreground":"#ffffff","dropdown.background":"#292D3E","input.background":"#333747","inputOption.activeBorder":"#A6ACCD30","list.activeSelectionBackground":"#292D3E","list.activeSelectionForeground":"#80CBC4","list.dropBackground":"#f0717880","list.focusBackground":"#A6ACCD20","list.focusForeground":"#A6ACCD","list.highlightForeground":"#80CBC4","list.hoverBackground":"#292D3E","list.inactiveSelectionBackground":"#00000030","activityBar.background":"#292D3E","activityBar.dropBackground":"#f0717880","activityBarBadge.background":"#80CBC4","activityBarBadge.foreground":"#000000","badge.background":"#00000030","badge.foreground":"#676E95","sideBar.background":"#292D3E","sideBarSectionHeader.background":"#292D3E","editorGroup.dropBackground":"#f0717880","editorGroup.focusedEmptyBorder":"#f07178","editorGroupHeader.tabsBackground":"#292D3E","tab.border":"#292D3E","tab.activeBorder":"#80CBC4","tab.inactiveBackground":"#292D3E","tab.activeModifiedBorder":"#676E95","tab.inactiveModifiedBorder":"#904348","tab.unfocusedActiveModifiedBorder":"#c05a60","tab.unfocusedInactiveModifiedBorder":"#904348","editor.background":"#292D3E","editor.foreground":"#A6ACCD","editorLineNumber.foreground":"#3A3F58","editorLineNumber.activeForeground":"#676E95","editorCursor.foreground":"#FFCC00","editor.selectionBackground":"#717CB450","editor.selectionHighlightBackground":"#FFCC0020","editor.wordHighlightBackground":"#ff9cac30","editor.wordHighlightStrongBackground":"#C3E88D30","editor.findMatchHighlight":"#A6ACCD","editor.findRangeHighlightBackground":"#FFCB6B30","editor.lineHighlightBorder":"#00000000","editor.rangeHighlightBackground":"#FFFFFF0d","editorWhitespace.foreground":"#A6ACCD40","editorWidget.background":"#292D3E","editorHoverWidget.background":"#292D3E","editorMarkerNavigation.background":"#A6ACCD05","peekView.border":"#00000030","peekViewEditor.background":"#A6ACCD05","peekViewResult.background":"#A6ACCD05","peekViewTitle.background":"#A6ACCD05","panel.background":"#292D3E","panel.border":"#292D3E60","panelTitle.activeBorder":"#80CBC4","panelTitle.inactiveForeground":"#A6ACCD","statusBar.background":"#292D3E","statusBar.debuggingBackground":"#C792EA","statusBar.debuggingForeground":"#ffffff","statusBar.noFolderBackground":"#292D3E","statusBarItem.activeBackground":"#f0717880","statusBarItem.hoverBackground":"#676E9520","statusBarItem.remoteBackground":"#80CBC4","statusBarItem.remoteForeground":"#000000","titleBar.activeBackground":"#292D3E","pickerGroup.border":"#FFFFFF1a","terminal.ansiBlack":"#000000","terminal.ansiBlue":"#82AAFF","terminal.ansiBrightBlack":"#676E95","terminal.ansiBrightBlue":"#82AAFF","terminal.ansiBrightCyan":"#89DDFF","terminal.ansiBrightGreen":"#C3E88D","terminal.ansiBrightMagenta":"#C792EA","terminal.ansiBrightRed":"#f07178","terminal.ansiBrightWhite":"#ffffff","terminal.ansiBrightYellow":"#FFCB6B","terminal.ansiCyan":"#89DDFF","terminal.ansiGreen":"#C3E88D","terminal.ansiMagenta":"#C792EA","terminal.ansiRed":"#f07178","terminal.ansiWhite":"#ffffff","terminal.ansiYellow":"#FFCB6B","debugToolBar.background":"#292D3E","debugConsole.errorForeground":"#f07178","debugConsole.infoForeground":"#89DDFF","debugConsole.warningForeground":"#FFCB6B","selection.background":"#00000080","editorRuler.foreground":"#4E5579","widget.shadow":"#00000030","scrollbar.shadow":"#00000030","editorLink.activeForeground":"#A6ACCD","progressBar.background":"#80CBC4","pickerGroup.foreground":"#80CBC4","tree.indentGuidesStroke":"#4E5579","terminalCursor.foreground":"#FFCB6B","terminalCursor.background":"#000000","inputOption.activeBackground":"#A6ACCD30","textLink.foreground":"#80CBC4","textLink.activeForeground":"#A6ACCD","sideBar.foreground":"#676E95","sideBar.border":"#292D3E60","sideBarTitle.foreground":"#A6ACCD","sideBarSectionHeader.border":"#292D3E60","panel.dropBackground":"#A6ACCD","panelTitle.activeForeground":"#FFFFFF","editor.lineHighlightBackground":"#00000050","editor.findMatchBackground":"#000000","editor.findMatchHighlightBackground":"#00000050","editor.findMatchBorder":"#80CBC4","editor.findMatchHighlightBorder":"#ffffff30","editorIndentGuide.background":"#4E557970","editorIndentGuide.activeBackground":"#4E5579","editorGroup.border":"#00000030","editorGutter.modifiedBackground":"#82AAFF60","editorGutter.addedBackground":"#C3E88D60","editorGutter.deletedBackground":"#f0717860","activityBar.border":"#292D3E60","activityBar.foreground":"#A6ACCD","activityBar.activeBorder":"#80CBC4","extensionBadge.remoteForeground":"#A6ACCD","scrollbarSlider.background":"#A6ACCD20","scrollbarSlider.hoverBackground":"#A6ACCD10","scrollbarSlider.activeBackground":"#80CBC4","tab.unfocusedActiveBorder":"#676E95","tab.activeForeground":"#FFFFFF","tab.inactiveForeground":"#676E95","tab.activeBackground":"#292D3E","tab.unfocusedActiveForeground":"#A6ACCD","editorWidget.resizeBorder":"#80CBC4","editorWidget.border":"#80CBC4","statusBar.border":"#292D3E60","statusBar.foreground":"#676E95","editorBracketMatch.border":"#FFCC0050","editorBracketMatch.background":"#292D3E","editorOverviewRuler.findMatchForeground":"#80CBC4","editorOverviewRuler.border":"#292D3E","editorOverviewRuler.errorForeground":"#f0717840","editorOverviewRuler.infoForeground":"#82AAFF40","editorOverviewRuler.warningForeground":"#FFCB6B40","editorInfo.foreground":"#82AAFF70","editorWarning.foreground":"#FFCB6B70","editorError.foreground":"#f0717870","editorHoverWidget.border":"#FFFFFF10","titleBar.activeForeground":"#A6ACCD","titleBar.inactiveBackground":"#292D3E","titleBar.inactiveForeground":"#676E95","titleBar.border":"#292D3E60","input.foreground":"#A6ACCD","input.placeholderForeground":"#A6ACCD60","input.border":"#FFFFFF10","inputValidation.errorBorder":"#f07178","inputValidation.infoBorder":"#82AAFF","inputValidation.warningBorder":"#FFCB6B","dropdown.border":"#FFFFFF10","quickInput.background":"#292D3E","quickInput.foreground":"#676E95","list.hoverForeground":"#FFFFFF","list.inactiveSelectionForeground":"#80CBC4","quickInput.list.focusBackground":"#A6ACCD20","editorSuggestWidget.background":"#292D3E","editorSuggestWidget.foreground":"#A6ACCD","editorSuggestWidget.highlightForeground":"#80CBC4","editorSuggestWidget.selectedBackground":"#00000050","editorSuggestWidget.border":"#FFFFFF10","diffEditor.insertedTextBackground":"#89DDFF20","diffEditor.removedTextBackground":"#ff9cac20","notifications.background":"#292D3E","notifications.foreground":"#A6ACCD","notificationLink.foreground":"#80CBC4","extensionButton.prominentBackground":"#C3E88D90","extensionButton.prominentHoverBackground":"#C3E88D","extensionButton.prominentForeground":"#000000","peekViewEditorGutter.background":"#A6ACCD05","peekViewTitleDescription.foreground":"#A6ACCD60","peekViewResult.matchHighlightBackground":"#717CB450","peekViewEditor.matchHighlightBackground":"#717CB450","peekViewResult.selectionBackground":"#676E9570","gitDecoration.deletedResourceForeground":"#f0717890","gitDecoration.conflictingResourceForeground":"#FFCB6B90","gitDecoration.modifiedResourceForeground":"#82AAFF90","gitDecoration.untrackedResourceForeground":"#C3E88D90","gitDecoration.ignoredResourceForeground":"#676E9590","breadcrumb.background":"#292D3E","breadcrumb.foreground":"#676E95","breadcrumb.focusForeground":"#A6ACCD","breadcrumb.activeSelectionForeground":"#80CBC4","breadcrumbPicker.background":"#292D3E","menu.background":"#292D3E","menu.foreground":"#A6ACCD","menu.selectionBackground":"#00000050","menu.selectionForeground":"#80CBC4","menu.selectionBorder":"#00000030","menu.separatorBackground":"#A6ACCD","menubar.selectionBackground":"#00000030","menubar.selectionForeground":"#80CBC4","menubar.selectionBorder":"#00000030","settings.dropdownForeground":"#A6ACCD","settings.dropdownBackground":"#292D3E","settings.numberInputForeground":"#A6ACCD","settings.numberInputBackground":"#292D3E","settings.textInputForeground":"#A6ACCD","settings.textInputBackground":"#292D3E","settings.headerForeground":"#80CBC4","settings.modifiedItemIndicator":"#80CBC4","settings.checkboxBackground":"#292D3E","settings.checkboxForeground":"#A6ACCD","listFilterWidget.background":"#00000030","listFilterWidget.outline":"#00000030","listFilterWidget.noMatchesOutline":"#00000030"}}}}),` `,(0,y.jsxs)(n.p,{children:["Once the installation is complete, a ",(0,y.jsx)(n.code,{children:"contentlayer.config.ts"})," file needs to be created in the root folder of your project. This is the file where all the content definition and project configuration are done."]}),` `,(0,y.jsx)(n.p,{children:"In my case I only have one type of content, blog posts coming from MDX files."}),` `,(0,y.jsxs)(I.CH.Section,{northPanel:{tabs:["contentlayer.config.ts"],active:"contentlayer.config.ts",heightRatio:1},files:[{name:"contentlayer.config.ts",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#89DDFF",fontStyle:"italic"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"{",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#F07178"}}},{content:"defineDocumentType",props:{style:{color:"#A6ACCD"}}},{content:" ",props:{style:{color:"#F07178"}}},{content:"}",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"from",props:{style:{color:"#89DDFF",fontStyle:"italic"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:"contentlayer/source-files",props:{style:{color:"#C3E88D"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:";",props:{style:{color:"#89DDFF"}}}]},{tokens:[]},{tokens:[{content:"const",props:{style:{color:"#C792EA"}}},{content:" Post ",props:{style:{color:"#A6ACCD"}}},{content:"=",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"defineDocumentType",props:{style:{color:"#82AAFF"}}},{content:"(",props:{style:{color:"#A6ACCD"}}},{content:"()",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"=>",props:{style:{color:"#C792EA"}}},{content:" (",props:{style:{color:"#A6ACCD"}}},{content:"{",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"name",props:{style:{color:"#F07178"}}},{content:":",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:"Post",props:{style:{color:"#C3E88D"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:",",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"filePathPattern",props:{style:{color:"#F07178"}}},{content:":",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:"posts/*.mdx",props:{style:{color:"#C3E88D"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:",",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"bodyType",props:{style:{color:"#F07178"}}},{content:":",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:"mdx",props:{style:{color:"#C3E88D"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:",",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"fields",props:{style:{color:"#F07178"}}},{content:":",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"{",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"title",props:{style:{color:"#F07178"}}},{content:":",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"{",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"type",props:{style:{color:"#F07178"}}},{content:":",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:"string",props:{style:{color:"#C3E88D"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:",",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"required",props:{style:{color:"#F07178"}}},{content:":",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"true",props:{style:{color:"#FF9CAC"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"},",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"date",props:{style:{color:"#F07178"}}},{content:":",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"{",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"type",props:{style:{color:"#F07178"}}},{content:":",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:"date",props:{style:{color:"#C3E88D"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:",",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"required",props:{style:{color:"#F07178"}}},{content:":",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"true",props:{style:{color:"#FF9CAC"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"},",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"tags",props:{style:{color:"#F07178"}}},{content:":",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"{",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"type",props:{style:{color:"#F07178"}}},{content:":",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:"list",props:{style:{color:"#C3E88D"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:",",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"of",props:{style:{color:"#F07178"}}},{content:":",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"{",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"type",props:{style:{color:"#F07178"}}},{content:":",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:"string",props:{style:{color:"#C3E88D"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"}",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"},",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"image",props:{style:{color:"#F07178"}}},{content:":",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"{",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"type",props:{style:{color:"#F07178"}}},{content:":",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:"string",props:{style:{color:"#C3E88D"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"},",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"excerpt",props:{style:{color:"#F07178"}}},{content:":",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"{",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"type",props:{style:{color:"#F07178"}}},{content:":",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:"string",props:{style:{color:"#C3E88D"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"},",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"},",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:" computedFields",props:{style:{color:"#A6ACCD"}}},{content:",",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:"}",props:{style:{color:"#89DDFF"}}},{content:"))",props:{style:{color:"#A6ACCD"}}},{content:";",props:{style:{color:"#89DDFF"}}}]}],lang:"js"},annotations:[]}],codeConfig:{theme:{name:"material-palenight",semanticHighlighting:!0,tokenColors:[{name:"Global settings",settings:{background:"#292D3E",foreground:"#A6ACCD"}},{name:"String",scope:"string",settings:{foreground:"#C3E88D"}},{name:"Punctuation",scope:"punctuation, constant.other.symbol",settings:{foreground:"#89DDFF"}},{name:"String Escape",scope:"constant.character.escape, text.html constant.character.entity.named",settings:{foreground:"#A6ACCD"}},{name:"Boolean",scope:"constant.language.boolean",settings:{foreground:"#ff9cac"}},{name:"Number",scope:"constant.numeric",settings:{foreground:"#F78C6C"}},{name:"Variable",scope:"variable, variable.parameter, support.variable, variable.language, support.constant, meta.definition.variable entity.name.function, meta.function-call.arguments",settings:{foreground:"#A6ACCD"}},{name:"Other Keyword",scope:"keyword.other",settings:{foreground:"#F78C6C"}},{name:"Keyword",scope:"keyword, modifier, variable.language.this, support.type.object, constant.language",settings:{foreground:"#89DDFF"}},{name:"Function call",scope:"entity.name.function, support.function",settings:{foreground:"#82AAFF"}},{name:"Storage",scope:"storage.type, storage.modifier, storage.control",settings:{foreground:"#C792EA"}},{name:"Modules",scope:"support.module, support.node",settings:{foreground:"#f07178",fontStyle:"italic"}},{name:"Type",scope:"support.type, constant.other.key",settings:{foreground:"#FFCB6B"}},{name:"Type",scope:"entity.name.type, entity.other.inherited-class, entity.other",settings:{foreground:"#FFCB6B"}},{name:"Comment",scope:"comment",settings:{foreground:"#676E95",fontStyle:"italic"}},{name:"Comment",scope:"comment punctuation.definition.comment, string.quoted.docstring",settings:{foreground:"#676E95",fontStyle:"italic"}},{name:"Punctuation",scope:"punctuation",settings:{foreground:"#89DDFF"}},{name:"Class",scope:"entity.name, entity.name.type.class, support.type, support.class, meta.use",settings:{foreground:"#FFCB6B"}},{name:"Class variable",scope:"variable.object.property, meta.field.declaration entity.name.function",settings:{foreground:"#f07178"}},{name:"Class method",scope:"meta.definition.method entity.name.function",settings:{foreground:"#f07178"}},{name:"Function definition",scope:"meta.function entity.name.function",settings:{foreground:"#82AAFF"}},{name:"Template expression",scope:"template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end",settings:{foreground:"#89DDFF"}},{name:"Reset embedded/template expression colors",scope:"meta.embedded, source.groovy.embedded, meta.template.expression",settings:{foreground:"#A6ACCD"}},{name:"YAML key",scope:"entity.name.tag.yaml",settings:{foreground:"#f07178"}},{name:"JSON key",scope:"meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json",settings:{foreground:"#f07178"}},{name:"JSON constant",scope:"constant.language.json",settings:{foreground:"#89DDFF"}},{name:"CSS class",scope:"entity.other.attribute-name.class",settings:{foreground:"#FFCB6B"}},{name:"CSS ID",scope:"entity.other.attribute-name.id",settings:{foreground:"#F78C6C"}},{name:"CSS tag",scope:"source.css entity.name.tag",settings:{foreground:"#FFCB6B"}},{name:"CSS properties",scope:"support.type.property-name.css",settings:{foreground:"#B2CCD6"}},{name:"HTML tag outer",scope:"meta.tag, punctuation.definition.tag",settings:{foreground:"#89DDFF"}},{name:"HTML tag inner",scope:"entity.name.tag",settings:{foreground:"#f07178"}},{name:"HTML tag attribute",scope:"entity.other.attribute-name",settings:{foreground:"#C792EA"}},{name:"HTML entities",scope:"punctuation.definition.entity.html",settings:{foreground:"#A6ACCD"}},{name:"Markdown heading",scope:"markup.heading",settings:{foreground:"#89DDFF"}},{name:"Markdown link text",scope:"text.html.markdown meta.link.inline, meta.link.reference",settings:{foreground:"#f07178"}},{name:"Markdown list item",scope:"text.html.markdown beginning.punctuation.definition.list",settings:{foreground:"#89DDFF"}},{name:"Markdown italic",scope:"markup.italic",settings:{foreground:"#f07178",fontStyle:"italic"}},{name:"Markdown bold",scope:"markup.bold",settings:{foreground:"#f07178",fontStyle:"bold"}},{name:"Markdown bold italic",scope:"markup.bold markup.italic, markup.italic markup.bold",settings:{foreground:"#f07178",fontStyle:"italic bold"}},{name:"Markdown code block",scope:"markup.fenced_code.block.markdown punctuation.definition.markdown",settings:{foreground:"#C3E88D"}},{name:"Markdown inline code",scope:"markup.inline.raw.string.markdown",settings:{foreground:"#C3E88D"}},{name:"INI property name",scope:"keyword.other.definition.ini",settings:{foreground:"#f07178"}},{name:"INI section title",scope:"entity.name.section.group-title.ini",settings:{foreground:"#89DDFF"}},{name:"C# class",scope:"source.cs meta.class.identifier storage.type",settings:{foreground:"#FFCB6B"}},{name:"C# class method",scope:"source.cs meta.method.identifier entity.name.function",settings:{foreground:"#f07178"}},{name:"C# function call",scope:"source.cs meta.method-call meta.method, source.cs entity.name.function",settings:{foreground:"#82AAFF"}},{name:"C# type",scope:"source.cs storage.type",settings:{foreground:"#FFCB6B"}},{name:"C# return type",scope:"source.cs meta.method.return-type",settings:{foreground:"#FFCB6B"}},{name:"C# preprocessor",scope:"source.cs meta.preprocessor",settings:{foreground:"#676E95"}},{name:"C# namespace",scope:"source.cs entity.name.type.namespace",settings:{foreground:"#A6ACCD"}},{name:"JSX Text",scope:"meta.jsx.children, SXNested",settings:{foreground:"#A6ACCD"}},{name:"JSX Components name",scope:"support.class.component",settings:{foreground:"#FFCB6B"}},{name:"C-related Block Level Variables",scope:"source.cpp meta.block variable.other",settings:{foreground:"#A6ACCD"}},{name:"Member Access Meta",scope:"source.python meta.member.access.python",settings:{foreground:"#f07178"}},{name:"Function Call",scope:"source.python meta.function-call.python, meta.function-call.arguments",settings:{foreground:"#82AAFF"}},{name:"Blocks",scope:"meta.block",settings:{foreground:"#f07178"}},{name:"Function Call",scope:"entity.name.function.call",settings:{foreground:"#82AAFF"}},{name:"Namespaces",scope:"source.php support.other.namespace, source.php meta.use support.class",settings:{foreground:"#A6ACCD"}},{name:"Constant keywords",scope:"constant.keyword",settings:{foreground:"#89DDFF",fontStyle:"italic"}},{name:"Entity name",scope:"entity.name.function",settings:{foreground:"#82AAFF"}},{name:"Global settings",settings:{background:"#292D3E",foreground:"#A6ACCD"}},{name:"Markup Deleted",scope:["markup.deleted"],settings:{foreground:"#f07178"}},{name:"Markup Inserted",scope:["markup.inserted"],settings:{foreground:"#C3E88D"}},{name:"Markup Underline",scope:["markup.underline"],settings:{fontStyle:"underline"}},{name:"Keyword Control",scope:["keyword.control"],settings:{foreground:"#89DDFF",fontStyle:"italic"}},{name:"Markdown - Blockquote",scope:["markup.quote"],settings:{fontStyle:"italic",foreground:"#89DDFF"}},{name:"Markdown - Fenced Language",scope:["markup.fenced_code.block"],settings:{foreground:"#A6ACCD90"}},{name:"Markdown - Blockquote Punctuation",scope:["punctuation.definition.quote"],settings:{foreground:"#ff9cac"}},{name:"JSON Key - Level 0",scope:["meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#C792EA"}},{name:"JSON Key - Level 1",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#FFCB6B"}},{name:"JSON Key - Level 2",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#F78C6C"}},{name:"JSON Key - Level 3",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#f07178"}},{name:"JSON Key - Level 4",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#916b53"}},{name:"JSON Key - Level 5",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#82AAFF"}},{name:"JSON Key - Level 6",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#ff9cac"}},{name:"JSON Key - Level 7",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#C792EA"}},{name:"JSON Key - Level 8",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#C3E88D"}}],colors:{focusBorder:"#FFFFFF00",foreground:"#A6ACCD","button.background":"#717CB450","button.foreground":"#ffffff","dropdown.background":"#292D3E","input.background":"#333747","inputOption.activeBorder":"#A6ACCD30","list.activeSelectionBackground":"#292D3E","list.activeSelectionForeground":"#80CBC4","list.dropBackground":"#f0717880","list.focusBackground":"#A6ACCD20","list.focusForeground":"#A6ACCD","list.highlightForeground":"#80CBC4","list.hoverBackground":"#292D3E","list.inactiveSelectionBackground":"#00000030","activityBar.background":"#292D3E","activityBar.dropBackground":"#f0717880","activityBarBadge.background":"#80CBC4","activityBarBadge.foreground":"#000000","badge.background":"#00000030","badge.foreground":"#676E95","sideBar.background":"#292D3E","sideBarSectionHeader.background":"#292D3E","editorGroup.dropBackground":"#f0717880","editorGroup.focusedEmptyBorder":"#f07178","editorGroupHeader.tabsBackground":"#292D3E","tab.border":"#292D3E","tab.activeBorder":"#80CBC4","tab.inactiveBackground":"#292D3E","tab.activeModifiedBorder":"#676E95","tab.inactiveModifiedBorder":"#904348","tab.unfocusedActiveModifiedBorder":"#c05a60","tab.unfocusedInactiveModifiedBorder":"#904348","editor.background":"#292D3E","editor.foreground":"#A6ACCD","editorLineNumber.foreground":"#3A3F58","editorLineNumber.activeForeground":"#676E95","editorCursor.foreground":"#FFCC00","editor.selectionBackground":"#717CB450","editor.selectionHighlightBackground":"#FFCC0020","editor.wordHighlightBackground":"#ff9cac30","editor.wordHighlightStrongBackground":"#C3E88D30","editor.findMatchHighlight":"#A6ACCD","editor.findRangeHighlightBackground":"#FFCB6B30","editor.lineHighlightBorder":"#00000000","editor.rangeHighlightBackground":"#FFFFFF0d","editorWhitespace.foreground":"#A6ACCD40","editorWidget.background":"#292D3E","editorHoverWidget.background":"#292D3E","editorMarkerNavigation.background":"#A6ACCD05","peekView.border":"#00000030","peekViewEditor.background":"#A6ACCD05","peekViewResult.background":"#A6ACCD05","peekViewTitle.background":"#A6ACCD05","panel.background":"#292D3E","panel.border":"#292D3E60","panelTitle.activeBorder":"#80CBC4","panelTitle.inactiveForeground":"#A6ACCD","statusBar.background":"#292D3E","statusBar.debuggingBackground":"#C792EA","statusBar.debuggingForeground":"#ffffff","statusBar.noFolderBackground":"#292D3E","statusBarItem.activeBackground":"#f0717880","statusBarItem.hoverBackground":"#676E9520","statusBarItem.remoteBackground":"#80CBC4","statusBarItem.remoteForeground":"#000000","titleBar.activeBackground":"#292D3E","pickerGroup.border":"#FFFFFF1a","terminal.ansiBlack":"#000000","terminal.ansiBlue":"#82AAFF","terminal.ansiBrightBlack":"#676E95","terminal.ansiBrightBlue":"#82AAFF","terminal.ansiBrightCyan":"#89DDFF","terminal.ansiBrightGreen":"#C3E88D","terminal.ansiBrightMagenta":"#C792EA","terminal.ansiBrightRed":"#f07178","terminal.ansiBrightWhite":"#ffffff","terminal.ansiBrightYellow":"#FFCB6B","terminal.ansiCyan":"#89DDFF","terminal.ansiGreen":"#C3E88D","terminal.ansiMagenta":"#C792EA","terminal.ansiRed":"#f07178","terminal.ansiWhite":"#ffffff","terminal.ansiYellow":"#FFCB6B","debugToolBar.background":"#292D3E","debugConsole.errorForeground":"#f07178","debugConsole.infoForeground":"#89DDFF","debugConsole.warningForeground":"#FFCB6B","selection.background":"#00000080","editorRuler.foreground":"#4E5579","widget.shadow":"#00000030","scrollbar.shadow":"#00000030","editorLink.activeForeground":"#A6ACCD","progressBar.background":"#80CBC4","pickerGroup.foreground":"#80CBC4","tree.indentGuidesStroke":"#4E5579","terminalCursor.foreground":"#FFCB6B","terminalCursor.background":"#000000","inputOption.activeBackground":"#A6ACCD30","textLink.foreground":"#80CBC4","textLink.activeForeground":"#A6ACCD","sideBar.foreground":"#676E95","sideBar.border":"#292D3E60","sideBarTitle.foreground":"#A6ACCD","sideBarSectionHeader.border":"#292D3E60","panel.dropBackground":"#A6ACCD","panelTitle.activeForeground":"#FFFFFF","editor.lineHighlightBackground":"#00000050","editor.findMatchBackground":"#000000","editor.findMatchHighlightBackground":"#00000050","editor.findMatchBorder":"#80CBC4","editor.findMatchHighlightBorder":"#ffffff30","editorIndentGuide.background":"#4E557970","editorIndentGuide.activeBackground":"#4E5579","editorGroup.border":"#00000030","editorGutter.modifiedBackground":"#82AAFF60","editorGutter.addedBackground":"#C3E88D60","editorGutter.deletedBackground":"#f0717860","activityBar.border":"#292D3E60","activityBar.foreground":"#A6ACCD","activityBar.activeBorder":"#80CBC4","extensionBadge.remoteForeground":"#A6ACCD","scrollbarSlider.background":"#A6ACCD20","scrollbarSlider.hoverBackground":"#A6ACCD10","scrollbarSlider.activeBackground":"#80CBC4","tab.unfocusedActiveBorder":"#676E95","tab.activeForeground":"#FFFFFF","tab.inactiveForeground":"#676E95","tab.activeBackground":"#292D3E","tab.unfocusedActiveForeground":"#A6ACCD","editorWidget.resizeBorder":"#80CBC4","editorWidget.border":"#80CBC4","statusBar.border":"#292D3E60","statusBar.foreground":"#676E95","editorBracketMatch.border":"#FFCC0050","editorBracketMatch.background":"#292D3E","editorOverviewRuler.findMatchForeground":"#80CBC4","editorOverviewRuler.border":"#292D3E","editorOverviewRuler.errorForeground":"#f0717840","editorOverviewRuler.infoForeground":"#82AAFF40","editorOverviewRuler.warningForeground":"#FFCB6B40","editorInfo.foreground":"#82AAFF70","editorWarning.foreground":"#FFCB6B70","editorError.foreground":"#f0717870","editorHoverWidget.border":"#FFFFFF10","titleBar.activeForeground":"#A6ACCD","titleBar.inactiveBackground":"#292D3E","titleBar.inactiveForeground":"#676E95","titleBar.border":"#292D3E60","input.foreground":"#A6ACCD","input.placeholderForeground":"#A6ACCD60","input.border":"#FFFFFF10","inputValidation.errorBorder":"#f07178","inputValidation.infoBorder":"#82AAFF","inputValidation.warningBorder":"#FFCB6B","dropdown.border":"#FFFFFF10","quickInput.background":"#292D3E","quickInput.foreground":"#676E95","list.hoverForeground":"#FFFFFF","list.inactiveSelectionForeground":"#80CBC4","quickInput.list.focusBackground":"#A6ACCD20","editorSuggestWidget.background":"#292D3E","editorSuggestWidget.foreground":"#A6ACCD","editorSuggestWidget.highlightForeground":"#80CBC4","editorSuggestWidget.selectedBackground":"#00000050","editorSuggestWidget.border":"#FFFFFF10","diffEditor.insertedTextBackground":"#89DDFF20","diffEditor.removedTextBackground":"#ff9cac20","notifications.background":"#292D3E","notifications.foreground":"#A6ACCD","notificationLink.foreground":"#80CBC4","extensionButton.prominentBackground":"#C3E88D90","extensionButton.prominentHoverBackground":"#C3E88D","extensionButton.prominentForeground":"#000000","peekViewEditorGutter.background":"#A6ACCD05","peekViewTitleDescription.foreground":"#A6ACCD60","peekViewResult.matchHighlightBackground":"#717CB450","peekViewEditor.matchHighlightBackground":"#717CB450","peekViewResult.selectionBackground":"#676E9570","gitDecoration.deletedResourceForeground":"#f0717890","gitDecoration.conflictingResourceForeground":"#FFCB6B90","gitDecoration.modifiedResourceForeground":"#82AAFF90","gitDecoration.untrackedResourceForeground":"#C3E88D90","gitDecoration.ignoredResourceForeground":"#676E9590","breadcrumb.background":"#292D3E","breadcrumb.foreground":"#676E95","breadcrumb.focusForeground":"#A6ACCD","breadcrumb.activeSelectionForeground":"#80CBC4","breadcrumbPicker.background":"#292D3E","menu.background":"#292D3E","menu.foreground":"#A6ACCD","menu.selectionBackground":"#00000050","menu.selectionForeground":"#80CBC4","menu.selectionBorder":"#00000030","menu.separatorBackground":"#A6ACCD","menubar.selectionBackground":"#00000030","menubar.selectionForeground":"#80CBC4","menubar.selectionBorder":"#00000030","settings.dropdownForeground":"#A6ACCD","settings.dropdownBackground":"#292D3E","settings.numberInputForeground":"#A6ACCD","settings.numberInputBackground":"#292D3E","settings.textInputForeground":"#A6ACCD","settings.textInputBackground":"#292D3E","settings.headerForeground":"#80CBC4","settings.modifiedItemIndicator":"#80CBC4","settings.checkboxBackground":"#292D3E","settings.checkboxForeground":"#A6ACCD","listFilterWidget.background":"#00000030","listFilterWidget.outline":"#00000030","listFilterWidget.noMatchesOutline":"#00000030"}}},children:[(0,y.jsxs)(n.p,{children:["Use ",(0,y.jsx)(n.code,{children:"defineDocumentType"})," for each type of content type you want Contentlayer to manage. Using the ",(0,y.jsx)(I.CH.SectionLink,{focus:"7:13",id:"focus://7:13",children:"fields"})," property we map ",(0,y.jsx)(n.a,{href:"https://mdxjs.com/guides/frontmatter/",children:"frontmatter"})," fields from the document to object properties you can freely use (and to typescript types!)."]}),(0,y.jsx)(I.CH.SectionCode,{}),(0,y.jsxs)(n.p,{children:["You see that ",(0,y.jsx)(I.CH.SectionLink,{focus:"14",id:"focus://14",children:"computedFields"})," property?"]})]}),` `,(0,y.jsxs)(I.CH.Section,{northPanel:{tabs:["contentlayer.config.ts"],active:"contentlayer.config.ts",heightRatio:1},files:[{name:"contentlayer.config.ts",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#89DDFF",fontStyle:"italic"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"type",props:{style:{color:"#89DDFF",fontStyle:"italic"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"{",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#F07178"}}},{content:"ComputedFields",props:{style:{color:"#A6ACCD"}}},{content:" ",props:{style:{color:"#F07178"}}},{content:"}",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"from",props:{style:{color:"#89DDFF",fontStyle:"italic"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:"contentlayer/source-files",props:{style:{color:"#C3E88D"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:";",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:"import",props:{style:{color:"#89DDFF",fontStyle:"italic"}}},{content:" readingTime ",props:{style:{color:"#A6ACCD"}}},{content:"from",props:{style:{color:"#89DDFF",fontStyle:"italic"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:"reading-time",props:{style:{color:"#C3E88D"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:";",props:{style:{color:"#89DDFF"}}}]},{tokens:[]},{tokens:[{content:"const",props:{style:{color:"#C792EA"}}},{content:" computedFields",props:{style:{color:"#A6ACCD"}}},{content:":",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"ComputedFields",props:{style:{color:"#FFCB6B"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"=",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"{",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"slug",props:{style:{color:"#F07178"}}},{content:":",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"{",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"type",props:{style:{color:"#F07178"}}},{content:":",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:"string",props:{style:{color:"#C3E88D"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:",",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"resolve",props:{style:{color:"#82AAFF"}}},{content:":",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"(",props:{style:{color:"#89DDFF"}}},{content:"doc",props:{style:{color:"#A6ACCD"}}},{content:")",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"=>",props:{style:{color:"#C792EA"}}},{content:" doc",props:{style:{color:"#A6ACCD"}}},{content:".",props:{style:{color:"#89DDFF"}}},{content:"_raw",props:{style:{color:"#A6ACCD"}}},{content:".",props:{style:{color:"#89DDFF"}}},{content:"sourceFileName",props:{style:{color:"#A6ACCD"}}},{content:".",props:{style:{color:"#89DDFF"}}},{content:"replace",props:{style:{color:"#82AAFF"}}},{content:"(",props:{style:{color:"#A6ACCD"}}},{content:"/",props:{style:{color:"#89DDFF"}}},{content:"\\.",props:{style:{color:"#A6ACCD"}}},{content:"mdx",props:{style:{color:"#C3E88D"}}},{content:"$",props:{style:{color:"#89DDFF",fontStyle:"italic"}}},{content:"/",props:{style:{color:"#89DDFF"}}},{content:",",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"''",props:{style:{color:"#89DDFF"}}},{content:")",props:{style:{color:"#A6ACCD"}}},{content:",",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"},",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"readingTime",props:{style:{color:"#F07178"}}},{content:":",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"{",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"type",props:{style:{color:"#F07178"}}},{content:":",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:"json",props:{style:{color:"#C3E88D"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:",",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"resolve",props:{style:{color:"#82AAFF"}}},{content:":",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"(",props:{style:{color:"#89DDFF"}}},{content:"doc",props:{style:{color:"#A6ACCD"}}},{content:")",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"=>",props:{style:{color:"#C792EA"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"readingTime",props:{style:{color:"#82AAFF"}}},{content:"(doc",props:{style:{color:"#A6ACCD"}}},{content:".",props:{style:{color:"#89DDFF"}}},{content:"body",props:{style:{color:"#A6ACCD"}}},{content:".",props:{style:{color:"#89DDFF"}}},{content:"raw) ",props:{style:{color:"#A6ACCD"}}},{content:"},",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:"};",props:{style:{color:"#89DDFF"}}}]}],lang:"ts"},annotations:[]}],codeConfig:{theme:{name:"material-palenight",semanticHighlighting:!0,tokenColors:[{name:"Global settings",settings:{background:"#292D3E",foreground:"#A6ACCD"}},{name:"String",scope:"string",settings:{foreground:"#C3E88D"}},{name:"Punctuation",scope:"punctuation, constant.other.symbol",settings:{foreground:"#89DDFF"}},{name:"String Escape",scope:"constant.character.escape, text.html constant.character.entity.named",settings:{foreground:"#A6ACCD"}},{name:"Boolean",scope:"constant.language.boolean",settings:{foreground:"#ff9cac"}},{name:"Number",scope:"constant.numeric",settings:{foreground:"#F78C6C"}},{name:"Variable",scope:"variable, variable.parameter, support.variable, variable.language, support.constant, meta.definition.variable entity.name.function, meta.function-call.arguments",settings:{foreground:"#A6ACCD"}},{name:"Other Keyword",scope:"keyword.other",settings:{foreground:"#F78C6C"}},{name:"Keyword",scope:"keyword, modifier, variable.language.this, support.type.object, constant.language",settings:{foreground:"#89DDFF"}},{name:"Function call",scope:"entity.name.function, support.function",settings:{foreground:"#82AAFF"}},{name:"Storage",scope:"storage.type, storage.modifier, storage.control",settings:{foreground:"#C792EA"}},{name:"Modules",scope:"support.module, support.node",settings:{foreground:"#f07178",fontStyle:"italic"}},{name:"Type",scope:"support.type, constant.other.key",settings:{foreground:"#FFCB6B"}},{name:"Type",scope:"entity.name.type, entity.other.inherited-class, entity.other",settings:{foreground:"#FFCB6B"}},{name:"Comment",scope:"comment",settings:{foreground:"#676E95",fontStyle:"italic"}},{name:"Comment",scope:"comment punctuation.definition.comment, string.quoted.docstring",settings:{foreground:"#676E95",fontStyle:"italic"}},{name:"Punctuation",scope:"punctuation",settings:{foreground:"#89DDFF"}},{name:"Class",scope:"entity.name, entity.name.type.class, support.type, support.class, meta.use",settings:{foreground:"#FFCB6B"}},{name:"Class variable",scope:"variable.object.property, meta.field.declaration entity.name.function",settings:{foreground:"#f07178"}},{name:"Class method",scope:"meta.definition.method entity.name.function",settings:{foreground:"#f07178"}},{name:"Function definition",scope:"meta.function entity.name.function",settings:{foreground:"#82AAFF"}},{name:"Template expression",scope:"template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end",settings:{foreground:"#89DDFF"}},{name:"Reset embedded/template expression colors",scope:"meta.embedded, source.groovy.embedded, meta.template.expression",settings:{foreground:"#A6ACCD"}},{name:"YAML key",scope:"entity.name.tag.yaml",settings:{foreground:"#f07178"}},{name:"JSON key",scope:"meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json",settings:{foreground:"#f07178"}},{name:"JSON constant",scope:"constant.language.json",settings:{foreground:"#89DDFF"}},{name:"CSS class",scope:"entity.other.attribute-name.class",settings:{foreground:"#FFCB6B"}},{name:"CSS ID",scope:"entity.other.attribute-name.id",settings:{foreground:"#F78C6C"}},{name:"CSS tag",scope:"source.css entity.name.tag",settings:{foreground:"#FFCB6B"}},{name:"CSS properties",scope:"support.type.property-name.css",settings:{foreground:"#B2CCD6"}},{name:"HTML tag outer",scope:"meta.tag, punctuation.definition.tag",settings:{foreground:"#89DDFF"}},{name:"HTML tag inner",scope:"entity.name.tag",settings:{foreground:"#f07178"}},{name:"HTML tag attribute",scope:"entity.other.attribute-name",settings:{foreground:"#C792EA"}},{name:"HTML entities",scope:"punctuation.definition.entity.html",settings:{foreground:"#A6ACCD"}},{name:"Markdown heading",scope:"markup.heading",settings:{foreground:"#89DDFF"}},{name:"Markdown link text",scope:"text.html.markdown meta.link.inline, meta.link.reference",settings:{foreground:"#f07178"}},{name:"Markdown list item",scope:"text.html.markdown beginning.punctuation.definition.list",settings:{foreground:"#89DDFF"}},{name:"Markdown italic",scope:"markup.italic",settings:{foreground:"#f07178",fontStyle:"italic"}},{name:"Markdown bold",scope:"markup.bold",settings:{foreground:"#f07178",fontStyle:"bold"}},{name:"Markdown bold italic",scope:"markup.bold markup.italic, markup.italic markup.bold",settings:{foreground:"#f07178",fontStyle:"italic bold"}},{name:"Markdown code block",scope:"markup.fenced_code.block.markdown punctuation.definition.markdown",settings:{foreground:"#C3E88D"}},{name:"Markdown inline code",scope:"markup.inline.raw.string.markdown",settings:{foreground:"#C3E88D"}},{name:"INI property name",scope:"keyword.other.definition.ini",settings:{foreground:"#f07178"}},{name:"INI section title",scope:"entity.name.section.group-title.ini",settings:{foreground:"#89DDFF"}},{name:"C# class",scope:"source.cs meta.class.identifier storage.type",settings:{foreground:"#FFCB6B"}},{name:"C# class method",scope:"source.cs meta.method.identifier entity.name.function",settings:{foreground:"#f07178"}},{name:"C# function call",scope:"source.cs meta.method-call meta.method, source.cs entity.name.function",settings:{foreground:"#82AAFF"}},{name:"C# type",scope:"source.cs storage.type",settings:{foreground:"#FFCB6B"}},{name:"C# return type",scope:"source.cs meta.method.return-type",settings:{foreground:"#FFCB6B"}},{name:"C# preprocessor",scope:"source.cs meta.preprocessor",settings:{foreground:"#676E95"}},{name:"C# namespace",scope:"source.cs entity.name.type.namespace",settings:{foreground:"#A6ACCD"}},{name:"JSX Text",scope:"meta.jsx.children, SXNested",settings:{foreground:"#A6ACCD"}},{name:"JSX Components name",scope:"support.class.component",settings:{foreground:"#FFCB6B"}},{name:"C-related Block Level Variables",scope:"source.cpp meta.block variable.other",settings:{foreground:"#A6ACCD"}},{name:"Member Access Meta",scope:"source.python meta.member.access.python",settings:{foreground:"#f07178"}},{name:"Function Call",scope:"source.python meta.function-call.python, meta.function-call.arguments",settings:{foreground:"#82AAFF"}},{name:"Blocks",scope:"meta.block",settings:{foreground:"#f07178"}},{name:"Function Call",scope:"entity.name.function.call",settings:{foreground:"#82AAFF"}},{name:"Namespaces",scope:"source.php support.other.namespace, source.php meta.use support.class",settings:{foreground:"#A6ACCD"}},{name:"Constant keywords",scope:"constant.keyword",settings:{foreground:"#89DDFF",fontStyle:"italic"}},{name:"Entity name",scope:"entity.name.function",settings:{foreground:"#82AAFF"}},{name:"Global settings",settings:{background:"#292D3E",foreground:"#A6ACCD"}},{name:"Markup Deleted",scope:["markup.deleted"],settings:{foreground:"#f07178"}},{name:"Markup Inserted",scope:["markup.inserted"],settings:{foreground:"#C3E88D"}},{name:"Markup Underline",scope:["markup.underline"],settings:{fontStyle:"underline"}},{name:"Keyword Control",scope:["keyword.control"],settings:{foreground:"#89DDFF",fontStyle:"italic"}},{name:"Markdown - Blockquote",scope:["markup.quote"],settings:{fontStyle:"italic",foreground:"#89DDFF"}},{name:"Markdown - Fenced Language",scope:["markup.fenced_code.block"],settings:{foreground:"#A6ACCD90"}},{name:"Markdown - Blockquote Punctuation",scope:["punctuation.definition.quote"],settings:{foreground:"#ff9cac"}},{name:"JSON Key - Level 0",scope:["meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#C792EA"}},{name:"JSON Key - Level 1",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#FFCB6B"}},{name:"JSON Key - Level 2",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#F78C6C"}},{name:"JSON Key - Level 3",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#f07178"}},{name:"JSON Key - Level 4",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#916b53"}},{name:"JSON Key - Level 5",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#82AAFF"}},{name:"JSON Key - Level 6",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#ff9cac"}},{name:"JSON Key - Level 7",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#C792EA"}},{name:"JSON Key - Level 8",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#C3E88D"}}],colors:{focusBorder:"#FFFFFF00",foreground:"#A6ACCD","button.background":"#717CB450","button.foreground":"#ffffff","dropdown.background":"#292D3E","input.background":"#333747","inputOption.activeBorder":"#A6ACCD30","list.activeSelectionBackground":"#292D3E","list.activeSelectionForeground":"#80CBC4","list.dropBackground":"#f0717880","list.focusBackground":"#A6ACCD20","list.focusForeground":"#A6ACCD","list.highlightForeground":"#80CBC4","list.hoverBackground":"#292D3E","list.inactiveSelectionBackground":"#00000030","activityBar.background":"#292D3E","activityBar.dropBackground":"#f0717880","activityBarBadge.background":"#80CBC4","activityBarBadge.foreground":"#000000","badge.background":"#00000030","badge.foreground":"#676E95","sideBar.background":"#292D3E","sideBarSectionHeader.background":"#292D3E","editorGroup.dropBackground":"#f0717880","editorGroup.focusedEmptyBorder":"#f07178","editorGroupHeader.tabsBackground":"#292D3E","tab.border":"#292D3E","tab.activeBorder":"#80CBC4","tab.inactiveBackground":"#292D3E","tab.activeModifiedBorder":"#676E95","tab.inactiveModifiedBorder":"#904348","tab.unfocusedActiveModifiedBorder":"#c05a60","tab.unfocusedInactiveModifiedBorder":"#904348","editor.background":"#292D3E","editor.foreground":"#A6ACCD","editorLineNumber.foreground":"#3A3F58","editorLineNumber.activeForeground":"#676E95","editorCursor.foreground":"#FFCC00","editor.selectionBackground":"#717CB450","editor.selectionHighlightBackground":"#FFCC0020","editor.wordHighlightBackground":"#ff9cac30","editor.wordHighlightStrongBackground":"#C3E88D30","editor.findMatchHighlight":"#A6ACCD","editor.findRangeHighlightBackground":"#FFCB6B30","editor.lineHighlightBorder":"#00000000","editor.rangeHighlightBackground":"#FFFFFF0d","editorWhitespace.foreground":"#A6ACCD40","editorWidget.background":"#292D3E","editorHoverWidget.background":"#292D3E","editorMarkerNavigation.background":"#A6ACCD05","peekView.border":"#00000030","peekViewEditor.background":"#A6ACCD05","peekViewResult.background":"#A6ACCD05","peekViewTitle.background":"#A6ACCD05","panel.background":"#292D3E","panel.border":"#292D3E60","panelTitle.activeBorder":"#80CBC4","panelTitle.inactiveForeground":"#A6ACCD","statusBar.background":"#292D3E","statusBar.debuggingBackground":"#C792EA","statusBar.debuggingForeground":"#ffffff","statusBar.noFolderBackground":"#292D3E","statusBarItem.activeBackground":"#f0717880","statusBarItem.hoverBackground":"#676E9520","statusBarItem.remoteBackground":"#80CBC4","statusBarItem.remoteForeground":"#000000","titleBar.activeBackground":"#292D3E","pickerGroup.border":"#FFFFFF1a","terminal.ansiBlack":"#000000","terminal.ansiBlue":"#82AAFF","terminal.ansiBrightBlack":"#676E95","terminal.ansiBrightBlue":"#82AAFF","terminal.ansiBrightCyan":"#89DDFF","terminal.ansiBrightGreen":"#C3E88D","terminal.ansiBrightMagenta":"#C792EA","terminal.ansiBrightRed":"#f07178","terminal.ansiBrightWhite":"#ffffff","terminal.ansiBrightYellow":"#FFCB6B","terminal.ansiCyan":"#89DDFF","terminal.ansiGreen":"#C3E88D","terminal.ansiMagenta":"#C792EA","terminal.ansiRed":"#f07178","terminal.ansiWhite":"#ffffff","terminal.ansiYellow":"#FFCB6B","debugToolBar.background":"#292D3E","debugConsole.errorForeground":"#f07178","debugConsole.infoForeground":"#89DDFF","debugConsole.warningForeground":"#FFCB6B","selection.background":"#00000080","editorRuler.foreground":"#4E5579","widget.shadow":"#00000030","scrollbar.shadow":"#00000030","editorLink.activeForeground":"#A6ACCD","progressBar.background":"#80CBC4","pickerGroup.foreground":"#80CBC4","tree.indentGuidesStroke":"#4E5579","terminalCursor.foreground":"#FFCB6B","terminalCursor.background":"#000000","inputOption.activeBackground":"#A6ACCD30","textLink.foreground":"#80CBC4","textLink.activeForeground":"#A6ACCD","sideBar.foreground":"#676E95","sideBar.border":"#292D3E60","sideBarTitle.foreground":"#A6ACCD","sideBarSectionHeader.border":"#292D3E60","panel.dropBackground":"#A6ACCD","panelTitle.activeForeground":"#FFFFFF","editor.lineHighlightBackground":"#00000050","editor.findMatchBackground":"#000000","editor.findMatchHighlightBackground":"#00000050","editor.findMatchBorder":"#80CBC4","editor.findMatchHighlightBorder":"#ffffff30","editorIndentGuide.background":"#4E557970","editorIndentGuide.activeBackground":"#4E5579","editorGroup.border":"#00000030","editorGutter.modifiedBackground":"#82AAFF60","editorGutter.addedBackground":"#C3E88D60","editorGutter.deletedBackground":"#f0717860","activityBar.border":"#292D3E60","activityBar.foreground":"#A6ACCD","activityBar.activeBorder":"#80CBC4","extensionBadge.remoteForeground":"#A6ACCD","scrollbarSlider.background":"#A6ACCD20","scrollbarSlider.hoverBackground":"#A6ACCD10","scrollbarSlider.activeBackground":"#80CBC4","tab.unfocusedActiveBorder":"#676E95","tab.activeForeground":"#FFFFFF","tab.inactiveForeground":"#676E95","tab.activeBackground":"#292D3E","tab.unfocusedActiveForeground":"#A6ACCD","editorWidget.resizeBorder":"#80CBC4","editorWidget.border":"#80CBC4","statusBar.border":"#292D3E60","statusBar.foreground":"#676E95","editorBracketMatch.border":"#FFCC0050","editorBracketMatch.background":"#292D3E","editorOverviewRuler.findMatchForeground":"#80CBC4","editorOverviewRuler.border":"#292D3E","editorOverviewRuler.errorForeground":"#f0717840","editorOverviewRuler.infoForeground":"#82AAFF40","editorOverviewRuler.warningForeground":"#FFCB6B40","editorInfo.foreground":"#82AAFF70","editorWarning.foreground":"#FFCB6B70","editorError.foreground":"#f0717870","editorHoverWidget.border":"#FFFFFF10","titleBar.activeForeground":"#A6ACCD","titleBar.inactiveBackground":"#292D3E","titleBar.inactiveForeground":"#676E95","titleBar.border":"#292D3E60","input.foreground":"#A6ACCD","input.placeholderForeground":"#A6ACCD60","input.border":"#FFFFFF10","inputValidation.errorBorder":"#f07178","inputValidation.infoBorder":"#82AAFF","inputValidation.warningBorder":"#FFCB6B","dropdown.border":"#FFFFFF10","quickInput.background":"#292D3E","quickInput.foreground":"#676E95","list.hoverForeground":"#FFFFFF","list.inactiveSelectionForeground":"#80CBC4","quickInput.list.focusBackground":"#A6ACCD20","editorSuggestWidget.background":"#292D3E","editorSuggestWidget.foreground":"#A6ACCD","editorSuggestWidget.highlightForeground":"#80CBC4","editorSuggestWidget.selectedBackground":"#00000050","editorSuggestWidget.border":"#FFFFFF10","diffEditor.insertedTextBackground":"#89DDFF20","diffEditor.removedTextBackground":"#ff9cac20","notifications.background":"#292D3E","notifications.foreground":"#A6ACCD","notificationLink.foreground":"#80CBC4","extensionButton.prominentBackground":"#C3E88D90","extensionButton.prominentHoverBackground":"#C3E88D","extensionButton.prominentForeground":"#000000","peekViewEditorGutter.background":"#A6ACCD05","peekViewTitleDescription.foreground":"#A6ACCD60","peekViewResult.matchHighlightBackground":"#717CB450","peekViewEditor.matchHighlightBackground":"#717CB450","peekViewResult.selectionBackground":"#676E9570","gitDecoration.deletedResourceForeground":"#f0717890","gitDecoration.conflictingResourceForeground":"#FFCB6B90","gitDecoration.modifiedResourceForeground":"#82AAFF90","gitDecoration.untrackedResourceForeground":"#C3E88D90","gitDecoration.ignoredResourceForeground":"#676E9590","breadcrumb.background":"#292D3E","breadcrumb.foreground":"#676E95","breadcrumb.focusForeground":"#A6ACCD","breadcrumb.activeSelectionForeground":"#80CBC4","breadcrumbPicker.background":"#292D3E","menu.background":"#292D3E","menu.foreground":"#A6ACCD","menu.selectionBackground":"#00000050","menu.selectionForeground":"#80CBC4","menu.selectionBorder":"#00000030","menu.separatorBackground":"#A6ACCD","menubar.selectionBackground":"#00000030","menubar.selectionForeground":"#80CBC4","menubar.selectionBorder":"#00000030","settings.dropdownForeground":"#A6ACCD","settings.dropdownBackground":"#292D3E","settings.numberInputForeground":"#A6ACCD","settings.numberInputBackground":"#292D3E","settings.textInputForeground":"#A6ACCD","settings.textInputBackground":"#292D3E","settings.headerForeground":"#80CBC4","settings.modifiedItemIndicator":"#80CBC4","settings.checkboxBackground":"#292D3E","settings.checkboxForeground":"#A6ACCD","listFilterWidget.background":"#00000030","listFilterWidget.outline":"#00000030","listFilterWidget.noMatchesOutline":"#00000030"}}},children:[(0,y.jsxs)(n.p,{children:["This are some kind of virtual fields that can go through and extra process, for example to ",(0,y.jsx)(I.CH.SectionLink,{focus:"5:8",id:"focus://5:8",children:"get the slug"})," from the file name, or to get some extra metadata like ",(0,y.jsx)(I.CH.SectionLink,{focus:"2,9",id:"focus://2,9",children:"reading time"}),"."]}),(0,y.jsx)(I.CH.SectionCode,{})]}),` `,(0,y.jsxs)(I.CH.Section,{northPanel:{tabs:["contentlayer.config.ts"],active:"contentlayer.config.ts",heightRatio:1},files:[{name:"contentlayer.config.ts",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#89DDFF",fontStyle:"italic"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"{",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#F07178"}}},{content:"makeSource",props:{style:{color:"#A6ACCD"}}},{content:" ",props:{style:{color:"#F07178"}}},{content:"}",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"from",props:{style:{color:"#89DDFF",fontStyle:"italic"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:"contentlayer/source-files",props:{style:{color:"#C3E88D"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:";",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:"import",props:{style:{color:"#89DDFF",fontStyle:"italic"}}},{content:" slug ",props:{style:{color:"#A6ACCD"}}},{content:"from",props:{style:{color:"#89DDFF",fontStyle:"italic"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:"rehype-slug",props:{style:{color:"#C3E88D"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:";",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:"import",props:{style:{color:"#89DDFF",fontStyle:"italic"}}},{content:" remarkGfm ",props:{style:{color:"#A6ACCD"}}},{content:"from",props:{style:{color:"#89DDFF",fontStyle:"italic"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:"remark-gfm",props:{style:{color:"#C3E88D"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:";",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:"import",props:{style:{color:"#89DDFF",fontStyle:"italic"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"{",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#F07178"}}},{content:"rehypeAccessibleEmojis",props:{style:{color:"#A6ACCD"}}},{content:" ",props:{style:{color:"#F07178"}}},{content:"}",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"from",props:{style:{color:"#89DDFF",fontStyle:"italic"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:"rehype-accessible-emojis",props:{style:{color:"#C3E88D"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:";",props:{style:{color:"#89DDFF"}}}]},{tokens:[]},{tokens:[{content:"const",props:{style:{color:"#C792EA"}}},{content:" contentLayerConfig ",props:{style:{color:"#A6ACCD"}}},{content:"=",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"makeSource",props:{style:{color:"#82AAFF"}}},{content:"(",props:{style:{color:"#A6ACCD"}}},{content:"async",props:{style:{color:"#C792EA"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"()",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"=>",props:{style:{color:"#C792EA"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"{",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:" ",props:{style:{color:"#F07178"}}},{content:"return",props:{style:{color:"#89DDFF",fontStyle:"italic"}}},{content:" ",props:{style:{color:"#F07178"}}},{content:"{",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:" contentDirPath",props:{style:{color:"#F07178"}}},{content:":",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#F07178"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:"content",props:{style:{color:"#C3E88D"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:",",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:" documentTypes",props:{style:{color:"#F07178"}}},{content:":",props:{style:{color:"#89DDFF"}}},{content:" [",props:{style:{color:"#F07178"}}},{content:"Post",props:{style:{color:"#A6ACCD"}}},{content:"]",props:{style:{color:"#F07178"}}},{content:",",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:" mdx",props:{style:{color:"#F07178"}}},{content:":",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#F07178"}}},{content:"{",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:" remarkPlugins",props:{style:{color:"#F07178"}}},{content:":",props:{style:{color:"#89DDFF"}}},{content:" [",props:{style:{color:"#F07178"}}},{content:"remarkGfm",props:{style:{color:"#A6ACCD"}}},{content:"]",props:{style:{color:"#F07178"}}},{content:",",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:" rehypePlugins",props:{style:{color:"#F07178"}}},{content:":",props:{style:{color:"#89DDFF"}}},{content:" [",props:{style:{color:"#F07178"}}}]},{tokens:[{content:" ",props:{style:{color:"#F07178"}}},{content:"slug",props:{style:{color:"#A6ACCD"}}},{content:",",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:" ",props:{style:{color:"#F07178"}}},{content:"rehypeAccessibleEmojis",props:{style:{color:"#A6ACCD"}}},{content:",",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:" ]",props:{style:{color:"#F07178"}}},{content:",",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:" ",props:{style:{color:"#F07178"}}},{content:"},",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:" ",props:{style:{color:"#F07178"}}},{content:"};",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:"}",props:{style:{color:"#89DDFF"}}},{content:")",props:{style:{color:"#A6ACCD"}}},{content:";",props:{style:{color:"#89DDFF"}}}]},{tokens:[]},{tokens:[{content:"export",props:{style:{color:"#89DDFF",fontStyle:"italic"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"default",props:{style:{color:"#89DDFF",fontStyle:"italic"}}},{content:" contentLayerConfig",props:{style:{color:"#A6ACCD"}}},{content:";",props:{style:{color:"#89DDFF"}}}]}],lang:"js"},annotations:[]}],codeConfig:{theme:{name:"material-palenight",semanticHighlighting:!0,tokenColors:[{name:"Global settings",settings:{background:"#292D3E",foreground:"#A6ACCD"}},{name:"String",scope:"string",settings:{foreground:"#C3E88D"}},{name:"Punctuation",scope:"punctuation, constant.other.symbol",settings:{foreground:"#89DDFF"}},{name:"String Escape",scope:"constant.character.escape, text.html constant.character.entity.named",settings:{foreground:"#A6ACCD"}},{name:"Boolean",scope:"constant.language.boolean",settings:{foreground:"#ff9cac"}},{name:"Number",scope:"constant.numeric",settings:{foreground:"#F78C6C"}},{name:"Variable",scope:"variable, variable.parameter, support.variable, variable.language, support.constant, meta.definition.variable entity.name.function, meta.function-call.arguments",settings:{foreground:"#A6ACCD"}},{name:"Other Keyword",scope:"keyword.other",settings:{foreground:"#F78C6C"}},{name:"Keyword",scope:"keyword, modifier, variable.language.this, support.type.object, constant.language",settings:{foreground:"#89DDFF"}},{name:"Function call",scope:"entity.name.function, support.function",settings:{foreground:"#82AAFF"}},{name:"Storage",scope:"storage.type, storage.modifier, storage.control",settings:{foreground:"#C792EA"}},{name:"Modules",scope:"support.module, support.node",settings:{foreground:"#f07178",fontStyle:"italic"}},{name:"Type",scope:"support.type, constant.other.key",settings:{foreground:"#FFCB6B"}},{name:"Type",scope:"entity.name.type, entity.other.inherited-class, entity.other",settings:{foreground:"#FFCB6B"}},{name:"Comment",scope:"comment",settings:{foreground:"#676E95",fontStyle:"italic"}},{name:"Comment",scope:"comment punctuation.definition.comment, string.quoted.docstring",settings:{foreground:"#676E95",fontStyle:"italic"}},{name:"Punctuation",scope:"punctuation",settings:{foreground:"#89DDFF"}},{name:"Class",scope:"entity.name, entity.name.type.class, support.type, support.class, meta.use",settings:{foreground:"#FFCB6B"}},{name:"Class variable",scope:"variable.object.property, meta.field.declaration entity.name.function",settings:{foreground:"#f07178"}},{name:"Class method",scope:"meta.definition.method entity.name.function",settings:{foreground:"#f07178"}},{name:"Function definition",scope:"meta.function entity.name.function",settings:{foreground:"#82AAFF"}},{name:"Template expression",scope:"template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end",settings:{foreground:"#89DDFF"}},{name:"Reset embedded/template expression colors",scope:"meta.embedded, source.groovy.embedded, meta.template.expression",settings:{foreground:"#A6ACCD"}},{name:"YAML key",scope:"entity.name.tag.yaml",settings:{foreground:"#f07178"}},{name:"JSON key",scope:"meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json",settings:{foreground:"#f07178"}},{name:"JSON constant",scope:"constant.language.json",settings:{foreground:"#89DDFF"}},{name:"CSS class",scope:"entity.other.attribute-name.class",settings:{foreground:"#FFCB6B"}},{name:"CSS ID",scope:"entity.other.attribute-name.id",settings:{foreground:"#F78C6C"}},{name:"CSS tag",scope:"source.css entity.name.tag",settings:{foreground:"#FFCB6B"}},{name:"CSS properties",scope:"support.type.property-name.css",settings:{foreground:"#B2CCD6"}},{name:"HTML tag outer",scope:"meta.tag, punctuation.definition.tag",settings:{foreground:"#89DDFF"}},{name:"HTML tag inner",scope:"entity.name.tag",settings:{foreground:"#f07178"}},{name:"HTML tag attribute",scope:"entity.other.attribute-name",settings:{foreground:"#C792EA"}},{name:"HTML entities",scope:"punctuation.definition.entity.html",settings:{foreground:"#A6ACCD"}},{name:"Markdown heading",scope:"markup.heading",settings:{foreground:"#89DDFF"}},{name:"Markdown link text",scope:"text.html.markdown meta.link.inline, meta.link.reference",settings:{foreground:"#f07178"}},{name:"Markdown list item",scope:"text.html.markdown beginning.punctuation.definition.list",settings:{foreground:"#89DDFF"}},{name:"Markdown italic",scope:"markup.italic",settings:{foreground:"#f07178",fontStyle:"italic"}},{name:"Markdown bold",scope:"markup.bold",settings:{foreground:"#f07178",fontStyle:"bold"}},{name:"Markdown bold italic",scope:"markup.bold markup.italic, markup.italic markup.bold",settings:{foreground:"#f07178",fontStyle:"italic bold"}},{name:"Markdown code block",scope:"markup.fenced_code.block.markdown punctuation.definition.markdown",settings:{foreground:"#C3E88D"}},{name:"Markdown inline code",scope:"markup.inline.raw.string.markdown",settings:{foreground:"#C3E88D"}},{name:"INI property name",scope:"keyword.other.definition.ini",settings:{foreground:"#f07178"}},{name:"INI section title",scope:"entity.name.section.group-title.ini",settings:{foreground:"#89DDFF"}},{name:"C# class",scope:"source.cs meta.class.identifier storage.type",settings:{foreground:"#FFCB6B"}},{name:"C# class method",scope:"source.cs meta.method.identifier entity.name.function",settings:{foreground:"#f07178"}},{name:"C# function call",scope:"source.cs meta.method-call meta.method, source.cs entity.name.function",settings:{foreground:"#82AAFF"}},{name:"C# type",scope:"source.cs storage.type",settings:{foreground:"#FFCB6B"}},{name:"C# return type",scope:"source.cs meta.method.return-type",settings:{foreground:"#FFCB6B"}},{name:"C# preprocessor",scope:"source.cs meta.preprocessor",settings:{foreground:"#676E95"}},{name:"C# namespace",scope:"source.cs entity.name.type.namespace",settings:{foreground:"#A6ACCD"}},{name:"JSX Text",scope:"meta.jsx.children, SXNested",settings:{foreground:"#A6ACCD"}},{name:"JSX Components name",scope:"support.class.component",settings:{foreground:"#FFCB6B"}},{name:"C-related Block Level Variables",scope:"source.cpp meta.block variable.other",settings:{foreground:"#A6ACCD"}},{name:"Member Access Meta",scope:"source.python meta.member.access.python",settings:{foreground:"#f07178"}},{name:"Function Call",scope:"source.python meta.function-call.python, meta.function-call.arguments",settings:{foreground:"#82AAFF"}},{name:"Blocks",scope:"meta.block",settings:{foreground:"#f07178"}},{name:"Function Call",scope:"entity.name.function.call",settings:{foreground:"#82AAFF"}},{name:"Namespaces",scope:"source.php support.other.namespace, source.php meta.use support.class",settings:{foreground:"#A6ACCD"}},{name:"Constant keywords",scope:"constant.keyword",settings:{foreground:"#89DDFF",fontStyle:"italic"}},{name:"Entity name",scope:"entity.name.function",settings:{foreground:"#82AAFF"}},{name:"Global settings",settings:{background:"#292D3E",foreground:"#A6ACCD"}},{name:"Markup Deleted",scope:["markup.deleted"],settings:{foreground:"#f07178"}},{name:"Markup Inserted",scope:["markup.inserted"],settings:{foreground:"#C3E88D"}},{name:"Markup Underline",scope:["markup.underline"],settings:{fontStyle:"underline"}},{name:"Keyword Control",scope:["keyword.control"],settings:{foreground:"#89DDFF",fontStyle:"italic"}},{name:"Markdown - Blockquote",scope:["markup.quote"],settings:{fontStyle:"italic",foreground:"#89DDFF"}},{name:"Markdown - Fenced Language",scope:["markup.fenced_code.block"],settings:{foreground:"#A6ACCD90"}},{name:"Markdown - Blockquote Punctuation",scope:["punctuation.definition.quote"],settings:{foreground:"#ff9cac"}},{name:"JSON Key - Level 0",scope:["meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#C792EA"}},{name:"JSON Key - Level 1",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#FFCB6B"}},{name:"JSON Key - Level 2",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#F78C6C"}},{name:"JSON Key - Level 3",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#f07178"}},{name:"JSON Key - Level 4",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#916b53"}},{name:"JSON Key - Level 5",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#82AAFF"}},{name:"JSON Key - Level 6",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#ff9cac"}},{name:"JSON Key - Level 7",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#C792EA"}},{name:"JSON Key - Level 8",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#C3E88D"}}],colors:{focusBorder:"#FFFFFF00",foreground:"#A6ACCD","button.background":"#717CB450","button.foreground":"#ffffff","dropdown.background":"#292D3E","input.background":"#333747","inputOption.activeBorder":"#A6ACCD30","list.activeSelectionBackground":"#292D3E","list.activeSelectionForeground":"#80CBC4","list.dropBackground":"#f0717880","list.focusBackground":"#A6ACCD20","list.focusForeground":"#A6ACCD","list.highlightForeground":"#80CBC4","list.hoverBackground":"#292D3E","list.inactiveSelectionBackground":"#00000030","activityBar.background":"#292D3E","activityBar.dropBackground":"#f0717880","activityBarBadge.background":"#80CBC4","activityBarBadge.foreground":"#000000","badge.background":"#00000030","badge.foreground":"#676E95","sideBar.background":"#292D3E","sideBarSectionHeader.background":"#292D3E","editorGroup.dropBackground":"#f0717880","editorGroup.focusedEmptyBorder":"#f07178","editorGroupHeader.tabsBackground":"#292D3E","tab.border":"#292D3E","tab.activeBorder":"#80CBC4","tab.inactiveBackground":"#292D3E","tab.activeModifiedBorder":"#676E95","tab.inactiveModifiedBorder":"#904348","tab.unfocusedActiveModifiedBorder":"#c05a60","tab.unfocusedInactiveModifiedBorder":"#904348","editor.background":"#292D3E","editor.foreground":"#A6ACCD","editorLineNumber.foreground":"#3A3F58","editorLineNumber.activeForeground":"#676E95","editorCursor.foreground":"#FFCC00","editor.selectionBackground":"#717CB450","editor.selectionHighlightBackground":"#FFCC0020","editor.wordHighlightBackground":"#ff9cac30","editor.wordHighlightStrongBackground":"#C3E88D30","editor.findMatchHighlight":"#A6ACCD","editor.findRangeHighlightBackground":"#FFCB6B30","editor.lineHighlightBorder":"#00000000","editor.rangeHighlightBackground":"#FFFFFF0d","editorWhitespace.foreground":"#A6ACCD40","editorWidget.background":"#292D3E","editorHoverWidget.background":"#292D3E","editorMarkerNavigation.background":"#A6ACCD05","peekView.border":"#00000030","peekViewEditor.background":"#A6ACCD05","peekViewResult.background":"#A6ACCD05","peekViewTitle.background":"#A6ACCD05","panel.background":"#292D3E","panel.border":"#292D3E60","panelTitle.activeBorder":"#80CBC4","panelTitle.inactiveForeground":"#A6ACCD","statusBar.background":"#292D3E","statusBar.debuggingBackground":"#C792EA","statusBar.debuggingForeground":"#ffffff","statusBar.noFolderBackground":"#292D3E","statusBarItem.activeBackground":"#f0717880","statusBarItem.hoverBackground":"#676E9520","statusBarItem.remoteBackground":"#80CBC4","statusBarItem.remoteForeground":"#000000","titleBar.activeBackground":"#292D3E","pickerGroup.border":"#FFFFFF1a","terminal.ansiBlack":"#000000","terminal.ansiBlue":"#82AAFF","terminal.ansiBrightBlack":"#676E95","terminal.ansiBrightBlue":"#82AAFF","terminal.ansiBrightCyan":"#89DDFF","terminal.ansiBrightGreen":"#C3E88D","terminal.ansiBrightMagenta":"#C792EA","terminal.ansiBrightRed":"#f07178","terminal.ansiBrightWhite":"#ffffff","terminal.ansiBrightYellow":"#FFCB6B","terminal.ansiCyan":"#89DDFF","terminal.ansiGreen":"#C3E88D","terminal.ansiMagenta":"#C792EA","terminal.ansiRed":"#f07178","terminal.ansiWhite":"#ffffff","terminal.ansiYellow":"#FFCB6B","debugToolBar.background":"#292D3E","debugConsole.errorForeground":"#f07178","debugConsole.infoForeground":"#89DDFF","debugConsole.warningForeground":"#FFCB6B","selection.background":"#00000080","editorRuler.foreground":"#4E5579","widget.shadow":"#00000030","scrollbar.shadow":"#00000030","editorLink.activeForeground":"#A6ACCD","progressBar.background":"#80CBC4","pickerGroup.foreground":"#80CBC4","tree.indentGuidesStroke":"#4E5579","terminalCursor.foreground":"#FFCB6B","terminalCursor.background":"#000000","inputOption.activeBackground":"#A6ACCD30","textLink.foreground":"#80CBC4","textLink.activeForeground":"#A6ACCD","sideBar.foreground":"#676E95","sideBar.border":"#292D3E60","sideBarTitle.foreground":"#A6ACCD","sideBarSectionHeader.border":"#292D3E60","panel.dropBackground":"#A6ACCD","panelTitle.activeForeground":"#FFFFFF","editor.lineHighlightBackground":"#00000050","editor.findMatchBackground":"#000000","editor.findMatchHighlightBackground":"#00000050","editor.findMatchBorder":"#80CBC4","editor.findMatchHighlightBorder":"#ffffff30","editorIndentGuide.background":"#4E557970","editorIndentGuide.activeBackground":"#4E5579","editorGroup.border":"#00000030","editorGutter.modifiedBackground":"#82AAFF60","editorGutter.addedBackground":"#C3E88D60","editorGutter.deletedBackground":"#f0717860","activityBar.border":"#292D3E60","activityBar.foreground":"#A6ACCD","activityBar.activeBorder":"#80CBC4","extensionBadge.remoteForeground":"#A6ACCD","scrollbarSlider.background":"#A6ACCD20","scrollbarSlider.hoverBackground":"#A6ACCD10","scrollbarSlider.activeBackground":"#80CBC4","tab.unfocusedActiveBorder":"#676E95","tab.activeForeground":"#FFFFFF","tab.inactiveForeground":"#676E95","tab.activeBackground":"#292D3E","tab.unfocusedActiveForeground":"#A6ACCD","editorWidget.resizeBorder":"#80CBC4","editorWidget.border":"#80CBC4","statusBar.border":"#292D3E60","statusBar.foreground":"#676E95","editorBracketMatch.border":"#FFCC0050","editorBracketMatch.background":"#292D3E","editorOverviewRuler.findMatchForeground":"#80CBC4","editorOverviewRuler.border":"#292D3E","editorOverviewRuler.errorForeground":"#f0717840","editorOverviewRuler.infoForeground":"#82AAFF40","editorOverviewRuler.warningForeground":"#FFCB6B40","editorInfo.foreground":"#82AAFF70","editorWarning.foreground":"#FFCB6B70","editorError.foreground":"#f0717870","editorHoverWidget.border":"#FFFFFF10","titleBar.activeForeground":"#A6ACCD","titleBar.inactiveBackground":"#292D3E","titleBar.inactiveForeground":"#676E95","titleBar.border":"#292D3E60","input.foreground":"#A6ACCD","input.placeholderForeground":"#A6ACCD60","input.border":"#FFFFFF10","inputValidation.errorBorder":"#f07178","inputValidation.infoBorder":"#82AAFF","inputValidation.warningBorder":"#FFCB6B","dropdown.border":"#FFFFFF10","quickInput.background":"#292D3E","quickInput.foreground":"#676E95","list.hoverForeground":"#FFFFFF","list.inactiveSelectionForeground":"#80CBC4","quickInput.list.focusBackground":"#A6ACCD20","editorSuggestWidget.background":"#292D3E","editorSuggestWidget.foreground":"#A6ACCD","editorSuggestWidget.highlightForeground":"#80CBC4","editorSuggestWidget.selectedBackground":"#00000050","editorSuggestWidget.border":"#FFFFFF10","diffEditor.insertedTextBackground":"#89DDFF20","diffEditor.removedTextBackground":"#ff9cac20","notifications.background":"#292D3E","notifications.foreground":"#A6ACCD","notificationLink.foreground":"#80CBC4","extensionButton.prominentBackground":"#C3E88D90","extensionButton.prominentHoverBackground":"#C3E88D","extensionButton.prominentForeground":"#000000","peekViewEditorGutter.background":"#A6ACCD05","peekViewTitleDescription.foreground":"#A6ACCD60","peekViewResult.matchHighlightBackground":"#717CB450","peekViewEditor.matchHighlightBackground":"#717CB450","peekViewResult.selectionBackground":"#676E9570","gitDecoration.deletedResourceForeground":"#f0717890","gitDecoration.conflictingResourceForeground":"#FFCB6B90","gitDecoration.modifiedResourceForeground":"#82AAFF90","gitDecoration.untrackedResourceForeground":"#C3E88D90","gitDecoration.ignoredResourceForeground":"#676E9590","breadcrumb.background":"#292D3E","breadcrumb.foreground":"#676E95","breadcrumb.focusForeground":"#A6ACCD","breadcrumb.activeSelectionForeground":"#80CBC4","breadcrumbPicker.background":"#292D3E","menu.background":"#292D3E","menu.foreground":"#A6ACCD","menu.selectionBackground":"#00000050","menu.selectionForeground":"#80CBC4","menu.selectionBorder":"#00000030","menu.separatorBackground":"#A6ACCD","menubar.selectionBackground":"#00000030","menubar.selectionForeground":"#80CBC4","menubar.selectionBorder":"#00000030","settings.dropdownForeground":"#A6ACCD","settings.dropdownBackground":"#292D3E","settings.numberInputForeground":"#A6ACCD","settings.numberInputBackground":"#292D3E","settings.textInputForeground":"#A6ACCD","settings.textInputBackground":"#292D3E","settings.headerForeground":"#80CBC4","settings.modifiedItemIndicator":"#80CBC4","settings.checkboxBackground":"#292D3E","settings.checkboxForeground":"#A6ACCD","listFilterWidget.background":"#00000030","listFilterWidget.outline":"#00000030","listFilterWidget.noMatchesOutline":"#00000030"}}},children:[(0,y.jsxs)(n.p,{children:["Finally we complete the configuration using ",(0,y.jsx)(n.code,{children:"makeSource"}),". We need to ",(0,y.jsx)(I.CH.SectionLink,{focus:"9",id:"focus://9",children:"add the content types"})," defined above and we have the option to set ",(0,y.jsx)(I.CH.SectionLink,{focus:"2:4,10:16",id:"focus://2:4,10:16",children:"extra configuration for MDX files, like using remark and rehype plugins"}),"."]}),(0,y.jsx)(I.CH.SectionCode,{})]}),` `,(0,y.jsxs)(n.p,{children:["With this we are almost done with the configuration, but since we are using NextJS we can hook up to its build process to autogenerate the content and enable live-reload. To do this we need to add some changes on ",(0,y.jsx)(n.code,{children:"next.config.js"}),". In my case I'm using ",(0,y.jsx)(n.a,{href:"https://github.com/cyrilwanner/next-compose-plugins",children:"next-compose-plugins"})," so it looks like this:"]}),` `,(0,y.jsx)(I.CH.Code,{northPanel:{tabs:["next.config.js"],active:"next.config.js",heightRatio:1},files:[{name:"next.config.js",focus:"2,4:6,12",code:{lines:[{tokens:[{content:"const",props:{style:{color:"#C792EA"}}},{content:" withPlugins ",props:{style:{color:"#A6ACCD"}}},{content:"=",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"require",props:{style:{color:"#82AAFF"}}},{content:"(",props:{style:{color:"#A6ACCD"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:"next-compose-plugins",props:{style:{color:"#C3E88D"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:")",props:{style:{color:"#A6ACCD"}}},{content:";",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:"const",props:{style:{color:"#C792EA"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"{",props:{style:{color:"#89DDFF"}}},{content:" createContentlayerPlugin ",props:{style:{color:"#A6ACCD"}}},{content:"}",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"=",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"require",props:{style:{color:"#82AAFF"}}},{content:"(",props:{style:{color:"#A6ACCD"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:"next-contentlayer",props:{style:{color:"#C3E88D"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:")",props:{style:{color:"#A6ACCD"}}},{content:";",props:{style:{color:"#89DDFF"}}}]},{tokens:[]},{tokens:[{content:"const",props:{style:{color:"#C792EA"}}},{content:" withContentlayer ",props:{style:{color:"#A6ACCD"}}},{content:"=",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"createContentlayerPlugin",props:{style:{color:"#82AAFF"}}},{content:"(",props:{style:{color:"#A6ACCD"}}},{content:"{",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:" ",props:{style:{color:"#89DDFF"}}},{content:"// Additional Contentlayer config options",props:{style:{color:"#676E95",fontStyle:"italic"}}}]},{tokens:[{content:"}",props:{style:{color:"#89DDFF"}}},{content:")",props:{style:{color:"#A6ACCD"}}},{content:";",props:{style:{color:"#89DDFF"}}}]},{tokens:[]},{tokens:[{content:"const",props:{style:{color:"#C792EA"}}},{content:" nextConfig ",props:{style:{color:"#A6ACCD"}}},{content:"=",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"{",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:" ",props:{style:{color:"#89DDFF"}}},{content:"// extra next config",props:{style:{color:"#676E95",fontStyle:"italic"}}}]},{tokens:[{content:"};",props:{style:{color:"#89DDFF"}}}]},{tokens:[]},{tokens:[{content:"module.exports",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"=",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"withPlugins",props:{style:{color:"#82AAFF"}}},{content:"([",props:{style:{color:"#A6ACCD"}}}]},{tokens:[{content:" withContentlayer",props:{style:{color:"#A6ACCD"}}},{content:",",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:"]",props:{style:{color:"#A6ACCD"}}},{content:",",props:{style:{color:"#89DDFF"}}},{content:" nextConfig)",props:{style:{color:"#A6ACCD"}}},{content:";",props:{style:{color:"#89DDFF"}}}]},{tokens:[]}],lang:"js"},annotations:[]}],codeConfig:{theme:{name:"material-palenight",semanticHighlighting:!0,tokenColors:[{name:"Global settings",settings:{background:"#292D3E",foreground:"#A6ACCD"}},{name:"String",scope:"string",settings:{foreground:"#C3E88D"}},{name:"Punctuation",scope:"punctuation, constant.other.symbol",settings:{foreground:"#89DDFF"}},{name:"String Escape",scope:"constant.character.escape, text.html constant.character.entity.named",settings:{foreground:"#A6ACCD"}},{name:"Boolean",scope:"constant.language.boolean",settings:{foreground:"#ff9cac"}},{name:"Number",scope:"constant.numeric",settings:{foreground:"#F78C6C"}},{name:"Variable",scope:"variable, variable.parameter, support.variable, variable.language, support.constant, meta.definition.variable entity.name.function, meta.function-call.arguments",settings:{foreground:"#A6ACCD"}},{name:"Other Keyword",scope:"keyword.other",settings:{foreground:"#F78C6C"}},{name:"Keyword",scope:"keyword, modifier, variable.language.this, support.type.object, constant.language",settings:{foreground:"#89DDFF"}},{name:"Function call",scope:"entity.name.function, support.function",settings:{foreground:"#82AAFF"}},{name:"Storage",scope:"storage.type, storage.modifier, storage.control",settings:{foreground:"#C792EA"}},{name:"Modules",scope:"support.module, support.node",settings:{foreground:"#f07178",fontStyle:"italic"}},{name:"Type",scope:"support.type, constant.other.key",settings:{foreground:"#FFCB6B"}},{name:"Type",scope:"entity.name.type, entity.other.inherited-class, entity.other",settings:{foreground:"#FFCB6B"}},{name:"Comment",scope:"comment",settings:{foreground:"#676E95",fontStyle:"italic"}},{name:"Comment",scope:"comment punctuation.definition.comment, string.quoted.docstring",settings:{foreground:"#676E95",fontStyle:"italic"}},{name:"Punctuation",scope:"punctuation",settings:{foreground:"#89DDFF"}},{name:"Class",scope:"entity.name, entity.name.type.class, support.type, support.class, meta.use",settings:{foreground:"#FFCB6B"}},{name:"Class variable",scope:"variable.object.property, meta.field.declaration entity.name.function",settings:{foreground:"#f07178"}},{name:"Class method",scope:"meta.definition.method entity.name.function",settings:{foreground:"#f07178"}},{name:"Function definition",scope:"meta.function entity.name.function",settings:{foreground:"#82AAFF"}},{name:"Template expression",scope:"template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end",settings:{foreground:"#89DDFF"}},{name:"Reset embedded/template expression colors",scope:"meta.embedded, source.groovy.embedded, meta.template.expression",settings:{foreground:"#A6ACCD"}},{name:"YAML key",scope:"entity.name.tag.yaml",settings:{foreground:"#f07178"}},{name:"JSON key",scope:"meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json",settings:{foreground:"#f07178"}},{name:"JSON constant",scope:"constant.language.json",settings:{foreground:"#89DDFF"}},{name:"CSS class",scope:"entity.other.attribute-name.class",settings:{foreground:"#FFCB6B"}},{name:"CSS ID",scope:"entity.other.attribute-name.id",settings:{foreground:"#F78C6C"}},{name:"CSS tag",scope:"source.css entity.name.tag",settings:{foreground:"#FFCB6B"}},{name:"CSS properties",scope:"support.type.property-name.css",settings:{foreground:"#B2CCD6"}},{name:"HTML tag outer",scope:"meta.tag, punctuation.definition.tag",settings:{foreground:"#89DDFF"}},{name:"HTML tag inner",scope:"entity.name.tag",settings:{foreground:"#f07178"}},{name:"HTML tag attribute",scope:"entity.other.attribute-name",settings:{foreground:"#C792EA"}},{name:"HTML entities",scope:"punctuation.definition.entity.html",settings:{foreground:"#A6ACCD"}},{name:"Markdown heading",scope:"markup.heading",settings:{foreground:"#89DDFF"}},{name:"Markdown link text",scope:"text.html.markdown meta.link.inline, meta.link.reference",settings:{foreground:"#f07178"}},{name:"Markdown list item",scope:"text.html.markdown beginning.punctuation.definition.list",settings:{foreground:"#89DDFF"}},{name:"Markdown italic",scope:"markup.italic",settings:{foreground:"#f07178",fontStyle:"italic"}},{name:"Markdown bold",scope:"markup.bold",settings:{foreground:"#f07178",fontStyle:"bold"}},{name:"Markdown bold italic",scope:"markup.bold markup.italic, markup.italic markup.bold",settings:{foreground:"#f07178",fontStyle:"italic bold"}},{name:"Markdown code block",scope:"markup.fenced_code.block.markdown punctuation.definition.markdown",settings:{foreground:"#C3E88D"}},{name:"Markdown inline code",scope:"markup.inline.raw.string.markdown",settings:{foreground:"#C3E88D"}},{name:"INI property name",scope:"keyword.other.definition.ini",settings:{foreground:"#f07178"}},{name:"INI section title",scope:"entity.name.section.group-title.ini",settings:{foreground:"#89DDFF"}},{name:"C# class",scope:"source.cs meta.class.identifier storage.type",settings:{foreground:"#FFCB6B"}},{name:"C# class method",scope:"source.cs meta.method.identifier entity.name.function",settings:{foreground:"#f07178"}},{name:"C# function call",scope:"source.cs meta.method-call meta.method, source.cs entity.name.function",settings:{foreground:"#82AAFF"}},{name:"C# type",scope:"source.cs storage.type",settings:{foreground:"#FFCB6B"}},{name:"C# return type",scope:"source.cs meta.method.return-type",settings:{foreground:"#FFCB6B"}},{name:"C# preprocessor",scope:"source.cs meta.preprocessor",settings:{foreground:"#676E95"}},{name:"C# namespace",scope:"source.cs entity.name.type.namespace",settings:{foreground:"#A6ACCD"}},{name:"JSX Text",scope:"meta.jsx.children, SXNested",settings:{foreground:"#A6ACCD"}},{name:"JSX Components name",scope:"support.class.component",settings:{foreground:"#FFCB6B"}},{name:"C-related Block Level Variables",scope:"source.cpp meta.block variable.other",settings:{foreground:"#A6ACCD"}},{name:"Member Access Meta",scope:"source.python meta.member.access.python",settings:{foreground:"#f07178"}},{name:"Function Call",scope:"source.python meta.function-call.python, meta.function-call.arguments",settings:{foreground:"#82AAFF"}},{name:"Blocks",scope:"meta.block",settings:{foreground:"#f07178"}},{name:"Function Call",scope:"entity.name.function.call",settings:{foreground:"#82AAFF"}},{name:"Namespaces",scope:"source.php support.other.namespace, source.php meta.use support.class",settings:{foreground:"#A6ACCD"}},{name:"Constant keywords",scope:"constant.keyword",settings:{foreground:"#89DDFF",fontStyle:"italic"}},{name:"Entity name",scope:"entity.name.function",settings:{foreground:"#82AAFF"}},{name:"Global settings",settings:{background:"#292D3E",foreground:"#A6ACCD"}},{name:"Markup Deleted",scope:["markup.deleted"],settings:{foreground:"#f07178"}},{name:"Markup Inserted",scope:["markup.inserted"],settings:{foreground:"#C3E88D"}},{name:"Markup Underline",scope:["markup.underline"],settings:{fontStyle:"underline"}},{name:"Keyword Control",scope:["keyword.control"],settings:{foreground:"#89DDFF",fontStyle:"italic"}},{name:"Markdown - Blockquote",scope:["markup.quote"],settings:{fontStyle:"italic",foreground:"#89DDFF"}},{name:"Markdown - Fenced Language",scope:["markup.fenced_code.block"],settings:{foreground:"#A6ACCD90"}},{name:"Markdown - Blockquote Punctuation",scope:["punctuation.definition.quote"],settings:{foreground:"#ff9cac"}},{name:"JSON Key - Level 0",scope:["meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#C792EA"}},{name:"JSON Key - Level 1",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#FFCB6B"}},{name:"JSON Key - Level 2",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#F78C6C"}},{name:"JSON Key - Level 3",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#f07178"}},{name:"JSON Key - Level 4",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#916b53"}},{name:"JSON Key - Level 5",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#82AAFF"}},{name:"JSON Key - Level 6",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#ff9cac"}},{name:"JSON Key - Level 7",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#C792EA"}},{name:"JSON Key - Level 8",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#C3E88D"}}],colors:{focusBorder:"#FFFFFF00",foreground:"#A6ACCD","button.background":"#717CB450","button.foreground":"#ffffff","dropdown.background":"#292D3E","input.background":"#333747","inputOption.activeBorder":"#A6ACCD30","list.activeSelectionBackground":"#292D3E","list.activeSelectionForeground":"#80CBC4","list.dropBackground":"#f0717880","list.focusBackground":"#A6ACCD20","list.focusForeground":"#A6ACCD","list.highlightForeground":"#80CBC4","list.hoverBackground":"#292D3E","list.inactiveSelectionBackground":"#00000030","activityBar.background":"#292D3E","activityBar.dropBackground":"#f0717880","activityBarBadge.background":"#80CBC4","activityBarBadge.foreground":"#000000","badge.background":"#00000030","badge.foreground":"#676E95","sideBar.background":"#292D3E","sideBarSectionHeader.background":"#292D3E","editorGroup.dropBackground":"#f0717880","editorGroup.focusedEmptyBorder":"#f07178","editorGroupHeader.tabsBackground":"#292D3E","tab.border":"#292D3E","tab.activeBorder":"#80CBC4","tab.inactiveBackground":"#292D3E","tab.activeModifiedBorder":"#676E95","tab.inactiveModifiedBorder":"#904348","tab.unfocusedActiveModifiedBorder":"#c05a60","tab.unfocusedInactiveModifiedBorder":"#904348","editor.background":"#292D3E","editor.foreground":"#A6ACCD","editorLineNumber.foreground":"#3A3F58","editorLineNumber.activeForeground":"#676E95","editorCursor.foreground":"#FFCC00","editor.selectionBackground":"#717CB450","editor.selectionHighlightBackground":"#FFCC0020","editor.wordHighlightBackground":"#ff9cac30","editor.wordHighlightStrongBackground":"#C3E88D30","editor.findMatchHighlight":"#A6ACCD","editor.findRangeHighlightBackground":"#FFCB6B30","editor.lineHighlightBorder":"#00000000","editor.rangeHighlightBackground":"#FFFFFF0d","editorWhitespace.foreground":"#A6ACCD40","editorWidget.background":"#292D3E","editorHoverWidget.background":"#292D3E","editorMarkerNavigation.background":"#A6ACCD05","peekView.border":"#00000030","peekViewEditor.background":"#A6ACCD05","peekViewResult.background":"#A6ACCD05","peekViewTitle.background":"#A6ACCD05","panel.background":"#292D3E","panel.border":"#292D3E60","panelTitle.activeBorder":"#80CBC4","panelTitle.inactiveForeground":"#A6ACCD","statusBar.background":"#292D3E","statusBar.debuggingBackground":"#C792EA","statusBar.debuggingForeground":"#ffffff","statusBar.noFolderBackground":"#292D3E","statusBarItem.activeBackground":"#f0717880","statusBarItem.hoverBackground":"#676E9520","statusBarItem.remoteBackground":"#80CBC4","statusBarItem.remoteForeground":"#000000","titleBar.activeBackground":"#292D3E","pickerGroup.border":"#FFFFFF1a","terminal.ansiBlack":"#000000","terminal.ansiBlue":"#82AAFF","terminal.ansiBrightBlack":"#676E95","terminal.ansiBrightBlue":"#82AAFF","terminal.ansiBrightCyan":"#89DDFF","terminal.ansiBrightGreen":"#C3E88D","terminal.ansiBrightMagenta":"#C792EA","terminal.ansiBrightRed":"#f07178","terminal.ansiBrightWhite":"#ffffff","terminal.ansiBrightYellow":"#FFCB6B","terminal.ansiCyan":"#89DDFF","terminal.ansiGreen":"#C3E88D","terminal.ansiMagenta":"#C792EA","terminal.ansiRed":"#f07178","terminal.ansiWhite":"#ffffff","terminal.ansiYellow":"#FFCB6B","debugToolBar.background":"#292D3E","debugConsole.errorForeground":"#f07178","debugConsole.infoForeground":"#89DDFF","debugConsole.warningForeground":"#FFCB6B","selection.background":"#00000080","editorRuler.foreground":"#4E5579","widget.shadow":"#00000030","scrollbar.shadow":"#00000030","editorLink.activeForeground":"#A6ACCD","progressBar.background":"#80CBC4","pickerGroup.foreground":"#80CBC4","tree.indentGuidesStroke":"#4E5579","terminalCursor.foreground":"#FFCB6B","terminalCursor.background":"#000000","inputOption.activeBackground":"#A6ACCD30","textLink.foreground":"#80CBC4","textLink.activeForeground":"#A6ACCD","sideBar.foreground":"#676E95","sideBar.border":"#292D3E60","sideBarTitle.foreground":"#A6ACCD","sideBarSectionHeader.border":"#292D3E60","panel.dropBackground":"#A6ACCD","panelTitle.activeForeground":"#FFFFFF","editor.lineHighlightBackground":"#00000050","editor.findMatchBackground":"#000000","editor.findMatchHighlightBackground":"#00000050","editor.findMatchBorder":"#80CBC4","editor.findMatchHighlightBorder":"#ffffff30","editorIndentGuide.background":"#4E557970","editorIndentGuide.activeBackground":"#4E5579","editorGroup.border":"#00000030","editorGutter.modifiedBackground":"#82AAFF60","editorGutter.addedBackground":"#C3E88D60","editorGutter.deletedBackground":"#f0717860","activityBar.border":"#292D3E60","activityBar.foreground":"#A6ACCD","activityBar.activeBorder":"#80CBC4","extensionBadge.remoteForeground":"#A6ACCD","scrollbarSlider.background":"#A6ACCD20","scrollbarSlider.hoverBackground":"#A6ACCD10","scrollbarSlider.activeBackground":"#80CBC4","tab.unfocusedActiveBorder":"#676E95","tab.activeForeground":"#FFFFFF","tab.inactiveForeground":"#676E95","tab.activeBackground":"#292D3E","tab.unfocusedActiveForeground":"#A6ACCD","editorWidget.resizeBorder":"#80CBC4","editorWidget.border":"#80CBC4","statusBar.border":"#292D3E60","statusBar.foreground":"#676E95","editorBracketMatch.border":"#FFCC0050","editorBracketMatch.background":"#292D3E","editorOverviewRuler.findMatchForeground":"#80CBC4","editorOverviewRuler.border":"#292D3E","editorOverviewRuler.errorForeground":"#f0717840","editorOverviewRuler.infoForeground":"#82AAFF40","editorOverviewRuler.warningForeground":"#FFCB6B40","editorInfo.foreground":"#82AAFF70","editorWarning.foreground":"#FFCB6B70","editorError.foreground":"#f0717870","editorHoverWidget.border":"#FFFFFF10","titleBar.activeForeground":"#A6ACCD","titleBar.inactiveBackground":"#292D3E","titleBar.inactiveForeground":"#676E95","titleBar.border":"#292D3E60","input.foreground":"#A6ACCD","input.placeholderForeground":"#A6ACCD60","input.border":"#FFFFFF10","inputValidation.errorBorder":"#f07178","inputValidation.infoBorder":"#82AAFF","inputValidation.warningBorder":"#FFCB6B","dropdown.border":"#FFFFFF10","quickInput.background":"#292D3E","quickInput.foreground":"#676E95","list.hoverForeground":"#FFFFFF","list.inactiveSelectionForeground":"#80CBC4","quickInput.list.focusBackground":"#A6ACCD20","editorSuggestWidget.background":"#292D3E","editorSuggestWidget.foreground":"#A6ACCD","editorSuggestWidget.highlightForeground":"#80CBC4","editorSuggestWidget.selectedBackground":"#00000050","editorSuggestWidget.border":"#FFFFFF10","diffEditor.insertedTextBackground":"#89DDFF20","diffEditor.removedTextBackground":"#ff9cac20","notifications.background":"#292D3E","notifications.foreground":"#A6ACCD","notificationLink.foreground":"#80CBC4","extensionButton.prominentBackground":"#C3E88D90","extensionButton.prominentHoverBackground":"#C3E88D","extensionButton.prominentForeground":"#000000","peekViewEditorGutter.background":"#A6ACCD05","peekViewTitleDescription.foreground":"#A6ACCD60","peekViewResult.matchHighlightBackground":"#717CB450","peekViewEditor.matchHighlightBackground":"#717CB450","peekViewResult.selectionBackground":"#676E9570","gitDecoration.deletedResourceForeground":"#f0717890","gitDecoration.conflictingResourceForeground":"#FFCB6B90","gitDecoration.modifiedResourceForeground":"#82AAFF90","gitDecoration.untrackedResourceForeground":"#C3E88D90","gitDecoration.ignoredResourceForeground":"#676E9590","breadcrumb.background":"#292D3E","breadcrumb.foreground":"#676E95","breadcrumb.focusForeground":"#A6ACCD","breadcrumb.activeSelectionForeground":"#80CBC4","breadcrumbPicker.background":"#292D3E","menu.background":"#292D3E","menu.foreground":"#A6ACCD","menu.selectionBackground":"#00000050","menu.selectionForeground":"#80CBC4","menu.selectionBorder":"#00000030","menu.separatorBackground":"#A6ACCD","menubar.selectionBackground":"#00000030","menubar.selectionForeground":"#80CBC4","menubar.selectionBorder":"#00000030","settings.dropdownForeground":"#A6ACCD","settings.dropdownBackground":"#292D3E","settings.numberInputForeground":"#A6ACCD","settings.numberInputBackground":"#292D3E","settings.textInputForeground":"#A6ACCD","settings.textInputBackground":"#292D3E","settings.headerForeground":"#80CBC4","settings.modifiedItemIndicator":"#80CBC4","settings.checkboxBackground":"#292D3E","settings.checkboxForeground":"#A6ACCD","listFilterWidget.background":"#00000030","listFilterWidget.outline":"#00000030","listFilterWidget.noMatchesOutline":"#00000030"}}}}),` `,(0,y.jsxs)(n.div,{className:"heading-container",children:[(0,y.jsx)(n.h2,{id:"how-to-use-it",children:"How to use it?"}),(0,y.jsxs)(n.a,{"aria-hidden":!0,tabIndex:"-1",href:"#how-to-use-it",children:[(0,y.jsx)(n.span,{className:"visually-hidden",children:'Read the "How to use it?" section'}),(0,y.jsx)(n.span,{className:"icon icon-link","aria-hidden":!0,children:(0,y.jsx)(n.svg,{"aria-hidden":!0,height:"30",width:"30",version:"1.1",viewBox:"0 0 16 16",children:(0,y.jsx)(n.path,{fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"})})})]})]}),` `,(0,y.jsxs)(n.p,{children:["With everything in place, running ",(0,y.jsx)(n.code,{children:"yarn dev"})," (or ",(0,y.jsx)(n.code,{children:"yarn build"})," for production) will trigger Contentlayer build process, which generates several files inside the ",(0,y.jsx)(n.code,{children:"node_modules/contentlayer/generated"}),"folder which then you can import wherever you want to use them."]}),` `,(0,y.jsxs)(n.p,{children:["For my content I defined a content type called ",(0,y.jsx)(n.code,{children:"Post"}),", so for example to look for the single post when a slug is accessed:"]}),` `,(0,y.jsx)(I.CH.Code,{northPanel:{tabs:["pages/[slug].tsx"],active:"pages/[slug].tsx",heightRatio:1},files:[{name:"pages/[slug].tsx",focus:"1,4:6",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#89DDFF",fontStyle:"italic"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"{",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#F07178"}}},{content:"allPosts",props:{style:{color:"#A6ACCD"}}},{content:" ",props:{style:{color:"#F07178"}}},{content:"}",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"from",props:{style:{color:"#89DDFF",fontStyle:"italic"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:"contentlayer/generated",props:{style:{color:"#C3E88D"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:";",props:{style:{color:"#89DDFF"}}}]},{tokens:[]},{tokens:[{content:"export",props:{style:{color:"#89DDFF",fontStyle:"italic"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"const",props:{style:{color:"#C792EA"}}},{content:" getStaticProps ",props:{style:{color:"#A6ACCD"}}},{content:"=",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"async",props:{style:{color:"#C792EA"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"({",props:{style:{color:"#89DDFF"}}},{content:" params ",props:{style:{color:"#A6ACCD"}}},{content:"})",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"=>",props:{style:{color:"#C792EA"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"{",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:" ",props:{style:{color:"#F07178"}}},{content:"const",props:{style:{color:"#C792EA"}}},{content:" ",props:{style:{color:"#F07178"}}},{content:"post",props:{style:{color:"#A6ACCD"}}},{content:" ",props:{style:{color:"#F07178"}}},{content:"=",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#F07178"}}},{content:"allPosts",props:{style:{color:"#A6ACCD"}}},{content:".",props:{style:{color:"#89DDFF"}}},{content:"find",props:{style:{color:"#82AAFF"}}},{content:"(",props:{style:{color:"#F07178"}}}]},{tokens:[{content:" ",props:{style:{color:"#F07178"}}},{content:"(",props:{style:{color:"#89DDFF"}}},{content:"post",props:{style:{color:"#A6ACCD"}}},{content:")",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#F07178"}}},{content:"=>",props:{style:{color:"#C792EA"}}},{content:" ",props:{style:{color:"#F07178"}}},{content:"post",props:{style:{color:"#A6ACCD"}}},{content:".",props:{style:{color:"#89DDFF"}}},{content:"slug",props:{style:{color:"#A6ACCD"}}},{content:" ",props:{style:{color:"#F07178"}}},{content:"===",props:{style:{color:"#89DDFF"}}},{content:" (",props:{style:{color:"#F07178"}}},{content:"params",props:{style:{color:"#A6ACCD"}}},{content:"?.",props:{style:{color:"#89DDFF"}}},{content:"slug",props:{style:{color:"#A6ACCD"}}},{content:" ",props:{style:{color:"#F07178"}}},{content:"as",props:{style:{color:"#89DDFF",fontStyle:"italic"}}},{content:" ",props:{style:{color:"#F07178"}}},{content:"string",props:{style:{color:"#FFCB6B"}}},{content:")",props:{style:{color:"#F07178"}}},{content:",",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:" )",props:{style:{color:"#F07178"}}},{content:";",props:{style:{color:"#89DDFF"}}}]},{tokens:[]},{tokens:[{content:" ",props:{style:{color:"#F07178"}}},{content:"return",props:{style:{color:"#89DDFF",fontStyle:"italic"}}},{content:" ",props:{style:{color:"#F07178"}}},{content:"{",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:" props",props:{style:{color:"#F07178"}}},{content:":",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#F07178"}}},{content:"{",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:" ",props:{style:{color:"#F07178"}}},{content:"post",props:{style:{color:"#A6ACCD"}}},{content:",",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:" ",props:{style:{color:"#F07178"}}},{content:"},",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:" ",props:{style:{color:"#F07178"}}},{content:"};",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:"};",props:{style:{color:"#89DDFF"}}}]}],lang:"js"},annotations:[]}],codeConfig:{theme:{name:"material-palenight",semanticHighlighting:!0,tokenColors:[{name:"Global settings",settings:{background:"#292D3E",foreground:"#A6ACCD"}},{name:"String",scope:"string",settings:{foreground:"#C3E88D"}},{name:"Punctuation",scope:"punctuation, constant.other.symbol",settings:{foreground:"#89DDFF"}},{name:"String Escape",scope:"constant.character.escape, text.html constant.character.entity.named",settings:{foreground:"#A6ACCD"}},{name:"Boolean",scope:"constant.language.boolean",settings:{foreground:"#ff9cac"}},{name:"Number",scope:"constant.numeric",settings:{foreground:"#F78C6C"}},{name:"Variable",scope:"variable, variable.parameter, support.variable, variable.language, support.constant, meta.definition.variable entity.name.function, meta.function-call.arguments",settings:{foreground:"#A6ACCD"}},{name:"Other Keyword",scope:"keyword.other",settings:{foreground:"#F78C6C"}},{name:"Keyword",scope:"keyword, modifier, variable.language.this, support.type.object, constant.language",settings:{foreground:"#89DDFF"}},{name:"Function call",scope:"entity.name.function, support.function",settings:{foreground:"#82AAFF"}},{name:"Storage",scope:"storage.type, storage.modifier, storage.control",settings:{foreground:"#C792EA"}},{name:"Modules",scope:"support.module, support.node",settings:{foreground:"#f07178",fontStyle:"italic"}},{name:"Type",scope:"support.type, constant.other.key",settings:{foreground:"#FFCB6B"}},{name:"Type",scope:"entity.name.type, entity.other.inherited-class, entity.other",settings:{foreground:"#FFCB6B"}},{name:"Comment",scope:"comment",settings:{foreground:"#676E95",fontStyle:"italic"}},{name:"Comment",scope:"comment punctuation.definition.comment, string.quoted.docstring",settings:{foreground:"#676E95",fontStyle:"italic"}},{name:"Punctuation",scope:"punctuation",settings:{foreground:"#89DDFF"}},{name:"Class",scope:"entity.name, entity.name.type.class, support.type, support.class, meta.use",settings:{foreground:"#FFCB6B"}},{name:"Class variable",scope:"variable.object.property, meta.field.declaration entity.name.function",settings:{foreground:"#f07178"}},{name:"Class method",scope:"meta.definition.method entity.name.function",settings:{foreground:"#f07178"}},{name:"Function definition",scope:"meta.function entity.name.function",settings:{foreground:"#82AAFF"}},{name:"Template expression",scope:"template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end",settings:{foreground:"#89DDFF"}},{name:"Reset embedded/template expression colors",scope:"meta.embedded, source.groovy.embedded, meta.template.expression",settings:{foreground:"#A6ACCD"}},{name:"YAML key",scope:"entity.name.tag.yaml",settings:{foreground:"#f07178"}},{name:"JSON key",scope:"meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json",settings:{foreground:"#f07178"}},{name:"JSON constant",scope:"constant.language.json",settings:{foreground:"#89DDFF"}},{name:"CSS class",scope:"entity.other.attribute-name.class",settings:{foreground:"#FFCB6B"}},{name:"CSS ID",scope:"entity.other.attribute-name.id",settings:{foreground:"#F78C6C"}},{name:"CSS tag",scope:"source.css entity.name.tag",settings:{foreground:"#FFCB6B"}},{name:"CSS properties",scope:"support.type.property-name.css",settings:{foreground:"#B2CCD6"}},{name:"HTML tag outer",scope:"meta.tag, punctuation.definition.tag",settings:{foreground:"#89DDFF"}},{name:"HTML tag inner",scope:"entity.name.tag",settings:{foreground:"#f07178"}},{name:"HTML tag attribute",scope:"entity.other.attribute-name",settings:{foreground:"#C792EA"}},{name:"HTML entities",scope:"punctuation.definition.entity.html",settings:{foreground:"#A6ACCD"}},{name:"Markdown heading",scope:"markup.heading",settings:{foreground:"#89DDFF"}},{name:"Markdown link text",scope:"text.html.markdown meta.link.inline, meta.link.reference",settings:{foreground:"#f07178"}},{name:"Markdown list item",scope:"text.html.markdown beginning.punctuation.definition.list",settings:{foreground:"#89DDFF"}},{name:"Markdown italic",scope:"markup.italic",settings:{foreground:"#f07178",fontStyle:"italic"}},{name:"Markdown bold",scope:"markup.bold",settings:{foreground:"#f07178",fontStyle:"bold"}},{name:"Markdown bold italic",scope:"markup.bold markup.italic, markup.italic markup.bold",settings:{foreground:"#f07178",fontStyle:"italic bold"}},{name:"Markdown code block",scope:"markup.fenced_code.block.markdown punctuation.definition.markdown",settings:{foreground:"#C3E88D"}},{name:"Markdown inline code",scope:"markup.inline.raw.string.markdown",settings:{foreground:"#C3E88D"}},{name:"INI property name",scope:"keyword.other.definition.ini",settings:{foreground:"#f07178"}},{name:"INI section title",scope:"entity.name.section.group-title.ini",settings:{foreground:"#89DDFF"}},{name:"C# class",scope:"source.cs meta.class.identifier storage.type",settings:{foreground:"#FFCB6B"}},{name:"C# class method",scope:"source.cs meta.method.identifier entity.name.function",settings:{foreground:"#f07178"}},{name:"C# function call",scope:"source.cs meta.method-call meta.method, source.cs entity.name.function",settings:{foreground:"#82AAFF"}},{name:"C# type",scope:"source.cs storage.type",settings:{foreground:"#FFCB6B"}},{name:"C# return type",scope:"source.cs meta.method.return-type",settings:{foreground:"#FFCB6B"}},{name:"C# preprocessor",scope:"source.cs meta.preprocessor",settings:{foreground:"#676E95"}},{name:"C# namespace",scope:"source.cs entity.name.type.namespace",settings:{foreground:"#A6ACCD"}},{name:"JSX Text",scope:"meta.jsx.children, SXNested",settings:{foreground:"#A6ACCD"}},{name:"JSX Components name",scope:"support.class.component",settings:{foreground:"#FFCB6B"}},{name:"C-related Block Level Variables",scope:"source.cpp meta.block variable.other",settings:{foreground:"#A6ACCD"}},{name:"Member Access Meta",scope:"source.python meta.member.access.python",settings:{foreground:"#f07178"}},{name:"Function Call",scope:"source.python meta.function-call.python, meta.function-call.arguments",settings:{foreground:"#82AAFF"}},{name:"Blocks",scope:"meta.block",settings:{foreground:"#f07178"}},{name:"Function Call",scope:"entity.name.function.call",settings:{foreground:"#82AAFF"}},{name:"Namespaces",scope:"source.php support.other.namespace, source.php meta.use support.class",settings:{foreground:"#A6ACCD"}},{name:"Constant keywords",scope:"constant.keyword",settings:{foreground:"#89DDFF",fontStyle:"italic"}},{name:"Entity name",scope:"entity.name.function",settings:{foreground:"#82AAFF"}},{name:"Global settings",settings:{background:"#292D3E",foreground:"#A6ACCD"}},{name:"Markup Deleted",scope:["markup.deleted"],settings:{foreground:"#f07178"}},{name:"Markup Inserted",scope:["markup.inserted"],settings:{foreground:"#C3E88D"}},{name:"Markup Underline",scope:["markup.underline"],settings:{fontStyle:"underline"}},{name:"Keyword Control",scope:["keyword.control"],settings:{foreground:"#89DDFF",fontStyle:"italic"}},{name:"Markdown - Blockquote",scope:["markup.quote"],settings:{fontStyle:"italic",foreground:"#89DDFF"}},{name:"Markdown - Fenced Language",scope:["markup.fenced_code.block"],settings:{foreground:"#A6ACCD90"}},{name:"Markdown - Blockquote Punctuation",scope:["punctuation.definition.quote"],settings:{foreground:"#ff9cac"}},{name:"JSON Key - Level 0",scope:["meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#C792EA"}},{name:"JSON Key - Level 1",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#FFCB6B"}},{name:"JSON Key - Level 2",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#F78C6C"}},{name:"JSON Key - Level 3",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#f07178"}},{name:"JSON Key - Level 4",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#916b53"}},{name:"JSON Key - Level 5",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#82AAFF"}},{name:"JSON Key - Level 6",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#ff9cac"}},{name:"JSON Key - Level 7",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#C792EA"}},{name:"JSON Key - Level 8",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#C3E88D"}}],colors:{focusBorder:"#FFFFFF00",foreground:"#A6ACCD","button.background":"#717CB450","button.foreground":"#ffffff","dropdown.background":"#292D3E","input.background":"#333747","inputOption.activeBorder":"#A6ACCD30","list.activeSelectionBackground":"#292D3E","list.activeSelectionForeground":"#80CBC4","list.dropBackground":"#f0717880","list.focusBackground":"#A6ACCD20","list.focusForeground":"#A6ACCD","list.highlightForeground":"#80CBC4","list.hoverBackground":"#292D3E","list.inactiveSelectionBackground":"#00000030","activityBar.background":"#292D3E","activityBar.dropBackground":"#f0717880","activityBarBadge.background":"#80CBC4","activityBarBadge.foreground":"#000000","badge.background":"#00000030","badge.foreground":"#676E95","sideBar.background":"#292D3E","sideBarSectionHeader.background":"#292D3E","editorGroup.dropBackground":"#f0717880","editorGroup.focusedEmptyBorder":"#f07178","editorGroupHeader.tabsBackground":"#292D3E","tab.border":"#292D3E","tab.activeBorder":"#80CBC4","tab.inactiveBackground":"#292D3E","tab.activeModifiedBorder":"#676E95","tab.inactiveModifiedBorder":"#904348","tab.unfocusedActiveModifiedBorder":"#c05a60","tab.unfocusedInactiveModifiedBorder":"#904348","editor.background":"#292D3E","editor.foreground":"#A6ACCD","editorLineNumber.foreground":"#3A3F58","editorLineNumber.activeForeground":"#676E95","editorCursor.foreground":"#FFCC00","editor.selectionBackground":"#717CB450","editor.selectionHighlightBackground":"#FFCC0020","editor.wordHighlightBackground":"#ff9cac30","editor.wordHighlightStrongBackground":"#C3E88D30","editor.findMatchHighlight":"#A6ACCD","editor.findRangeHighlightBackground":"#FFCB6B30","editor.lineHighlightBorder":"#00000000","editor.rangeHighlightBackground":"#FFFFFF0d","editorWhitespace.foreground":"#A6ACCD40","editorWidget.background":"#292D3E","editorHoverWidget.background":"#292D3E","editorMarkerNavigation.background":"#A6ACCD05","peekView.border":"#00000030","peekViewEditor.background":"#A6ACCD05","peekViewResult.background":"#A6ACCD05","peekViewTitle.background":"#A6ACCD05","panel.background":"#292D3E","panel.border":"#292D3E60","panelTitle.activeBorder":"#80CBC4","panelTitle.inactiveForeground":"#A6ACCD","statusBar.background":"#292D3E","statusBar.debuggingBackground":"#C792EA","statusBar.debuggingForeground":"#ffffff","statusBar.noFolderBackground":"#292D3E","statusBarItem.activeBackground":"#f0717880","statusBarItem.hoverBackground":"#676E9520","statusBarItem.remoteBackground":"#80CBC4","statusBarItem.remoteForeground":"#000000","titleBar.activeBackground":"#292D3E","pickerGroup.border":"#FFFFFF1a","terminal.ansiBlack":"#000000","terminal.ansiBlue":"#82AAFF","terminal.ansiBrightBlack":"#676E95","terminal.ansiBrightBlue":"#82AAFF","terminal.ansiBrightCyan":"#89DDFF","terminal.ansiBrightGreen":"#C3E88D","terminal.ansiBrightMagenta":"#C792EA","terminal.ansiBrightRed":"#f07178","terminal.ansiBrightWhite":"#ffffff","terminal.ansiBrightYellow":"#FFCB6B","terminal.ansiCyan":"#89DDFF","terminal.ansiGreen":"#C3E88D","terminal.ansiMagenta":"#C792EA","terminal.ansiRed":"#f07178","terminal.ansiWhite":"#ffffff","terminal.ansiYellow":"#FFCB6B","debugToolBar.background":"#292D3E","debugConsole.errorForeground":"#f07178","debugConsole.infoForeground":"#89DDFF","debugConsole.warningForeground":"#FFCB6B","selection.background":"#00000080","editorRuler.foreground":"#4E5579","widget.shadow":"#00000030","scrollbar.shadow":"#00000030","editorLink.activeForeground":"#A6ACCD","progressBar.background":"#80CBC4","pickerGroup.foreground":"#80CBC4","tree.indentGuidesStroke":"#4E5579","terminalCursor.foreground":"#FFCB6B","terminalCursor.background":"#000000","inputOption.activeBackground":"#A6ACCD30","textLink.foreground":"#80CBC4","textLink.activeForeground":"#A6ACCD","sideBar.foreground":"#676E95","sideBar.border":"#292D3E60","sideBarTitle.foreground":"#A6ACCD","sideBarSectionHeader.border":"#292D3E60","panel.dropBackground":"#A6ACCD","panelTitle.activeForeground":"#FFFFFF","editor.lineHighlightBackground":"#00000050","editor.findMatchBackground":"#000000","editor.findMatchHighlightBackground":"#00000050","editor.findMatchBorder":"#80CBC4","editor.findMatchHighlightBorder":"#ffffff30","editorIndentGuide.background":"#4E557970","editorIndentGuide.activeBackground":"#4E5579","editorGroup.border":"#00000030","editorGutter.modifiedBackground":"#82AAFF60","editorGutter.addedBackground":"#C3E88D60","editorGutter.deletedBackground":"#f0717860","activityBar.border":"#292D3E60","activityBar.foreground":"#A6ACCD","activityBar.activeBorder":"#80CBC4","extensionBadge.remoteForeground":"#A6ACCD","scrollbarSlider.background":"#A6ACCD20","scrollbarSlider.hoverBackground":"#A6ACCD10","scrollbarSlider.activeBackground":"#80CBC4","tab.unfocusedActiveBorder":"#676E95","tab.activeForeground":"#FFFFFF","tab.inactiveForeground":"#676E95","tab.activeBackground":"#292D3E","tab.unfocusedActiveForeground":"#A6ACCD","editorWidget.resizeBorder":"#80CBC4","editorWidget.border":"#80CBC4","statusBar.border":"#292D3E60","statusBar.foreground":"#676E95","editorBracketMatch.border":"#FFCC0050","editorBracketMatch.background":"#292D3E","editorOverviewRuler.findMatchForeground":"#80CBC4","editorOverviewRuler.border":"#292D3E","editorOverviewRuler.errorForeground":"#f0717840","editorOverviewRuler.infoForeground":"#82AAFF40","editorOverviewRuler.warningForeground":"#FFCB6B40","editorInfo.foreground":"#82AAFF70","editorWarning.foreground":"#FFCB6B70","editorError.foreground":"#f0717870","editorHoverWidget.border":"#FFFFFF10","titleBar.activeForeground":"#A6ACCD","titleBar.inactiveBackground":"#292D3E","titleBar.inactiveForeground":"#676E95","titleBar.border":"#292D3E60","input.foreground":"#A6ACCD","input.placeholderForeground":"#A6ACCD60","input.border":"#FFFFFF10","inputValidation.errorBorder":"#f07178","inputValidation.infoBorder":"#82AAFF","inputValidation.warningBorder":"#FFCB6B","dropdown.border":"#FFFFFF10","quickInput.background":"#292D3E","quickInput.foreground":"#676E95","list.hoverForeground":"#FFFFFF","list.inactiveSelectionForeground":"#80CBC4","quickInput.list.focusBackground":"#A6ACCD20","editorSuggestWidget.background":"#292D3E","editorSuggestWidget.foreground":"#A6ACCD","editorSuggestWidget.highlightForeground":"#80CBC4","editorSuggestWidget.selectedBackground":"#00000050","editorSuggestWidget.border":"#FFFFFF10","diffEditor.insertedTextBackground":"#89DDFF20","diffEditor.removedTextBackground":"#ff9cac20","notifications.background":"#292D3E","notifications.foreground":"#A6ACCD","notificationLink.foreground":"#80CBC4","extensionButton.prominentBackground":"#C3E88D90","extensionButton.prominentHoverBackground":"#C3E88D","extensionButton.prominentForeground":"#000000","peekViewEditorGutter.background":"#A6ACCD05","peekViewTitleDescription.foreground":"#A6ACCD60","peekViewResult.matchHighlightBackground":"#717CB450","peekViewEditor.matchHighlightBackground":"#717CB450","peekViewResult.selectionBackground":"#676E9570","gitDecoration.deletedResourceForeground":"#f0717890","gitDecoration.conflictingResourceForeground":"#FFCB6B90","gitDecoration.modifiedResourceForeground":"#82AAFF90","gitDecoration.untrackedResourceForeground":"#C3E88D90","gitDecoration.ignoredResourceForeground":"#676E9590","breadcrumb.background":"#292D3E","breadcrumb.foreground":"#676E95","breadcrumb.focusForeground":"#A6ACCD","breadcrumb.activeSelectionForeground":"#80CBC4","breadcrumbPicker.background":"#292D3E","menu.background":"#292D3E","menu.foreground":"#A6ACCD","menu.selectionBackground":"#00000050","menu.selectionForeground":"#80CBC4","menu.selectionBorder":"#00000030","menu.separatorBackground":"#A6ACCD","menubar.selectionBackground":"#00000030","menubar.selectionForeground":"#80CBC4","menubar.selectionBorder":"#00000030","settings.dropdownForeground":"#A6ACCD","settings.dropdownBackground":"#292D3E","settings.numberInputForeground":"#A6ACCD","settings.numberInputBackground":"#292D3E","settings.textInputForeground":"#A6ACCD","settings.textInputBackground":"#292D3E","settings.headerForeground":"#80CBC4","settings.modifiedItemIndicator":"#80CBC4","settings.checkboxBackground":"#292D3E","settings.checkboxForeground":"#A6ACCD","listFilterWidget.background":"#00000030","listFilterWidget.outline":"#00000030","listFilterWidget.noMatchesOutline":"#00000030"}}}}),` `,(0,y.jsxs)(n.p,{children:["And since I'm using MDX we need the ",(0,y.jsx)(n.code,{children:"useMDXComponent"})," hook to render the content:"]}),` `,(0,y.jsx)(I.CH.Code,{northPanel:{tabs:["pages/[slug].tsx"],active:"pages/[slug].tsx",heightRatio:1},files:[{name:"pages/[slug].tsx",focus:"1,5,9",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#89DDFF",fontStyle:"italic"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"{",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#F07178"}}},{content:"useMDXComponent",props:{style:{color:"#A6ACCD"}}},{content:" ",props:{style:{color:"#F07178"}}},{content:"}",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"from",props:{style:{color:"#89DDFF",fontStyle:"italic"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:"next-contentlayer/hooks",props:{style:{color:"#C3E88D"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:";",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:"import",props:{style:{color:"#89DDFF",fontStyle:"italic"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"type",props:{style:{color:"#89DDFF",fontStyle:"italic"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"{",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#F07178"}}},{content:"Post",props:{style:{color:"#A6ACCD"}}},{content:" ",props:{style:{color:"#F07178"}}},{content:"}",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"from",props:{style:{color:"#89DDFF",fontStyle:"italic"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:"contentlayer/generated",props:{style:{color:"#C3E88D"}}},{content:"'",props:{style:{color:"#89DDFF"}}},{content:";",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"// Typescript type too!",props:{style:{color:"#676E95",fontStyle:"italic"}}}]},{tokens:[]},{tokens:[{content:"const",props:{style:{color:"#C792EA"}}},{content:" SinglePost ",props:{style:{color:"#A6ACCD"}}},{content:"=",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"({",props:{style:{color:"#89DDFF"}}},{content:" post ",props:{style:{color:"#A6ACCD"}}},{content:"}:",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"{",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"post",props:{style:{color:"#F07178"}}},{content:":",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"Post",props:{style:{color:"#FFCB6B"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"})",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"=>",props:{style:{color:"#C792EA"}}},{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"{",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:" ",props:{style:{color:"#F07178"}}},{content:"const",props:{style:{color:"#C792EA"}}},{content:" ",props:{style:{color:"#F07178"}}},{content:"Component",props:{style:{color:"#A6ACCD"}}},{content:" ",props:{style:{color:"#F07178"}}},{content:"=",props:{style:{color:"#89DDFF"}}},{content:" ",props:{style:{color:"#F07178"}}},{content:"useMDXComponent",props:{style:{color:"#82AAFF"}}},{content:"(",props:{style:{color:"#F07178"}}},{content:"post",props:{style:{color:"#A6ACCD"}}},{content:".",props:{style:{color:"#89DDFF"}}},{content:"body",props:{style:{color:"#A6ACCD"}}},{content:".",props:{style:{color:"#89DDFF"}}},{content:"code",props:{style:{color:"#A6ACCD"}}},{content:")",props:{style:{color:"#F07178"}}},{content:";",props:{style:{color:"#89DDFF"}}}]},{tokens:[]},{tokens:[{content:" ",props:{style:{color:"#F07178"}}},{content:"return",props:{style:{color:"#89DDFF",fontStyle:"italic"}}},{content:" (",props:{style:{color:"#F07178"}}}]},{tokens:[{content:" ",props:{style:{color:"#F07178"}}},{content:"<",props:{style:{color:"#89DDFF"}}},{content:"article",props:{style:{color:"#F07178"}}},{content:">",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"<",props:{style:{color:"#89DDFF"}}},{content:"Component",props:{style:{color:"#FFCB6B"}}},{content:" />",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:" ",props:{style:{color:"#A6ACCD"}}},{content:"",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:" )",props:{style:{color:"#F07178"}}},{content:";",props:{style:{color:"#89DDFF"}}}]},{tokens:[{content:"};",props:{style:{color:"#89DDFF"}}}]}],lang:"js"},annotations:[]}],codeConfig:{theme:{name:"material-palenight",semanticHighlighting:!0,tokenColors:[{name:"Global settings",settings:{background:"#292D3E",foreground:"#A6ACCD"}},{name:"String",scope:"string",settings:{foreground:"#C3E88D"}},{name:"Punctuation",scope:"punctuation, constant.other.symbol",settings:{foreground:"#89DDFF"}},{name:"String Escape",scope:"constant.character.escape, text.html constant.character.entity.named",settings:{foreground:"#A6ACCD"}},{name:"Boolean",scope:"constant.language.boolean",settings:{foreground:"#ff9cac"}},{name:"Number",scope:"constant.numeric",settings:{foreground:"#F78C6C"}},{name:"Variable",scope:"variable, variable.parameter, support.variable, variable.language, support.constant, meta.definition.variable entity.name.function, meta.function-call.arguments",settings:{foreground:"#A6ACCD"}},{name:"Other Keyword",scope:"keyword.other",settings:{foreground:"#F78C6C"}},{name:"Keyword",scope:"keyword, modifier, variable.language.this, support.type.object, constant.language",settings:{foreground:"#89DDFF"}},{name:"Function call",scope:"entity.name.function, support.function",settings:{foreground:"#82AAFF"}},{name:"Storage",scope:"storage.type, storage.modifier, storage.control",settings:{foreground:"#C792EA"}},{name:"Modules",scope:"support.module, support.node",settings:{foreground:"#f07178",fontStyle:"italic"}},{name:"Type",scope:"support.type, constant.other.key",settings:{foreground:"#FFCB6B"}},{name:"Type",scope:"entity.name.type, entity.other.inherited-class, entity.other",settings:{foreground:"#FFCB6B"}},{name:"Comment",scope:"comment",settings:{foreground:"#676E95",fontStyle:"italic"}},{name:"Comment",scope:"comment punctuation.definition.comment, string.quoted.docstring",settings:{foreground:"#676E95",fontStyle:"italic"}},{name:"Punctuation",scope:"punctuation",settings:{foreground:"#89DDFF"}},{name:"Class",scope:"entity.name, entity.name.type.class, support.type, support.class, meta.use",settings:{foreground:"#FFCB6B"}},{name:"Class variable",scope:"variable.object.property, meta.field.declaration entity.name.function",settings:{foreground:"#f07178"}},{name:"Class method",scope:"meta.definition.method entity.name.function",settings:{foreground:"#f07178"}},{name:"Function definition",scope:"meta.function entity.name.function",settings:{foreground:"#82AAFF"}},{name:"Template expression",scope:"template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end",settings:{foreground:"#89DDFF"}},{name:"Reset embedded/template expression colors",scope:"meta.embedded, source.groovy.embedded, meta.template.expression",settings:{foreground:"#A6ACCD"}},{name:"YAML key",scope:"entity.name.tag.yaml",settings:{foreground:"#f07178"}},{name:"JSON key",scope:"meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json",settings:{foreground:"#f07178"}},{name:"JSON constant",scope:"constant.language.json",settings:{foreground:"#89DDFF"}},{name:"CSS class",scope:"entity.other.attribute-name.class",settings:{foreground:"#FFCB6B"}},{name:"CSS ID",scope:"entity.other.attribute-name.id",settings:{foreground:"#F78C6C"}},{name:"CSS tag",scope:"source.css entity.name.tag",settings:{foreground:"#FFCB6B"}},{name:"CSS properties",scope:"support.type.property-name.css",settings:{foreground:"#B2CCD6"}},{name:"HTML tag outer",scope:"meta.tag, punctuation.definition.tag",settings:{foreground:"#89DDFF"}},{name:"HTML tag inner",scope:"entity.name.tag",settings:{foreground:"#f07178"}},{name:"HTML tag attribute",scope:"entity.other.attribute-name",settings:{foreground:"#C792EA"}},{name:"HTML entities",scope:"punctuation.definition.entity.html",settings:{foreground:"#A6ACCD"}},{name:"Markdown heading",scope:"markup.heading",settings:{foreground:"#89DDFF"}},{name:"Markdown link text",scope:"text.html.markdown meta.link.inline, meta.link.reference",settings:{foreground:"#f07178"}},{name:"Markdown list item",scope:"text.html.markdown beginning.punctuation.definition.list",settings:{foreground:"#89DDFF"}},{name:"Markdown italic",scope:"markup.italic",settings:{foreground:"#f07178",fontStyle:"italic"}},{name:"Markdown bold",scope:"markup.bold",settings:{foreground:"#f07178",fontStyle:"bold"}},{name:"Markdown bold italic",scope:"markup.bold markup.italic, markup.italic markup.bold",settings:{foreground:"#f07178",fontStyle:"italic bold"}},{name:"Markdown code block",scope:"markup.fenced_code.block.markdown punctuation.definition.markdown",settings:{foreground:"#C3E88D"}},{name:"Markdown inline code",scope:"markup.inline.raw.string.markdown",settings:{foreground:"#C3E88D"}},{name:"INI property name",scope:"keyword.other.definition.ini",settings:{foreground:"#f07178"}},{name:"INI section title",scope:"entity.name.section.group-title.ini",settings:{foreground:"#89DDFF"}},{name:"C# class",scope:"source.cs meta.class.identifier storage.type",settings:{foreground:"#FFCB6B"}},{name:"C# class method",scope:"source.cs meta.method.identifier entity.name.function",settings:{foreground:"#f07178"}},{name:"C# function call",scope:"source.cs meta.method-call meta.method, source.cs entity.name.function",settings:{foreground:"#82AAFF"}},{name:"C# type",scope:"source.cs storage.type",settings:{foreground:"#FFCB6B"}},{name:"C# return type",scope:"source.cs meta.method.return-type",settings:{foreground:"#FFCB6B"}},{name:"C# preprocessor",scope:"source.cs meta.preprocessor",settings:{foreground:"#676E95"}},{name:"C# namespace",scope:"source.cs entity.name.type.namespace",settings:{foreground:"#A6ACCD"}},{name:"JSX Text",scope:"meta.jsx.children, SXNested",settings:{foreground:"#A6ACCD"}},{name:"JSX Components name",scope:"support.class.component",settings:{foreground:"#FFCB6B"}},{name:"C-related Block Level Variables",scope:"source.cpp meta.block variable.other",settings:{foreground:"#A6ACCD"}},{name:"Member Access Meta",scope:"source.python meta.member.access.python",settings:{foreground:"#f07178"}},{name:"Function Call",scope:"source.python meta.function-call.python, meta.function-call.arguments",settings:{foreground:"#82AAFF"}},{name:"Blocks",scope:"meta.block",settings:{foreground:"#f07178"}},{name:"Function Call",scope:"entity.name.function.call",settings:{foreground:"#82AAFF"}},{name:"Namespaces",scope:"source.php support.other.namespace, source.php meta.use support.class",settings:{foreground:"#A6ACCD"}},{name:"Constant keywords",scope:"constant.keyword",settings:{foreground:"#89DDFF",fontStyle:"italic"}},{name:"Entity name",scope:"entity.name.function",settings:{foreground:"#82AAFF"}},{name:"Global settings",settings:{background:"#292D3E",foreground:"#A6ACCD"}},{name:"Markup Deleted",scope:["markup.deleted"],settings:{foreground:"#f07178"}},{name:"Markup Inserted",scope:["markup.inserted"],settings:{foreground:"#C3E88D"}},{name:"Markup Underline",scope:["markup.underline"],settings:{fontStyle:"underline"}},{name:"Keyword Control",scope:["keyword.control"],settings:{foreground:"#89DDFF",fontStyle:"italic"}},{name:"Markdown - Blockquote",scope:["markup.quote"],settings:{fontStyle:"italic",foreground:"#89DDFF"}},{name:"Markdown - Fenced Language",scope:["markup.fenced_code.block"],settings:{foreground:"#A6ACCD90"}},{name:"Markdown - Blockquote Punctuation",scope:["punctuation.definition.quote"],settings:{foreground:"#ff9cac"}},{name:"JSON Key - Level 0",scope:["meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#C792EA"}},{name:"JSON Key - Level 1",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#FFCB6B"}},{name:"JSON Key - Level 2",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#F78C6C"}},{name:"JSON Key - Level 3",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#f07178"}},{name:"JSON Key - Level 4",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#916b53"}},{name:"JSON Key - Level 5",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#82AAFF"}},{name:"JSON Key - Level 6",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#ff9cac"}},{name:"JSON Key - Level 7",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#C792EA"}},{name:"JSON Key - Level 8",scope:["meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"],settings:{foreground:"#C3E88D"}}],colors:{focusBorder:"#FFFFFF00",foreground:"#A6ACCD","button.background":"#717CB450","button.foreground":"#ffffff","dropdown.background":"#292D3E","input.background":"#333747","inputOption.activeBorder":"#A6ACCD30","list.activeSelectionBackground":"#292D3E","list.activeSelectionForeground":"#80CBC4","list.dropBackground":"#f0717880","list.focusBackground":"#A6ACCD20","list.focusForeground":"#A6ACCD","list.highlightForeground":"#80CBC4","list.hoverBackground":"#292D3E","list.inactiveSelectionBackground":"#00000030","activityBar.background":"#292D3E","activityBar.dropBackground":"#f0717880","activityBarBadge.background":"#80CBC4","activityBarBadge.foreground":"#000000","badge.background":"#00000030","badge.foreground":"#676E95","sideBar.background":"#292D3E","sideBarSectionHeader.background":"#292D3E","editorGroup.dropBackground":"#f0717880","editorGroup.focusedEmptyBorder":"#f07178","editorGroupHeader.tabsBackground":"#292D3E","tab.border":"#292D3E","tab.activeBorder":"#80CBC4","tab.inactiveBackground":"#292D3E","tab.activeModifiedBorder":"#676E95","tab.inactiveModifiedBorder":"#904348","tab.unfocusedActiveModifiedBorder":"#c05a60","tab.unfocusedInactiveModifiedBorder":"#904348","editor.background":"#292D3E","editor.foreground":"#A6ACCD","editorLineNumber.foreground":"#3A3F58","editorLineNumber.activeForeground":"#676E95","editorCursor.foreground":"#FFCC00","editor.selectionBackground":"#717CB450","editor.selectionHighlightBackground":"#FFCC0020","editor.wordHighlightBackground":"#ff9cac30","editor.wordHighlightStrongBackground":"#C3E88D30","editor.findMatchHighlight":"#A6ACCD","editor.findRangeHighlightBackground":"#FFCB6B30","editor.lineHighlightBorder":"#00000000","editor.rangeHighlightBackground":"#FFFFFF0d","editorWhitespace.foreground":"#A6ACCD40","editorWidget.background":"#292D3E","editorHoverWidget.background":"#292D3E","editorMarkerNavigation.background":"#A6ACCD05","peekView.border":"#00000030","peekViewEditor.background":"#A6ACCD05","peekViewResult.background":"#A6ACCD05","peekViewTitle.background":"#A6ACCD05","panel.background":"#292D3E","panel.border":"#292D3E60","panelTitle.activeBorder":"#80CBC4","panelTitle.inactiveForeground":"#A6ACCD","statusBar.background":"#292D3E","statusBar.debuggingBackground":"#C792EA","statusBar.debuggingForeground":"#ffffff","statusBar.noFolderBackground":"#292D3E","statusBarItem.activeBackground":"#f0717880","statusBarItem.hoverBackground":"#676E9520","statusBarItem.remoteBackground":"#80CBC4","statusBarItem.remoteForeground":"#000000","titleBar.activeBackground":"#292D3E","pickerGroup.border":"#FFFFFF1a","terminal.ansiBlack":"#000000","terminal.ansiBlue":"#82AAFF","terminal.ansiBrightBlack":"#676E95","terminal.ansiBrightBlue":"#82AAFF","terminal.ansiBrightCyan":"#89DDFF","terminal.ansiBrightGreen":"#C3E88D","terminal.ansiBrightMagenta":"#C792EA","terminal.ansiBrightRed":"#f07178","terminal.ansiBrightWhite":"#ffffff","terminal.ansiBrightYellow":"#FFCB6B","terminal.ansiCyan":"#89DDFF","terminal.ansiGreen":"#C3E88D","terminal.ansiMagenta":"#C792EA","terminal.ansiRed":"#f07178","terminal.ansiWhite":"#ffffff","terminal.ansiYellow":"#FFCB6B","debugToolBar.background":"#292D3E","debugConsole.errorForeground":"#f07178","debugConsole.infoForeground":"#89DDFF","debugConsole.warningForeground":"#FFCB6B","selection.background":"#00000080","editorRuler.foreground":"#4E5579","widget.shadow":"#00000030","scrollbar.shadow":"#00000030","editorLink.activeForeground":"#A6ACCD","progressBar.background":"#80CBC4","pickerGroup.foreground":"#80CBC4","tree.indentGuidesStroke":"#4E5579","terminalCursor.foreground":"#FFCB6B","terminalCursor.background":"#000000","inputOption.activeBackground":"#A6ACCD30","textLink.foreground":"#80CBC4","textLink.activeForeground":"#A6ACCD","sideBar.foreground":"#676E95","sideBar.border":"#292D3E60","sideBarTitle.foreground":"#A6ACCD","sideBarSectionHeader.border":"#292D3E60","panel.dropBackground":"#A6ACCD","panelTitle.activeForeground":"#FFFFFF","editor.lineHighlightBackground":"#00000050","editor.findMatchBackground":"#000000","editor.findMatchHighlightBackground":"#00000050","editor.findMatchBorder":"#80CBC4","editor.findMatchHighlightBorder":"#ffffff30","editorIndentGuide.background":"#4E557970","editorIndentGuide.activeBackground":"#4E5579","editorGroup.border":"#00000030","editorGutter.modifiedBackground":"#82AAFF60","editorGutter.addedBackground":"#C3E88D60","editorGutter.deletedBackground":"#f0717860","activityBar.border":"#292D3E60","activityBar.foreground":"#A6ACCD","activityBar.activeBorder":"#80CBC4","extensionBadge.remoteForeground":"#A6ACCD","scrollbarSlider.background":"#A6ACCD20","scrollbarSlider.hoverBackground":"#A6ACCD10","scrollbarSlider.activeBackground":"#80CBC4","tab.unfocusedActiveBorder":"#676E95","tab.activeForeground":"#FFFFFF","tab.inactiveForeground":"#676E95","tab.activeBackground":"#292D3E","tab.unfocusedActiveForeground":"#A6ACCD","editorWidget.resizeBorder":"#80CBC4","editorWidget.border":"#80CBC4","statusBar.border":"#292D3E60","statusBar.foreground":"#676E95","editorBracketMatch.border":"#FFCC0050","editorBracketMatch.background":"#292D3E","editorOverviewRuler.findMatchForeground":"#80CBC4","editorOverviewRuler.border":"#292D3E","editorOverviewRuler.errorForeground":"#f0717840","editorOverviewRuler.infoForeground":"#82AAFF40","editorOverviewRuler.warningForeground":"#FFCB6B40","editorInfo.foreground":"#82AAFF70","editorWarning.foreground":"#FFCB6B70","editorError.foreground":"#f0717870","editorHoverWidget.border":"#FFFFFF10","titleBar.activeForeground":"#A6ACCD","titleBar.inactiveBackground":"#292D3E","titleBar.inactiveForeground":"#676E95","titleBar.border":"#292D3E60","input.foreground":"#A6ACCD","input.placeholderForeground":"#A6ACCD60","input.border":"#FFFFFF10","inputValidation.errorBorder":"#f07178","inputValidation.infoBorder":"#82AAFF","inputValidation.warningBorder":"#FFCB6B","dropdown.border":"#FFFFFF10","quickInput.background":"#292D3E","quickInput.foreground":"#676E95","list.hoverForeground":"#FFFFFF","list.inactiveSelectionForeground":"#80CBC4","quickInput.list.focusBackground":"#A6ACCD20","editorSuggestWidget.background":"#292D3E","editorSuggestWidget.foreground":"#A6ACCD","editorSuggestWidget.highlightForeground":"#80CBC4","editorSuggestWidget.selectedBackground":"#00000050","editorSuggestWidget.border":"#FFFFFF10","diffEditor.insertedTextBackground":"#89DDFF20","diffEditor.removedTextBackground":"#ff9cac20","notifications.background":"#292D3E","notifications.foreground":"#A6ACCD","notificationLink.foreground":"#80CBC4","extensionButton.prominentBackground":"#C3E88D90","extensionButton.prominentHoverBackground":"#C3E88D","extensionButton.prominentForeground":"#000000","peekViewEditorGutter.background":"#A6ACCD05","peekViewTitleDescription.foreground":"#A6ACCD60","peekViewResult.matchHighlightBackground":"#717CB450","peekViewEditor.matchHighlightBackground":"#717CB450","peekViewResult.selectionBackground":"#676E9570","gitDecoration.deletedResourceForeground":"#f0717890","gitDecoration.conflictingResourceForeground":"#FFCB6B90","gitDecoration.modifiedResourceForeground":"#82AAFF90","gitDecoration.untrackedResourceForeground":"#C3E88D90","gitDecoration.ignoredResourceForeground":"#676E9590","breadcrumb.background":"#292D3E","breadcrumb.foreground":"#676E95","breadcrumb.focusForeground":"#A6ACCD","breadcrumb.activeSelectionForeground":"#80CBC4","breadcrumbPicker.background":"#292D3E","menu.background":"#292D3E","menu.foreground":"#A6ACCD","menu.selectionBackground":"#00000050","menu.selectionForeground":"#80CBC4","menu.selectionBorder":"#00000030","menu.separatorBackground":"#A6ACCD","menubar.selectionBackground":"#00000030","menubar.selectionForeground":"#80CBC4","menubar.selectionBorder":"#00000030","settings.dropdownForeground":"#A6ACCD","settings.dropdownBackground":"#292D3E","settings.numberInputForeground":"#A6ACCD","settings.numberInputBackground":"#292D3E","settings.textInputForeground":"#A6ACCD","settings.textInputBackground":"#292D3E","settings.headerForeground":"#80CBC4","settings.modifiedItemIndicator":"#80CBC4","settings.checkboxBackground":"#292D3E","settings.checkboxForeground":"#A6ACCD","listFilterWidget.background":"#00000030","listFilterWidget.outline":"#00000030","listFilterWidget.noMatchesOutline":"#00000030"}}}}),` `,(0,y.jsxs)(n.p,{children:["That's it! Our ",(0,y.jsx)(n.code,{children:"Post"})," object has access to all the properties we defined as ",(0,y.jsx)(n.code,{children:"fields"})," and ",(0,y.jsx)(n.code,{children:"computedFields"})," plus some extra (like the above ",(0,y.jsx)(n.code,{children:"body.code"})," for MDX files)."]}),` `,(0,y.jsxs)(n.p,{children:["You can see the complete changeset for this here: ",(0,y.jsx)(n.a,{href:"https://github.com/osiux/osiux.ws/pull/5/files",children:"https://github.com/osiux/osiux.ws/pull/5/files"})]}),` `,(0,y.jsxs)(n.div,{className:"heading-container",children:[(0,y.jsx)(n.h2,{id:"caveats",children:"Caveats"}),(0,y.jsxs)(n.a,{"aria-hidden":!0,tabIndex:"-1",href:"#caveats",children:[(0,y.jsx)(n.span,{className:"visually-hidden",children:'Read the "Caveats" section'}),(0,y.jsx)(n.span,{className:"icon icon-link","aria-hidden":!0,children:(0,y.jsx)(n.svg,{"aria-hidden":!0,height:"30",width:"30",version:"1.1",viewBox:"0 0 16 16",children:(0,y.jsx)(n.path,{fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"})})})]})]}),` `,(0,y.jsxs)(n.p,{children:["Only major issue was that I was using a ",(0,y.jsx)(n.a,{href:"https://github.com/MichaelDeBoey/gatsby-remark-embedder",children:"remark plugin"})," (to embed media content) that is using an old ",(0,y.jsx)(n.a,{href:"https://github.com/unifiedjs/unified",children:"unified"})," version, while Contentlayer uses latest version and it was causing some kind of incompatibility."]}),` `,(0,y.jsxs)(n.div,{className:"heading-container",children:[(0,y.jsx)(n.h2,{id:"conclusion",children:"Conclusion"}),(0,y.jsxs)(n.a,{"aria-hidden":!0,tabIndex:"-1",href:"#conclusion",children:[(0,y.jsx)(n.span,{className:"visually-hidden",children:'Read the "Conclusion" section'}),(0,y.jsx)(n.span,{className:"icon icon-link","aria-hidden":!0,children:(0,y.jsx)(n.svg,{"aria-hidden":!0,height:"30",width:"30",version:"1.1",viewBox:"0 0 16 16",children:(0,y.jsx)(n.path,{fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"})})})]})]}),` `,(0,y.jsx)(n.p,{children:"The process to implement Contentlayer was pretty straightforward, currently the library lacks some documentation, but given its alpha state it's understandable, and looking at websites already using it made it easier to use."})]})}}var zl=Vl;function Qe(e,t){throw new Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}return zi(Ul);})(); /*! ***************************************************************************** Copyright (c) Microsoft Corporation. Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted. THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE. ***************************************************************************** */ ;return Component;

Salem

Use Contentlayer with NextJS

Miracle Sudoku