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