[{"data":1,"prerenderedAt":3593},["ShallowReactive",2],{"navigation_docs":3,"-docs-files-markdown":205,"-docs-files-markdown-surround":3588},[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":58,"body":207,"description":3583,"extension":480,"links":3584,"meta":3585,"navigation":296,"path":59,"seo":3586,"stem":60,"__hash__":3587},"docs/docs/3.files/1.markdown.md",{"type":208,"value":209,"toc":3561},"minimark",[210,215,220,448,456,464,472,548,552,555,683,687,697,901,913,917,924,927,931,942,975,1093,1097,1198,1202,1206,1209,1213,1224,1228,1231,1234,1259,1277,1282,1285,1292,1297,1399,1403,1406,1429,1593,1599,1734,1738,1741,1748,1759,2067,2070,2116,2125,2185,2188,2267,2273,2279,2626,2630,2633,2643,2675,2689,2784,2788,2801,2805,2869,2875,3110,3123,3126,3129,3138,3141,3163,3166,3170,3179,3194,3200,3205,3209,3216,3254,3260,3280,3284,3291,3345,3348,3354,3508,3511,3557],[211,212,214],"h2",{"id":213},"usage","Usage",[216,217,219],"h3",{"id":218},"define-a-collection","Define a Collection",[221,222,228],"pre",{"className":223,"code":224,"filename":225,"language":226,"meta":227,"style":227},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { defineCollection, defineContentConfig } from '@nuxt/content'\nimport { z } from 'zod'\n\nexport default defineContentConfig({\n  collections: {\n    blog: defineCollection({\n      type: 'page',\n      source: 'blog/*.md',\n      schema: z.object({\n        date: z.string()\n      })\n    })\n  }\n})\n","content.config.ts","ts","",[229,230,231,270,291,298,316,329,343,362,379,399,417,426,434,440],"code",{"__ignoreMap":227},[232,233,236,240,244,248,251,254,257,260,263,267],"span",{"class":234,"line":235},"line",1,[232,237,239],{"class":238},"s7zQu","import",[232,241,243],{"class":242},"sMK4o"," {",[232,245,247],{"class":246},"sTEyZ"," defineCollection",[232,249,250],{"class":242},",",[232,252,253],{"class":246}," defineContentConfig",[232,255,256],{"class":242}," }",[232,258,259],{"class":238}," from",[232,261,262],{"class":242}," '",[232,264,266],{"class":265},"sfazB","@nuxt/content",[232,268,269],{"class":242},"'\n",[232,271,273,275,277,280,282,284,286,289],{"class":234,"line":272},2,[232,274,239],{"class":238},[232,276,243],{"class":242},[232,278,279],{"class":246}," z",[232,281,256],{"class":242},[232,283,259],{"class":238},[232,285,262],{"class":242},[232,287,288],{"class":265},"zod",[232,290,269],{"class":242},[232,292,294],{"class":234,"line":293},3,[232,295,297],{"emptyLinePlaceholder":296},true,"\n",[232,299,301,304,307,310,313],{"class":234,"line":300},4,[232,302,303],{"class":238},"export",[232,305,306],{"class":238}," default",[232,308,253],{"class":309},"s2Zo4",[232,311,312],{"class":246},"(",[232,314,315],{"class":242},"{\n",[232,317,319,323,326],{"class":234,"line":318},5,[232,320,322],{"class":321},"swJcz","  collections",[232,324,325],{"class":242},":",[232,327,328],{"class":242}," {\n",[232,330,332,335,337,339,341],{"class":234,"line":331},6,[232,333,334],{"class":321},"    blog",[232,336,325],{"class":242},[232,338,247],{"class":309},[232,340,312],{"class":246},[232,342,315],{"class":242},[232,344,346,349,351,353,356,359],{"class":234,"line":345},7,[232,347,348],{"class":321},"      type",[232,350,325],{"class":242},[232,352,262],{"class":242},[232,354,355],{"class":265},"page",[232,357,358],{"class":242},"'",[232,360,361],{"class":242},",\n",[232,363,365,368,370,372,375,377],{"class":234,"line":364},8,[232,366,367],{"class":321},"      source",[232,369,325],{"class":242},[232,371,262],{"class":242},[232,373,374],{"class":265},"blog/*.md",[232,376,358],{"class":242},[232,378,361],{"class":242},[232,380,382,385,387,389,392,395,397],{"class":234,"line":381},9,[232,383,384],{"class":321},"      schema",[232,386,325],{"class":242},[232,388,279],{"class":246},[232,390,391],{"class":242},".",[232,393,394],{"class":309},"object",[232,396,312],{"class":246},[232,398,315],{"class":242},[232,400,402,405,407,409,411,414],{"class":234,"line":401},10,[232,403,404],{"class":321},"        date",[232,406,325],{"class":242},[232,408,279],{"class":246},[232,410,391],{"class":242},[232,412,413],{"class":309},"string",[232,415,416],{"class":246},"()\n",[232,418,420,423],{"class":234,"line":419},11,[232,421,422],{"class":242},"      }",[232,424,425],{"class":246},")\n",[232,427,429,432],{"class":234,"line":428},12,[232,430,431],{"class":242},"    }",[232,433,425],{"class":246},[232,435,437],{"class":234,"line":436},13,[232,438,439],{"class":242},"  }\n",[232,441,443,446],{"class":234,"line":442},14,[232,444,445],{"class":242},"}",[232,447,425],{"class":246},[449,450,452,453,455],"note",{"to":451},"/docs/collections/types#page-type","Learn more about the ",[229,454,355],{}," collection type.",[216,457,459,460,463],{"id":458},"create-md-files","Create ",[229,461,462],{},".md"," files",[465,466,467,468,471],"p",{},"Create blog posts in ",[229,469,470],{},"content/blog/"," directory.",[473,474,475,519],"code-group",{},[221,476,481],{"className":477,"code":478,"filename":479,"language":480,"meta":227,"style":227},"language-md shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","---\ndate: 2020-11-11\n---\n\n# Foo\n\nThis is Foo blog post.\n","foo.md","md",[229,482,483,488,493,497,501,510,514],{"__ignoreMap":227},[232,484,485],{"class":234,"line":235},[232,486,487],{"class":246},"---\n",[232,489,490],{"class":234,"line":272},[232,491,492],{"class":246},"date: 2020-11-11\n",[232,494,495],{"class":234,"line":293},[232,496,487],{"class":242},[232,498,499],{"class":234,"line":300},[232,500,297],{"emptyLinePlaceholder":296},[232,502,503,506],{"class":234,"line":318},[232,504,505],{"class":242},"# ",[232,507,509],{"class":508},"sBMFI","Foo\n",[232,511,512],{"class":234,"line":331},[232,513,297],{"emptyLinePlaceholder":296},[232,515,516],{"class":234,"line":345},[232,517,518],{"class":246},"This is Foo blog post.\n",[221,520,523],{"className":477,"code":521,"filename":522,"language":480,"meta":227,"style":227},"---\ndate: 2024-12-12\n---\nHello\nI am bar. Nice to meet you.\n","bar.md",[229,524,525,529,534,538,543],{"__ignoreMap":227},[232,526,527],{"class":234,"line":235},[232,528,487],{"class":246},[232,530,531],{"class":234,"line":272},[232,532,533],{"class":246},"date: 2024-12-12\n",[232,535,536],{"class":234,"line":293},[232,537,487],{"class":242},[232,539,540],{"class":234,"line":300},[232,541,542],{"class":246},"Hello\n",[232,544,545],{"class":234,"line":318},[232,546,547],{"class":246},"I am bar. Nice to meet you.\n",[216,549,551],{"id":550},"query-markdown-files","Query Markdown Files",[465,553,554],{},"Now we can query blog posts:",[221,556,558],{"className":223,"code":557,"language":226,"meta":227,"style":227},"// Get the foo post\nconst fooPost = await queryCollection('blog').path('/blog/foo').first()\n\n// Find all posts\nconst allPosts = await queryCollection('blog').order('date', 'DESC').all()\n",[229,559,560,566,619,623,628],{"__ignoreMap":227},[232,561,562],{"class":234,"line":235},[232,563,565],{"class":564},"sHwdD","// Get the foo post\n",[232,567,568,572,575,578,581,584,586,588,591,593,596,598,601,603,605,608,610,612,614,617],{"class":234,"line":272},[232,569,571],{"class":570},"spNyl","const",[232,573,574],{"class":246}," fooPost ",[232,576,577],{"class":242},"=",[232,579,580],{"class":238}," await",[232,582,583],{"class":309}," queryCollection",[232,585,312],{"class":246},[232,587,358],{"class":242},[232,589,590],{"class":265},"blog",[232,592,358],{"class":242},[232,594,595],{"class":246},")",[232,597,391],{"class":242},[232,599,600],{"class":309},"path",[232,602,312],{"class":246},[232,604,358],{"class":242},[232,606,607],{"class":265},"/blog/foo",[232,609,358],{"class":242},[232,611,595],{"class":246},[232,613,391],{"class":242},[232,615,616],{"class":309},"first",[232,618,416],{"class":246},[232,620,621],{"class":234,"line":293},[232,622,297],{"emptyLinePlaceholder":296},[232,624,625],{"class":234,"line":300},[232,626,627],{"class":564},"// Find all posts\n",[232,629,630,632,635,637,639,641,643,645,647,649,651,653,656,658,660,663,665,667,669,672,674,676,678,681],{"class":234,"line":318},[232,631,571],{"class":570},[232,633,634],{"class":246}," allPosts ",[232,636,577],{"class":242},[232,638,580],{"class":238},[232,640,583],{"class":309},[232,642,312],{"class":246},[232,644,358],{"class":242},[232,646,590],{"class":265},[232,648,358],{"class":242},[232,650,595],{"class":246},[232,652,391],{"class":242},[232,654,655],{"class":309},"order",[232,657,312],{"class":246},[232,659,358],{"class":242},[232,661,662],{"class":265},"date",[232,664,358],{"class":242},[232,666,250],{"class":242},[232,668,262],{"class":242},[232,670,671],{"class":265},"DESC",[232,673,358],{"class":242},[232,675,595],{"class":246},[232,677,391],{"class":242},[232,679,680],{"class":309},"all",[232,682,416],{"class":246},[216,684,686],{"id":685},"display-markdown","Display Markdown",[465,688,689,690,696],{},"To display the content of a markdown file, you can use the ",[691,692,693],"a",{"href":102},[229,694,695],{},"\u003CContentRenderer>"," component.",[221,698,703],{"className":699,"code":700,"filename":701,"language":702,"meta":227,"style":227},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup>\nconst slug = useRoute().params.slug\nconst { data: post } = await useAsyncData(`blog-${slug}`, () => {\n  return queryCollection('blog').path(`/blog/${slug}`).first()\n})\n\u003C/script>\n\n\u003Ctemplate>\n  \u003C!-- Render the blog post as Prose & Vue components -->\n  \u003CContentRenderer :value=\"post\" />\n\u003C/template>\n","blog/[slug].vue","vue",[229,704,705,719,744,795,837,843,852,856,865,870,893],{"__ignoreMap":227},[232,706,707,710,713,716],{"class":234,"line":235},[232,708,709],{"class":242},"\u003C",[232,711,712],{"class":321},"script",[232,714,715],{"class":570}," setup",[232,717,718],{"class":242},">\n",[232,720,721,723,726,728,731,734,736,739,741],{"class":234,"line":272},[232,722,571],{"class":570},[232,724,725],{"class":246}," slug ",[232,727,577],{"class":242},[232,729,730],{"class":309}," useRoute",[232,732,733],{"class":246},"()",[232,735,391],{"class":242},[232,737,738],{"class":246},"params",[232,740,391],{"class":242},[232,742,743],{"class":246},"slug\n",[232,745,746,748,750,753,755,758,760,763,765,768,770,773,776,779,782,785,787,790,793],{"class":234,"line":293},[232,747,571],{"class":570},[232,749,243],{"class":242},[232,751,752],{"class":321}," data",[232,754,325],{"class":242},[232,756,757],{"class":246}," post ",[232,759,445],{"class":242},[232,761,762],{"class":242}," =",[232,764,580],{"class":238},[232,766,767],{"class":309}," useAsyncData",[232,769,312],{"class":246},[232,771,772],{"class":242},"`",[232,774,775],{"class":265},"blog-",[232,777,778],{"class":242},"${",[232,780,781],{"class":246},"slug",[232,783,784],{"class":242},"}`",[232,786,250],{"class":242},[232,788,789],{"class":242}," ()",[232,791,792],{"class":570}," =>",[232,794,328],{"class":242},[232,796,797,800,802,804,806,808,810,812,814,816,818,820,823,825,827,829,831,833,835],{"class":234,"line":300},[232,798,799],{"class":238},"  return",[232,801,583],{"class":309},[232,803,312],{"class":321},[232,805,358],{"class":242},[232,807,590],{"class":265},[232,809,358],{"class":242},[232,811,595],{"class":321},[232,813,391],{"class":242},[232,815,600],{"class":309},[232,817,312],{"class":321},[232,819,772],{"class":242},[232,821,822],{"class":265},"/blog/",[232,824,778],{"class":242},[232,826,781],{"class":246},[232,828,784],{"class":242},[232,830,595],{"class":321},[232,832,391],{"class":242},[232,834,616],{"class":309},[232,836,416],{"class":321},[232,838,839,841],{"class":234,"line":318},[232,840,445],{"class":242},[232,842,425],{"class":246},[232,844,845,848,850],{"class":234,"line":331},[232,846,847],{"class":242},"\u003C/",[232,849,712],{"class":321},[232,851,718],{"class":242},[232,853,854],{"class":234,"line":345},[232,855,297],{"emptyLinePlaceholder":296},[232,857,858,860,863],{"class":234,"line":364},[232,859,709],{"class":242},[232,861,862],{"class":321},"template",[232,864,718],{"class":242},[232,866,867],{"class":234,"line":381},[232,868,869],{"class":564},"  \u003C!-- Render the blog post as Prose & Vue components -->\n",[232,871,872,875,877,880,882,885,888,890],{"class":234,"line":401},[232,873,874],{"class":242},"  \u003C",[232,876,101],{"class":321},[232,878,879],{"class":570}," :value",[232,881,577],{"class":242},[232,883,884],{"class":242},"\"",[232,886,887],{"class":265},"post",[232,889,884],{"class":242},[232,891,892],{"class":242}," />\n",[232,894,895,897,899],{"class":234,"line":419},[232,896,847],{"class":242},[232,898,862],{"class":321},[232,900,718],{"class":242},[449,902,903,904,908,909,391],{},"Read more about the ",[691,905,906],{"href":102},[229,907,695],{}," component and ",[691,910,911],{"href":110},[229,912,109],{},[211,914,916],{"id":915},"frontmatter","Frontmatter",[465,918,919,920,923],{},"Frontmatter is a convention of Markdown-based CMS to provide meta-data to pages, like description or title. In Nuxt Content, the frontmatter uses the YAML syntax with ",[229,921,922],{},"key: value"," pairs.",[465,925,926],{},"These data are available when rendering the content and can store any information that you would need.",[216,928,930],{"id":929},"syntax","Syntax",[465,932,933,934,937,938,941],{},"You can declare a frontmatter block at the top of the Markdown files in the ",[229,935,936],{},"content/"," directory with the ",[229,939,940],{},"---"," identifier.",[221,943,946],{"className":477,"code":944,"filename":945,"language":480,"meta":227,"style":227},"---\ntitle: 'Title of the page'\ndescription: 'meta description of the page'\n---\n\n\u003C!-- Content of the page -->\n","content/index.md",[229,947,948,952,957,962,966,970],{"__ignoreMap":227},[232,949,950],{"class":234,"line":235},[232,951,487],{"class":246},[232,953,954],{"class":234,"line":272},[232,955,956],{"class":246},"title: 'Title of the page'\n",[232,958,959],{"class":234,"line":293},[232,960,961],{"class":246},"description: 'meta description of the page'\n",[232,963,964],{"class":234,"line":300},[232,965,487],{"class":242},[232,967,968],{"class":234,"line":318},[232,969,297],{"emptyLinePlaceholder":296},[232,971,972],{"class":234,"line":331},[232,973,974],{"class":564},"\u003C!-- Content of the page -->\n",[221,976,979],{"className":223,"code":977,"filename":978,"language":226,"meta":227,"style":227},"const home = await queryCollection('content').path('/').first()\n\nconsole.log(home.title)\n// => 'Title of the page'\nconsole.log(home.description)\n// => 'meta description of the page'\nconsole.log(home.body)\n// => AST object of the page content\n","example.ts",[229,980,981,1026,1030,1048,1053,1068,1073,1088],{"__ignoreMap":227},[232,982,983,985,988,990,992,994,996,998,1001,1003,1005,1007,1009,1011,1013,1016,1018,1020,1022,1024],{"class":234,"line":235},[232,984,571],{"class":570},[232,986,987],{"class":246}," home ",[232,989,577],{"class":242},[232,991,580],{"class":238},[232,993,583],{"class":309},[232,995,312],{"class":246},[232,997,358],{"class":242},[232,999,1000],{"class":265},"content",[232,1002,358],{"class":242},[232,1004,595],{"class":246},[232,1006,391],{"class":242},[232,1008,600],{"class":309},[232,1010,312],{"class":246},[232,1012,358],{"class":242},[232,1014,1015],{"class":265},"/",[232,1017,358],{"class":242},[232,1019,595],{"class":246},[232,1021,391],{"class":242},[232,1023,616],{"class":309},[232,1025,416],{"class":246},[232,1027,1028],{"class":234,"line":272},[232,1029,297],{"emptyLinePlaceholder":296},[232,1031,1032,1035,1037,1040,1043,1045],{"class":234,"line":293},[232,1033,1034],{"class":246},"console",[232,1036,391],{"class":242},[232,1038,1039],{"class":309},"log",[232,1041,1042],{"class":246},"(home",[232,1044,391],{"class":242},[232,1046,1047],{"class":246},"title)\n",[232,1049,1050],{"class":234,"line":300},[232,1051,1052],{"class":564},"// => 'Title of the page'\n",[232,1054,1055,1057,1059,1061,1063,1065],{"class":234,"line":318},[232,1056,1034],{"class":246},[232,1058,391],{"class":242},[232,1060,1039],{"class":309},[232,1062,1042],{"class":246},[232,1064,391],{"class":242},[232,1066,1067],{"class":246},"description)\n",[232,1069,1070],{"class":234,"line":331},[232,1071,1072],{"class":564},"// => 'meta description of the page'\n",[232,1074,1075,1077,1079,1081,1083,1085],{"class":234,"line":345},[232,1076,1034],{"class":246},[232,1078,391],{"class":242},[232,1080,1039],{"class":309},[232,1082,1042],{"class":246},[232,1084,391],{"class":242},[232,1086,1087],{"class":246},"body)\n",[232,1089,1090],{"class":234,"line":364},[232,1091,1092],{"class":564},"// => AST object of the page content\n",[216,1094,1096],{"id":1095},"native-parameters","Native parameters",[1098,1099,1100,1115],"table",{},[1101,1102,1103],"thead",{},[1104,1105,1106,1109,1111,1113],"tr",{},[1107,1108],"th",{},[1107,1110],{},[1107,1112],{},[1107,1114],{},[1116,1117,1118,1133,1154,1173],"tbody",{},[1104,1119,1120,1124,1127,1130],{},[1121,1122,1123],"td",{},"Key",[1121,1125,1126],{},"Type",[1121,1128,1129],{},"Default",[1121,1131,1132],{},"Description",[1104,1134,1135,1140,1144,1151],{},[1121,1136,1137],{},[229,1138,1139],{},"title",[1121,1141,1142],{},[229,1143,413],{},[1121,1145,1146,1147,1150],{},"First ",[229,1148,1149],{},"\u003Ch1>"," of the page",[1121,1152,1153],{},"Title of the page, will also be injected in metas",[1104,1155,1156,1161,1165,1170],{},[1121,1157,1158],{},[229,1159,1160],{},"description",[1121,1162,1163],{},[229,1164,413],{},[1121,1166,1146,1167,1150],{},[229,1168,1169],{},"\u003Cp>",[1121,1171,1172],{},"Description of the page, will be shown below the title and injected into the metas",[1104,1174,1175,1180,1185,1190],{},[1121,1176,1177],{},[229,1178,1179],{},"navigation",[1121,1181,1182],{},[229,1183,1184],{},"boolean",[1121,1186,1187],{},[229,1188,1189],{},"true",[1121,1191,1192,1193,1197],{},"Define if the page is included in ",[691,1194,1195],{"href":85},[229,1196,84],{}," return value.",[1199,1200,1201],"warning",{},"Additional parameters that you have defined in your frontmatter block need to be defined in your schema (see the date parameter in the example at top of this page) to be able to use them for querying.",[211,1203,1205],{"id":1204},"mdc-syntax","MDC Syntax",[465,1207,1208],{},"We created the MDC syntax to supercharge Markdown and give you the ability to integrate Vue components with slots and props inside your Markdown.",[449,1210,1212],{"to":1211},"https://remark-mdc.nuxt.space/#syntax","Explore the full MDC documentation.",[1214,1215,1218,1219,1223],"callout",{"icon":1216,"to":1217},"i-simple-icons-visualstudiocode","https://marketplace.visualstudio.com/items?itemName=Nuxt.mdc","Install the ",[1220,1221,1222],"strong",{},"MDC VS Code extension"," to get proper syntax highlighting for the MDC syntax.",[216,1225,1227],{"id":1226},"vue-components","Vue Components",[465,1229,1230],{},"You can use any Vue component in your Markdown files.",[465,1232,1233],{},"We have a special syntax to make it easier to use components in your Markdown files.",[221,1235,1239],{"className":1236,"code":1237,"filename":945,"language":1238,"meta":227,"style":227},"language-mdc shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","::component-name\nDefault slot content\n::\n","mdc",[229,1240,1241,1249,1254],{"__ignoreMap":227},[232,1242,1243,1246],{"class":234,"line":235},[232,1244,1245],{"class":242},"::",[232,1247,1248],{"class":321},"component-name\n",[232,1250,1251],{"class":234,"line":272},[232,1252,1253],{"class":246},"Default slot content\n",[232,1255,1256],{"class":234,"line":293},[232,1257,1258],{"class":242},"::\n",[1199,1260,1261,1262,1265,1266,1269,1270,1276],{},"Components that are used in Markdown have to be marked as ",[229,1263,1264],{},"global"," in your Nuxt app if you don't use the ",[229,1267,1268],{},"components/content/"," directory. Visit ",[691,1271,1275],{"href":1272,"rel":1273},"https://nuxt.com/docs/guide/directory-structure/components",[1274],"nofollow","Nuxt 3 docs"," to learn more.",[1278,1279,1281],"h4",{"id":1280},"block-components","Block Components",[465,1283,1284],{},"Block components are components that accept Markdown content or another component as a slot.",[465,1286,1287,1288,1291],{},"The component must contain at least one ",[229,1289,1290],{},"\u003Cslot />"," component to accept formatted text.",[465,1293,1294,1295,941],{},"In a markdown file, use the component with the ",[229,1296,1245],{},[473,1298,1299,1321,1390],{},[221,1300,1303],{"className":1236,"code":1301,"filename":1302,"language":1238,"meta":227,"style":227},"::card\nThe content of the card\n::\n","index.md",[229,1304,1305,1312,1317],{"__ignoreMap":227},[232,1306,1307,1309],{"class":234,"line":235},[232,1308,1245],{"class":242},[232,1310,1311],{"class":321},"card\n",[232,1313,1314],{"class":234,"line":272},[232,1315,1316],{"class":246},"The content of the card\n",[232,1318,1319],{"class":234,"line":293},[232,1320,1258],{"class":242},[221,1322,1327],{"className":1323,"code":1324,"filename":1325,"language":1326,"meta":227,"style":227},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003C!-- components/content/Card.vue -->\n\u003Ctemplate>\n  \u003Cdiv class=\"p-2 border bg-white dark:bg-black dark:border-gray-700 rounded\">\n    \u003Cslot />\n  \u003C/div>\n\u003C/template>\n","Card.vue","html",[229,1328,1329,1334,1342,1363,1373,1382],{"__ignoreMap":227},[232,1330,1331],{"class":234,"line":235},[232,1332,1333],{"class":564},"\u003C!-- components/content/Card.vue -->\n",[232,1335,1336,1338,1340],{"class":234,"line":272},[232,1337,709],{"class":242},[232,1339,862],{"class":321},[232,1341,718],{"class":242},[232,1343,1344,1346,1349,1352,1354,1356,1359,1361],{"class":234,"line":293},[232,1345,874],{"class":242},[232,1347,1348],{"class":321},"div",[232,1350,1351],{"class":570}," class",[232,1353,577],{"class":242},[232,1355,884],{"class":242},[232,1357,1358],{"class":265},"p-2 border bg-white dark:bg-black dark:border-gray-700 rounded",[232,1360,884],{"class":242},[232,1362,718],{"class":242},[232,1364,1365,1368,1371],{"class":234,"line":300},[232,1366,1367],{"class":242},"    \u003C",[232,1369,1370],{"class":321},"slot",[232,1372,892],{"class":242},[232,1374,1375,1378,1380],{"class":234,"line":318},[232,1376,1377],{"class":242},"  \u003C/",[232,1379,1348],{"class":321},[232,1381,718],{"class":242},[232,1383,1384,1386,1388],{"class":234,"line":331},[232,1385,847],{"class":242},[232,1387,862],{"class":321},[232,1389,718],{"class":242},[1391,1392,1395],"code-preview",{"label":1393,"icon":1394},"Preview","i-lucide-eye",[1396,1397,1398],"example-card",{},"The content of the card",[1278,1400,1402],{"id":1401},"slots","Slots",[465,1404,1405],{},"A component's slots can accept content or another components.",[1407,1408,1409,1419],"ul",{},[1410,1411,1412,1415,1416],"li",{},[1220,1413,1414],{},"Default slot"," renders the top-level content inside the block component or with ",[229,1417,1418],{},"#default",[1410,1420,1421,1424,1425,1428],{},[1220,1422,1423],{},"Named slots"," use the ",[229,1426,1427],{},"#"," identifier to render the corresponding content.",[473,1430,1431,1475,1582],{},[221,1432,1434],{"className":1236,"code":1433,"filename":1302,"language":1238,"meta":227,"style":227},"::hero\nMy Page Title\n\n#description\nThis will be rendered inside the `description` slot.\n::\n",[229,1435,1436,1443,1448,1452,1457,1471],{"__ignoreMap":227},[232,1437,1438,1440],{"class":234,"line":235},[232,1439,1245],{"class":242},[232,1441,1442],{"class":321},"hero\n",[232,1444,1445],{"class":234,"line":272},[232,1446,1447],{"class":246},"My Page Title\n",[232,1449,1450],{"class":234,"line":293},[232,1451,297],{"emptyLinePlaceholder":296},[232,1453,1454],{"class":234,"line":300},[232,1455,1456],{"class":570},"#description\n",[232,1458,1459,1462,1464,1466,1468],{"class":234,"line":318},[232,1460,1461],{"class":246},"This will be rendered inside the ",[232,1463,772],{"class":242},[232,1465,1160],{"class":265},[232,1467,772],{"class":242},[232,1469,1470],{"class":246}," slot.\n",[232,1472,1473],{"class":234,"line":331},[232,1474,1258],{"class":242},[221,1476,1479],{"className":1323,"code":1477,"filename":1478,"language":1326,"meta":227,"style":227},"\u003Ctemplate>\n  \u003Csection>\n    \u003Ch1 class=\"text-4xl\">\n      \u003Cslot mdc-unwrap=\"p\" />\n    \u003C/h1>\n    \u003Cslot name=\"description\" />\n  \u003C/section>\n\u003C/template>\n","Hero.vue",[229,1480,1481,1489,1498,1518,1538,1547,1566,1574],{"__ignoreMap":227},[232,1482,1483,1485,1487],{"class":234,"line":235},[232,1484,709],{"class":242},[232,1486,862],{"class":321},[232,1488,718],{"class":242},[232,1490,1491,1493,1496],{"class":234,"line":272},[232,1492,874],{"class":242},[232,1494,1495],{"class":321},"section",[232,1497,718],{"class":242},[232,1499,1500,1502,1505,1507,1509,1511,1514,1516],{"class":234,"line":293},[232,1501,1367],{"class":242},[232,1503,1504],{"class":321},"h1",[232,1506,1351],{"class":570},[232,1508,577],{"class":242},[232,1510,884],{"class":242},[232,1512,1513],{"class":265},"text-4xl",[232,1515,884],{"class":242},[232,1517,718],{"class":242},[232,1519,1520,1523,1525,1528,1530,1532,1534,1536],{"class":234,"line":300},[232,1521,1522],{"class":242},"      \u003C",[232,1524,1370],{"class":321},[232,1526,1527],{"class":570}," mdc-unwrap",[232,1529,577],{"class":242},[232,1531,884],{"class":242},[232,1533,465],{"class":265},[232,1535,884],{"class":242},[232,1537,892],{"class":242},[232,1539,1540,1543,1545],{"class":234,"line":318},[232,1541,1542],{"class":242},"    \u003C/",[232,1544,1504],{"class":321},[232,1546,718],{"class":242},[232,1548,1549,1551,1553,1556,1558,1560,1562,1564],{"class":234,"line":331},[232,1550,1367],{"class":242},[232,1552,1370],{"class":321},[232,1554,1555],{"class":570}," name",[232,1557,577],{"class":242},[232,1559,884],{"class":242},[232,1561,1160],{"class":265},[232,1563,884],{"class":242},[232,1565,892],{"class":242},[232,1567,1568,1570,1572],{"class":234,"line":345},[232,1569,1377],{"class":242},[232,1571,1495],{"class":321},[232,1573,718],{"class":242},[232,1575,1576,1578,1580],{"class":234,"line":364},[232,1577,847],{"class":242},[232,1579,862],{"class":321},[232,1581,718],{"class":242},[1391,1583,1584],{"label":1393,"icon":1394},[1585,1586,1587,1588],"example-hero",{},"My Page Title",[862,1589,1461,1590,1592],{"v-slot:description":227},[229,1591,1160],{}," slot.",[449,1594,903,1595,696],{},[691,1596,1597],{"href":106},[229,1598,1290],{},[1600,1601,1602,1605],"tip",{},[465,1603,1604],{},"You can use Markdown inside your components slots:",[473,1606,1607,1658,1724],{},[221,1608,1610],{"className":1236,"code":1609,"filename":1302,"language":1238,"meta":227,"style":227},"::my-title\nA [rich text](/) will be **rendered** by the component.\n::\n",[229,1611,1612,1619,1654],{"__ignoreMap":227},[232,1613,1614,1616],{"class":234,"line":235},[232,1615,1245],{"class":242},[232,1617,1618],{"class":321},"my-title\n",[232,1620,1621,1624,1627,1630,1633,1636,1638,1641,1645,1649,1651],{"class":234,"line":272},[232,1622,1623],{"class":246},"A ",[232,1625,1626],{"class":242},"[",[232,1628,1629],{"class":265},"rich text",[232,1631,1632],{"class":242},"](",[232,1634,1015],{"class":1635},"sQLHv",[232,1637,595],{"class":242},[232,1639,1640],{"class":246}," will be ",[232,1642,1644],{"class":1643},"sHepR","**",[232,1646,1648],{"class":1647},"so75L","rendered",[232,1650,1644],{"class":1643},[232,1652,1653],{"class":246}," by the component.\n",[232,1655,1656],{"class":234,"line":293},[232,1657,1258],{"class":242},[221,1659,1662],{"className":1323,"code":1660,"filename":1661,"language":1326,"meta":227,"style":227},"\u003Ctemplate>\n  \u003Ch1 class=\"text-4xl\">\n    \u003Cslot mdc-unwrap=\"p\" />\n  \u003C/h1>\n\u003C/template>\n","MyTitle.vue",[229,1663,1664,1672,1690,1708,1716],{"__ignoreMap":227},[232,1665,1666,1668,1670],{"class":234,"line":235},[232,1667,709],{"class":242},[232,1669,862],{"class":321},[232,1671,718],{"class":242},[232,1673,1674,1676,1678,1680,1682,1684,1686,1688],{"class":234,"line":272},[232,1675,874],{"class":242},[232,1677,1504],{"class":321},[232,1679,1351],{"class":570},[232,1681,577],{"class":242},[232,1683,884],{"class":242},[232,1685,1513],{"class":265},[232,1687,884],{"class":242},[232,1689,718],{"class":242},[232,1691,1692,1694,1696,1698,1700,1702,1704,1706],{"class":234,"line":293},[232,1693,1367],{"class":242},[232,1695,1370],{"class":321},[232,1697,1527],{"class":570},[232,1699,577],{"class":242},[232,1701,884],{"class":242},[232,1703,465],{"class":265},[232,1705,884],{"class":242},[232,1707,892],{"class":242},[232,1709,1710,1712,1714],{"class":234,"line":300},[232,1711,1377],{"class":242},[232,1713,1504],{"class":321},[232,1715,718],{"class":242},[232,1717,1718,1720,1722],{"class":234,"line":318},[232,1719,847],{"class":242},[232,1721,862],{"class":321},[232,1723,718],{"class":242},[1391,1725,1726],{"label":1393,"icon":1394},[1727,1728,1623,1729,1640,1731,1733],"example-title",{},[691,1730,1629],{"href":1015},[1220,1732,1648],{}," by the component.",[1278,1735,1737],{"id":1736},"props","Props",[465,1739,1740],{},"There are two ways to pass props to components using MDC.",[1742,1743,1745],"h5",{"id":1744},"inline-method",[1220,1746,1747],{},"Inline method",[465,1749,1750,1751,1754,1755,1758],{},"The ",[229,1752,1753],{},"{}"," identifier passes props to components in a terse way by using a ",[229,1756,1757],{},"key=value"," syntax.",[473,1760,1761,1807,2060],{},[221,1762,1764],{"className":1236,"code":1763,"filename":1302,"language":1238,"meta":227,"style":227},"::alert{type=\"warning\"}\nThe **alert** component.\n::\n",[229,1765,1766,1790,1803],{"__ignoreMap":227},[232,1767,1768,1770,1773,1776,1779,1781,1783,1785,1787],{"class":234,"line":235},[232,1769,1245],{"class":242},[232,1771,1772],{"class":321},"alert",[232,1774,1775],{"class":242},"{",[232,1777,1778],{"class":570},"type",[232,1780,577],{"class":242},[232,1782,884],{"class":242},[232,1784,1199],{"class":265},[232,1786,884],{"class":242},[232,1788,1789],{"class":242},"}\n",[232,1791,1792,1794,1796,1798,1800],{"class":234,"line":272},[232,1793,1750],{"class":246},[232,1795,1644],{"class":1643},[232,1797,1772],{"class":1647},[232,1799,1644],{"class":1643},[232,1801,1802],{"class":246}," component.\n",[232,1804,1805],{"class":234,"line":293},[232,1806,1258],{"class":242},[221,1808,1811],{"className":699,"code":1809,"filename":1810,"language":702,"meta":227,"style":227},"\u003Cscript setup>\nconst props = defineProps({ type: { type: String } })\n\nconst alertClass = computed(() => {\n  return {\n    warning: 'bg-orange-100 border-orange-200 dark:bg-orange-900 dark:border-orange-800',\n    info: 'bg-blue-100 border-blue-200 dark:bg-blue-900 dark:border-blue-800',\n    success: 'bg-green-100 border-green-200 dark:bg-green-900 dark:border-green-800',\n  }[props.type]\n})\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cdiv\n    class=\"text-black p-2 border dark:text-white rounded\"\n    :class=\"alertClass\"\n  >\n    \u003Cslot mdc-unwrap=\"p\" />\n  \u003C/div>\n\u003C/template>\n","Alert.vue",[229,1812,1813,1823,1859,1863,1883,1889,1905,1921,1937,1953,1959,1967,1971,1979,1986,2002,2017,2023,2042,2051],{"__ignoreMap":227},[232,1814,1815,1817,1819,1821],{"class":234,"line":235},[232,1816,709],{"class":242},[232,1818,712],{"class":321},[232,1820,715],{"class":570},[232,1822,718],{"class":242},[232,1824,1825,1827,1830,1832,1835,1837,1839,1842,1844,1846,1848,1850,1853,1855,1857],{"class":234,"line":272},[232,1826,571],{"class":570},[232,1828,1829],{"class":246}," props ",[232,1831,577],{"class":242},[232,1833,1834],{"class":309}," defineProps",[232,1836,312],{"class":246},[232,1838,1775],{"class":242},[232,1840,1841],{"class":321}," type",[232,1843,325],{"class":242},[232,1845,243],{"class":242},[232,1847,1841],{"class":321},[232,1849,325],{"class":242},[232,1851,1852],{"class":246}," String ",[232,1854,445],{"class":242},[232,1856,256],{"class":242},[232,1858,425],{"class":246},[232,1860,1861],{"class":234,"line":293},[232,1862,297],{"emptyLinePlaceholder":296},[232,1864,1865,1867,1870,1872,1875,1877,1879,1881],{"class":234,"line":300},[232,1866,571],{"class":570},[232,1868,1869],{"class":246}," alertClass ",[232,1871,577],{"class":242},[232,1873,1874],{"class":309}," computed",[232,1876,312],{"class":246},[232,1878,733],{"class":242},[232,1880,792],{"class":570},[232,1882,328],{"class":242},[232,1884,1885,1887],{"class":234,"line":318},[232,1886,799],{"class":238},[232,1888,328],{"class":242},[232,1890,1891,1894,1896,1898,1901,1903],{"class":234,"line":331},[232,1892,1893],{"class":321},"    warning",[232,1895,325],{"class":242},[232,1897,262],{"class":242},[232,1899,1900],{"class":265},"bg-orange-100 border-orange-200 dark:bg-orange-900 dark:border-orange-800",[232,1902,358],{"class":242},[232,1904,361],{"class":242},[232,1906,1907,1910,1912,1914,1917,1919],{"class":234,"line":345},[232,1908,1909],{"class":321},"    info",[232,1911,325],{"class":242},[232,1913,262],{"class":242},[232,1915,1916],{"class":265},"bg-blue-100 border-blue-200 dark:bg-blue-900 dark:border-blue-800",[232,1918,358],{"class":242},[232,1920,361],{"class":242},[232,1922,1923,1926,1928,1930,1933,1935],{"class":234,"line":364},[232,1924,1925],{"class":321},"    success",[232,1927,325],{"class":242},[232,1929,262],{"class":242},[232,1931,1932],{"class":265},"bg-green-100 border-green-200 dark:bg-green-900 dark:border-green-800",[232,1934,358],{"class":242},[232,1936,361],{"class":242},[232,1938,1939,1942,1944,1946,1948,1950],{"class":234,"line":381},[232,1940,1941],{"class":242},"  }",[232,1943,1626],{"class":321},[232,1945,1736],{"class":246},[232,1947,391],{"class":242},[232,1949,1778],{"class":246},[232,1951,1952],{"class":321},"]\n",[232,1954,1955,1957],{"class":234,"line":401},[232,1956,445],{"class":242},[232,1958,425],{"class":246},[232,1960,1961,1963,1965],{"class":234,"line":419},[232,1962,847],{"class":242},[232,1964,712],{"class":321},[232,1966,718],{"class":242},[232,1968,1969],{"class":234,"line":428},[232,1970,297],{"emptyLinePlaceholder":296},[232,1972,1973,1975,1977],{"class":234,"line":436},[232,1974,709],{"class":242},[232,1976,862],{"class":321},[232,1978,718],{"class":242},[232,1980,1981,1983],{"class":234,"line":442},[232,1982,874],{"class":242},[232,1984,1985],{"class":321},"div\n",[232,1987,1989,1992,1994,1996,1999],{"class":234,"line":1988},15,[232,1990,1991],{"class":570},"    class",[232,1993,577],{"class":242},[232,1995,884],{"class":242},[232,1997,1998],{"class":265},"text-black p-2 border dark:text-white rounded",[232,2000,2001],{"class":242},"\"\n",[232,2003,2005,2008,2010,2012,2015],{"class":234,"line":2004},16,[232,2006,2007],{"class":570},"    :class",[232,2009,577],{"class":242},[232,2011,884],{"class":242},[232,2013,2014],{"class":265},"alertClass",[232,2016,2001],{"class":242},[232,2018,2020],{"class":234,"line":2019},17,[232,2021,2022],{"class":242},"  >\n",[232,2024,2026,2028,2030,2032,2034,2036,2038,2040],{"class":234,"line":2025},18,[232,2027,1367],{"class":242},[232,2029,1370],{"class":321},[232,2031,1527],{"class":570},[232,2033,577],{"class":242},[232,2035,884],{"class":242},[232,2037,465],{"class":265},[232,2039,884],{"class":242},[232,2041,892],{"class":242},[232,2043,2045,2047,2049],{"class":234,"line":2044},19,[232,2046,1377],{"class":242},[232,2048,1348],{"class":321},[232,2050,718],{"class":242},[232,2052,2054,2056,2058],{"class":234,"line":2053},20,[232,2055,847],{"class":242},[232,2057,862],{"class":321},[232,2059,718],{"class":242},[1391,2061,2062],{"label":1393,"icon":1394},[2063,2064,1750,2065,696],"example-alert",{"type":1199},[1220,2066,1772],{},[465,2068,2069],{},"Multiple props can be separated with a space:",[221,2071,2073],{"className":1236,"code":2072,"language":1238,"meta":227,"style":227},"::alert{type=\"warning\" icon=\"exclamation-circle\"}\nOops! An error occurred\n::\n",[229,2074,2075,2107,2112],{"__ignoreMap":227},[232,2076,2077,2079,2081,2083,2085,2087,2089,2091,2093,2096,2098,2100,2103,2105],{"class":234,"line":235},[232,2078,1245],{"class":242},[232,2080,1772],{"class":321},[232,2082,1775],{"class":242},[232,2084,1778],{"class":570},[232,2086,577],{"class":242},[232,2088,884],{"class":242},[232,2090,1199],{"class":265},[232,2092,884],{"class":242},[232,2094,2095],{"class":570}," icon",[232,2097,577],{"class":242},[232,2099,884],{"class":242},[232,2101,2102],{"class":265},"exclamation-circle",[232,2104,884],{"class":242},[232,2106,1789],{"class":242},[232,2108,2109],{"class":234,"line":272},[232,2110,2111],{"class":246},"Oops! An error occurred\n",[232,2113,2114],{"class":234,"line":293},[232,2115,1258],{"class":242},[465,2117,1750,2118,2121,2122,2124],{},[229,2119,2120],{},"v-bind"," shorthand ",[229,2123,325],{}," can be also be used to bind a prop to a value in the frontmatter.",[221,2126,2128],{"className":1236,"code":2127,"language":1238,"meta":227,"style":227},"---\ntype: \"warning\"\n---\n\n::alert{:type=\"type\"}\nYour warning\n::\n",[229,2129,2130,2134,2147,2151,2155,2176,2181],{"__ignoreMap":227},[232,2131,2132],{"class":234,"line":235},[232,2133,487],{"class":242},[232,2135,2136,2138,2140,2143,2145],{"class":234,"line":272},[232,2137,1778],{"class":321},[232,2139,325],{"class":242},[232,2141,2142],{"class":242}," \"",[232,2144,1199],{"class":265},[232,2146,2001],{"class":242},[232,2148,2149],{"class":234,"line":293},[232,2150,487],{"class":242},[232,2152,2153],{"class":234,"line":300},[232,2154,297],{"emptyLinePlaceholder":296},[232,2156,2157,2159,2161,2163,2166,2168,2170,2172,2174],{"class":234,"line":318},[232,2158,1245],{"class":242},[232,2160,1772],{"class":321},[232,2162,1775],{"class":242},[232,2164,2165],{"class":570},":type",[232,2167,577],{"class":242},[232,2169,884],{"class":242},[232,2171,1778],{"class":265},[232,2173,884],{"class":242},[232,2175,1789],{"class":242},[232,2177,2178],{"class":234,"line":331},[232,2179,2180],{"class":246},"Your warning\n",[232,2182,2183],{"class":234,"line":345},[232,2184,1258],{"class":242},[465,2186,2187],{},"If you want to pass arrays or objects as props to components you can pass them as JSON string and prefix the prop key with a colon to automatically decode the JSON string. Note that in this case you should use single quotes for the value string so you can use double quotes to pass a valid JSON string:",[473,2189,2190,2225,2252],{},[221,2191,2194],{"className":1236,"code":2192,"filename":2193,"language":1238,"meta":227,"style":227},"::dropdown{:items='[\"Nuxt\", \"Vue\", \"React\"]'}\n::\n","array.md",[229,2195,2196,2221],{"__ignoreMap":227},[232,2197,2198,2200,2203,2205,2208,2210,2213,2216,2219],{"class":234,"line":235},[232,2199,1245],{"class":242},[232,2201,2202],{"class":321},"dropdown",[232,2204,1775],{"class":242},[232,2206,2207],{"class":570},":items",[232,2209,577],{"class":242},[232,2211,2212],{"class":570},"'[\"Nuxt\",",[232,2214,2215],{"class":570}," \"Vue\",",[232,2217,2218],{"class":570}," \"React\"]'",[232,2220,1789],{"class":242},[232,2222,2223],{"class":234,"line":272},[232,2224,1258],{"class":242},[221,2226,2229],{"className":1236,"code":2227,"filename":2228,"language":1238,"meta":227,"style":227},"::dropdown{:items='[1,2,3.5]'}\n::\n","number-array.md",[229,2230,2231,2248],{"__ignoreMap":227},[232,2232,2233,2235,2237,2239,2241,2243,2246],{"class":234,"line":235},[232,2234,1245],{"class":242},[232,2236,2202],{"class":321},[232,2238,1775],{"class":242},[232,2240,2207],{"class":570},[232,2242,577],{"class":242},[232,2244,2245],{"class":570},"'[1,2,3.5]'",[232,2247,1789],{"class":242},[232,2249,2250],{"class":234,"line":272},[232,2251,1258],{"class":242},[221,2253,2256],{"className":1236,"code":2254,"filename":2255,"language":1238,"meta":227,"style":227},"::chart{:options='{\"responsive\": true, \"scales\": {\"y\": {\"beginAtZero\": true}}}'}\n::\n","object.md",[229,2257,2258,2263],{"__ignoreMap":227},[232,2259,2260],{"class":234,"line":235},[232,2261,2262],{"class":246},"::chart{:options='{\"responsive\": true, \"scales\": {\"y\": {\"beginAtZero\": true}}}'}\n",[232,2264,2265],{"class":234,"line":272},[232,2266,1258],{"class":246},[1742,2268,2270],{"id":2269},"yaml-method",[1220,2271,2272],{},"YAML method",[465,2274,2275,2276,2278],{},"The YAML method uses the ",[229,2277,940],{}," identifier to declare one prop per line, that can be useful for readability.",[473,2280,2281,2333,2618],{},[221,2282,2284],{"className":1236,"code":2283,"filename":1302,"language":1238,"meta":227,"style":227},"::icon-card\n---\nicon: IconNuxt\ndescription: Harness the full power of Nuxt and the Nuxt ecosystem.\ntitle: Nuxt Architecture.\n---\n::\n",[229,2285,2286,2293,2297,2307,2316,2325,2329],{"__ignoreMap":227},[232,2287,2288,2290],{"class":234,"line":235},[232,2289,1245],{"class":242},[232,2291,2292],{"class":321},"icon-card\n",[232,2294,2295],{"class":234,"line":272},[232,2296,487],{"class":246},[232,2298,2299,2302,2304],{"class":234,"line":293},[232,2300,2301],{"class":321},"icon",[232,2303,325],{"class":242},[232,2305,2306],{"class":265}," IconNuxt\n",[232,2308,2309,2311,2313],{"class":234,"line":300},[232,2310,1160],{"class":321},[232,2312,325],{"class":242},[232,2314,2315],{"class":265}," Harness the full power of Nuxt and the Nuxt ecosystem.\n",[232,2317,2318,2320,2322],{"class":234,"line":318},[232,2319,1139],{"class":321},[232,2321,325],{"class":242},[232,2323,2324],{"class":265}," Nuxt Architecture.\n",[232,2326,2327],{"class":234,"line":331},[232,2328,487],{"class":246},[232,2330,2331],{"class":234,"line":345},[232,2332,1258],{"class":242},[221,2334,2337],{"className":1323,"code":2335,"filename":2336,"language":1326,"meta":227,"style":227},"\u003Cscript setup>\ndefineProps({\n  title: {\n    type: String,\n    default: 'Default title'\n  },\n  description: {\n    type: String,\n    default: 'Default description'\n  },\n  icon: {\n    type: String,\n    default: 'IconMarkdown'\n  }\n})\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cdiv class=\"p-6 border bg-white dark:bg-black dark:border-gray-700 rounded\">\n    \u003Ccomponent :is=\"icon\" class=\"w-20 h-20\" />\n    \u003Ch2 class=\"text-3xl font-semibold mb-2\">\n      {{ title }}\n    \u003C/h2>\n    \u003Cp>{{ description }}\u003C/p>\n  \u003C/div>\n\u003C/template>\n","IconCard.vue",[229,2338,2339,2349,2358,2367,2379,2393,2398,2407,2417,2430,2434,2443,2453,2466,2470,2476,2484,2488,2496,2515,2546,2566,2572,2581,2600,2609],{"__ignoreMap":227},[232,2340,2341,2343,2345,2347],{"class":234,"line":235},[232,2342,709],{"class":242},[232,2344,712],{"class":321},[232,2346,715],{"class":570},[232,2348,718],{"class":242},[232,2350,2351,2354,2356],{"class":234,"line":272},[232,2352,2353],{"class":309},"defineProps",[232,2355,312],{"class":246},[232,2357,315],{"class":242},[232,2359,2360,2363,2365],{"class":234,"line":293},[232,2361,2362],{"class":321},"  title",[232,2364,325],{"class":242},[232,2366,328],{"class":242},[232,2368,2369,2372,2374,2377],{"class":234,"line":300},[232,2370,2371],{"class":321},"    type",[232,2373,325],{"class":242},[232,2375,2376],{"class":246}," String",[232,2378,361],{"class":242},[232,2380,2381,2384,2386,2388,2391],{"class":234,"line":318},[232,2382,2383],{"class":321},"    default",[232,2385,325],{"class":242},[232,2387,262],{"class":242},[232,2389,2390],{"class":265},"Default title",[232,2392,269],{"class":242},[232,2394,2395],{"class":234,"line":331},[232,2396,2397],{"class":242},"  },\n",[232,2399,2400,2403,2405],{"class":234,"line":345},[232,2401,2402],{"class":321},"  description",[232,2404,325],{"class":242},[232,2406,328],{"class":242},[232,2408,2409,2411,2413,2415],{"class":234,"line":364},[232,2410,2371],{"class":321},[232,2412,325],{"class":242},[232,2414,2376],{"class":246},[232,2416,361],{"class":242},[232,2418,2419,2421,2423,2425,2428],{"class":234,"line":381},[232,2420,2383],{"class":321},[232,2422,325],{"class":242},[232,2424,262],{"class":242},[232,2426,2427],{"class":265},"Default description",[232,2429,269],{"class":242},[232,2431,2432],{"class":234,"line":401},[232,2433,2397],{"class":242},[232,2435,2436,2439,2441],{"class":234,"line":419},[232,2437,2438],{"class":321},"  icon",[232,2440,325],{"class":242},[232,2442,328],{"class":242},[232,2444,2445,2447,2449,2451],{"class":234,"line":428},[232,2446,2371],{"class":321},[232,2448,325],{"class":242},[232,2450,2376],{"class":246},[232,2452,361],{"class":242},[232,2454,2455,2457,2459,2461,2464],{"class":234,"line":436},[232,2456,2383],{"class":321},[232,2458,325],{"class":242},[232,2460,262],{"class":242},[232,2462,2463],{"class":265},"IconMarkdown",[232,2465,269],{"class":242},[232,2467,2468],{"class":234,"line":442},[232,2469,439],{"class":242},[232,2471,2472,2474],{"class":234,"line":1988},[232,2473,445],{"class":242},[232,2475,425],{"class":246},[232,2477,2478,2480,2482],{"class":234,"line":2004},[232,2479,847],{"class":242},[232,2481,712],{"class":321},[232,2483,718],{"class":242},[232,2485,2486],{"class":234,"line":2019},[232,2487,297],{"emptyLinePlaceholder":296},[232,2489,2490,2492,2494],{"class":234,"line":2025},[232,2491,709],{"class":242},[232,2493,862],{"class":321},[232,2495,718],{"class":242},[232,2497,2498,2500,2502,2504,2506,2508,2511,2513],{"class":234,"line":2044},[232,2499,874],{"class":242},[232,2501,1348],{"class":321},[232,2503,1351],{"class":570},[232,2505,577],{"class":242},[232,2507,884],{"class":242},[232,2509,2510],{"class":265},"p-6 border bg-white dark:bg-black dark:border-gray-700 rounded",[232,2512,884],{"class":242},[232,2514,718],{"class":242},[232,2516,2517,2519,2522,2525,2527,2529,2531,2533,2535,2537,2539,2542,2544],{"class":234,"line":2053},[232,2518,1367],{"class":242},[232,2520,2521],{"class":321},"component",[232,2523,2524],{"class":570}," :is",[232,2526,577],{"class":242},[232,2528,884],{"class":242},[232,2530,2301],{"class":265},[232,2532,884],{"class":242},[232,2534,1351],{"class":570},[232,2536,577],{"class":242},[232,2538,884],{"class":242},[232,2540,2541],{"class":265},"w-20 h-20",[232,2543,884],{"class":242},[232,2545,892],{"class":242},[232,2547,2549,2551,2553,2555,2557,2559,2562,2564],{"class":234,"line":2548},21,[232,2550,1367],{"class":242},[232,2552,211],{"class":321},[232,2554,1351],{"class":570},[232,2556,577],{"class":242},[232,2558,884],{"class":242},[232,2560,2561],{"class":265},"text-3xl font-semibold mb-2",[232,2563,884],{"class":242},[232,2565,718],{"class":242},[232,2567,2569],{"class":234,"line":2568},22,[232,2570,2571],{"class":246},"      {{ title }}\n",[232,2573,2575,2577,2579],{"class":234,"line":2574},23,[232,2576,1542],{"class":242},[232,2578,211],{"class":321},[232,2580,718],{"class":242},[232,2582,2584,2586,2588,2591,2594,2596,2598],{"class":234,"line":2583},24,[232,2585,1367],{"class":242},[232,2587,465],{"class":321},[232,2589,2590],{"class":242},">",[232,2592,2593],{"class":246},"{{ description }}",[232,2595,847],{"class":242},[232,2597,465],{"class":321},[232,2599,718],{"class":242},[232,2601,2603,2605,2607],{"class":234,"line":2602},25,[232,2604,1377],{"class":242},[232,2606,1348],{"class":321},[232,2608,718],{"class":242},[232,2610,2612,2614,2616],{"class":234,"line":2611},26,[232,2613,847],{"class":242},[232,2615,862],{"class":321},[232,2617,718],{"class":242},[1391,2619,2620],{"label":1393,"icon":1394},[2621,2622],"example-icon-card",{"description":2623,"icon":2624,"title":2625},"Harness the full power of Nuxt and the Nuxt ecosystem.","i-simple-icons-nuxtdotjs","Nuxt Architecture.",[216,2627,2629],{"id":2628},"attributes","Attributes",[465,2631,2632],{},"Attributes are useful for highlighting and modifying part of paragraph. The syntax is nearly similar to inline components and markdown links syntax.",[465,2634,2635,2636,2639,2640,391],{},"Possible values are all named attributes, classes with the notation ",[229,2637,2638],{},".class-name"," and an ID with ",[229,2641,2642],{},"#id-name",[473,2644,2645,2666],{},[221,2646,2648],{"className":1236,"code":2647,"filename":1302,"language":1238,"meta":227,"style":227},"Hello [World]{style=\"color: green;\" .custom-class #custom-id}!\n",[229,2649,2650],{"__ignoreMap":227},[232,2651,2652,2655,2657,2660,2663],{"class":234,"line":235},[232,2653,2654],{"class":246},"Hello ",[232,2656,1626],{"class":242},[232,2658,2659],{"class":265},"World",[232,2661,2662],{"class":242},"]",[232,2664,2665],{"class":246},"{style=\"color: green;\" .custom-class #custom-id}!\n",[1391,2667,2654,2668,2674],{"label":1393,"icon":1394},[232,2669,2659],{"className":2670,"id":2672,"style":2673},[2671],"custom-class","custom-id","color: green;"," !",[465,2676,2677,2678,2680,2681,2683,2684,2688],{},"In addition to mdc components and ",[229,2679,232],{},", attribute syntax will work on images, links, inline ",[229,2682,229],{},", *",[2685,2686,2687],"em",{},"bold","* and _italic_ text.",[473,2690,2691,2761],{},[221,2692,2694],{"className":477,"code":2693,"filename":1302,"language":480,"meta":227,"style":227},"Attributes work on:\n\n- [Attributes](#attributes){style=\"background-color: green;\"}, `code`{style=\"color: cyan;\"},\n- _italic_{style=\"background-color: yellow; color:black;\"} and **bold**{style=\"background-color: lightgreen;\"} texts.\n",[229,2695,2696,2701,2705,2735],{"__ignoreMap":227},[232,2697,2698],{"class":234,"line":235},[232,2699,2700],{"class":246},"Attributes work on:\n",[232,2702,2703],{"class":234,"line":272},[232,2704,297],{"emptyLinePlaceholder":296},[232,2706,2707,2710,2713,2715,2717,2721,2723,2726,2728,2730,2732],{"class":234,"line":293},[232,2708,2709],{"class":242},"-",[232,2711,2712],{"class":242}," [",[232,2714,2629],{"class":265},[232,2716,1632],{"class":242},[232,2718,2720],{"class":2719},"sDpXG","#attributes",[232,2722,595],{"class":242},[232,2724,2725],{"class":246},"{style=\"background-color: green;\"}, ",[232,2727,772],{"class":242},[232,2729,229],{"class":265},[232,2731,772],{"class":242},[232,2733,2734],{"class":246},"{style=\"color: cyan;\"},\n",[232,2736,2737,2739,2742,2746,2749,2752,2754,2756,2758],{"class":234,"line":300},[232,2738,2709],{"class":242},[232,2740,2741],{"class":238}," _",[232,2743,2745],{"class":2744},"s5tWE","italic",[232,2747,2748],{"class":238},"_",[232,2750,2751],{"class":246},"{style=\"background-color: yellow; color:black;\"} and ",[232,2753,1644],{"class":1643},[232,2755,2687],{"class":1647},[232,2757,1644],{"class":1643},[232,2759,2760],{"class":246},"{style=\"background-color: lightgreen;\"} texts.\n",[1391,2762,2763,2766],{"label":1393,":prose":1189},[465,2764,2765],{},"Attributes work on:",[1407,2767,2768,2776],{},[1410,2769,2770,2773,2774,250],{},[691,2771,2629],{"href":2720,"style":2772},"background-color: green;",", ",[229,2775,229],{},[1410,2777,2778,2780,2781,2783],{},[2685,2779,2745],{}," and ",[1220,2782,2687],{}," texts.",[216,2785,2787],{"id":2786},"binding-data","Binding Data",[465,2789,2790,2791,2794,2795,2798,2799,696],{},"You can bind data within your Markdown document using the ",[229,2792,2793],{},"{{ $doc.variable || 'defaultValue' }}"," syntax. These values can be defined in the YAML frontmatter at the top of the document, within each MDC component, or injected using the ",[229,2796,2797],{},"data"," prop of the ",[229,2800,695],{},[1278,2802,2804],{"id":2803},"define-in-yaml","Define in YAML",[221,2806,2808],{"className":1236,"code":2807,"language":1238,"meta":227,"style":227},"---\ntitle: 'Title of the page'\ndescription: 'meta description of the page'\ncustomVariable: 'Custom Value'\n---\n\n# The Title is {{ $doc.title }} and customVariable is {{ $doc.customVariable || 'defaultValue' }}\n\n",[229,2809,2810,2814,2827,2840,2854,2858,2862],{"__ignoreMap":227},[232,2811,2812],{"class":234,"line":235},[232,2813,487],{"class":242},[232,2815,2816,2818,2820,2822,2825],{"class":234,"line":272},[232,2817,1139],{"class":321},[232,2819,325],{"class":242},[232,2821,262],{"class":242},[232,2823,2824],{"class":265},"Title of the page",[232,2826,269],{"class":242},[232,2828,2829,2831,2833,2835,2838],{"class":234,"line":293},[232,2830,1160],{"class":321},[232,2832,325],{"class":242},[232,2834,262],{"class":242},[232,2836,2837],{"class":265},"meta description of the page",[232,2839,269],{"class":242},[232,2841,2842,2845,2847,2849,2852],{"class":234,"line":300},[232,2843,2844],{"class":321},"customVariable",[232,2846,325],{"class":242},[232,2848,262],{"class":242},[232,2850,2851],{"class":265},"Custom Value",[232,2853,269],{"class":242},[232,2855,2856],{"class":234,"line":318},[232,2857,487],{"class":242},[232,2859,2860],{"class":234,"line":331},[232,2861,297],{"emptyLinePlaceholder":296},[232,2863,2864,2866],{"class":234,"line":345},[232,2865,505],{"class":242},[232,2867,2868],{"class":508},"The Title is {{ $doc.title }} and customVariable is {{ $doc.customVariable || 'defaultValue' }}\n",[1278,2870,2872,2873],{"id":2871},"define-in-external-with-contentrenderer","Define in external with ",[229,2874,695],{},[221,2876,2879],{"className":1323,"code":2877,"filename":2878,"language":1326,"meta":227,"style":227},"\u003Ctemplate>\n  \u003Cdiv>\n    \u003CContentRenderer :value=\"data\" :data=\"mdcVars\"/>\n    \u003Cbutton type=\"button\" v-on:click=\"mdcVars.name = 'Hugo'\">Change name\u003C/button>\n  \u003C/div>\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\nconst { data } = await useAsyncData(() => queryCollection('content').path('/test').first());\nconst mdcVars = ref({ name: 'Maxime'});\n\u003C/script>\n","test.vue",[229,2880,2881,2889,2897,2928,2968,2976,2984,2988,3009,3069,3102],{"__ignoreMap":227},[232,2882,2883,2885,2887],{"class":234,"line":235},[232,2884,709],{"class":242},[232,2886,862],{"class":321},[232,2888,718],{"class":242},[232,2890,2891,2893,2895],{"class":234,"line":272},[232,2892,874],{"class":242},[232,2894,1348],{"class":321},[232,2896,718],{"class":242},[232,2898,2899,2901,2903,2905,2907,2909,2911,2913,2916,2918,2920,2923,2925],{"class":234,"line":293},[232,2900,1367],{"class":242},[232,2902,101],{"class":321},[232,2904,879],{"class":570},[232,2906,577],{"class":242},[232,2908,884],{"class":242},[232,2910,2797],{"class":265},[232,2912,884],{"class":242},[232,2914,2915],{"class":570}," :data",[232,2917,577],{"class":242},[232,2919,884],{"class":242},[232,2921,2922],{"class":265},"mdcVars",[232,2924,884],{"class":242},[232,2926,2927],{"class":242},"/>\n",[232,2929,2930,2932,2935,2937,2939,2941,2943,2945,2948,2950,2952,2955,2957,2959,2962,2964,2966],{"class":234,"line":300},[232,2931,1367],{"class":242},[232,2933,2934],{"class":321},"button",[232,2936,1841],{"class":570},[232,2938,577],{"class":242},[232,2940,884],{"class":242},[232,2942,2934],{"class":265},[232,2944,884],{"class":242},[232,2946,2947],{"class":570}," v-on:click",[232,2949,577],{"class":242},[232,2951,884],{"class":242},[232,2953,2954],{"class":265},"mdcVars.name = 'Hugo'",[232,2956,884],{"class":242},[232,2958,2590],{"class":242},[232,2960,2961],{"class":246},"Change name",[232,2963,847],{"class":242},[232,2965,2934],{"class":321},[232,2967,718],{"class":242},[232,2969,2970,2972,2974],{"class":234,"line":318},[232,2971,1377],{"class":242},[232,2973,1348],{"class":321},[232,2975,718],{"class":242},[232,2977,2978,2980,2982],{"class":234,"line":331},[232,2979,847],{"class":242},[232,2981,862],{"class":321},[232,2983,718],{"class":242},[232,2985,2986],{"class":234,"line":345},[232,2987,297],{"emptyLinePlaceholder":296},[232,2989,2990,2992,2994,2996,2999,3001,3003,3005,3007],{"class":234,"line":364},[232,2991,709],{"class":242},[232,2993,712],{"class":321},[232,2995,715],{"class":570},[232,2997,2998],{"class":570}," lang",[232,3000,577],{"class":242},[232,3002,884],{"class":242},[232,3004,226],{"class":265},[232,3006,884],{"class":242},[232,3008,718],{"class":242},[232,3010,3011,3013,3015,3018,3020,3022,3024,3026,3028,3030,3032,3034,3036,3038,3040,3042,3044,3046,3048,3050,3052,3055,3057,3059,3061,3063,3066],{"class":234,"line":381},[232,3012,571],{"class":570},[232,3014,243],{"class":242},[232,3016,3017],{"class":246}," data ",[232,3019,445],{"class":242},[232,3021,762],{"class":242},[232,3023,580],{"class":238},[232,3025,767],{"class":309},[232,3027,312],{"class":246},[232,3029,733],{"class":242},[232,3031,792],{"class":570},[232,3033,583],{"class":309},[232,3035,312],{"class":246},[232,3037,358],{"class":242},[232,3039,1000],{"class":265},[232,3041,358],{"class":242},[232,3043,595],{"class":246},[232,3045,391],{"class":242},[232,3047,600],{"class":309},[232,3049,312],{"class":246},[232,3051,358],{"class":242},[232,3053,3054],{"class":265},"/test",[232,3056,358],{"class":242},[232,3058,595],{"class":246},[232,3060,391],{"class":242},[232,3062,616],{"class":309},[232,3064,3065],{"class":246},"())",[232,3067,3068],{"class":242},";\n",[232,3070,3071,3073,3076,3078,3081,3083,3085,3087,3089,3091,3094,3096,3098,3100],{"class":234,"line":401},[232,3072,571],{"class":570},[232,3074,3075],{"class":246}," mdcVars ",[232,3077,577],{"class":242},[232,3079,3080],{"class":309}," ref",[232,3082,312],{"class":246},[232,3084,1775],{"class":242},[232,3086,1555],{"class":321},[232,3088,325],{"class":242},[232,3090,262],{"class":242},[232,3092,3093],{"class":265},"Maxime",[232,3095,358],{"class":242},[232,3097,445],{"class":242},[232,3099,595],{"class":246},[232,3101,3068],{"class":242},[232,3103,3104,3106,3108],{"class":234,"line":419},[232,3105,847],{"class":242},[232,3107,712],{"class":321},[232,3109,718],{"class":242},[221,3111,3114],{"className":1236,"code":3112,"filename":3113,"language":1238,"meta":227,"style":227},"# Hello {{ $doc.name || 'World' }}\n\n","test.md",[229,3115,3116],{"__ignoreMap":227},[232,3117,3118,3120],{"class":234,"line":235},[232,3119,505],{"class":242},[232,3121,3122],{"class":508},"Hello {{ $doc.name || 'World' }}\n",[211,3124,109],{"id":3125},"prose-components",[465,3127,3128],{},"In Nuxt Content, the prose represents HTML tags generated by the Markdown syntax, such as heading levels and links.",[465,3130,3131,3132,3134,3135,391],{},"For each HTML tag, a Vue component is used, allowing you to override them if needed, for example ",[229,3133,1169],{}," becomes ",[229,3136,3137],{},"\u003CProseP>",[465,3139,3140],{},"If you want to customize a Prose component, here are the recommended steps:",[1407,3142,3143,3151,3154,3160],{},[1410,3144,3145,3146,391],{},"Check out the original ",[691,3147,3150],{"href":3148,"rel":3149},"https://github.com/nuxt-modules/mdc/blob/main/src/runtime/components/prose",[1274],"component sources",[1410,3152,3153],{},"Use the exact same props.",[1410,3155,3156,3157,3159],{},"In your ",[229,3158,1268],{}," directory, give it the same name.",[1410,3161,3162],{},"Make it yours 🚀.",[449,3164,3165],{"to":110},"Read the complete Prose reference in the Prose Components section.",[211,3167,3169],{"id":3168},"code-highlighting","Code Highlighting",[465,3171,3172,3173,3178],{},"Nuxt Content uses ",[691,3174,3177],{"href":3175,"rel":3176},"https://github.com/shikijs/shiki",[1274],"Shiki",", which colors tokens with VSCode themes.",[465,3180,3181,3182,2780,3188,391],{},"Code highlighting works both on ",[691,3183,3185],{"href":3184},"/docs/components/prose#prosepre",[229,3186,3187],{},"ProsePre",[691,3189,3191],{"href":3190},"/docs/components/prose#prosecodeinline",[229,3192,3193],{},"ProseCode",[465,3195,3196,3197,3199],{},"Each line of a code block gets its line number in the ",[229,3198,234],{}," attribute so lines can be labeled or individually styled.",[1214,3201,3202],{},[691,3203,3204],{"href":17},"Read the API reference to configure or entirely disable syntax highlighting.",[211,3206,3208],{"id":3207},"images","Images",[465,3210,3211,3212,3215],{},"You can add images to your ",[229,3213,3214],{},"public"," directory:",[221,3217,3222],{"className":3218,"code":3219,"filename":3220,"language":3221,"meta":227,"style":227},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","content/\n  index.md\npublic/\n  image.png\nnuxt.config.ts\npackage.json\n","Directory structure","bash",[229,3223,3224,3229,3234,3239,3244,3249],{"__ignoreMap":227},[232,3225,3226],{"class":234,"line":235},[232,3227,3228],{"class":508},"content/\n",[232,3230,3231],{"class":234,"line":272},[232,3232,3233],{"class":508},"  index.md\n",[232,3235,3236],{"class":234,"line":293},[232,3237,3238],{"class":508},"public/\n",[232,3240,3241],{"class":234,"line":300},[232,3242,3243],{"class":508},"  image.png\n",[232,3245,3246],{"class":234,"line":318},[232,3247,3248],{"class":508},"nuxt.config.ts\n",[232,3250,3251],{"class":234,"line":331},[232,3252,3253],{"class":508},"package.json\n",[465,3255,3256,3257,3259],{},"And then use them in your markdown files in the ",[229,3258,1000],{}," directory as such:",[221,3261,3263],{"className":477,"code":3262,"filename":945,"language":480,"meta":227,"style":227},"![my image](/image.png)\n",[229,3264,3265],{"__ignoreMap":227},[232,3266,3267,3270,3273,3275,3278],{"class":234,"line":235},[232,3268,3269],{"class":242},"![",[232,3271,3272],{"class":265},"my image",[232,3274,1632],{"class":242},[232,3276,3277],{"class":1635},"/image.png",[232,3279,425],{"class":242},[211,3281,3283],{"id":3282},"excerpt","Excerpt",[465,3285,3286,3287,3290],{},"Content excerpt or summary can be extracted from the content using ",[229,3288,3289],{},"\u003C!--more-->"," as a divider.",[221,3292,3294],{"className":477,"code":3293,"filename":945,"language":480,"meta":227,"style":227},"---\ntitle: Introduction\n---\n\nLearn how to use `@nuxt/content`.\n\n\u003C!--more-->\n\nFull amount of content beyond the more divider.\n",[229,3295,3296,3300,3305,3309,3313,3327,3331,3336,3340],{"__ignoreMap":227},[232,3297,3298],{"class":234,"line":235},[232,3299,487],{"class":246},[232,3301,3302],{"class":234,"line":272},[232,3303,3304],{"class":246},"title: Introduction\n",[232,3306,3307],{"class":234,"line":293},[232,3308,487],{"class":242},[232,3310,3311],{"class":234,"line":300},[232,3312,297],{"emptyLinePlaceholder":296},[232,3314,3315,3318,3320,3322,3324],{"class":234,"line":318},[232,3316,3317],{"class":246},"Learn how to use ",[232,3319,772],{"class":242},[232,3321,266],{"class":265},[232,3323,772],{"class":242},[232,3325,3326],{"class":246},".\n",[232,3328,3329],{"class":234,"line":331},[232,3330,297],{"emptyLinePlaceholder":296},[232,3332,3333],{"class":234,"line":345},[232,3334,3335],{"class":564},"\u003C!--more-->\n",[232,3337,3338],{"class":234,"line":364},[232,3339,297],{"emptyLinePlaceholder":296},[232,3341,3342],{"class":234,"line":381},[232,3343,3344],{"class":246},"Full amount of content beyond the more divider.\n",[465,3346,3347],{},"Description property will contain the excerpt content unless defined within the frontmatter props.",[465,3349,3350,3351,3353],{},"If there is no ",[229,3352,3289],{}," divider in the text then excerpt is undefined.",[1600,3355,3356,3362,3502],{},[465,3357,3358,3359,3361],{},"You should define the ",[229,3360,3282],{}," field in the collection schema if you want to use the excerpt feature.",[221,3363,3365],{"className":223,"code":3364,"filename":225,"language":226,"meta":227,"style":227},"const content = defineCollection({\n  type: 'page',\n  source: '**',\n  schema: z.object({\n    excerpt: z.object({\n      type: z.string(),\n      children: z.any(),\n    }),\n  }),\n})\n",[229,3366,3367,3382,3397,3412,3429,3446,3462,3480,3488,3496],{"__ignoreMap":227},[232,3368,3369,3371,3374,3376,3378,3380],{"class":234,"line":235},[232,3370,571],{"class":570},[232,3372,3373],{"class":246}," content ",[232,3375,577],{"class":242},[232,3377,247],{"class":309},[232,3379,312],{"class":246},[232,3381,315],{"class":242},[232,3383,3384,3387,3389,3391,3393,3395],{"class":234,"line":272},[232,3385,3386],{"class":321},"  type",[232,3388,325],{"class":242},[232,3390,262],{"class":242},[232,3392,355],{"class":265},[232,3394,358],{"class":242},[232,3396,361],{"class":242},[232,3398,3399,3402,3404,3406,3408,3410],{"class":234,"line":293},[232,3400,3401],{"class":321},"  source",[232,3403,325],{"class":242},[232,3405,262],{"class":242},[232,3407,1644],{"class":265},[232,3409,358],{"class":242},[232,3411,361],{"class":242},[232,3413,3414,3417,3419,3421,3423,3425,3427],{"class":234,"line":300},[232,3415,3416],{"class":321},"  schema",[232,3418,325],{"class":242},[232,3420,279],{"class":246},[232,3422,391],{"class":242},[232,3424,394],{"class":309},[232,3426,312],{"class":246},[232,3428,315],{"class":242},[232,3430,3431,3434,3436,3438,3440,3442,3444],{"class":234,"line":318},[232,3432,3433],{"class":321},"    excerpt",[232,3435,325],{"class":242},[232,3437,279],{"class":246},[232,3439,391],{"class":242},[232,3441,394],{"class":309},[232,3443,312],{"class":246},[232,3445,315],{"class":242},[232,3447,3448,3450,3452,3454,3456,3458,3460],{"class":234,"line":331},[232,3449,348],{"class":321},[232,3451,325],{"class":242},[232,3453,279],{"class":246},[232,3455,391],{"class":242},[232,3457,413],{"class":309},[232,3459,733],{"class":246},[232,3461,361],{"class":242},[232,3463,3464,3467,3469,3471,3473,3476,3478],{"class":234,"line":345},[232,3465,3466],{"class":321},"      children",[232,3468,325],{"class":242},[232,3470,279],{"class":246},[232,3472,391],{"class":242},[232,3474,3475],{"class":309},"any",[232,3477,733],{"class":246},[232,3479,361],{"class":242},[232,3481,3482,3484,3486],{"class":234,"line":364},[232,3483,431],{"class":242},[232,3485,595],{"class":246},[232,3487,361],{"class":242},[232,3489,3490,3492,3494],{"class":234,"line":381},[232,3491,1941],{"class":242},[232,3493,595],{"class":246},[232,3495,361],{"class":242},[232,3497,3498,3500],{"class":234,"line":401},[232,3499,445],{"class":242},[232,3501,425],{"class":246},[465,3503,903,3504,391],{},[691,3505,3507],{"href":3506},"/docs/collections/define#collection-schema","collection schema",[465,3509,3510],{},"Example variables will be injected into the document:",[221,3512,3516],{"className":3513,"code":3514,"language":3515,"meta":227,"style":227},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n  \"excerpt\": Object\n  \"body\": Object\n  // ... other keys\n}\n","json",[229,3517,3518,3522,3536,3548,3553],{"__ignoreMap":227},[232,3519,3520],{"class":234,"line":235},[232,3521,315],{"class":242},[232,3523,3524,3527,3529,3531,3533],{"class":234,"line":272},[232,3525,3526],{"class":242},"  \"",[232,3528,3282],{"class":570},[232,3530,884],{"class":242},[232,3532,325],{"class":242},[232,3534,3535],{"class":246}," Object\n",[232,3537,3538,3540,3543,3545],{"class":234,"line":293},[232,3539,3526],{"class":242},[232,3541,3542],{"class":265},"body",[232,3544,884],{"class":242},[232,3546,3547],{"class":246},": Object\n",[232,3549,3550],{"class":234,"line":300},[232,3551,3552],{"class":564},"  // ... other keys\n",[232,3554,3555],{"class":234,"line":318},[232,3556,1789],{"class":242},[3558,3559,3560],"style",{},"html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}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 .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sDpXG, html code.shiki .sDpXG{--shiki-light:#E53935;--shiki-light-text-decoration:underline;--shiki-default:#F07178;--shiki-default-text-decoration:underline;--shiki-dark:#F07178;--shiki-dark-text-decoration:underline}html pre.shiki code .s5tWE, html code.shiki .s5tWE{--shiki-light:#E53935;--shiki-light-font-style:italic;--shiki-default:#F07178;--shiki-default-font-style:italic;--shiki-dark:#F07178;--shiki-dark-font-style:italic}html pre.shiki code .sHepR, html code.shiki .sHepR{--shiki-light:#39ADB5;--shiki-light-font-weight:bold;--shiki-default:#89DDFF;--shiki-default-font-weight:bold;--shiki-dark:#89DDFF;--shiki-dark-font-weight:bold}html pre.shiki code .so75L, html code.shiki .so75L{--shiki-light:#E53935;--shiki-light-font-weight:bold;--shiki-default:#F07178;--shiki-default-font-weight:bold;--shiki-dark:#F07178;--shiki-dark-font-weight:bold}html pre.shiki code .sQLHv, html code.shiki .sQLHv{--shiki-light:#90A4AE;--shiki-light-text-decoration:underline;--shiki-default:#EEFFFF;--shiki-default-text-decoration:underline;--shiki-dark:#BABED8;--shiki-dark-text-decoration:underline}",{"title":227,"searchDepth":272,"depth":272,"links":3562},[3563,3570,3574,3579,3580,3581,3582],{"id":213,"depth":272,"text":214,"children":3564},[3565,3566,3568,3569],{"id":218,"depth":293,"text":219},{"id":458,"depth":293,"text":3567},"Create .md files",{"id":550,"depth":293,"text":551},{"id":685,"depth":293,"text":686},{"id":915,"depth":272,"text":916,"children":3571},[3572,3573],{"id":929,"depth":293,"text":930},{"id":1095,"depth":293,"text":1096},{"id":1204,"depth":272,"text":1205,"children":3575},[3576,3577,3578],{"id":1226,"depth":293,"text":1227},{"id":2628,"depth":293,"text":2629},{"id":2786,"depth":293,"text":2787},{"id":3125,"depth":272,"text":109},{"id":3168,"depth":272,"text":3169},{"id":3207,"depth":272,"text":3208},{"id":3282,"depth":272,"text":3283},"Create and query Markdown files in your Nuxt applications and use the MDC syntax to integrate Vue components.",null,{},{"title":58,"description":3583},"qhAXoT9bdu2XCM_mtJNmMceFajyaXr-KXSmz73o_TAs",[3589,3591],{"title":47,"path":48,"stem":49,"description":3590,"children":-1},"Reuse a Vue component's props as part of your collection schema using property().inherit().",{"title":62,"path":63,"stem":64,"description":3592,"children":-1},"How to define, write and query YAML data.",1774543455315]