[{"data":1,"prerenderedAt":2205},["ShallowReactive",2],{"navigation":3,"\u002Fdocs\u002Fessentials\u002Fprose-components":48,"\u002Fdocs\u002Fessentials\u002Fprose-components-surround":2200},[4,23],{"title":5,"path":6,"stem":7,"children":8,"icon":22},"Getting Started","\u002Fdocs\u002Fgetting-started","1.docs\u002F1.getting-started\u002F1.index",[9,12,17],{"title":10,"path":6,"stem":7,"icon":11},"Introduction","i-lucide-house",{"title":13,"path":14,"stem":15,"icon":16},"Installation","\u002Fdocs\u002Fgetting-started\u002Finstallation","1.docs\u002F1.getting-started\u002F2.installation","i-lucide-download",{"title":18,"path":19,"stem":20,"icon":21},"Usage","\u002Fdocs\u002Fgetting-started\u002Fusage","1.docs\u002F1.getting-started\u002F3.usage","i-lucide-sliders",false,{"title":24,"path":25,"stem":26,"children":27,"page":22},"Essentials","\u002Fdocs\u002Fessentials","1.docs\u002F2.essentials",[28,33,38,43],{"title":29,"path":30,"stem":31,"icon":32},"Markdown Syntax","\u002Fdocs\u002Fessentials\u002Fmarkdown-syntax","1.docs\u002F2.essentials\u002F1.markdown-syntax","i-lucide-heading-1",{"title":34,"path":35,"stem":36,"icon":37},"Code Blocks","\u002Fdocs\u002Fessentials\u002Fcode-blocks","1.docs\u002F2.essentials\u002F2.code-blocks","i-lucide-code-xml",{"title":39,"path":40,"stem":41,"icon":42},"Prose Components","\u002Fdocs\u002Fessentials\u002Fprose-components","1.docs\u002F2.essentials\u002F3.prose-components","i-lucide-component",{"title":44,"path":45,"stem":46,"icon":47},"Images and Embeds","\u002Fdocs\u002Fessentials\u002Fimages-embeds","1.docs\u002F2.essentials\u002F4.images-embeds","i-lucide-image",{"id":49,"title":39,"body":50,"description":2195,"extension":1030,"meta":2196,"navigation":2197,"path":40,"seo":2198,"stem":41,"__hash__":2199},"docs\u002F1.docs\u002F2.essentials\u002F3.prose-components.md",{"type":51,"value":52,"toc":2181},"minimark",[53,58,70,255,259,262,303,307,310,334,390,512,516,521,536,619,623,632,965,969,977,1213,1217,1225,1305,1309,1318,1598,1601,1606,1638,1642,1650,1707,1711,1719,1914,1918,1926,1933,2177],[54,55,57],"h3",{"id":56},"accordion","Accordion",[59,60,61,62,65,66,69],"p",{},"Use ",[63,64,56],"code",{}," and ",[63,67,68],{},"accordion-item"," to create collapsible content sections. Accordions are useful for organizing FAQs, expandable details, or grouped information in an interactive way.",[71,72,75,96],"code-preview",{"className":73},[74],"[&>div]:*:my-0",[56,76,77,84],{},[68,78,81],{"icon":79,"label":80},"i-lucide-circle-help","What are the main considerations when upgrading to Nuxt UI v3?",[59,82,83],{},"The transition to v3 involves significant changes, including new component structures, updated theming approaches, and revised TypeScript definitions. We recommend a careful, incremental upgrade process, starting with thorough testing in a development environment.",[68,85,87],{"icon":79,"label":86},"Is Nuxt UI v3 compatible with standalone Vue projects?",[59,88,89,90,95],{},"Nuxt UI is now compatible with Vue! You can follow the ",[91,92,94],"a",{"href":93},"\u002Fgetting-started\u002Finstallation","installation guide"," to get started.",[97,98,100],"template",{"v-slot:code":99},"",[101,102,106],"pre",{"className":103,"code":104,"language":105,"meta":99,"style":99},"language-mdc shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","::accordion\n\n:::accordion-item{label=\"What are the main considerations when upgrading to Nuxt UI v3?\" icon=\"i-lucide-circle-help\"}\nThe transition to v3 involves significant changes, including new component structures, updated theming approaches, and revised TypeScript definitions. We recommend a careful, incremental upgrade process, starting with thorough testing in a development environment.\n:::\n\n:::accordion-item{label=\"Is Nuxt UI v3 compatible with standalone Vue projects?\" icon=\"i-lucide-circle-help\"}\nNuxt UI is now compatible with Vue! You can follow the [installation guide](\u002Fgetting-started\u002Finstallation) to get started.\n:::\n\n::\n","mdc",[63,107,108,121,128,168,175,181,186,217,239,244,249],{"__ignoreMap":99},[109,110,113,117],"span",{"class":111,"line":112},"line",1,[109,114,116],{"class":115},"sMK4o","::",[109,118,120],{"class":119},"swJcz","accordion\n",[109,122,124],{"class":111,"line":123},2,[109,125,127],{"emptyLinePlaceholder":126},true,"\n",[109,129,131,134,136,139,143,146,149,152,154,157,159,161,163,165],{"class":111,"line":130},3,[109,132,133],{"class":115},":::",[109,135,68],{"class":119},[109,137,138],{"class":115},"{",[109,140,142],{"class":141},"spNyl","label",[109,144,145],{"class":115},"=",[109,147,148],{"class":115},"\"",[109,150,80],{"class":151},"sfazB",[109,153,148],{"class":115},[109,155,156],{"class":141}," icon",[109,158,145],{"class":115},[109,160,148],{"class":115},[109,162,79],{"class":151},[109,164,148],{"class":115},[109,166,167],{"class":115},"}\n",[109,169,171],{"class":111,"line":170},4,[109,172,174],{"class":173},"sTEyZ","The transition to v3 involves significant changes, including new component structures, updated theming approaches, and revised TypeScript definitions. We recommend a careful, incremental upgrade process, starting with thorough testing in a development environment.\n",[109,176,178],{"class":111,"line":177},5,[109,179,180],{"class":115},":::\n",[109,182,184],{"class":111,"line":183},6,[109,185,127],{"emptyLinePlaceholder":126},[109,187,189,191,193,195,197,199,201,203,205,207,209,211,213,215],{"class":111,"line":188},7,[109,190,133],{"class":115},[109,192,68],{"class":119},[109,194,138],{"class":115},[109,196,142],{"class":141},[109,198,145],{"class":115},[109,200,148],{"class":115},[109,202,86],{"class":151},[109,204,148],{"class":115},[109,206,156],{"class":141},[109,208,145],{"class":115},[109,210,148],{"class":115},[109,212,79],{"class":151},[109,214,148],{"class":115},[109,216,167],{"class":115},[109,218,220,222,225,227,230,233,236],{"class":111,"line":219},8,[109,221,89],{"class":173},[109,223,224],{"class":115},"[",[109,226,94],{"class":151},[109,228,229],{"class":115},"](",[109,231,93],{"class":232},"sQLHv",[109,234,235],{"class":115},")",[109,237,238],{"class":173}," to get started.\n",[109,240,242],{"class":111,"line":241},9,[109,243,180],{"class":115},[109,245,247],{"class":111,"line":246},10,[109,248,127],{"emptyLinePlaceholder":126},[109,250,252],{"class":111,"line":251},11,[109,253,254],{"class":115},"::\n",[54,256,258],{"id":257},"badge","Badge",[59,260,261],{},"Use badge to display status indicators or labels. Badges are great for highlighting version numbers, statuses, or categories within your content.",[71,263,265,273],{"label":264},"Preview",[257,266,267],{},[59,268,269],{},[270,271,272],"strong",{},"v3.0.0-alpha.10",[97,274,275],{"v-slot:code":99},[101,276,278],{"className":103,"code":277,"language":105,"meta":99,"style":99},"::badge\n**v3.0.0-alpha.10**\n::\n",[63,279,280,287,299],{"__ignoreMap":99},[109,281,282,284],{"class":111,"line":112},[109,283,116],{"class":115},[109,285,286],{"class":119},"badge\n",[109,288,289,293,296],{"class":111,"line":123},[109,290,292],{"class":291},"sHepR","**",[109,294,272],{"class":295},"so75L",[109,297,298],{"class":291},"**\n",[109,300,301],{"class":111,"line":130},[109,302,254],{"class":115},[54,304,306],{"id":305},"callout","Callout",[59,308,309],{},"Use callout to emphasize important contextual information. Callouts draw attention to notes, tips, warnings, or cautions, making key information stand out.",[59,311,312,313,65,316,319,320,323,324,323,327,323,330,333],{},"Customize with ",[63,314,315],{},"icon",[63,317,318],{},"color"," props or use ",[63,321,322],{},"note",", ",[63,325,326],{},"tip",[63,328,329],{},"warning",[63,331,332],{},"caution"," shortcuts for pre-defined semantic styles.",[71,335,338,350],{"className":336},[74,337],"[&>div]:*:w-full",[305,339,340],{},[59,341,342,343,345,346,349],{},"This is a ",[63,344,305],{}," with full ",[270,347,348],{},"markdown"," support.",[97,351,352],{"v-slot:code":99},[101,353,355],{"className":103,"code":354,"language":105,"meta":99,"style":99},"::callout\nThis is a `callout` with full **markdown** support.\n::\n",[63,356,357,364,386],{"__ignoreMap":99},[109,358,359,361],{"class":111,"line":112},[109,360,116],{"class":115},[109,362,363],{"class":119},"callout\n",[109,365,366,368,371,373,375,377,379,381,383],{"class":111,"line":123},[109,367,342],{"class":173},[109,369,370],{"class":115},"`",[109,372,305],{"class":151},[109,374,370],{"class":115},[109,376,345],{"class":173},[109,378,292],{"class":291},[109,380,348],{"class":295},[109,382,292],{"class":291},[109,384,385],{"class":173}," support.\n",[109,387,388],{"class":111,"line":130},[109,389,254],{"class":115},[71,391,392,425],{},[393,394,400,407,413,419],"div",{"className":395},[396,397,398,399],"flex","flex-col","gap-4","w-full",[322,401,404],{"className":402},[399,403],"my-0",[59,405,406],{},"Here's some additional information for you.",[326,408,410],{"className":409},[399,403],[59,411,412],{},"Here's a helpful suggestion.",[329,414,416],{"className":415},[399,403],[59,417,418],{},"Be careful with this action as it might have unexpected results.",[332,420,422],{"className":421},[399,403],[59,423,424],{},"This action cannot be undone.",[97,426,427],{"v-slot:code":99},[101,428,430],{"className":103,"code":429,"language":105,"meta":99,"style":99},"::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",[63,431,432,439,444,448,452,459,464,468,472,479,484,488,493,501,507],{"__ignoreMap":99},[109,433,434,436],{"class":111,"line":112},[109,435,116],{"class":115},[109,437,438],{"class":119},"note\n",[109,440,441],{"class":111,"line":123},[109,442,443],{"class":173},"Here's some additional information.\n",[109,445,446],{"class":111,"line":130},[109,447,254],{"class":115},[109,449,450],{"class":111,"line":170},[109,451,127],{"emptyLinePlaceholder":126},[109,453,454,456],{"class":111,"line":177},[109,455,116],{"class":115},[109,457,458],{"class":119},"tip\n",[109,460,461],{"class":111,"line":183},[109,462,463],{"class":173},"Here's a helpful suggestion.\n",[109,465,466],{"class":111,"line":188},[109,467,254],{"class":115},[109,469,470],{"class":111,"line":219},[109,471,127],{"emptyLinePlaceholder":126},[109,473,474,476],{"class":111,"line":241},[109,475,116],{"class":115},[109,477,478],{"class":119},"warning\n",[109,480,481],{"class":111,"line":246},[109,482,483],{"class":173},"Be careful with this action as it might have unexpected results.\n",[109,485,486],{"class":111,"line":251},[109,487,254],{"class":115},[109,489,491],{"class":111,"line":490},12,[109,492,127],{"emptyLinePlaceholder":126},[109,494,496,498],{"class":111,"line":495},13,[109,497,116],{"class":115},[109,499,500],{"class":119},"caution\n",[109,502,504],{"class":111,"line":503},14,[109,505,506],{"class":173},"This action cannot be undone.\n",[109,508,510],{"class":111,"line":509},15,[109,511,254],{"class":115},[54,513,515],{"id":514},"card","Card",[59,517,61,518,520],{},[63,519,514],{}," to highlight content blocks. Cards are useful for showcasing features, resources, or related information in visually distinct and interactive containers.",[59,522,312,523,323,526,528,529,531,532,535],{},[63,524,525],{},"title",[63,527,315],{},", and ",[63,530,318],{}," props. Cards can also act as links using ",[63,533,534],{},"\u003CNuxtLink>"," properties for navigation.",[71,537,539,548],{"className":538},[74,337],[514,540,545],{"icon":541,"target":542,"title":543,"to":544},"i-simple-icons-github","_blank","Dashboard","https:\u002F\u002Fgithub.com\u002Fnuxt-ui-templates\u002Fdashboard",[59,546,547],{},"A dashboard with multi-column layout.",[97,549,550],{"v-slot:code":99},[101,551,553],{"className":103,"code":552,"language":105,"meta":99,"style":99},"::card\n---\ntitle: Dashboard\nicon: i-simple-icons-github\nto: https:\u002F\u002Fgithub.com\u002Fnuxt-ui-templates\u002Fdashboard\ntarget: _blank\n---\nA dashboard with multi-column layout.\n::\n",[63,554,555,562,567,577,586,596,606,610,615],{"__ignoreMap":99},[109,556,557,559],{"class":111,"line":112},[109,558,116],{"class":115},[109,560,561],{"class":119},"card\n",[109,563,564],{"class":111,"line":123},[109,565,566],{"class":173},"---\n",[109,568,569,571,574],{"class":111,"line":130},[109,570,525],{"class":119},[109,572,573],{"class":115},":",[109,575,576],{"class":151}," Dashboard\n",[109,578,579,581,583],{"class":111,"line":170},[109,580,315],{"class":119},[109,582,573],{"class":115},[109,584,585],{"class":151}," i-simple-icons-github\n",[109,587,588,591,593],{"class":111,"line":177},[109,589,590],{"class":119},"to",[109,592,573],{"class":115},[109,594,595],{"class":151}," https:\u002F\u002Fgithub.com\u002Fnuxt-ui-templates\u002Fdashboard\n",[109,597,598,601,603],{"class":111,"line":183},[109,599,600],{"class":119},"target",[109,602,573],{"class":115},[109,604,605],{"class":151}," _blank\n",[109,607,608],{"class":111,"line":188},[109,609,566],{"class":173},[109,611,612],{"class":111,"line":219},[109,613,614],{"class":173},"A dashboard with multi-column layout.\n",[109,616,617],{"class":111,"line":241},[109,618,254],{"class":115},[54,620,622],{"id":621},"cardgroup","CardGroup",[59,624,61,625,628,629,631],{},[63,626,627],{},"card-group"," to arrange cards in a grid layout. ",[63,630,627],{}," is ideal for displaying collections of cards in a structured, visually appealing, and responsive grid.",[71,633,634,666],{},[627,635,637,641,648,659],{"className":636},[399],[514,638,639],{"icon":541,"target":542,"title":543,"to":544},[59,640,547],{},[514,642,645],{"icon":541,"target":542,"title":643,"to":644},"SaaS","https:\u002F\u002Fgithub.com\u002Fnuxt-ui-templates\u002Fsaas",[59,646,647],{},"A template with landing, pricing, docs and blog.",[514,649,652],{"icon":541,"target":542,"title":650,"to":651},"Docs","https:\u002F\u002Fgithub.com\u002Fnuxt-ui-templates\u002Fdocs",[59,653,654,655,658],{},"A documentation with ",[63,656,657],{},"@nuxt\u002Fcontent",".",[514,660,663],{"icon":541,"target":542,"title":661,"to":662},"Landing","https:\u002F\u002Fgithub.com\u002Fnuxt-ui-templates\u002Flanding",[59,664,665],{},"A landing page you can use as starting point.",[97,667,668],{"v-slot:code":99},[101,669,671],{"className":103,"code":670,"language":105,"meta":99,"style":99},"::card-group\n\n::card\n---\ntitle: Dashboard\nicon: i-simple-icons-github\nto: https:\u002F\u002Fgithub.com\u002Fnuxt-ui-templates\u002Fdashboard\ntarget: _blank\n---\nA dashboard with multi-column layout.\n::\n\n::card\n---\ntitle: SaaS\nicon: i-simple-icons-github\nto: https:\u002F\u002Fgithub.com\u002Fnuxt-ui-templates\u002Fsaas\ntarget: _blank\n---\nA template with landing, pricing, docs and blog.\n::\n\n::card\n---\ntitle: Docs\nicon: i-simple-icons-github\nto: https:\u002F\u002Fgithub.com\u002Fnuxt-ui-templates\u002Fdocs\ntarget: _blank\n---\nA documentation with `@nuxt\u002Fcontent`.\n::\n\n::card\n---\ntitle: Landing\nicon: i-simple-icons-github\nto: https:\u002F\u002Fgithub.com\u002Fnuxt-ui-templates\u002Flanding\ntarget: _blank\n---\nA landing page you can use as starting point.\n::\n\n::\n",[63,672,673,680,684,690,694,702,710,718,726,730,734,738,742,748,752,761,770,780,789,794,800,805,810,817,822,832,841,851,860,865,879,884,889,896,901,911,920,930,939,944,950,955,960],{"__ignoreMap":99},[109,674,675,677],{"class":111,"line":112},[109,676,116],{"class":115},[109,678,679],{"class":119},"card-group\n",[109,681,682],{"class":111,"line":123},[109,683,127],{"emptyLinePlaceholder":126},[109,685,686,688],{"class":111,"line":130},[109,687,116],{"class":115},[109,689,561],{"class":119},[109,691,692],{"class":111,"line":170},[109,693,566],{"class":173},[109,695,696,698,700],{"class":111,"line":177},[109,697,525],{"class":119},[109,699,573],{"class":115},[109,701,576],{"class":151},[109,703,704,706,708],{"class":111,"line":183},[109,705,315],{"class":119},[109,707,573],{"class":115},[109,709,585],{"class":151},[109,711,712,714,716],{"class":111,"line":188},[109,713,590],{"class":119},[109,715,573],{"class":115},[109,717,595],{"class":151},[109,719,720,722,724],{"class":111,"line":219},[109,721,600],{"class":119},[109,723,573],{"class":115},[109,725,605],{"class":151},[109,727,728],{"class":111,"line":241},[109,729,566],{"class":173},[109,731,732],{"class":111,"line":246},[109,733,614],{"class":173},[109,735,736],{"class":111,"line":251},[109,737,254],{"class":115},[109,739,740],{"class":111,"line":490},[109,741,127],{"emptyLinePlaceholder":126},[109,743,744,746],{"class":111,"line":495},[109,745,116],{"class":115},[109,747,561],{"class":119},[109,749,750],{"class":111,"line":503},[109,751,566],{"class":173},[109,753,754,756,758],{"class":111,"line":509},[109,755,525],{"class":119},[109,757,573],{"class":115},[109,759,760],{"class":151}," SaaS\n",[109,762,764,766,768],{"class":111,"line":763},16,[109,765,315],{"class":119},[109,767,573],{"class":115},[109,769,585],{"class":151},[109,771,773,775,777],{"class":111,"line":772},17,[109,774,590],{"class":119},[109,776,573],{"class":115},[109,778,779],{"class":151}," https:\u002F\u002Fgithub.com\u002Fnuxt-ui-templates\u002Fsaas\n",[109,781,783,785,787],{"class":111,"line":782},18,[109,784,600],{"class":119},[109,786,573],{"class":115},[109,788,605],{"class":151},[109,790,792],{"class":111,"line":791},19,[109,793,566],{"class":173},[109,795,797],{"class":111,"line":796},20,[109,798,799],{"class":173},"A template with landing, pricing, docs and blog.\n",[109,801,803],{"class":111,"line":802},21,[109,804,254],{"class":115},[109,806,808],{"class":111,"line":807},22,[109,809,127],{"emptyLinePlaceholder":126},[109,811,813,815],{"class":111,"line":812},23,[109,814,116],{"class":115},[109,816,561],{"class":119},[109,818,820],{"class":111,"line":819},24,[109,821,566],{"class":173},[109,823,825,827,829],{"class":111,"line":824},25,[109,826,525],{"class":119},[109,828,573],{"class":115},[109,830,831],{"class":151}," Docs\n",[109,833,835,837,839],{"class":111,"line":834},26,[109,836,315],{"class":119},[109,838,573],{"class":115},[109,840,585],{"class":151},[109,842,844,846,848],{"class":111,"line":843},27,[109,845,590],{"class":119},[109,847,573],{"class":115},[109,849,850],{"class":151}," https:\u002F\u002Fgithub.com\u002Fnuxt-ui-templates\u002Fdocs\n",[109,852,854,856,858],{"class":111,"line":853},28,[109,855,600],{"class":119},[109,857,573],{"class":115},[109,859,605],{"class":151},[109,861,863],{"class":111,"line":862},29,[109,864,566],{"class":173},[109,866,868,870,872,874,876],{"class":111,"line":867},30,[109,869,654],{"class":173},[109,871,370],{"class":115},[109,873,657],{"class":151},[109,875,370],{"class":115},[109,877,878],{"class":173},".\n",[109,880,882],{"class":111,"line":881},31,[109,883,254],{"class":115},[109,885,887],{"class":111,"line":886},32,[109,888,127],{"emptyLinePlaceholder":126},[109,890,892,894],{"class":111,"line":891},33,[109,893,116],{"class":115},[109,895,561],{"class":119},[109,897,899],{"class":111,"line":898},34,[109,900,566],{"class":173},[109,902,904,906,908],{"class":111,"line":903},35,[109,905,525],{"class":119},[109,907,573],{"class":115},[109,909,910],{"class":151}," Landing\n",[109,912,914,916,918],{"class":111,"line":913},36,[109,915,315],{"class":119},[109,917,573],{"class":115},[109,919,585],{"class":151},[109,921,923,925,927],{"class":111,"line":922},37,[109,924,590],{"class":119},[109,926,573],{"class":115},[109,928,929],{"class":151}," https:\u002F\u002Fgithub.com\u002Fnuxt-ui-templates\u002Flanding\n",[109,931,933,935,937],{"class":111,"line":932},38,[109,934,600],{"class":119},[109,936,573],{"class":115},[109,938,605],{"class":151},[109,940,942],{"class":111,"line":941},39,[109,943,566],{"class":173},[109,945,947],{"class":111,"line":946},40,[109,948,949],{"class":173},"A landing page you can use as starting point.\n",[109,951,953],{"class":111,"line":952},41,[109,954,254],{"class":115},[109,956,958],{"class":111,"line":957},42,[109,959,127],{"emptyLinePlaceholder":126},[109,961,963],{"class":111,"line":962},43,[109,964,254],{"class":115},[54,966,968],{"id":967},"collapsible","Collapsible",[59,970,61,971,973,974,976],{},[63,972,967],{}," to hide and reveal content sections. ",[63,975,967],{}," is ideal for showing optional details, technical specifications, or less frequently needed information.",[71,978,980,1050],{"className":979},[337],[967,981,982],{},[983,984,985,1001],"table",{},[986,987,988],"thead",{},[989,990,991,995,998],"tr",{},[992,993,994],"th",{},"Prop",[992,996,997],{},"Default",[992,999,1000],{},"Type",[1002,1003,1004,1019,1035],"tbody",{},[989,1005,1006,1012,1014],{},[1007,1008,1009],"td",{},[63,1010,1011],{},"name",[1007,1013],{},[1007,1015,1016],{},[63,1017,1018],{},"string",[989,1020,1021,1026,1031],{},[1007,1022,1023],{},[63,1024,1025],{},"size",[1007,1027,1028],{},[63,1029,1030],{},"md",[1007,1032,1033],{},[63,1034,1018],{},[989,1036,1037,1041,1046],{},[1007,1038,1039],{},[63,1040,318],{},[1007,1042,1043],{},[63,1044,1045],{},"neutral",[1007,1047,1048],{},[63,1049,1018],{},[97,1051,1052],{"v-slot:code":99},[101,1053,1055],{"className":103,"code":1054,"language":105,"meta":99,"style":99},"::collapsible\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",[63,1056,1057,1064,1068,1073,1078,1118,1162,1205,1209],{"__ignoreMap":99},[109,1058,1059,1061],{"class":111,"line":112},[109,1060,116],{"class":115},[109,1062,1063],{"class":119},"collapsible\n",[109,1065,1066],{"class":111,"line":123},[109,1067,127],{"emptyLinePlaceholder":126},[109,1069,1070],{"class":111,"line":130},[109,1071,1072],{"class":173},"| Prop    | Default   | Type                     |\n",[109,1074,1075],{"class":111,"line":170},[109,1076,1077],{"class":173},"|---------|-----------|--------------------------|\n",[109,1079,1080,1083,1085,1087,1089,1092,1094,1096,1098,1100,1103,1105,1107,1110,1112,1115],{"class":111,"line":177},[109,1081,1082],{"class":173},"| ",[109,1084,370],{"class":115},[109,1086,1011],{"class":151},[109,1088,370],{"class":115},[109,1090,1091],{"class":173},"  |           | ",[109,1093,370],{"class":115},[109,1095,1018],{"class":151},[109,1097,370],{"class":115},[109,1099,138],{"class":115},[109,1101,1102],{"class":141},"lang",[109,1104,145],{"class":115},[109,1106,148],{"class":115},[109,1108,1109],{"class":151},"ts-type",[109,1111,148],{"class":115},[109,1113,1114],{"class":115},"}",[109,1116,1117],{"class":173}," |\n",[109,1119,1120,1122,1124,1126,1128,1131,1133,1135,1137,1140,1142,1144,1146,1148,1150,1152,1154,1156,1158,1160],{"class":111,"line":183},[109,1121,1082],{"class":173},[109,1123,370],{"class":115},[109,1125,1025],{"class":151},[109,1127,370],{"class":115},[109,1129,1130],{"class":173},"  | ",[109,1132,370],{"class":115},[109,1134,1030],{"class":151},[109,1136,370],{"class":115},[109,1138,1139],{"class":173},"      | ",[109,1141,370],{"class":115},[109,1143,1018],{"class":151},[109,1145,370],{"class":115},[109,1147,138],{"class":115},[109,1149,1102],{"class":141},[109,1151,145],{"class":115},[109,1153,148],{"class":115},[109,1155,1109],{"class":151},[109,1157,148],{"class":115},[109,1159,1114],{"class":115},[109,1161,1117],{"class":173},[109,1163,1164,1166,1168,1170,1172,1175,1177,1179,1181,1183,1185,1187,1189,1191,1193,1195,1197,1199,1201,1203],{"class":111,"line":188},[109,1165,1082],{"class":173},[109,1167,370],{"class":115},[109,1169,318],{"class":151},[109,1171,370],{"class":115},[109,1173,1174],{"class":173}," | ",[109,1176,370],{"class":115},[109,1178,1045],{"class":151},[109,1180,370],{"class":115},[109,1182,1174],{"class":173},[109,1184,370],{"class":115},[109,1186,1018],{"class":151},[109,1188,370],{"class":115},[109,1190,138],{"class":115},[109,1192,1102],{"class":141},[109,1194,145],{"class":115},[109,1196,148],{"class":115},[109,1198,1109],{"class":151},[109,1200,148],{"class":115},[109,1202,1114],{"class":115},[109,1204,1117],{"class":173},[109,1206,1207],{"class":111,"line":219},[109,1208,127],{"emptyLinePlaceholder":126},[109,1210,1211],{"class":111,"line":241},[109,1212,254],{"class":115},[54,1214,1216],{"id":1215},"field","Field",[59,1218,61,1219,1221,1222,1224],{},[63,1220,1215],{}," to describe a specific field, property, or parameter. ",[63,1223,1215],{}," components are perfect for documenting API parameters, component props, or configuration options.",[71,1226,1227,1240],{},[1215,1228,1231],{"name":1011,"type":1018,":required":1229,"className":1230},"true",[399],[59,1232,1233,1234,1237,1238,349],{},"The ",[63,1235,1236],{},"description"," can be set as prop or in the default slot with full ",[270,1239,348],{},[97,1241,1242],{"v-slot:code":99},[101,1243,1245],{"className":103,"code":1244,"language":105,"meta":99,"style":99},"::field{name=\"name\" type=\"string\" required}\nThe `description` can be set as prop or in the default slot with full **markdown** support.\n::\n",[63,1246,1247,1281,1301],{"__ignoreMap":99},[109,1248,1249,1251,1253,1255,1257,1259,1261,1263,1265,1268,1270,1272,1274,1276,1279],{"class":111,"line":112},[109,1250,116],{"class":115},[109,1252,1215],{"class":119},[109,1254,138],{"class":115},[109,1256,1011],{"class":141},[109,1258,145],{"class":115},[109,1260,148],{"class":115},[109,1262,1011],{"class":151},[109,1264,148],{"class":115},[109,1266,1267],{"class":141}," type",[109,1269,145],{"class":115},[109,1271,148],{"class":115},[109,1273,1018],{"class":151},[109,1275,148],{"class":115},[109,1277,1278],{"class":141}," required",[109,1280,167],{"class":115},[109,1282,1283,1285,1287,1289,1291,1293,1295,1297,1299],{"class":111,"line":123},[109,1284,1233],{"class":173},[109,1286,370],{"class":115},[109,1288,1236],{"class":151},[109,1290,370],{"class":115},[109,1292,1237],{"class":173},[109,1294,292],{"class":291},[109,1296,348],{"class":295},[109,1298,292],{"class":291},[109,1300,385],{"class":173},[109,1302,1303],{"class":111,"line":130},[109,1304,254],{"class":115},[54,1306,1308],{"id":1307},"fieldgroup","FieldGroup",[59,1310,61,1311,1314,1315,1317],{},[63,1312,1313],{},"field-group"," to group related fields together in a list. ",[63,1316,1313],{}," helps organize and structure documentation for multiple related fields or properties.",[71,1319,1320,1363],{},[1313,1321,1322,1333,1341,1355],{},[1215,1323,1326],{"name":1324,"type":1325},"analytics","boolean",[59,1327,1328,1329,1332],{},"Default to ",[63,1330,1331],{},"false"," - Enables analytics for your project (coming soon).",[1215,1334,1336],{"name":1335,"type":1325},"blob",[59,1337,1328,1338,1340],{},[63,1339,1331],{}," - Enables blob storage to store static assets, such as images, videos and more.",[1215,1342,1344],{"name":1343,"type":1325},"cache",[59,1345,1328,1346,1348,1349,65,1352],{},[63,1347,1331],{}," - Enables cache storage to cache your server route responses or functions using Nitro's ",[63,1350,1351],{},"cachedEventHandler",[63,1353,1354],{},"cachedFunction",[1215,1356,1358],{"name":1357,"type":1325},"database",[59,1359,1328,1360,1362],{},[63,1361,1331],{}," - Enables SQL database to store your application's data.",[97,1364,1365],{"v-slot:code":99},[101,1366,1368],{"className":103,"code":1367,"language":105,"meta":99,"style":99},"::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",[63,1369,1370,1377,1408,1422,1427,1431,1461,1474,1478,1482,1512,1539,1543,1547,1577,1590,1594],{"__ignoreMap":99},[109,1371,1372,1374],{"class":111,"line":112},[109,1373,116],{"class":115},[109,1375,1376],{"class":119},"field-group\n",[109,1378,1379,1382,1384,1386,1388,1390,1392,1394,1396,1398,1400,1402,1404,1406],{"class":111,"line":123},[109,1380,1381],{"class":115},"  ::",[109,1383,1215],{"class":119},[109,1385,138],{"class":115},[109,1387,1011],{"class":141},[109,1389,145],{"class":115},[109,1391,148],{"class":115},[109,1393,1324],{"class":151},[109,1395,148],{"class":115},[109,1397,1267],{"class":141},[109,1399,145],{"class":115},[109,1401,148],{"class":115},[109,1403,1325],{"class":151},[109,1405,148],{"class":115},[109,1407,167],{"class":115},[109,1409,1410,1413,1415,1417,1419],{"class":111,"line":130},[109,1411,1412],{"class":173},"    Default to ",[109,1414,370],{"class":115},[109,1416,1331],{"class":151},[109,1418,370],{"class":115},[109,1420,1421],{"class":173}," - Enables analytics for your project (coming soon).\n",[109,1423,1424],{"class":111,"line":170},[109,1425,1426],{"class":115},"  ::\n",[109,1428,1429],{"class":111,"line":177},[109,1430,127],{"emptyLinePlaceholder":126},[109,1432,1433,1435,1437,1439,1441,1443,1445,1447,1449,1451,1453,1455,1457,1459],{"class":111,"line":183},[109,1434,1381],{"class":115},[109,1436,1215],{"class":119},[109,1438,138],{"class":115},[109,1440,1011],{"class":141},[109,1442,145],{"class":115},[109,1444,148],{"class":115},[109,1446,1335],{"class":151},[109,1448,148],{"class":115},[109,1450,1267],{"class":141},[109,1452,145],{"class":115},[109,1454,148],{"class":115},[109,1456,1325],{"class":151},[109,1458,148],{"class":115},[109,1460,167],{"class":115},[109,1462,1463,1465,1467,1469,1471],{"class":111,"line":188},[109,1464,1412],{"class":173},[109,1466,370],{"class":115},[109,1468,1331],{"class":151},[109,1470,370],{"class":115},[109,1472,1473],{"class":173}," - Enables blob storage to store static assets, such as images, videos and more.\n",[109,1475,1476],{"class":111,"line":219},[109,1477,1426],{"class":115},[109,1479,1480],{"class":111,"line":241},[109,1481,127],{"emptyLinePlaceholder":126},[109,1483,1484,1486,1488,1490,1492,1494,1496,1498,1500,1502,1504,1506,1508,1510],{"class":111,"line":246},[109,1485,1381],{"class":115},[109,1487,1215],{"class":119},[109,1489,138],{"class":115},[109,1491,1011],{"class":141},[109,1493,145],{"class":115},[109,1495,148],{"class":115},[109,1497,1343],{"class":151},[109,1499,148],{"class":115},[109,1501,1267],{"class":141},[109,1503,145],{"class":115},[109,1505,148],{"class":115},[109,1507,1325],{"class":151},[109,1509,148],{"class":115},[109,1511,167],{"class":115},[109,1513,1514,1516,1518,1520,1522,1524,1526,1528,1530,1532,1534,1536],{"class":111,"line":251},[109,1515,1412],{"class":173},[109,1517,370],{"class":115},[109,1519,1331],{"class":151},[109,1521,370],{"class":115},[109,1523,1348],{"class":173},[109,1525,370],{"class":115},[109,1527,1351],{"class":151},[109,1529,370],{"class":115},[109,1531,65],{"class":173},[109,1533,370],{"class":115},[109,1535,1354],{"class":151},[109,1537,1538],{"class":115},"`\n",[109,1540,1541],{"class":111,"line":490},[109,1542,1426],{"class":115},[109,1544,1545],{"class":111,"line":495},[109,1546,127],{"emptyLinePlaceholder":126},[109,1548,1549,1551,1553,1555,1557,1559,1561,1563,1565,1567,1569,1571,1573,1575],{"class":111,"line":503},[109,1550,1381],{"class":115},[109,1552,1215],{"class":119},[109,1554,138],{"class":115},[109,1556,1011],{"class":141},[109,1558,145],{"class":115},[109,1560,148],{"class":115},[109,1562,1357],{"class":151},[109,1564,148],{"class":115},[109,1566,1267],{"class":141},[109,1568,145],{"class":115},[109,1570,148],{"class":115},[109,1572,1325],{"class":151},[109,1574,148],{"class":115},[109,1576,167],{"class":115},[109,1578,1579,1581,1583,1585,1587],{"class":111,"line":509},[109,1580,1412],{"class":173},[109,1582,370],{"class":115},[109,1584,1331],{"class":151},[109,1586,370],{"class":115},[109,1588,1589],{"class":173}," - Enables SQL database to store your application's data.\n",[109,1591,1592],{"class":111,"line":763},[109,1593,1426],{"class":115},[109,1595,1596],{"class":111,"line":772},[109,1597,254],{"class":115},[54,1599,1600],{"id":315},"Icon",[59,1602,61,1603,1605],{},[63,1604,315],{}," to insert icons from icon libraries. Icons provide visual cues and enhance the user interface of your documentation.",[71,1607,1608,1611],{},[315,1609],{"name":1610},"i-simple-icons-nuxtdotjs",[97,1612,1613],{"v-slot:code":99},[101,1614,1616],{"className":103,"code":1615,"language":105,"meta":99,"style":99},":icon{name=\"i-simple-icons-nuxtdotjs\"}\n",[63,1617,1618],{"__ignoreMap":99},[109,1619,1620,1622,1624,1626,1628,1630,1632,1634,1636],{"class":111,"line":112},[109,1621,573],{"class":115},[109,1623,315],{"class":119},[109,1625,138],{"class":115},[109,1627,1011],{"class":141},[109,1629,145],{"class":115},[109,1631,148],{"class":115},[109,1633,1610],{"class":151},[109,1635,148],{"class":115},[109,1637,167],{"class":115},[54,1639,1641],{"id":1640},"kbd","Kbd",[59,1643,61,1644,1646,1647,1649],{},[63,1645,1640],{}," to display keyboard keys or shortcuts. ",[63,1648,1640],{}," components clearly indicate keyboard inputs for instructions or command references.",[71,1651,1653,1662],{"className":1652},[74],[59,1654,1655,1658,1659],{},[1640,1656],{"value":1657},"meta"," ",[1640,1660],{"value":1661},"K",[97,1663,1664],{"v-slot:code":99},[101,1665,1667],{"className":103,"code":1666,"language":105,"meta":99,"style":99},":kbd{value=\"meta\"} :kbd{value=\"K\"}\n",[63,1668,1669],{"__ignoreMap":99},[109,1670,1671,1673,1675,1677,1680,1682,1684,1686,1688,1690,1693,1695,1697,1699,1701,1703,1705],{"class":111,"line":112},[109,1672,573],{"class":115},[109,1674,1640],{"class":119},[109,1676,138],{"class":115},[109,1678,1679],{"class":141},"value",[109,1681,145],{"class":115},[109,1683,148],{"class":115},[109,1685,1657],{"class":151},[109,1687,148],{"class":115},[109,1689,1114],{"class":115},[109,1691,1692],{"class":173}," :kbd",[109,1694,138],{"class":115},[109,1696,1679],{"class":141},[109,1698,145],{"class":115},[109,1700,148],{"class":115},[109,1702,1661],{"class":151},[109,1704,148],{"class":115},[109,1706,167],{"class":115},[54,1708,1710],{"id":1709},"tabs","Tabs",[59,1712,61,1713,65,1715,1718],{},[63,1714,1709],{},[63,1716,1717],{},"tabs-item"," to organize content into tabbed interfaces. Tabs are effective for separating content into logical sections, improving content discoverability and organization.",[71,1720,1722,1757],{"className":1721},[74],[1709,1723,1725,1749],{"className":1724},[399],[1717,1726,1729],{"icon":1727,"label":1728},"i-lucide-code","Code",[101,1730,1732],{"className":103,"code":1731,"language":105,"meta":99,"style":99},"::callout\nLorem velit voluptate ex reprehenderit ullamco et culpa.\n::\n",[63,1733,1734,1740,1745],{"__ignoreMap":99},[109,1735,1736,1738],{"class":111,"line":112},[109,1737,116],{"class":115},[109,1739,363],{"class":119},[109,1741,1742],{"class":111,"line":123},[109,1743,1744],{"class":173},"Lorem velit voluptate ex reprehenderit ullamco et culpa.\n",[109,1746,1747],{"class":111,"line":130},[109,1748,254],{"class":115},[1717,1750,1752],{"icon":1751,"label":264},"i-lucide-eye",[305,1753,1754],{},[59,1755,1756],{},"Lorem velit voluptate ex reprehenderit ullamco et culpa.",[97,1758,1759],{"v-slot:code":99},[101,1760,1762],{"className":103,"code":1761,"language":105,"meta":99,"style":99},"::tabs\n\n:::tabs-item{label=\"Code\" icon=\"i-lucide-code\"}\n\n```mdc\n::callout\nLorem velit voluptate ex reprehenderit ullamco et culpa.\n::\n```\n\n:::\n\n:::tabs-item{label=\"Preview\" icon=\"i-lucide-eye\"}\n\n::::callout\nLorem velit voluptate ex reprehenderit ullamco et culpa.\n::::\n\n:::\n\n::\n",[63,1763,1764,1771,1775,1805,1809,1818,1823,1827,1831,1836,1840,1844,1848,1878,1882,1889,1893,1898,1902,1906,1910],{"__ignoreMap":99},[109,1765,1766,1768],{"class":111,"line":112},[109,1767,116],{"class":115},[109,1769,1770],{"class":119},"tabs\n",[109,1772,1773],{"class":111,"line":123},[109,1774,127],{"emptyLinePlaceholder":126},[109,1776,1777,1779,1781,1783,1785,1787,1789,1791,1793,1795,1797,1799,1801,1803],{"class":111,"line":130},[109,1778,133],{"class":115},[109,1780,1717],{"class":119},[109,1782,138],{"class":115},[109,1784,142],{"class":141},[109,1786,145],{"class":115},[109,1788,148],{"class":115},[109,1790,1728],{"class":151},[109,1792,148],{"class":115},[109,1794,156],{"class":141},[109,1796,145],{"class":115},[109,1798,148],{"class":115},[109,1800,1727],{"class":151},[109,1802,148],{"class":115},[109,1804,167],{"class":115},[109,1806,1807],{"class":111,"line":170},[109,1808,127],{"emptyLinePlaceholder":126},[109,1810,1811,1814],{"class":111,"line":177},[109,1812,1813],{"class":151},"```",[109,1815,1817],{"class":1816},"sJsPd","mdc\n",[109,1819,1820],{"class":111,"line":183},[109,1821,1822],{"class":1816},"::callout\n",[109,1824,1825],{"class":111,"line":188},[109,1826,1744],{"class":1816},[109,1828,1829],{"class":111,"line":219},[109,1830,254],{"class":1816},[109,1832,1833],{"class":111,"line":241},[109,1834,1835],{"class":151},"```\n",[109,1837,1838],{"class":111,"line":246},[109,1839,127],{"emptyLinePlaceholder":126},[109,1841,1842],{"class":111,"line":251},[109,1843,180],{"class":115},[109,1845,1846],{"class":111,"line":490},[109,1847,127],{"emptyLinePlaceholder":126},[109,1849,1850,1852,1854,1856,1858,1860,1862,1864,1866,1868,1870,1872,1874,1876],{"class":111,"line":495},[109,1851,133],{"class":115},[109,1853,1717],{"class":119},[109,1855,138],{"class":115},[109,1857,142],{"class":141},[109,1859,145],{"class":115},[109,1861,148],{"class":115},[109,1863,264],{"class":151},[109,1865,148],{"class":115},[109,1867,156],{"class":141},[109,1869,145],{"class":115},[109,1871,148],{"class":115},[109,1873,1751],{"class":151},[109,1875,148],{"class":115},[109,1877,167],{"class":115},[109,1879,1880],{"class":111,"line":503},[109,1881,127],{"emptyLinePlaceholder":126},[109,1883,1884,1887],{"class":111,"line":509},[109,1885,1886],{"class":115},"::::",[109,1888,363],{"class":119},[109,1890,1891],{"class":111,"line":763},[109,1892,1744],{"class":173},[109,1894,1895],{"class":111,"line":772},[109,1896,1897],{"class":115},"::::\n",[109,1899,1900],{"class":111,"line":782},[109,1901,127],{"emptyLinePlaceholder":126},[109,1903,1904],{"class":111,"line":791},[109,1905,180],{"class":115},[109,1907,1908],{"class":111,"line":796},[109,1909,127],{"emptyLinePlaceholder":126},[109,1911,1912],{"class":111,"line":802},[109,1913,254],{"class":115},[54,1915,1917],{"id":1916},"steps","Steps",[59,1919,61,1920,1922,1923,1925],{},[63,1921,1916],{}," to create step-by-step guides from document headings. ",[63,1924,1916],{}," component automatically numbers headings, creating a numbered guide for processes and tutorials.",[59,1927,1928,1929,1932],{},"Set the ",[63,1930,1931],{},"level"," prop to define the heading level to include in the step-by-step guide.",[71,1934,1936,2041],{"className":1935},[337],[1916,1937,1939,1947,2001,2005],{"level":1938},"4",[1940,1941,1943,1944],"h4",{"id":1942},"add-the-nuxt-ui-module-in-your-nuxtconfigts","Add the Nuxt UI module in your ",[63,1945,1946],{},"nuxt.config.ts",[101,1948,1952],{"className":1949,"code":1950,"filename":1946,"language":1951,"meta":99,"style":99},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  modules: ['@nuxt\u002Fui']\n})\n","ts",[63,1953,1954,1973,1994],{"__ignoreMap":99},[109,1955,1956,1960,1963,1967,1970],{"class":111,"line":112},[109,1957,1959],{"class":1958},"s7zQu","export",[109,1961,1962],{"class":1958}," default",[109,1964,1966],{"class":1965},"s2Zo4"," defineNuxtConfig",[109,1968,1969],{"class":173},"(",[109,1971,1972],{"class":115},"{\n",[109,1974,1975,1978,1980,1983,1986,1989,1991],{"class":111,"line":123},[109,1976,1977],{"class":119},"  modules",[109,1979,573],{"class":115},[109,1981,1982],{"class":173}," [",[109,1984,1985],{"class":115},"'",[109,1987,1988],{"class":151},"@nuxt\u002Fui",[109,1990,1985],{"class":115},[109,1992,1993],{"class":173},"]\n",[109,1995,1996,1998],{"class":111,"line":130},[109,1997,1114],{"class":115},[109,1999,2000],{"class":173},")\n",[1940,2002,2004],{"id":2003},"import-tailwind-css-and-nuxt-ui-in-your-css","Import Tailwind CSS and Nuxt UI in your CSS",[101,2006,2011],{"className":2007,"code":2008,"filename":2009,"language":2010,"meta":99,"style":99},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","@import \"tailwindcss\";\n@import \"@nuxt\u002Fui\";\n","assets\u002Fcss\u002Fmain.css","css",[63,2012,2013,2029],{"__ignoreMap":99},[109,2014,2015,2018,2021,2024,2026],{"class":111,"line":112},[109,2016,2017],{"class":1958},"@import",[109,2019,2020],{"class":115}," \"",[109,2022,2023],{"class":151},"tailwindcss",[109,2025,148],{"class":115},[109,2027,2028],{"class":115},";\n",[109,2030,2031,2033,2035,2037,2039],{"class":111,"line":123},[109,2032,2017],{"class":1958},[109,2034,2020],{"class":115},[109,2036,1988],{"class":151},[109,2038,148],{"class":115},[109,2040,2028],{"class":115},[97,2042,2043],{"v-slot:code":99},[101,2044,2046],{"className":103,"code":2045,"language":105,"meta":99,"style":99},"::steps{level=\"4\"}\n\n#### Add the Nuxt UI module in your `nuxt.config.ts`{lang=\"ts-type\"}\n\n```ts [nuxt.config.ts]\nexport default defineNuxtConfig({\nmodules: ['@nuxt\u002Fui']\n})\n```\n\n#### Import Tailwind CSS and Nuxt UI in your CSS\n\n```css [assets\u002Fcss\u002Fmain.css]\n@import \"tailwindcss\";\n@import \"@nuxt\u002Fui\";\n```\n\n::\n",[63,2047,2048,2068,2072,2089,2093,2100,2105,2110,2115,2119,2123,2130,2134,2141,2153,2165,2169,2173],{"__ignoreMap":99},[109,2049,2050,2052,2054,2056,2058,2060,2062,2064,2066],{"class":111,"line":112},[109,2051,116],{"class":115},[109,2053,1916],{"class":119},[109,2055,138],{"class":115},[109,2057,1931],{"class":141},[109,2059,145],{"class":115},[109,2061,148],{"class":115},[109,2063,1938],{"class":151},[109,2065,148],{"class":115},[109,2067,167],{"class":115},[109,2069,2070],{"class":111,"line":123},[109,2071,127],{"emptyLinePlaceholder":126},[109,2073,2074,2077,2080,2082,2084,2086],{"class":111,"line":130},[109,2075,2076],{"class":115},"#### ",[109,2078,1943],{"class":2079},"sBMFI",[109,2081,370],{"class":115},[109,2083,1946],{"class":151},[109,2085,370],{"class":115},[109,2087,2088],{"class":2079},"{lang=\"ts-type\"}\n",[109,2090,2091],{"class":111,"line":170},[109,2092,127],{"emptyLinePlaceholder":126},[109,2094,2095,2097],{"class":111,"line":177},[109,2096,1813],{"class":151},[109,2098,2099],{"class":1816},"ts [nuxt.config.ts]\n",[109,2101,2102],{"class":111,"line":183},[109,2103,2104],{"class":1816},"export default defineNuxtConfig({\n",[109,2106,2107],{"class":111,"line":188},[109,2108,2109],{"class":1816},"modules: ['@nuxt\u002Fui']\n",[109,2111,2112],{"class":111,"line":219},[109,2113,2114],{"class":1816},"})\n",[109,2116,2117],{"class":111,"line":241},[109,2118,1835],{"class":151},[109,2120,2121],{"class":111,"line":246},[109,2122,127],{"emptyLinePlaceholder":126},[109,2124,2125,2127],{"class":111,"line":251},[109,2126,2076],{"class":115},[109,2128,2129],{"class":2079},"Import Tailwind CSS and Nuxt UI in your CSS\n",[109,2131,2132],{"class":111,"line":490},[109,2133,127],{"emptyLinePlaceholder":126},[109,2135,2136,2138],{"class":111,"line":495},[109,2137,1813],{"class":151},[109,2139,2140],{"class":1816},"css [assets\u002Fcss\u002Fmain.css]\n",[109,2142,2143,2145,2147,2149,2151],{"class":111,"line":503},[109,2144,2017],{"class":1958},[109,2146,2020],{"class":115},[109,2148,2023],{"class":151},[109,2150,148],{"class":115},[109,2152,2028],{"class":115},[109,2154,2155,2157,2159,2161,2163],{"class":111,"line":509},[109,2156,2017],{"class":1958},[109,2158,2020],{"class":115},[109,2160,1988],{"class":151},[109,2162,148],{"class":115},[109,2164,2028],{"class":115},[109,2166,2167],{"class":111,"line":763},[109,2168,1835],{"class":151},[109,2170,2171],{"class":111,"line":772},[109,2172,127],{"emptyLinePlaceholder":126},[109,2174,2175],{"class":111,"line":782},[109,2176,254],{"class":115},[2178,2179,2180],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sQLHv, html code.shiki .sQLHv{--shiki-light:#90A4AE;--shiki-light-text-decoration:underline;--shiki-default:#EEFFFF;--shiki-default-text-decoration:underline;--shiki-dark:#BABED8;--shiki-dark-text-decoration:underline}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 .sHepR, html code.shiki .sHepR{--shiki-light:#39ADB5;--shiki-light-font-weight:bold;--shiki-default:#89DDFF;--shiki-default-font-weight:bold;--shiki-dark:#89DDFF;--shiki-dark-font-weight:bold}html pre.shiki code .so75L, html code.shiki .so75L{--shiki-light:#E53935;--shiki-light-font-weight:bold;--shiki-default:#F07178;--shiki-default-font-weight:bold;--shiki-dark:#F07178;--shiki-dark-font-weight:bold}html pre.shiki code .sJsPd, html code.shiki .sJsPd{--shiki-light:#90A4AE90;--shiki-default:#EEFFFF90;--shiki-dark:#BABED890}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}",{"title":99,"searchDepth":123,"depth":123,"links":2182},[2183,2184,2185,2186,2187,2188,2189,2190,2191,2192,2193,2194],{"id":56,"depth":130,"text":57},{"id":257,"depth":130,"text":258},{"id":305,"depth":130,"text":306},{"id":514,"depth":130,"text":515},{"id":621,"depth":130,"text":622},{"id":967,"depth":130,"text":968},{"id":1215,"depth":130,"text":1216},{"id":1307,"depth":130,"text":1308},{"id":315,"depth":130,"text":1600},{"id":1640,"depth":130,"text":1641},{"id":1709,"depth":130,"text":1710},{"id":1916,"depth":130,"text":1917},"Components to help you structure your content.",{},{"icon":42},{"title":39,"description":2195},"ZnpFjPBgMtngHtwWpVWnsEz1yt6Hh02F0onKEdOtUCc",[2201,2203],{"title":34,"path":35,"stem":36,"description":2202,"icon":37,"children":-1},"Display inline code and code blocks",{"title":44,"path":45,"stem":46,"description":2204,"icon":47,"children":-1},"Add image, video, and other HTML elements",1793878160325]