[{"data":1,"prerenderedAt":851},["ShallowReactive",2],{"navigation_docs":3,"-docs-components-slot":205,"-docs-components-slot-surround":846},[4,24,51,73,95,112,158,171],{"title":5,"path":6,"stem":7,"children":8,"icon":23},"Getting Started","/docs/getting-started","docs/1.getting-started/1.index",[9,11,15,19],{"title":10,"path":6,"stem":7},"Introduction",{"title":12,"path":13,"stem":14},"Installation","/docs/getting-started/installation","docs/1.getting-started/2.installation",{"title":16,"path":17,"stem":18},"Configuration","/docs/getting-started/configuration","docs/1.getting-started/3.configuration",{"title":20,"path":21,"stem":22},"Migration","/docs/getting-started/migration","docs/1.getting-started/4.migration","i-lucide-square-play",{"title":25,"icon":26,"path":27,"stem":28,"children":29,"page":50},"Collections","i-lucide-database","/docs/collections","docs/2.collections",[30,34,38,42,46],{"title":31,"path":32,"stem":33},"Define","/docs/collections/define","docs/2.collections/1.define",{"title":35,"path":36,"stem":37},"Types","/docs/collections/types","docs/2.collections/2.types",{"title":39,"path":40,"stem":41},"Sources","/docs/collections/sources","docs/2.collections/3.sources",{"title":43,"path":44,"stem":45},"Validators","/docs/collections/validators","docs/2.collections/4.validators",{"title":47,"path":48,"stem":49},"Components","/docs/collections/inherit-schema-from-component","docs/2.collections/5.inherit-schema-from-component",false,{"title":52,"icon":53,"path":54,"stem":55,"children":56,"page":50},"Files","i-lucide-file","/docs/files","docs/3.files",[57,61,65,69],{"title":58,"path":59,"stem":60},"Markdown","/docs/files/markdown","docs/3.files/1.markdown",{"title":62,"path":63,"stem":64},"YAML","/docs/files/yaml","docs/3.files/2.yaml",{"title":66,"path":67,"stem":68},"JSON","/docs/files/json","docs/3.files/3.json",{"title":70,"path":71,"stem":72},"CSV","/docs/files/csv","docs/3.files/4.csv",{"title":74,"icon":75,"path":76,"stem":77,"children":78,"page":50},"Query Utils","i-lucide-square-function","/docs/utils","docs/4.utils",[79,83,87,91],{"title":80,"path":81,"stem":82},"queryCollection","/docs/utils/query-collection","docs/4.utils/1.query-collection",{"title":84,"path":85,"stem":86},"queryCollectionNavigation","/docs/utils/query-collection-navigation","docs/4.utils/2.query-collection-navigation",{"title":88,"path":89,"stem":90},"queryCollectionItemSurroundings","/docs/utils/query-collection-item-surroundings","docs/4.utils/3.query-collection-item-surroundings",{"title":92,"path":93,"stem":94},"queryCollectionSearchSections","/docs/utils/query-collection-search-sections","docs/4.utils/4.query-collection-search-sections",{"title":47,"icon":96,"path":97,"stem":98,"children":99,"page":50},"i-lucide-square-code","/docs/components","docs/5.components",[100,104,108],{"title":101,"path":102,"stem":103},"ContentRenderer","/docs/components/content-renderer","docs/5.components/0.content-renderer",{"title":105,"path":106,"stem":107},"Slot","/docs/components/slot","docs/5.components/1.slot",{"title":109,"path":110,"stem":111},"Prose Components","/docs/components/prose","docs/5.components/2.prose",{"title":113,"icon":114,"path":115,"stem":116,"children":117,"page":50},"Deploy","i-lucide-cloud-upload","/docs/deploy","docs/6.deploy",[118,122,126,130,134,138,142,146,150,154],{"title":119,"path":120,"stem":121},"Server","/docs/deploy/server","docs/6.deploy/1.server",{"title":123,"path":124,"stem":125},"Static","/docs/deploy/static","docs/6.deploy/10.static",{"title":127,"path":128,"stem":129},"Serverless","/docs/deploy/serverless","docs/6.deploy/2.serverless",{"title":131,"path":132,"stem":133},"NuxtHub","/docs/deploy/nuxthub","docs/6.deploy/3.nuxthub",{"title":135,"path":136,"stem":137},"Cloudflare Pages","/docs/deploy/cloudflare-pages","docs/6.deploy/4.cloudflare-pages",{"title":139,"path":140,"stem":141},"Cloudflare Workers","/docs/deploy/cloudflare-workers","docs/6.deploy/5.cloudflare-workers",{"title":143,"path":144,"stem":145},"Vercel","/docs/deploy/vercel","docs/6.deploy/6.vercel",{"title":147,"path":148,"stem":149},"Netlify","/docs/deploy/netlify","docs/6.deploy/7.netlify",{"title":151,"path":152,"stem":153},"AWS Amplify","/docs/deploy/aws-amplify","docs/6.deploy/8.aws-amplify",{"title":155,"path":156,"stem":157},"Docker","/docs/deploy/docker","docs/6.deploy/9.docker",{"title":159,"icon":114,"path":160,"stem":161,"children":162,"page":50},"Integrations","/docs/integrations","docs/7.integrations",[163,167],{"title":164,"path":165,"stem":166},"Nuxt i18n","/docs/integrations/i18n","docs/7.integrations/01.i18n",{"title":168,"path":169,"stem":170},"Nuxt LLMs","/docs/integrations/llms","docs/7.integrations/02.llms",{"title":172,"icon":173,"path":174,"stem":175,"children":176,"page":50},"Advanced","i-lucide-code-xml","/docs/advanced","docs/8.advanced",[177,181,185,189,193,197,201],{"title":178,"path":179,"stem":180},"Full-Text Search","/docs/advanced/fulltext-search","docs/8.advanced/1.fulltext-search",{"title":182,"path":183,"stem":184},"Raw Content","/docs/advanced/raw-content","docs/8.advanced/2.raw-content",{"title":186,"path":187,"stem":188},"SQL Storage","/docs/advanced/database","docs/8.advanced/3.database",{"title":190,"path":191,"stem":192},"Debugging tools","/docs/advanced/tools","docs/8.advanced/4.tools",{"title":194,"path":195,"stem":196},"Hooks","/docs/advanced/hooks","docs/8.advanced/5.hooks",{"title":198,"path":199,"stem":200},"Custom Source","/docs/advanced/custom-source","docs/8.advanced/6.custom-source",{"title":202,"path":203,"stem":204},"Transformers","/docs/advanced/transformers","docs/8.advanced/8.transformers",{"id":206,"title":105,"body":207,"description":839,"extension":840,"links":841,"meta":842,"navigation":843,"path":106,"seo":844,"stem":107,"__hash__":845},"docs/docs/5.components/1.slot.md",{"type":208,"value":209,"toc":832},"minimark",[210,219,224,230,315,318,345,348,399,404,409,416,423,489,492,528,532,538,549,666,668,703,706,771,780,784,828],[211,212,213,214,218],"p",{},"When you write contents and paragraphs inside a component with the MDC syntax, you can use Vue's ",[215,216,217],"code",{},"\u003Cslot>"," component to render the content.",[220,221,223],"h2",{"id":222},"usage","Usage",[211,225,226,227,229],{},"If you don't want to modify the rendered content, simply use Vue's ",[215,228,217],{}," component.",[231,232,238],"pre",{"className":233,"code":234,"filename":235,"language":236,"meta":237,"style":237},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cdiv class=\"callout\">\n    \u003Cslot />\n  \u003C/div>\n\u003C/template>\n","components/content/Callout.vue","vue","",[215,239,240,256,283,295,305],{"__ignoreMap":237},[241,242,245,249,253],"span",{"class":243,"line":244},"line",1,[241,246,248],{"class":247},"sMK4o","\u003C",[241,250,252],{"class":251},"swJcz","template",[241,254,255],{"class":247},">\n",[241,257,259,262,265,269,272,275,279,281],{"class":243,"line":258},2,[241,260,261],{"class":247},"  \u003C",[241,263,264],{"class":251},"div",[241,266,268],{"class":267},"spNyl"," class",[241,270,271],{"class":247},"=",[241,273,274],{"class":247},"\"",[241,276,278],{"class":277},"sfazB","callout",[241,280,274],{"class":247},[241,282,255],{"class":247},[241,284,286,289,292],{"class":243,"line":285},3,[241,287,288],{"class":247},"    \u003C",[241,290,291],{"class":251},"slot",[241,293,294],{"class":247}," />\n",[241,296,298,301,303],{"class":243,"line":297},4,[241,299,300],{"class":247},"  \u003C/",[241,302,264],{"class":251},[241,304,255],{"class":247},[241,306,308,311,313],{"class":243,"line":307},5,[241,309,310],{"class":247},"\u003C/",[241,312,252],{"class":251},[241,314,255],{"class":247},[211,316,317],{},"Now let's use it in Markdown:",[231,319,324],{"className":320,"code":321,"filename":322,"language":323,"meta":237,"style":237},"language-mdc shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","::callout\nThis is a callout.\n::\n","content/index.md","mdc",[215,325,326,334,340],{"__ignoreMap":237},[241,327,328,331],{"class":243,"line":244},[241,329,330],{"class":247},"::",[241,332,333],{"class":251},"callout\n",[241,335,336],{"class":243,"line":258},[241,337,339],{"class":338},"sTEyZ","This is a callout.\n",[241,341,342],{"class":243,"line":285},[241,343,344],{"class":247},"::\n",[211,346,347],{},"The rendered HTML will be:",[231,349,353],{"className":350,"code":351,"language":352,"meta":237,"style":237},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cdiv class=\"callout\">\n  \u003Cp>This is a callout.\u003C/p>\n\u003C/div>\n","html",[215,354,355,373,391],{"__ignoreMap":237},[241,356,357,359,361,363,365,367,369,371],{"class":243,"line":244},[241,358,248],{"class":247},[241,360,264],{"class":251},[241,362,268],{"class":267},[241,364,271],{"class":247},[241,366,274],{"class":247},[241,368,278],{"class":277},[241,370,274],{"class":247},[241,372,255],{"class":247},[241,374,375,377,379,382,385,387,389],{"class":243,"line":258},[241,376,261],{"class":247},[241,378,211],{"class":251},[241,380,381],{"class":247},">",[241,383,384],{"class":338},"This is a callout.",[241,386,310],{"class":247},[241,388,211],{"class":251},[241,390,255],{"class":247},[241,392,393,395,397],{"class":243,"line":285},[241,394,310],{"class":247},[241,396,264],{"class":251},[241,398,255],{"class":247},[211,400,401,402,229],{},"This usage would be similar to using the native ",[215,403,217],{},[405,406,408],"h3",{"id":407},"unwrapping","Unwrapping",[211,410,411,412,415],{},"The ",[215,413,414],{},"mdc-unwrap"," prop allows you to remove one or multiple wrapping elements from the rendered content. This is useful when you want to extract the content nested in native Markdown syntax. Each specified tag will get removed from AST.",[211,417,418,419,422],{},"Let's unwrap the ",[215,420,421],{},"\u003Cp>"," element from the previous example:",[231,424,426],{"className":233,"code":425,"filename":235,"language":236,"meta":237,"style":237},"\u003Ctemplate>\n  \u003Cdiv class=\"callout\">\n    \u003Cslot mdc-unwrap=\"p\" />\n  \u003C/div>\n\u003C/template>\n",[215,427,428,436,454,473,481],{"__ignoreMap":237},[241,429,430,432,434],{"class":243,"line":244},[241,431,248],{"class":247},[241,433,252],{"class":251},[241,435,255],{"class":247},[241,437,438,440,442,444,446,448,450,452],{"class":243,"line":258},[241,439,261],{"class":247},[241,441,264],{"class":251},[241,443,268],{"class":267},[241,445,271],{"class":247},[241,447,274],{"class":247},[241,449,278],{"class":277},[241,451,274],{"class":247},[241,453,255],{"class":247},[241,455,456,458,460,463,465,467,469,471],{"class":243,"line":285},[241,457,288],{"class":247},[241,459,291],{"class":251},[241,461,462],{"class":267}," mdc-unwrap",[241,464,271],{"class":247},[241,466,274],{"class":247},[241,468,211],{"class":277},[241,470,274],{"class":247},[241,472,294],{"class":247},[241,474,475,477,479],{"class":243,"line":297},[241,476,300],{"class":247},[241,478,264],{"class":251},[241,480,255],{"class":247},[241,482,483,485,487],{"class":243,"line":307},[241,484,310],{"class":247},[241,486,252],{"class":251},[241,488,255],{"class":247},[211,490,491],{},"Now the rendered HTML will be:",[231,493,495],{"className":350,"code":494,"language":352,"meta":237,"style":237},"\u003Cdiv class=\"callout\">\n  This is a callout.\n\u003C/div>\n",[215,496,497,515,520],{"__ignoreMap":237},[241,498,499,501,503,505,507,509,511,513],{"class":243,"line":244},[241,500,248],{"class":247},[241,502,264],{"class":251},[241,504,268],{"class":267},[241,506,271],{"class":247},[241,508,274],{"class":247},[241,510,278],{"class":277},[241,512,274],{"class":247},[241,514,255],{"class":247},[241,516,517],{"class":243,"line":258},[241,518,519],{"class":338},"  This is a callout.\n",[241,521,522,524,526],{"class":243,"line":285},[241,523,310],{"class":247},[241,525,264],{"class":251},[241,527,255],{"class":247},[405,529,531],{"id":530},"named-slots","Named Slots",[211,533,411,534,537],{},[215,535,536],{},"name"," prop allows you to bind a slot by its name. This is useful when you want to render a slot that is not the default one.",[211,539,540,541,544,545,548],{},"Let's improve our ",[215,542,543],{},"Callout"," component to have a ",[215,546,547],{},"title"," slot:",[231,550,552],{"className":233,"code":551,"filename":235,"language":236,"meta":237,"style":237},"\u003Ctemplate>\n  \u003Cdiv class=\"callout\">\n    \u003Ch2 v-if=\"$slots.title\">\n      \u003Cslot name=\"title\" mdc-unwrap=\"p\" />\n    \u003C/h2>\n    \u003Cslot />\n  \u003C/div>\n\u003C/template>\n",[215,553,554,562,580,600,630,639,648,657],{"__ignoreMap":237},[241,555,556,558,560],{"class":243,"line":244},[241,557,248],{"class":247},[241,559,252],{"class":251},[241,561,255],{"class":247},[241,563,564,566,568,570,572,574,576,578],{"class":243,"line":258},[241,565,261],{"class":247},[241,567,264],{"class":251},[241,569,268],{"class":267},[241,571,271],{"class":247},[241,573,274],{"class":247},[241,575,278],{"class":277},[241,577,274],{"class":247},[241,579,255],{"class":247},[241,581,582,584,586,589,591,593,596,598],{"class":243,"line":285},[241,583,288],{"class":247},[241,585,220],{"class":251},[241,587,588],{"class":267}," v-if",[241,590,271],{"class":247},[241,592,274],{"class":247},[241,594,595],{"class":277},"$slots.title",[241,597,274],{"class":247},[241,599,255],{"class":247},[241,601,602,605,607,610,612,614,616,618,620,622,624,626,628],{"class":243,"line":297},[241,603,604],{"class":247},"      \u003C",[241,606,291],{"class":251},[241,608,609],{"class":267}," name",[241,611,271],{"class":247},[241,613,274],{"class":247},[241,615,547],{"class":277},[241,617,274],{"class":247},[241,619,462],{"class":267},[241,621,271],{"class":247},[241,623,274],{"class":247},[241,625,211],{"class":277},[241,627,274],{"class":247},[241,629,294],{"class":247},[241,631,632,635,637],{"class":243,"line":307},[241,633,634],{"class":247},"    \u003C/",[241,636,220],{"class":251},[241,638,255],{"class":247},[241,640,642,644,646],{"class":243,"line":641},6,[241,643,288],{"class":247},[241,645,291],{"class":251},[241,647,294],{"class":247},[241,649,651,653,655],{"class":243,"line":650},7,[241,652,300],{"class":247},[241,654,264],{"class":251},[241,656,255],{"class":247},[241,658,660,662,664],{"class":243,"line":659},8,[241,661,310],{"class":247},[241,663,252],{"class":251},[241,665,255],{"class":247},[211,667,317],{},[231,669,671],{"className":320,"code":670,"filename":322,"language":323,"meta":237,"style":237},"::callout\n#title\nPlease be careful!\n#default\nUsing MDC & Vue components is addictive.\n::\n",[215,672,673,679,684,689,694,699],{"__ignoreMap":237},[241,674,675,677],{"class":243,"line":244},[241,676,330],{"class":247},[241,678,333],{"class":251},[241,680,681],{"class":243,"line":258},[241,682,683],{"class":267},"#title\n",[241,685,686],{"class":243,"line":285},[241,687,688],{"class":338},"Please be careful!\n",[241,690,691],{"class":243,"line":297},[241,692,693],{"class":267},"#default\n",[241,695,696],{"class":243,"line":307},[241,697,698],{"class":338},"Using MDC & Vue components is addictive.\n",[241,700,701],{"class":243,"line":641},[241,702,344],{"class":247},[211,704,705],{},"This will result into:",[231,707,709],{"className":350,"code":708,"language":352,"meta":237,"style":237},"\u003Cdiv class=\"callout\">\n  \u003Ch2>Please be careful!\u003C/h2>\n  \u003Cp>Using MDC & Vue components is addictive.\u003C/p>\n\u003C/div>\n",[215,710,711,729,746,763],{"__ignoreMap":237},[241,712,713,715,717,719,721,723,725,727],{"class":243,"line":244},[241,714,248],{"class":247},[241,716,264],{"class":251},[241,718,268],{"class":267},[241,720,271],{"class":247},[241,722,274],{"class":247},[241,724,278],{"class":277},[241,726,274],{"class":247},[241,728,255],{"class":247},[241,730,731,733,735,737,740,742,744],{"class":243,"line":258},[241,732,261],{"class":247},[241,734,220],{"class":251},[241,736,381],{"class":247},[241,738,739],{"class":338},"Please be careful!",[241,741,310],{"class":247},[241,743,220],{"class":251},[241,745,255],{"class":247},[241,747,748,750,752,754,757,759,761],{"class":243,"line":285},[241,749,261],{"class":247},[241,751,211],{"class":251},[241,753,381],{"class":247},[241,755,756],{"class":338},"Using MDC & Vue components is addictive.",[241,758,310],{"class":247},[241,760,211],{"class":251},[241,762,255],{"class":247},[241,764,765,767,769],{"class":243,"line":297},[241,766,310],{"class":247},[241,768,264],{"class":251},[241,770,255],{"class":247},[211,772,773,774,776,777,779],{},"When not using the ",[215,775,547],{}," slot, the ",[215,778,220],{}," element will not be rendered.",[220,781,783],{"id":782},"props","Props",[785,786,787],"ul",{},[788,789,790,792,793],"li",{},[215,791,414],{},": Whether to unwrap the content or not. This is useful when you want to extract the content nested in native Markdown syntax. Each specified tag will get removed from AST.\n",[785,794,795,809,817],{},[788,796,797,801,802,805,806],{},[798,799,800],"strong",{},"Type:"," ",[215,803,804],{},"boolean"," or ",[215,807,808],{},"string",[788,810,811,801,814],{},[798,812,813],{},"Default:",[215,815,816],{},"false",[788,818,819,801,822,805,825],{},[798,820,821],{},"Example:",[215,823,824],{},"'p'",[215,826,827],{},"'ul li'",[829,830,831],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}",{"title":237,"searchDepth":258,"depth":258,"links":833},[834,838],{"id":222,"depth":258,"text":223,"children":835},[836,837],{"id":407,"depth":285,"text":408},{"id":530,"depth":285,"text":531},{"id":782,"depth":258,"text":783},"The fastest way to inject Markdown into your Vue components.","md",null,{},true,{"title":105,"description":839},"UQX-lfwLDVuJ4Z-ZPrqV5rlUltsdJ2azkRg5Sw1WVLI",[847,849],{"title":101,"path":102,"stem":103,"description":848,"children":-1},"Takes your component from an AST to a wonderful template.",{"title":109,"path":110,"stem":111,"description":850,"children":-1},"A list of Prose components.",1774543462702]