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