[{"data":1,"prerenderedAt":1959},["ShallowReactive",2],{"navigation":3,"docs-\u002Fdocs\u002Fessentials\u002Fcomponents":139,"surround-\u002Fdocs\u002Fessentials\u002Fcomponents":1956},[4],{"title":5,"path":6,"stem":7,"children":8,"page":32,"type":33},"Docs","\u002Fdocs","docs",[9,34,58,83],{"title":10,"icon":11,"path":12,"stem":13,"children":14,"page":32,"type":33},"Getting Started","i-lucide-rocket","\u002Fdocs\u002Fgetting-started","docs\u002F1.getting-started",[15,20,24,28],{"title":16,"path":17,"stem":18,"type":19,"children":-1},"Introduction","\u002Fdocs\u002Fgetting-started\u002Fintroduction","docs\u002F1.getting-started\u002F2.introduction","page",{"title":21,"path":22,"stem":23,"type":19,"children":-1},"Installation","\u002Fdocs\u002Fgetting-started\u002Finstallation","docs\u002F1.getting-started\u002F3.installation",{"title":25,"path":26,"stem":27,"type":19,"children":-1},"Configuration","\u002Fdocs\u002Fgetting-started\u002Fconfiguration","docs\u002F1.getting-started\u002F4.configuration",{"title":29,"path":30,"stem":31,"type":19,"children":-1},"Writing Content","\u002Fdocs\u002Fgetting-started\u002Fwriting-content","docs\u002F1.getting-started\u002F5.writing-content",false,"group",{"title":35,"path":36,"stem":37,"children":38,"page":32,"type":33},"Core Concepts","\u002Fdocs\u002Fconcepts","docs\u002F2.concepts",[39,44,48,53],{"title":40,"path":41,"stem":42,"icon":43,"type":19,"children":-1},"Edition","\u002Fdocs\u002Fconcepts\u002Fedition","docs\u002F2.concepts\u002F2.edition","i-lucide-pencil",{"title":25,"path":45,"stem":46,"icon":47,"type":19,"children":-1},"\u002Fdocs\u002Fconcepts\u002Fconfiguration","docs\u002F2.concepts\u002F3.configuration","i-lucide-settings",{"title":49,"path":50,"stem":51,"icon":52,"type":19,"children":-1},"LLMs Integration","\u002Fdocs\u002Fconcepts\u002Fllms","docs\u002F2.concepts\u002F7.llms","i-lucide-message-circle-code",{"title":54,"path":55,"stem":56,"icon":57,"type":19,"children":-1},"Nuxt","\u002Fdocs\u002Fconcepts\u002Fnuxt","docs\u002F2.concepts\u002F8.nuxt","i-simple-icons-nuxt",{"title":59,"path":60,"stem":61,"children":62,"page":32,"type":33},"Essentials","\u002Fdocs\u002Fessentials","docs\u002F3.essentials",[63,68,73,78],{"title":64,"path":65,"stem":66,"icon":67,"type":19,"children":-1},"Markdown Syntax","\u002Fdocs\u002Fessentials\u002Fmarkdown-syntax","docs\u002F3.essentials\u002F1.markdown-syntax","i-lucide-heading-1",{"title":69,"path":70,"stem":71,"icon":72,"type":19,"children":-1},"Code Blocks","\u002Fdocs\u002Fessentials\u002Fcode-blocks","docs\u002F3.essentials\u002F2.code-blocks","i-lucide-code-xml",{"title":74,"path":75,"stem":76,"icon":77,"type":19,"children":-1},"Components","\u002Fdocs\u002Fessentials\u002Fcomponents","docs\u002F3.essentials\u002F3.components","i-lucide-component",{"title":79,"path":80,"stem":81,"icon":82,"type":19,"children":-1},"Images and Embeds","\u002Fdocs\u002Fessentials\u002Fimages-embeds","docs\u002F3.essentials\u002F4.images-embeds","i-lucide-image",{"title":74,"icon":77,"path":84,"stem":85,"children":86,"page":32,"type":33},"\u002Fdocs\u002Fcomponents","docs\u002F4.components",[87,91,95,99,103,107,111,115,119,123,127,131,135],{"title":88,"path":89,"stem":90,"type":19,"children":-1},"Components Overview","\u002Fdocs\u002Fcomponents\u002Foverview","docs\u002F4.components\u002F1.overview",{"title":92,"path":93,"stem":94,"type":19,"children":-1},"CodeCollapsibleWrapper","\u002Fdocs\u002Fcomponents\u002Fcode-collapsible","docs\u002F4.components\u002F10.code-collapsible",{"title":96,"path":97,"stem":98,"type":19,"children":-1},"CopyButton","\u002Fdocs\u002Fcomponents\u002Fcopy-button","docs\u002F4.components\u002F11.copy-button",{"title":100,"path":101,"stem":102,"type":19,"children":-1},"ButtonA","\u002Fdocs\u002Fcomponents\u002Fbutton-a","docs\u002F4.components\u002F12.button-a",{"title":104,"path":105,"stem":106,"type":19,"children":-1},"Prose","\u002Fdocs\u002Fcomponents\u002Fprose","docs\u002F4.components\u002F13.prose",{"title":108,"path":109,"stem":110,"type":19,"children":-1},"Button","\u002Fdocs\u002Fcomponents\u002Fbutton","docs\u002F4.components\u002F2.button",{"title":112,"path":113,"stem":114,"type":19,"children":-1},"Separator","\u002Fdocs\u002Fcomponents\u002Fseparator","docs\u002F4.components\u002F3.separator",{"title":116,"path":117,"stem":118,"type":19,"children":-1},"Callout","\u002Fdocs\u002Fcomponents\u002Fcallout","docs\u002F4.components\u002F4.callout",{"title":120,"path":121,"stem":122,"type":19,"children":-1},"Steps","\u002Fdocs\u002Fcomponents\u002Fsteps","docs\u002F4.components\u002F5.steps",{"title":124,"path":125,"stem":126,"type":19,"children":-1},"Tabs","\u002Fdocs\u002Fcomponents\u002Ftabs","docs\u002F4.components\u002F6.tabs",{"title":128,"path":129,"stem":130,"type":19,"children":-1},"CodeTabs","\u002Fdocs\u002Fcomponents\u002Fcode-tabs","docs\u002F4.components\u002F7.code-tabs",{"title":132,"path":133,"stem":134,"type":19,"children":-1},"ComponentPreview","\u002Fdocs\u002Fcomponents\u002Fcomponent-preview","docs\u002F4.components\u002F8.component-preview",{"title":136,"path":137,"stem":138,"type":19,"children":-1},"LinkedCard","\u002Fdocs\u002Fcomponents\u002Flinked-card","docs\u002F4.components\u002F9.linked-card",{"id":140,"title":141,"body":142,"description":1950,"extension":1288,"links":1951,"meta":1952,"navigation":1953,"path":75,"seo":1954,"sitemap":32,"stem":76,"__hash__":1955},"docs\u002Fdocs\u002F3.essentials\u002F3.components.md","Markdown Components",{"type":143,"value":144,"toc":1947},"minimark",[145,149,164,171,179,193,1943],[146,147,148],"p",{},"Prose components are replacements for HTML typography tags. They provide a simple way to customize your UI when using Markdown.",[146,150,151,155,156,163],{},[152,153,154],"strong",{},"Docus and shadcn-vue"," provides a set of styled and beautiful prose components to help you write your documentation using the ",[157,158,162],"a",{"href":159,"rel":160},"https:\u002F\u002Fcontent.nuxt.com\u002Fdocs\u002Ffiles\u002Fmarkdown#mdc-syntax",[161],"nofollow","MDC syntax",".",[165,166,168],"prose-note",{"to":167},"https:\u002F\u002Fwww.shadcn-vue.com\u002Fdocs\u002Fcomponents\u002Faccordion",[146,169,170],{},"This page highlights only the prose components best suited for writing documentation. For the full list of available components, visit the shadcn-vue documentation.",[172,173,175],"h3",{"id":174},"accordion",[176,177,178],"code",{},"Accordion",[146,180,181,182,184,185,188,189,192],{},"Use the ",[176,183,174],{}," and ",[176,186,187],{},"accordion-item"," components to display an ",[157,190,178],{"href":167,"rel":191},[161]," in your content.",[194,195,196,231],"tabs",{},[197,198,201],"tabs-item",{"icon":199,"label":200},"i-lucide-eye","Preview",[174,202,203,210,220],{},[187,204,207],{"icon":205,"label":206},"i-lucide-circle-help","What is Docus and what are its key features??",[146,208,209],{},"Docus is a fully integrated documentation solution built with shadcn-vue. It's a theme based on the UI documentation template that provides a ready-to-use visual. User can focus on content using Markdown and MDC syntax.",[187,211,213],{"icon":205,"label":212},"How do I get started with Docus?",[146,214,215,216,219],{},"The only thing you need to start a Docus project is a ",[176,217,218],{},"content\u002F"," folder. You can have a check at the starter for a quick start.",[187,221,223],{"icon":205,"label":222},"What is shadcn-vue?",[146,224,225,230],{},[157,226,229],{"href":227,"rel":228},"https:\u002F\u002Fwww.shadcn-vue.com\u002F",[161],"shadcn-vue"," is a collection of beautifully designed Vue components.",[197,232,235,408,411,417,423,429],{"icon":233,"label":234},"i-lucide-code","Code",[236,237,242],"pre",{"className":238,"code":239,"language":240,"meta":241,"style":241},"language-mdc shiki shiki-themes github-light-default github-dark","  ::accordion\n  \n    :::accordion-item{label=\"What is Docus and what are its key features??\" icon=\"i-lucide-circle-help\"}\n    Docus is a fully integrated documentation solution built with shadcn-vue. It's a theme based on the UI documentation template that provides a ready-to-use visual. User can focus on content using Markdown and MDC syntax.\n    :::\n\n    :::accordion-item{label=\"How do I get started with Docus?\" icon=\"i-lucide-circle-help\"}\n    The only thing you need to start a Docus project is a `content\u002F` folder. You can have a check at the starter for a quick start.\n    :::\n\n    :::accordion-item{label=\"What is shadcn-vue?\" icon=\"i-lucide-circle-help\"}\n    [shadcn-vue](https:\u002F\u002Fwww.shadcn-vue.com\u002F) is a collection of beautifully designed Vue components.\n    :::\n  ::\n","mdc","",[176,243,244,257,263,296,302,308,315,336,349,354,359,379,397,402],{"__ignoreMap":241},[245,246,249,253],"span",{"class":247,"line":248},"line",1,[245,250,252],{"class":251},"s80WL","  ::",[245,254,256],{"class":255},"s5xbh","accordion\n",[245,258,260],{"class":247,"line":259},2,[245,261,262],{"class":251},"  \n",[245,264,266,269,271,274,278,281,285,288,290,293],{"class":247,"line":265},3,[245,267,268],{"class":251},"    :::",[245,270,187],{"class":255},[245,272,273],{"class":251},"{",[245,275,277],{"class":276},"si9m_","label",[245,279,280],{"class":251},"=",[245,282,284],{"class":283},"skyLg","\"What is Docus and what are its key features??\"",[245,286,287],{"class":276}," icon",[245,289,280],{"class":251},[245,291,292],{"class":283},"\"i-lucide-circle-help\"",[245,294,295],{"class":251},"}\n",[245,297,299],{"class":247,"line":298},4,[245,300,301],{"class":251},"    Docus is a fully integrated documentation solution built with shadcn-vue. It's a theme based on the UI documentation template that provides a ready-to-use visual. User can focus on content using Markdown and MDC syntax.\n",[245,303,305],{"class":247,"line":304},5,[245,306,307],{"class":251},"    :::\n",[245,309,311],{"class":247,"line":310},6,[245,312,314],{"emptyLinePlaceholder":313},true,"\n",[245,316,318,321,323,325,328,330,332,334],{"class":247,"line":317},7,[245,319,320],{"class":251},"    :::accordion-item{",[245,322,277],{"class":276},[245,324,280],{"class":251},[245,326,327],{"class":283},"\"How do I get started with Docus?\"",[245,329,287],{"class":276},[245,331,280],{"class":251},[245,333,292],{"class":283},[245,335,295],{"class":251},[245,337,339,342,346],{"class":247,"line":338},8,[245,340,341],{"class":251},"    The only thing you need to start a Docus project is a ",[245,343,345],{"class":344},"sP1nQ","`content\u002F`",[245,347,348],{"class":251}," folder. You can have a check at the starter for a quick start.\n",[245,350,352],{"class":247,"line":351},9,[245,353,307],{"class":251},[245,355,357],{"class":247,"line":356},10,[245,358,314],{"emptyLinePlaceholder":313},[245,360,362,364,366,368,371,373,375,377],{"class":247,"line":361},11,[245,363,320],{"class":251},[245,365,277],{"class":276},[245,367,280],{"class":251},[245,369,370],{"class":283},"\"What is shadcn-vue?\"",[245,372,287],{"class":276},[245,374,280],{"class":251},[245,376,292],{"class":283},[245,378,295],{"class":251},[245,380,382,385,388,391,394],{"class":247,"line":381},12,[245,383,384],{"class":251},"    [",[245,386,229],{"class":387},"sDBJF",[245,389,390],{"class":251},"](",[245,392,227],{"class":393},"snPly",[245,395,396],{"class":251},") is a collection of beautifully designed Vue components.\n",[245,398,400],{"class":247,"line":399},13,[245,401,307],{"class":251},[245,403,405],{"class":247,"line":404},14,[245,406,407],{"class":251},"  ::\n",[146,409,410],{},":::\n::",[172,412,414],{"id":413},"badge",[176,415,416],{},"Badge",[146,418,419,420,422],{},"Use markdown in the default slot of the ",[176,421,413],{}," component to display a Badge in your content.",[146,424,181,425,428],{},[176,426,427],{},"color"," prop to customize the badge variant.",[194,430,431,480],{},[197,432,435],{"icon":199,"label":200,"className":433},[434],"my-5",[436,437,443,450,456,462,468,474],"div",{"className":438},[439,440,441,442],"flex","flex-wrap","gap-2","items-center",[413,444,445],{},[146,446,447],{},[152,448,449],{},"v3.0.0",[413,451,453],{"color":452},"secondary",[146,454,455],{},"Secondary",[413,457,459],{"color":458},"success",[146,460,461],{},"Success",[413,463,465],{"color":464},"warning",[146,466,467],{},"Warning",[413,469,471],{"color":470},"destructive",[146,472,473],{},"Destructive",[413,475,477],{"color":476},"muted",[146,478,479],{},"Muted",[197,481,482,663,665,670,675,691,707,828,837,843,857,867,1211,1217,1227,1232,1436,1445,1456,1690,1695,1700,1732,1738,1743,1780,1784,1795,1933,1941],{"icon":233,"label":234},[236,483,485],{"className":238,"code":484,"language":240,"meta":241,"style":241},"  ::badge\n  **v3.0.0**\n  ::\n\n  ::badge{color=\"secondary\"}\n  Secondary\n  ::\n\n  ::badge{color=\"success\"}\n  Success\n  ::\n\n  ::badge{color=\"warning\"}\n  Warning\n  ::\n\n  ::badge{color=\"destructive\"}\n  Destructive\n  ::\n\n  ::badge{color=\"muted\"}\n  Muted\n  ::\n",[176,486,487,494,500,504,508,525,530,534,538,555,560,564,568,585,590,595,600,618,624,629,634,652,658],{"__ignoreMap":241},[245,488,489,491],{"class":247,"line":248},[245,490,252],{"class":251},[245,492,493],{"class":255},"badge\n",[245,495,496],{"class":247,"line":259},[245,497,499],{"class":498},"szgJ6","  **v3.0.0**\n",[245,501,502],{"class":247,"line":265},[245,503,407],{"class":251},[245,505,506],{"class":247,"line":298},[245,507,314],{"emptyLinePlaceholder":313},[245,509,510,512,514,516,518,520,523],{"class":247,"line":304},[245,511,252],{"class":251},[245,513,413],{"class":255},[245,515,273],{"class":251},[245,517,427],{"class":276},[245,519,280],{"class":251},[245,521,522],{"class":283},"\"secondary\"",[245,524,295],{"class":251},[245,526,527],{"class":247,"line":310},[245,528,529],{"class":251},"  Secondary\n",[245,531,532],{"class":247,"line":317},[245,533,407],{"class":251},[245,535,536],{"class":247,"line":338},[245,537,314],{"emptyLinePlaceholder":313},[245,539,540,542,544,546,548,550,553],{"class":247,"line":351},[245,541,252],{"class":251},[245,543,413],{"class":255},[245,545,273],{"class":251},[245,547,427],{"class":276},[245,549,280],{"class":251},[245,551,552],{"class":283},"\"success\"",[245,554,295],{"class":251},[245,556,557],{"class":247,"line":356},[245,558,559],{"class":251},"  Success\n",[245,561,562],{"class":247,"line":361},[245,563,407],{"class":251},[245,565,566],{"class":247,"line":381},[245,567,314],{"emptyLinePlaceholder":313},[245,569,570,572,574,576,578,580,583],{"class":247,"line":399},[245,571,252],{"class":251},[245,573,413],{"class":255},[245,575,273],{"class":251},[245,577,427],{"class":276},[245,579,280],{"class":251},[245,581,582],{"class":283},"\"warning\"",[245,584,295],{"class":251},[245,586,587],{"class":247,"line":404},[245,588,589],{"class":251},"  Warning\n",[245,591,593],{"class":247,"line":592},15,[245,594,407],{"class":251},[245,596,598],{"class":247,"line":597},16,[245,599,314],{"emptyLinePlaceholder":313},[245,601,603,605,607,609,611,613,616],{"class":247,"line":602},17,[245,604,252],{"class":251},[245,606,413],{"class":255},[245,608,273],{"class":251},[245,610,427],{"class":276},[245,612,280],{"class":251},[245,614,615],{"class":283},"\"destructive\"",[245,617,295],{"class":251},[245,619,621],{"class":247,"line":620},18,[245,622,623],{"class":251},"  Destructive\n",[245,625,627],{"class":247,"line":626},19,[245,628,407],{"class":251},[245,630,632],{"class":247,"line":631},20,[245,633,314],{"emptyLinePlaceholder":313},[245,635,637,639,641,643,645,647,650],{"class":247,"line":636},21,[245,638,252],{"class":251},[245,640,413],{"class":255},[245,642,273],{"class":251},[245,644,427],{"class":276},[245,646,280],{"class":251},[245,648,649],{"class":283},"\"muted\"",[245,651,295],{"class":251},[245,653,655],{"class":247,"line":654},22,[245,656,657],{"class":251},"  Muted\n",[245,659,661],{"class":247,"line":660},23,[245,662,407],{"class":251},[146,664,410],{},[172,666,668],{"id":667},"callout",[176,669,116],{},[146,671,419,672,674],{},[176,673,667],{}," component to add eye-catching context to your content.",[146,676,181,677,184,680,682,683,690],{},[176,678,679],{},"icon",[176,681,427],{}," props to customize it. You can also pass any property from the ",[157,684,687],{"href":685,"rel":686},"https:\u002F\u002Fnuxt.com\u002Fdocs\u002Fapi\u002Fcomponents\u002Fnuxt-link",[161],[176,688,689],{},"\u003CNuxtLink>"," component.",[146,692,693,694,697,698,697,701,184,703,706],{},"You can also use the ",[176,695,696],{},"note",", ",[176,699,700],{},"tip",[176,702,464],{},[176,704,705],{},"caution"," shortcuts with pre-defined icons and colors.",[194,708,709,743],{},[197,710,712],{"icon":199,"label":200,"className":711},[434],[436,713,718,725,731,737],{"className":714},[439,715,716,717],"flex-col","gap-4","w-full",[696,719,722],{"className":720},[717,721],"my-0",[146,723,724],{},"Here's some additional information for you.",[700,726,728],{"className":727},[717,721],[146,729,730],{},"Here's a helpful suggestion.",[464,732,734],{"className":733},[717,721],[146,735,736],{},"Be careful with this action as it might have unexpected results.",[705,738,740],{"className":739},[717,721],[146,741,742],{},"This action cannot be undone.",[197,744,745],{"icon":233,"label":234},[236,746,748],{"className":238,"code":747,"language":240,"meta":241,"style":241},"::note\nHere's some additional information.\n::\n\n::tip\nHere's a helpful suggestion.\n::\n\n::warning\nBe careful with this action as it might have unexpected results.\n::\n\n::caution\nThis action cannot be undone.\n::\n",[176,749,750,758,763,768,772,779,784,788,792,799,804,808,812,819,824],{"__ignoreMap":241},[245,751,752,755],{"class":247,"line":248},[245,753,754],{"class":251},"::",[245,756,757],{"class":255},"note\n",[245,759,760],{"class":247,"line":259},[245,761,762],{"class":251},"Here's some additional information.\n",[245,764,765],{"class":247,"line":265},[245,766,767],{"class":251},"::\n",[245,769,770],{"class":247,"line":298},[245,771,314],{"emptyLinePlaceholder":313},[245,773,774,776],{"class":247,"line":304},[245,775,754],{"class":251},[245,777,778],{"class":255},"tip\n",[245,780,781],{"class":247,"line":310},[245,782,783],{"class":251},"Here's a helpful suggestion.\n",[245,785,786],{"class":247,"line":317},[245,787,767],{"class":251},[245,789,790],{"class":247,"line":338},[245,791,314],{"emptyLinePlaceholder":313},[245,793,794,796],{"class":247,"line":351},[245,795,754],{"class":251},[245,797,798],{"class":255},"warning\n",[245,800,801],{"class":247,"line":356},[245,802,803],{"class":251},"Be careful with this action as it might have unexpected results.\n",[245,805,806],{"class":247,"line":361},[245,807,767],{"class":251},[245,809,810],{"class":247,"line":381},[245,811,314],{"emptyLinePlaceholder":313},[245,813,814,816],{"class":247,"line":399},[245,815,754],{"class":251},[245,817,818],{"class":255},"caution\n",[245,820,821],{"class":247,"line":404},[245,822,823],{"class":251},"This action cannot be undone.\n",[245,825,826],{"class":247,"line":592},[245,827,767],{"class":251},[172,829,831,184,834],{"id":830},"card-and-cardgroup",[176,832,833],{},"Card",[176,835,836],{},"CardGroup",[146,838,419,839,842],{},[176,840,841],{},"card"," component to highlight your content.",[146,844,181,845,697,848,184,850,682,852,163],{},[176,846,847],{},"title",[176,849,679],{},[176,851,427],{},[157,853,855],{"href":685,"rel":854},[161],[176,856,689],{},[146,858,859,860,862,863,866],{},"Wrap your ",[176,861,841],{}," components with the ",[176,864,865],{},"card-group"," component to group them together in a grid layout.",[194,868,869,907],{},[197,870,872],{"icon":199,"label":200,"className":871},[434],[865,873,875,884,891,900],{"className":874},[717,721],[841,876,881],{"icon":877,"target":878,"title":879,"to":880},"i-simple-icons-github","_blank","Dashboard","https:\u002F\u002Fgithub.com\u002Fnuxt-ui-templates\u002Fdashboard",[146,882,883],{},"A dashboard with multi-column layout.",[841,885,888],{"icon":877,"target":878,"title":886,"to":887},"SaaS","https:\u002F\u002Fgithub.com\u002Fnuxt-ui-templates\u002Fsaas",[146,889,890],{},"A template with landing, pricing, docs and blog.",[841,892,894],{"icon":877,"target":878,"title":5,"to":893},"https:\u002F\u002Fgithub.com\u002Fnuxt-ui-templates\u002Fdocs",[146,895,896,897,163],{},"A documentation with ",[176,898,899],{},"@nuxt\u002Fcontent",[841,901,904],{"icon":877,"target":878,"title":902,"to":903},"Landing","https:\u002F\u002Fgithub.com\u002Fnuxt-ui-templates\u002Flanding",[146,905,906],{},"A landing page you can use as starting point.",[197,908,910],{"icon":233,"label":234,"className":909},[434],[236,911,913],{"className":238,"code":912,"language":240,"meta":241,"style":241},":::card-group\n\n  ::card\n  ---\n  title: Dashboard\n  icon: i-simple-icons-github\n  to: https:\u002F\u002Fgithub.com\u002Fnuxt-ui-templates\u002Fdashboard\n  target: _blank\n  ---\n  A dashboard with multi-column layout.\n  ::\n\n  ::card\n  ---\n  title: SaaS\n  icon: i-simple-icons-github\n  to: https:\u002F\u002Fgithub.com\u002Fnuxt-ui-templates\u002Fsaas\n  target: _blank\n  ---\n  A template with landing, pricing, docs and blog.\n  ::\n\n  ::card\n  ---\n  title: Docs\n  icon: i-simple-icons-github\n  to: https:\u002F\u002Fgithub.com\u002Fnuxt-ui-templates\u002Fdocs\n  target: _blank\n  ---\n  A documentation with `@nuxt\u002Fcontent`.\n  ::\n\n  ::card\n  ---\n  title: Landing\n  icon: i-simple-icons-github\n  to: https:\u002F\u002Fgithub.com\u002Fnuxt-ui-templates\u002Flanding\n  target: _blank\n  ---\n  A landing page you can use as starting point.\n  ::\n\n:::\n",[176,914,915,923,927,934,939,950,960,970,980,984,989,993,997,1003,1007,1016,1024,1033,1041,1045,1050,1054,1058,1064,1069,1079,1088,1098,1107,1112,1124,1129,1134,1141,1146,1156,1165,1175,1184,1189,1195,1200,1205],{"__ignoreMap":241},[245,916,917,920],{"class":247,"line":248},[245,918,919],{"class":251},":::",[245,921,922],{"class":255},"card-group\n",[245,924,925],{"class":247,"line":259},[245,926,314],{"emptyLinePlaceholder":313},[245,928,929,931],{"class":247,"line":265},[245,930,252],{"class":251},[245,932,933],{"class":255},"card\n",[245,935,936],{"class":247,"line":298},[245,937,938],{"class":251},"  ---\n",[245,940,941,944,947],{"class":247,"line":304},[245,942,943],{"class":255},"  title",[245,945,946],{"class":251},": ",[245,948,949],{"class":283},"Dashboard\n",[245,951,952,955,957],{"class":247,"line":310},[245,953,954],{"class":255},"  icon",[245,956,946],{"class":251},[245,958,959],{"class":283},"i-simple-icons-github\n",[245,961,962,965,967],{"class":247,"line":317},[245,963,964],{"class":255},"  to",[245,966,946],{"class":251},[245,968,969],{"class":283},"https:\u002F\u002Fgithub.com\u002Fnuxt-ui-templates\u002Fdashboard\n",[245,971,972,975,977],{"class":247,"line":338},[245,973,974],{"class":255},"  target",[245,976,946],{"class":251},[245,978,979],{"class":283},"_blank\n",[245,981,982],{"class":247,"line":351},[245,983,938],{"class":251},[245,985,986],{"class":247,"line":356},[245,987,988],{"class":251},"  A dashboard with multi-column layout.\n",[245,990,991],{"class":247,"line":361},[245,992,407],{"class":251},[245,994,995],{"class":247,"line":381},[245,996,314],{"emptyLinePlaceholder":313},[245,998,999,1001],{"class":247,"line":399},[245,1000,252],{"class":251},[245,1002,933],{"class":255},[245,1004,1005],{"class":247,"line":404},[245,1006,938],{"class":251},[245,1008,1009,1011,1013],{"class":247,"line":592},[245,1010,943],{"class":255},[245,1012,946],{"class":251},[245,1014,1015],{"class":283},"SaaS\n",[245,1017,1018,1020,1022],{"class":247,"line":597},[245,1019,954],{"class":255},[245,1021,946],{"class":251},[245,1023,959],{"class":283},[245,1025,1026,1028,1030],{"class":247,"line":602},[245,1027,964],{"class":255},[245,1029,946],{"class":251},[245,1031,1032],{"class":283},"https:\u002F\u002Fgithub.com\u002Fnuxt-ui-templates\u002Fsaas\n",[245,1034,1035,1037,1039],{"class":247,"line":620},[245,1036,974],{"class":255},[245,1038,946],{"class":251},[245,1040,979],{"class":283},[245,1042,1043],{"class":247,"line":626},[245,1044,938],{"class":251},[245,1046,1047],{"class":247,"line":631},[245,1048,1049],{"class":251},"  A template with landing, pricing, docs and blog.\n",[245,1051,1052],{"class":247,"line":636},[245,1053,407],{"class":251},[245,1055,1056],{"class":247,"line":654},[245,1057,314],{"emptyLinePlaceholder":313},[245,1059,1060,1062],{"class":247,"line":660},[245,1061,252],{"class":251},[245,1063,933],{"class":255},[245,1065,1067],{"class":247,"line":1066},24,[245,1068,938],{"class":251},[245,1070,1072,1074,1076],{"class":247,"line":1071},25,[245,1073,943],{"class":255},[245,1075,946],{"class":251},[245,1077,1078],{"class":283},"Docs\n",[245,1080,1082,1084,1086],{"class":247,"line":1081},26,[245,1083,954],{"class":255},[245,1085,946],{"class":251},[245,1087,959],{"class":283},[245,1089,1091,1093,1095],{"class":247,"line":1090},27,[245,1092,964],{"class":255},[245,1094,946],{"class":251},[245,1096,1097],{"class":283},"https:\u002F\u002Fgithub.com\u002Fnuxt-ui-templates\u002Fdocs\n",[245,1099,1101,1103,1105],{"class":247,"line":1100},28,[245,1102,974],{"class":255},[245,1104,946],{"class":251},[245,1106,979],{"class":283},[245,1108,1110],{"class":247,"line":1109},29,[245,1111,938],{"class":251},[245,1113,1115,1118,1121],{"class":247,"line":1114},30,[245,1116,1117],{"class":251},"  A documentation with ",[245,1119,1120],{"class":344},"`@nuxt\u002Fcontent`",[245,1122,1123],{"class":251},".\n",[245,1125,1127],{"class":247,"line":1126},31,[245,1128,407],{"class":251},[245,1130,1132],{"class":247,"line":1131},32,[245,1133,314],{"emptyLinePlaceholder":313},[245,1135,1137,1139],{"class":247,"line":1136},33,[245,1138,252],{"class":251},[245,1140,933],{"class":255},[245,1142,1144],{"class":247,"line":1143},34,[245,1145,938],{"class":251},[245,1147,1149,1151,1153],{"class":247,"line":1148},35,[245,1150,943],{"class":255},[245,1152,946],{"class":251},[245,1154,1155],{"class":283},"Landing\n",[245,1157,1159,1161,1163],{"class":247,"line":1158},36,[245,1160,954],{"class":255},[245,1162,946],{"class":251},[245,1164,959],{"class":283},[245,1166,1168,1170,1172],{"class":247,"line":1167},37,[245,1169,964],{"class":255},[245,1171,946],{"class":251},[245,1173,1174],{"class":283},"https:\u002F\u002Fgithub.com\u002Fnuxt-ui-templates\u002Flanding\n",[245,1176,1178,1180,1182],{"class":247,"line":1177},38,[245,1179,974],{"class":255},[245,1181,946],{"class":251},[245,1183,979],{"class":283},[245,1185,1187],{"class":247,"line":1186},39,[245,1188,938],{"class":251},[245,1190,1192],{"class":247,"line":1191},40,[245,1193,1194],{"class":251},"  A landing page you can use as starting point.\n",[245,1196,1198],{"class":247,"line":1197},41,[245,1199,407],{"class":251},[245,1201,1203],{"class":247,"line":1202},42,[245,1204,314],{"emptyLinePlaceholder":313},[245,1206,1208],{"class":247,"line":1207},43,[245,1209,1210],{"class":251},":::\n",[172,1212,1214],{"id":1213},"collapsible",[176,1215,1216],{},"Collapsible",[146,1218,1219,1220,1222,1223,192],{},"Wrap your content with the ",[176,1221,1213],{}," component to display a ",[157,1224,1216],{"href":1225,"rel":1226},"https:\u002F\u002Fwww.shadcn-vue.com\u002Fdocs\u002Fcomponents\u002Fcollapsible",[161],[146,1228,181,1229,1231],{},[176,1230,277],{}," prop to customize the trigger text.",[194,1233,1234,1308],{},[197,1235,1237],{"icon":199,"label":200,"className":1236},[434],[1213,1238,1240],{"label":1239},"Show props",[1241,1242,1243,1259],"table",{},[1244,1245,1246],"thead",{},[1247,1248,1249,1253,1256],"tr",{},[1250,1251,1252],"th",{},"Prop",[1250,1254,1255],{},"Default",[1250,1257,1258],{},"Type",[1260,1261,1262,1277,1293],"tbody",{},[1247,1263,1264,1270,1272],{},[1265,1266,1267],"td",{},[176,1268,1269],{},"name",[1265,1271],{},[1265,1273,1274],{},[176,1275,1276],{},"string",[1247,1278,1279,1284,1289],{},[1265,1280,1281],{},[176,1282,1283],{},"size",[1265,1285,1286],{},[176,1287,1288],{},"md",[1265,1290,1291],{},[176,1292,1276],{},[1247,1294,1295,1299,1304],{},[1265,1296,1297],{},[176,1298,427],{},[1265,1300,1301],{},[176,1302,1303],{},"neutral",[1265,1305,1306],{},[176,1307,1276],{},[197,1309,1310],{"icon":233,"label":234},[236,1311,1313],{"className":238,"code":1312,"language":240,"meta":241,"style":241},"::collapsible{label=\"Show props\"}\n\n| Prop    | Default   | Type                     |\n|---------|-----------|--------------------------|\n| `name`  |           | `string`{lang=\"ts-type\"} |\n| `size`  | `md`      | `string`{lang=\"ts-type\"} |\n| `color` | `neutral` | `string`{lang=\"ts-type\"} |\n\n::\n",[176,1314,1315,1332,1336,1341,1346,1373,1401,1428,1432],{"__ignoreMap":241},[245,1316,1317,1319,1321,1323,1325,1327,1330],{"class":247,"line":248},[245,1318,754],{"class":251},[245,1320,1213],{"class":255},[245,1322,273],{"class":251},[245,1324,277],{"class":276},[245,1326,280],{"class":251},[245,1328,1329],{"class":283},"\"Show props\"",[245,1331,295],{"class":251},[245,1333,1334],{"class":247,"line":259},[245,1335,314],{"emptyLinePlaceholder":313},[245,1337,1338],{"class":247,"line":265},[245,1339,1340],{"class":251},"| Prop    | Default   | Type                     |\n",[245,1342,1343],{"class":247,"line":298},[245,1344,1345],{"class":251},"|---------|-----------|--------------------------|\n",[245,1347,1348,1351,1354,1357,1360,1362,1365,1367,1370],{"class":247,"line":304},[245,1349,1350],{"class":251},"| ",[245,1352,1353],{"class":344},"`name`",[245,1355,1356],{"class":251},"  |           | ",[245,1358,1359],{"class":344},"`string`",[245,1361,273],{"class":251},[245,1363,1364],{"class":276},"lang",[245,1366,280],{"class":251},[245,1368,1369],{"class":283},"\"ts-type\"",[245,1371,1372],{"class":251},"} |\n",[245,1374,1375,1377,1380,1383,1386,1389,1391,1393,1395,1397,1399],{"class":247,"line":310},[245,1376,1350],{"class":251},[245,1378,1379],{"class":344},"`size`",[245,1381,1382],{"class":251},"  | ",[245,1384,1385],{"class":344},"`md`",[245,1387,1388],{"class":251},"      | ",[245,1390,1359],{"class":344},[245,1392,273],{"class":251},[245,1394,1364],{"class":276},[245,1396,280],{"class":251},[245,1398,1369],{"class":283},[245,1400,1372],{"class":251},[245,1402,1403,1405,1408,1411,1414,1416,1418,1420,1422,1424,1426],{"class":247,"line":317},[245,1404,1350],{"class":251},[245,1406,1407],{"class":344},"`color`",[245,1409,1410],{"class":251}," | ",[245,1412,1413],{"class":344},"`neutral`",[245,1415,1410],{"class":251},[245,1417,1359],{"class":344},[245,1419,273],{"class":251},[245,1421,1364],{"class":276},[245,1423,280],{"class":251},[245,1425,1369],{"class":283},[245,1427,1372],{"class":251},[245,1429,1430],{"class":247,"line":338},[245,1431,314],{"emptyLinePlaceholder":313},[245,1433,1434],{"class":247,"line":351},[245,1435,767],{"class":251},[172,1437,1439,184,1442],{"id":1438},"field-and-fieldgroup",[176,1440,1441],{},"Field",[176,1443,1444],{},"FieldGroup",[146,1446,1447,1448,1451,1452,1455],{},"A ",[176,1449,1450],{},"field","is a prop or parameter to display in your content. You can group them by ",[176,1453,1454],{},"field-group"," in a list.",[194,1457,1458,1505],{},[197,1459,1461],{"icon":199,"label":200,"className":1460},[434],[1454,1462,1464,1475,1483,1497],{"className":1463},[721],[1450,1465,1468],{"name":1466,"type":1467},"analytics","boolean",[146,1469,1470,1471,1474],{},"Default to ",[176,1472,1473],{},"false"," - Enables analytics for your project (coming soon).",[1450,1476,1478],{"name":1477,"type":1467},"blob",[146,1479,1470,1480,1482],{},[176,1481,1473],{}," - Enables blob storage to store static assets, such as images, videos and more.",[1450,1484,1486],{"name":1485,"type":1467},"cache",[146,1487,1470,1488,1490,1491,184,1494],{},[176,1489,1473],{}," - Enables cache storage to cache your server route responses or functions using Nitro's ",[176,1492,1493],{},"cachedEventHandler",[176,1495,1496],{},"cachedFunction",[1450,1498,1500],{"name":1499,"type":1467},"database",[146,1501,1470,1502,1504],{},[176,1503,1473],{}," - Enables SQL database to store your application's data.",[197,1506,1507],{"icon":233,"label":234},[236,1508,1510],{"className":238,"code":1509,"language":240,"meta":241,"style":241},"::field-group\n  ::field{name=\"analytics\" type=\"boolean\"}\n    Default to `false` - Enables analytics for your project (coming soon).\n  ::\n\n  ::field{name=\"blob\" type=\"boolean\"}\n    Default to `false` - Enables blob storage to store static assets, such as images, videos and more.\n  ::\n\n  ::field{name=\"cache\" type=\"boolean\"}\n    Default to `false` - Enables cache storage to cache your server route responses or functions using Nitro's `cachedEventHandler` and `cachedFunction`\n  ::\n\n  ::field{name=\"database\" type=\"boolean\"}\n    Default to `false` - Enables SQL database to store your application's data.\n  ::\n::\n",[176,1511,1512,1519,1544,1555,1559,1563,1586,1595,1599,1603,1626,1642,1646,1650,1673,1682,1686],{"__ignoreMap":241},[245,1513,1514,1516],{"class":247,"line":248},[245,1515,754],{"class":251},[245,1517,1518],{"class":255},"field-group\n",[245,1520,1521,1523,1525,1527,1529,1531,1534,1537,1539,1542],{"class":247,"line":259},[245,1522,252],{"class":251},[245,1524,1450],{"class":255},[245,1526,273],{"class":251},[245,1528,1269],{"class":276},[245,1530,280],{"class":251},[245,1532,1533],{"class":283},"\"analytics\"",[245,1535,1536],{"class":276}," type",[245,1538,280],{"class":251},[245,1540,1541],{"class":283},"\"boolean\"",[245,1543,295],{"class":251},[245,1545,1546,1549,1552],{"class":247,"line":265},[245,1547,1548],{"class":251},"    Default to ",[245,1550,1551],{"class":344},"`false`",[245,1553,1554],{"class":251}," - Enables analytics for your project (coming soon).\n",[245,1556,1557],{"class":247,"line":298},[245,1558,407],{"class":251},[245,1560,1561],{"class":247,"line":304},[245,1562,314],{"emptyLinePlaceholder":313},[245,1564,1565,1567,1569,1571,1573,1575,1578,1580,1582,1584],{"class":247,"line":310},[245,1566,252],{"class":251},[245,1568,1450],{"class":255},[245,1570,273],{"class":251},[245,1572,1269],{"class":276},[245,1574,280],{"class":251},[245,1576,1577],{"class":283},"\"blob\"",[245,1579,1536],{"class":276},[245,1581,280],{"class":251},[245,1583,1541],{"class":283},[245,1585,295],{"class":251},[245,1587,1588,1590,1592],{"class":247,"line":317},[245,1589,1548],{"class":251},[245,1591,1551],{"class":344},[245,1593,1594],{"class":251}," - Enables blob storage to store static assets, such as images, videos and more.\n",[245,1596,1597],{"class":247,"line":338},[245,1598,407],{"class":251},[245,1600,1601],{"class":247,"line":351},[245,1602,314],{"emptyLinePlaceholder":313},[245,1604,1605,1607,1609,1611,1613,1615,1618,1620,1622,1624],{"class":247,"line":356},[245,1606,252],{"class":251},[245,1608,1450],{"class":255},[245,1610,273],{"class":251},[245,1612,1269],{"class":276},[245,1614,280],{"class":251},[245,1616,1617],{"class":283},"\"cache\"",[245,1619,1536],{"class":276},[245,1621,280],{"class":251},[245,1623,1541],{"class":283},[245,1625,295],{"class":251},[245,1627,1628,1630,1632,1634,1637,1639],{"class":247,"line":361},[245,1629,1548],{"class":251},[245,1631,1551],{"class":344},[245,1633,1490],{"class":251},[245,1635,1636],{"class":344},"`cachedEventHandler`",[245,1638,184],{"class":251},[245,1640,1641],{"class":344},"`cachedFunction`\n",[245,1643,1644],{"class":247,"line":381},[245,1645,407],{"class":251},[245,1647,1648],{"class":247,"line":399},[245,1649,314],{"emptyLinePlaceholder":313},[245,1651,1652,1654,1656,1658,1660,1662,1665,1667,1669,1671],{"class":247,"line":404},[245,1653,252],{"class":251},[245,1655,1450],{"class":255},[245,1657,273],{"class":251},[245,1659,1269],{"class":276},[245,1661,280],{"class":251},[245,1663,1664],{"class":283},"\"database\"",[245,1666,1536],{"class":276},[245,1668,280],{"class":251},[245,1670,1541],{"class":283},[245,1672,295],{"class":251},[245,1674,1675,1677,1679],{"class":247,"line":592},[245,1676,1548],{"class":251},[245,1678,1551],{"class":344},[245,1680,1681],{"class":251}," - Enables SQL database to store your application's data.\n",[245,1683,1684],{"class":247,"line":597},[245,1685,407],{"class":251},[245,1687,1688],{"class":247,"line":602},[245,1689,767],{"class":251},[172,1691,1692],{"id":679},[176,1693,1694],{},"Icon",[146,1696,181,1697,1699],{},[176,1698,679],{}," component to display an Icon in your content.",[1701,1702,1703,1706],"code-preview",{},[679,1704],{"name":1705},"i-simple-icons-nuxtdotjs",[1707,1708,1709],"template",{"v-slot:code":241},[236,1710,1712],{"className":238,"code":1711,"language":240,"meta":241,"style":241},":icon{name=\"i-simple-icons-nuxtdotjs\"}\n",[176,1713,1714],{"__ignoreMap":241},[245,1715,1716,1719,1721,1723,1725,1727,1730],{"class":247,"line":248},[245,1717,1718],{"class":251},":",[245,1720,679],{"class":255},[245,1722,273],{"class":251},[245,1724,1269],{"class":276},[245,1726,280],{"class":251},[245,1728,1729],{"class":283},"\"i-simple-icons-nuxtdotjs\"",[245,1731,295],{"class":251},[172,1733,1735],{"id":1734},"kbd",[176,1736,1737],{},"Kbd",[146,1739,181,1740,1742],{},[176,1741,1734],{}," component to display a Kbd in your content.",[1701,1744,1745],{},[1707,1746,1747],{"v-slot:code":241},[236,1748,1750],{"className":238,"code":1749,"language":240,"meta":241,"style":241},":kbd{value=\"meta\"} :kbd{value=\"K\"}\n",[176,1751,1752],{"__ignoreMap":241},[245,1753,1754,1756,1758,1760,1763,1765,1768,1771,1773,1775,1778],{"class":247,"line":248},[245,1755,1718],{"class":251},[245,1757,1734],{"class":255},[245,1759,273],{"class":251},[245,1761,1762],{"class":276},"value",[245,1764,280],{"class":251},[245,1766,1767],{"class":283},"\"meta\"",[245,1769,1770],{"class":251},"} :kbd{",[245,1772,1762],{"class":276},[245,1774,280],{"class":251},[245,1776,1777],{"class":283},"\"K\"",[245,1779,295],{"class":251},[172,1781,1782],{"id":194},[176,1783,124],{},[146,1785,181,1786,184,1788,1790,1791,192],{},[176,1787,194],{},[176,1789,197],{}," components to display ",[157,1792,124],{"href":1793,"rel":1794},"https:\u002F\u002Fwww.shadcn-vue.com\u002Fdocs\u002Fcomponents\u002Ftabs",[161],[1701,1796,1797,1830],{},[194,1798,1800,1823],{"className":1799},[717],[197,1801,1802],{"icon":233,"label":234},[236,1803,1805],{"className":238,"code":1804,"language":240,"meta":241,"style":241},"::callout\nLorem velit voluptate ex reprehenderit ullamco et culpa.\n::\n",[176,1806,1807,1814,1819],{"__ignoreMap":241},[245,1808,1809,1811],{"class":247,"line":248},[245,1810,754],{"class":251},[245,1812,1813],{"class":255},"callout\n",[245,1815,1816],{"class":247,"line":259},[245,1817,1818],{"class":251},"Lorem velit voluptate ex reprehenderit ullamco et culpa.\n",[245,1820,1821],{"class":247,"line":265},[245,1822,767],{"class":251},[197,1824,1825],{"icon":199,"label":200},[667,1826,1827],{},[146,1828,1829],{},"Lorem velit voluptate ex reprehenderit ullamco et culpa.",[1707,1831,1832],{"v-slot:code":241},[236,1833,1835],{"className":238,"code":1834,"language":240,"meta":241,"style":241},"::tabs{.w-full}\n:::tabs-item{icon=\"i-lucide-code\" label=\"Code\"}\n```mdc\n    ::::callout\n    Lorem velit voluptate ex reprehenderit ullamco et culpa.\n    ::::\n    ```\n  ::::\n\n:::tabs-item{icon=\"i-lucide-eye\" label=\"Preview\"}\n  :::::callout\n  Lorem velit voluptate ex reprehenderit ullamco et culpa.\n  :::::\n:::\n",[176,1836,1837,1850,1875,1880,1885,1890,1895,1900,1905,1909,1914,1919,1924,1929],{"__ignoreMap":241},[245,1838,1839,1841,1843,1845,1848],{"class":247,"line":248},[245,1840,754],{"class":251},[245,1842,194],{"class":255},[245,1844,273],{"class":251},[245,1846,1847],{"class":276},".w-full",[245,1849,295],{"class":251},[245,1851,1852,1854,1856,1858,1860,1862,1865,1868,1870,1873],{"class":247,"line":259},[245,1853,919],{"class":251},[245,1855,197],{"class":255},[245,1857,273],{"class":251},[245,1859,679],{"class":276},[245,1861,280],{"class":251},[245,1863,1864],{"class":283},"\"i-lucide-code\"",[245,1866,1867],{"class":276}," label",[245,1869,280],{"class":251},[245,1871,1872],{"class":283},"\"Code\"",[245,1874,295],{"class":251},[245,1876,1877],{"class":247,"line":265},[245,1878,1879],{"class":251},"```mdc\n",[245,1881,1882],{"class":247,"line":298},[245,1883,1884],{"class":251},"    ::::callout\n",[245,1886,1887],{"class":247,"line":304},[245,1888,1889],{"class":251},"    Lorem velit voluptate ex reprehenderit ullamco et culpa.\n",[245,1891,1892],{"class":247,"line":310},[245,1893,1894],{"class":251},"    ::::\n",[245,1896,1897],{"class":247,"line":317},[245,1898,1899],{"class":251},"    ```\n",[245,1901,1902],{"class":247,"line":338},[245,1903,1904],{"class":251},"  ::::\n",[245,1906,1907],{"class":247,"line":351},[245,1908,314],{"emptyLinePlaceholder":313},[245,1910,1911],{"class":247,"line":356},[245,1912,1913],{"class":251},":::tabs-item{icon=\"i-lucide-eye\" label=\"Preview\"}\n",[245,1915,1916],{"class":247,"line":361},[245,1917,1918],{"class":251},"  :::::callout\n",[245,1920,1921],{"class":247,"line":381},[245,1922,1923],{"class":251},"  Lorem velit voluptate ex reprehenderit ullamco et culpa.\n",[245,1925,1926],{"class":247,"line":399},[245,1927,1928],{"class":251},"  :::::\n",[245,1930,1931],{"class":247,"line":404},[245,1932,1210],{"class":251},[236,1934,1939],{"className":1935,"code":1937,"language":1938},[1936],"language-text","::\n\n### `Steps`\n\nWrap your headings with the Steps component to display a list of steps.\n\nUse the `level` prop to define which heading will be used for the steps.\n\n::tabs\n:::tabs-item{.my-5 icon=\"i-lucide-eye\" label=\"Preview\"}\n::::steps{level=\"4\"}\n#### Start a fresh new project\n\n```bash [Terminal]\n    npm create nuxt@latest -- -t github:nuxt-content\u002Fdocus\n    ```\n    \n    #### Run docus CLI to run your dev server\n    \n    ```bash [Terminal]\n    docus dev\n    ```\n    ::::\n  :::\n\n  :::tabs-item{icon=\"i-lucide-code\" label=\"Code\"}\n  ````mdc\n  ::steps{level=\"4\"}\n    #### Start a fresh new project\n    \n    ```bash [Terminal]\n    npm create nuxt@latest -- -t github:nuxt-content\u002Fdocus\n    ```\n    \n    #### Run docus CLI to run your dev server\n    \n    ```bash [Terminal]\n    docus dev\n    ```\n  ::\n","text",[176,1940,1937],{"__ignoreMap":241},[146,1942,410],{},[1944,1945,1946],"style",{},"html pre.shiki code .s80WL, html code.shiki .s80WL{--shiki-light:#1F2328;--shiki-dark:#E1E4E8}html pre.shiki code .s5xbh, html code.shiki .s5xbh{--shiki-light:#116329;--shiki-dark:#85E89D}html pre.shiki code .si9m_, html code.shiki .si9m_{--shiki-light:#0550AE;--shiki-dark:#B392F0}html pre.shiki code .skyLg, html code.shiki .skyLg{--shiki-light:#0A3069;--shiki-dark:#9ECBFF}html pre.shiki code .sP1nQ, html code.shiki .sP1nQ{--shiki-light:#0550AE;--shiki-dark:#79B8FF}html pre.shiki code .sDBJF, html code.shiki .sDBJF{--shiki-light:#0A3069;--shiki-light-text-decoration:inherit;--shiki-dark:#DBEDFF;--shiki-dark-text-decoration:underline}html pre.shiki code .snPly, html code.shiki .snPly{--shiki-light:#1F2328;--shiki-light-text-decoration:underline;--shiki-dark:#E1E4E8;--shiki-dark-text-decoration:underline}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 .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 .szgJ6, html code.shiki .szgJ6{--shiki-light:#1F2328;--shiki-light-font-weight:bold;--shiki-dark:#E1E4E8;--shiki-dark-font-weight:bold}",{"title":241,"searchDepth":259,"depth":259,"links":1948},[1949],{"id":174,"depth":265,"text":178},"Use Markdown components to help you structure your content, with the help of shadcn-vue.",null,{},{"icon":77,"title":74},{"title":141,"description":1950},"PsTC8h-p1tCEb49GvUwrWli5snAFq24QZKImMbK6zQI",[1957,1958],{"title":69,"path":70,"stem":71,"icon":72,"children":-1},{"title":79,"path":80,"stem":81,"icon":82,"children":-1},1785683258064]