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