[{"data":1,"prerenderedAt":2023},["ShallowReactive",2],{"navigation":3,"-getting-started-installation-nuxt":561,"-getting-started-installation-nuxt-surround":2007,"-getting-started-installation-nuxt-description":2012},[4,108,126],{"title":5,"path":6,"stem":7,"children":8,"framework":11,"module":11,"icon":24},"Getting Started","/getting-started","1.getting-started/1.index",[9,13,42,46,51,56,68,73,85,98,103],{"title":10,"path":6,"stem":7,"framework":11,"module":11,"icon":12},"Introduction",null,"i-lucide-house",{"title":14,"framework":11,"module":11,"shadow":15,"path":16,"stem":17,"children":18,"page":41},"Installation",true,"/getting-started/installation","1.getting-started/2.installation",[19,25,29],{"title":14,"path":20,"stem":21,"framework":22,"module":23,"icon":24},"/getting-started/installation/nuxt","1.getting-started/2.installation/1.nuxt","nuxt","ui","i-lucide-square-play",{"title":14,"path":26,"stem":27,"framework":28,"module":23,"icon":24},"/getting-started/installation/vue","1.getting-started/2.installation/2.vue","vue",{"title":30,"framework":11,"module":11,"shadow":15,"path":31,"stem":32,"children":33,"page":41},"Pro","/getting-started/installation/pro","1.getting-started/2.installation/pro",[34,38],{"title":14,"path":35,"stem":36,"framework":22,"module":37,"icon":24},"/getting-started/installation/pro/nuxt","1.getting-started/2.installation/pro/1.nuxt","ui-pro",{"title":14,"path":39,"stem":40,"framework":28,"module":37,"icon":24},"/getting-started/installation/pro/vue","1.getting-started/2.installation/pro/2.vue",false,{"title":43,"path":44,"stem":45,"framework":11,"module":11},"Migration","/getting-started/migration","1.getting-started/2.migration",{"title":47,"path":48,"stem":49,"framework":11,"module":37,"icon":50},"License","/getting-started/license","1.getting-started/3.license","i-lucide-key-square",{"title":52,"path":53,"stem":54,"framework":11,"module":11,"icon":55},"Theme","/getting-started/theme","1.getting-started/3.theme","i-lucide-swatch-book",{"title":57,"framework":11,"module":11,"shadow":15,"path":58,"stem":59,"children":60,"page":41},"Icons","/getting-started/icons","1.getting-started/4.icons",[61,65],{"title":57,"path":62,"stem":63,"framework":22,"module":11,"icon":64},"/getting-started/icons/nuxt","1.getting-started/4.icons/1.nuxt","i-lucide-smile",{"title":57,"path":66,"stem":67,"framework":28,"module":11,"icon":64},"/getting-started/icons/vue","1.getting-started/4.icons/2.vue",{"title":69,"path":70,"stem":71,"framework":22,"module":11,"icon":72},"Fonts","/getting-started/fonts","1.getting-started/5.fonts","i-lucide-a-large-small",{"title":74,"framework":11,"module":11,"shadow":15,"path":75,"stem":76,"children":77,"page":41},"Color Mode","/getting-started/color-mode","1.getting-started/6.color-mode",[78,82],{"title":74,"path":79,"stem":80,"framework":22,"module":11,"icon":81},"/getting-started/color-mode/nuxt","1.getting-started/6.color-mode/1.nuxt","i-lucide-sun-moon",{"title":74,"path":83,"stem":84,"framework":28,"module":11,"icon":81},"/getting-started/color-mode/vue","1.getting-started/6.color-mode/2.vue",{"title":86,"framework":11,"module":11,"shadow":15,"path":87,"stem":88,"children":89,"page":41},"I18n","/getting-started/i18n","1.getting-started/7.i18n",[90,95],{"title":91,"path":92,"stem":93,"framework":22,"module":11,"icon":94},"Internationalization (i18n)","/getting-started/i18n/nuxt","1.getting-started/7.i18n/1.nuxt","i-lucide-languages",{"title":91,"path":96,"stem":97,"framework":28,"module":11,"icon":94},"/getting-started/i18n/vue","1.getting-started/7.i18n/2.vue",{"title":99,"path":100,"stem":101,"framework":22,"module":37,"icon":102},"Content","/getting-started/content","1.getting-started/8.content","i-simple-icons-markdown",{"title":104,"path":105,"stem":106,"framework":22,"module":37,"icon":107},"Typography","/getting-started/typography","1.getting-started/9.typography","i-lucide-type",{"title":109,"framework":11,"module":11,"icon":110,"path":111,"stem":112,"children":113,"page":41},"Composables","i-lucide-square-function","/composables","2.composables",[114,118,122],{"title":115,"path":116,"stem":117,"framework":11,"module":11},"defineShortcuts","/composables/define-shortcuts","2.composables/define-shortcuts",{"title":119,"path":120,"stem":121,"framework":11,"module":11},"useOverlay","/composables/use-overlay","2.composables/use-overlay",{"title":123,"path":124,"stem":125,"framework":11,"module":11},"useToast","/composables/use-toast","2.composables/use-toast",{"title":127,"framework":11,"module":11,"icon":128,"path":129,"stem":130,"children":131,"page":41},"Components","i-lucide-square-code","/components","3.components",[132,136,140,144,148,152,156,160,164,168,172,176,180,184,188,192,196,201,205,209,213,217,221,225,229,233,237,241,245,249,253,257,261,265,269,273,277,281,285,289,293,297,301,305,309,313,317,321,325,329,333,337,341,345,349,353,357,361,365,369,373,377,381,385,389,393,397,401,405,409,413,417,421,425,429,433,437,441,445,449,453,457,461,465,469,473,477,481,485,489,493,497,501,505,509,513,517,521,525,529,533,537,541,545,549,553,557],{"title":133,"path":134,"stem":135,"framework":11,"module":11},"App","/components/app","3.components/0.app",{"title":137,"path":138,"stem":139,"framework":11,"module":11},"Accordion","/components/accordion","3.components/accordion",{"title":141,"path":142,"stem":143,"framework":11,"module":11},"Alert","/components/alert","3.components/alert",{"title":145,"path":146,"stem":147,"framework":11,"module":37},"AuthForm","/components/auth-form","3.components/auth-form",{"title":149,"path":150,"stem":151,"framework":11,"module":11},"Avatar","/components/avatar","3.components/avatar",{"title":153,"path":154,"stem":155,"framework":11,"module":11},"AvatarGroup","/components/avatar-group","3.components/avatar-group",{"title":157,"path":158,"stem":159,"framework":11,"module":11},"Badge","/components/badge","3.components/badge",{"title":161,"path":162,"stem":163,"framework":11,"module":37},"Banner","/components/banner","3.components/banner",{"title":165,"path":166,"stem":167,"framework":11,"module":37},"BlogPost","/components/blog-post","3.components/blog-post",{"title":169,"path":170,"stem":171,"framework":11,"module":37},"BlogPosts","/components/blog-posts","3.components/blog-posts",{"title":173,"path":174,"stem":175,"framework":11,"module":11},"Breadcrumb","/components/breadcrumb","3.components/breadcrumb",{"title":177,"path":178,"stem":179,"framework":11,"module":11},"Button","/components/button","3.components/button",{"title":181,"path":182,"stem":183,"framework":11,"module":11},"ButtonGroup","/components/button-group","3.components/button-group",{"title":185,"path":186,"stem":187,"framework":11,"module":11},"Calendar","/components/calendar","3.components/calendar",{"title":189,"path":190,"stem":191,"framework":11,"module":11},"Card","/components/card","3.components/card",{"title":193,"path":194,"stem":195,"framework":11,"module":11},"Carousel","/components/carousel","3.components/carousel",{"title":197,"path":198,"stem":199,"framework":11,"module":37,"badge":200},"ChatMessage","/components/chat-message","3.components/chat-message","New",{"title":202,"path":203,"stem":204,"framework":11,"module":37,"badge":200},"ChatMessages","/components/chat-messages","3.components/chat-messages",{"title":206,"path":207,"stem":208,"framework":11,"module":37,"badge":200},"ChatPalette","/components/chat-palette","3.components/chat-palette",{"title":210,"path":211,"stem":212,"framework":11,"module":37,"badge":200},"ChatPrompt","/components/chat-prompt","3.components/chat-prompt",{"title":214,"path":215,"stem":216,"framework":11,"module":37,"badge":200},"ChatPromptSubmit","/components/chat-prompt-submit","3.components/chat-prompt-submit",{"title":218,"path":219,"stem":220,"framework":11,"module":11},"Checkbox","/components/checkbox","3.components/checkbox",{"title":222,"path":223,"stem":224,"framework":11,"module":11,"badge":200},"CheckboxGroup","/components/checkbox-group","3.components/checkbox-group",{"title":226,"path":227,"stem":228,"framework":11,"module":11},"Chip","/components/chip","3.components/chip",{"title":230,"path":231,"stem":232,"framework":11,"module":11},"Collapsible","/components/collapsible","3.components/collapsible",{"title":234,"path":235,"stem":236,"framework":11,"module":37},"ColorModeAvatar","/components/color-mode-avatar","3.components/color-mode-avatar",{"title":238,"path":239,"stem":240,"framework":11,"module":37},"ColorModeButton","/components/color-mode-button","3.components/color-mode-button",{"title":242,"path":243,"stem":244,"framework":11,"module":37},"ColorModeImage","/components/color-mode-image","3.components/color-mode-image",{"title":246,"path":247,"stem":248,"framework":11,"module":37},"ColorModeSelect","/components/color-mode-select","3.components/color-mode-select",{"title":250,"path":251,"stem":252,"framework":11,"module":37},"ColorModeSwitch","/components/color-mode-switch","3.components/color-mode-switch",{"title":254,"path":255,"stem":256,"framework":11,"module":11},"ColorPicker","/components/color-picker","3.components/color-picker",{"title":258,"path":259,"stem":260,"framework":11,"module":11},"CommandPalette","/components/command-palette","3.components/command-palette",{"title":262,"path":263,"stem":264,"framework":11,"module":11},"Container","/components/container","3.components/container",{"title":266,"path":267,"stem":268,"framework":22,"module":37},"ContentNavigation","/components/content-navigation","3.components/content-navigation",{"title":270,"path":271,"stem":272,"framework":22,"module":37},"ContentSearch","/components/content-search","3.components/content-search",{"title":274,"path":275,"stem":276,"framework":22,"module":37},"ContentSearchButton","/components/content-search-button","3.components/content-search-button",{"title":278,"path":279,"stem":280,"framework":22,"module":37},"ContentSurround","/components/content-surround","3.components/content-surround",{"title":282,"path":283,"stem":284,"framework":22,"module":37},"ContentToc","/components/content-toc","3.components/content-toc",{"title":286,"path":287,"stem":288,"framework":11,"module":11},"ContextMenu","/components/context-menu","3.components/context-menu",{"title":290,"path":291,"stem":292,"framework":11,"module":37},"DashboardGroup","/components/dashboard-group","3.components/dashboard-group",{"title":294,"path":295,"stem":296,"framework":11,"module":37},"DashboardNavbar","/components/dashboard-navbar","3.components/dashboard-navbar",{"title":298,"path":299,"stem":300,"framework":11,"module":37},"DashboardPanel","/components/dashboard-panel","3.components/dashboard-panel",{"title":302,"path":303,"stem":304,"framework":11,"module":37},"DashboardResizeHandle","/components/dashboard-resize-handle","3.components/dashboard-resize-handle",{"title":306,"path":307,"stem":308,"framework":11,"module":37},"DashboardSearch","/components/dashboard-search","3.components/dashboard-search",{"title":310,"path":311,"stem":312,"framework":11,"module":37},"DashboardSearchButton","/components/dashboard-search-button","3.components/dashboard-search-button",{"title":314,"path":315,"stem":316,"framework":11,"module":37},"DashboardSidebar","/components/dashboard-sidebar","3.components/dashboard-sidebar",{"title":318,"path":319,"stem":320,"framework":11,"module":37},"DashboardSidebarCollapse","/components/dashboard-sidebar-collapse","3.components/dashboard-sidebar-collapse",{"title":322,"path":323,"stem":324,"framework":11,"module":37},"DashboardSidebarToggle","/components/dashboard-sidebar-toggle","3.components/dashboard-sidebar-toggle",{"title":326,"path":327,"stem":328,"framework":11,"module":37},"DashboardToolbar","/components/dashboard-toolbar","3.components/dashboard-toolbar",{"title":330,"path":331,"stem":332,"framework":11,"module":11},"Drawer","/components/drawer","3.components/drawer",{"title":334,"path":335,"stem":336,"framework":11,"module":11},"DropdownMenu","/components/dropdown-menu","3.components/dropdown-menu",{"title":338,"path":339,"stem":340,"framework":11,"module":37},"Error","/components/error","3.components/error",{"title":342,"path":343,"stem":344,"framework":11,"module":37},"Footer","/components/footer","3.components/footer",{"title":346,"path":347,"stem":348,"framework":11,"module":37},"FooterColumns","/components/footer-columns","3.components/footer-columns",{"title":350,"path":351,"stem":352,"framework":11,"module":11},"Form","/components/form","3.components/form",{"title":354,"path":355,"stem":356,"framework":11,"module":11},"FormField","/components/form-field","3.components/form-field",{"title":358,"path":359,"stem":360,"framework":11,"module":37},"Header","/components/header","3.components/header",{"title":362,"path":363,"stem":364,"framework":11,"module":11},"Icon","/components/icon","3.components/icon",{"title":366,"path":367,"stem":368,"framework":11,"module":11},"Input","/components/input","3.components/input",{"title":370,"path":371,"stem":372,"framework":11,"module":11},"InputMenu","/components/input-menu","3.components/input-menu",{"title":374,"path":375,"stem":376,"framework":11,"module":11},"InputNumber","/components/input-number","3.components/input-number",{"title":378,"path":379,"stem":380,"framework":11,"module":11},"Kbd","/components/kbd","3.components/kbd",{"title":382,"path":383,"stem":384,"framework":11,"module":11},"Link","/components/link","3.components/link",{"title":386,"path":387,"stem":388,"framework":11,"module":37},"LocaleSelect","/components/locale-select","3.components/locale-select",{"title":390,"path":391,"stem":392,"framework":11,"module":37},"Main","/components/main","3.components/main",{"title":394,"path":395,"stem":396,"framework":11,"module":11},"Modal","/components/modal","3.components/modal",{"title":398,"path":399,"stem":400,"framework":11,"module":11},"NavigationMenu","/components/navigation-menu","3.components/navigation-menu",{"title":402,"path":403,"stem":404,"framework":11,"module":37},"Page","/components/page","3.components/page",{"title":406,"path":407,"stem":408,"framework":11,"module":37},"PageAccordion","/components/page-accordion","3.components/page-accordion",{"title":410,"path":411,"stem":412,"framework":11,"module":37},"PageAnchors","/components/page-anchors","3.components/page-anchors",{"title":414,"path":415,"stem":416,"framework":11,"module":37},"PageAside","/components/page-aside","3.components/page-aside",{"title":418,"path":419,"stem":420,"framework":11,"module":37},"PageBody","/components/page-body","3.components/page-body",{"title":422,"path":423,"stem":424,"framework":11,"module":37},"PageCard","/components/page-card","3.components/page-card",{"title":426,"path":427,"stem":428,"framework":11,"module":37},"PageColumns","/components/page-columns","3.components/page-columns",{"title":430,"path":431,"stem":432,"framework":11,"module":37},"PageCTA","/components/page-cta","3.components/page-cta",{"title":434,"path":435,"stem":436,"framework":11,"module":37},"PageFeature","/components/page-feature","3.components/page-feature",{"title":438,"path":439,"stem":440,"framework":11,"module":37},"PageGrid","/components/page-grid","3.components/page-grid",{"title":442,"path":443,"stem":444,"framework":11,"module":37},"PageHeader","/components/page-header","3.components/page-header",{"title":446,"path":447,"stem":448,"framework":11,"module":37},"PageHero","/components/page-hero","3.components/page-hero",{"title":450,"path":451,"stem":452,"framework":11,"module":37},"PageLinks","/components/page-links","3.components/page-links",{"title":454,"path":455,"stem":456,"framework":11,"module":37},"PageList","/components/page-list","3.components/page-list",{"title":458,"path":459,"stem":460,"framework":11,"module":37},"PageLogos","/components/page-logos","3.components/page-logos",{"title":462,"path":463,"stem":464,"framework":11,"module":37},"PageMarquee","/components/page-marquee","3.components/page-marquee",{"title":466,"path":467,"stem":468,"framework":11,"module":37},"PageSection","/components/page-section","3.components/page-section",{"title":470,"path":471,"stem":472,"framework":11,"module":11},"Pagination","/components/pagination","3.components/pagination",{"title":474,"path":475,"stem":476,"framework":11,"module":11},"PinInput","/components/pin-input","3.components/pin-input",{"title":478,"path":479,"stem":480,"framework":11,"module":11},"Popover","/components/popover","3.components/popover",{"title":482,"path":483,"stem":484,"framework":11,"module":37},"PricingPlan","/components/pricing-plan","3.components/pricing-plan",{"title":486,"path":487,"stem":488,"framework":11,"module":37},"PricingPlans","/components/pricing-plans","3.components/pricing-plans",{"title":490,"path":491,"stem":492,"framework":11,"module":37,"badge":200},"PricingTable","/components/pricing-table","3.components/pricing-table",{"title":494,"path":495,"stem":496,"framework":11,"module":11},"Progress","/components/progress","3.components/progress",{"title":498,"path":499,"stem":500,"framework":11,"module":11},"RadioGroup","/components/radio-group","3.components/radio-group",{"title":502,"path":503,"stem":504,"framework":11,"module":11},"Select","/components/select","3.components/select",{"title":506,"path":507,"stem":508,"framework":11,"module":11},"SelectMenu","/components/select-menu","3.components/select-menu",{"title":510,"path":511,"stem":512,"framework":11,"module":11},"Separator","/components/separator","3.components/separator",{"title":514,"path":515,"stem":516,"framework":11,"module":11},"Skeleton","/components/skeleton","3.components/skeleton",{"title":518,"path":519,"stem":520,"framework":11,"module":11},"Slideover","/components/slideover","3.components/slideover",{"title":522,"path":523,"stem":524,"framework":11,"module":11},"Slider","/components/slider","3.components/slider",{"title":526,"path":527,"stem":528,"framework":11,"module":11},"Stepper","/components/stepper","3.components/stepper",{"title":530,"path":531,"stem":532,"framework":11,"module":11},"Switch","/components/switch","3.components/switch",{"title":534,"path":535,"stem":536,"framework":11,"module":11},"Table","/components/table","3.components/table",{"title":538,"path":539,"stem":540,"framework":11,"module":11},"Tabs","/components/tabs","3.components/tabs",{"title":542,"path":543,"stem":544,"framework":11,"module":11},"Textarea","/components/textarea","3.components/textarea",{"title":546,"path":547,"stem":548,"framework":11,"module":11},"Toast","/components/toast","3.components/toast",{"title":550,"path":551,"stem":552,"framework":11,"module":11},"Tooltip","/components/tooltip","3.components/tooltip",{"title":554,"path":555,"stem":556,"framework":11,"module":11},"Tree","/components/tree","3.components/tree",{"title":558,"path":559,"stem":560,"framework":11,"module":37},"User","/components/user","3.components/user",{"id":562,"title":14,"body":563,"category":11,"description":1996,"extension":1997,"framework":22,"links":1998,"meta":2003,"module":23,"navigation":2004,"path":20,"seo":2005,"stem":21,"__hash__":2006},"content/1.getting-started/2.installation/1.nuxt.md",{"type":564,"value":565,"toc":1982},"minimal",[566,581,586,591,1176,1180,1189,1192,1225,1233,1236,1264,1268,1273,1278,1284,1296,1385,1390,1403,1412,1494,1500,1511,1519,1599,1605,1610,1673,1783,1790,1796,1801,1809,1901,1910,1914,1923,1930,1971,1978],[567,568,572],"callout",{"icon":569,"className":570,"to":26},"i-logos-vue",[571],"hidden",[573,574,575,576,580],"p",{},"Looking for the ",[577,578,579],"strong",{},"Vue"," version?",[582,583,585],"h2",{"id":584},"setup","Setup",[587,588,590],"h3",{"id":589},"add-to-a-nuxt-project","Add to a Nuxt project",[592,593,595,600,673,700,722,782,786,889,1097,1101,1158],"steps",{"level":594},"4",[596,597,599],"h4",{"id":598},"install-the-nuxt-ui-package","Install the Nuxt UI package",[601,602,604,630,644,659],"code-group",{"sync":603},"pm",[605,606,612],"pre",{"className":607,"code":608,"filename":609,"language":610,"meta":611,"style":611},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm add @nuxt/ui\n","pnpm","bash","",[613,614,615],"code",{"__ignoreMap":611},[616,617,620,623,627],"span",{"class":618,"line":619},"line",1,[616,621,609],{"class":622},"sBMFI",[616,624,626],{"class":625},"sfazB"," add",[616,628,629],{"class":625}," @nuxt/ui\n",[605,631,634],{"className":607,"code":632,"filename":633,"language":610,"meta":611,"style":611},"yarn add @nuxt/ui\n","yarn",[613,635,636],{"__ignoreMap":611},[616,637,638,640,642],{"class":618,"line":619},[616,639,633],{"class":622},[616,641,626],{"class":625},[616,643,629],{"class":625},[605,645,648],{"className":607,"code":646,"filename":647,"language":610,"meta":611,"style":611},"npm install @nuxt/ui\n","npm",[613,649,650],{"__ignoreMap":611},[616,651,652,654,657],{"class":618,"line":619},[616,653,647],{"class":622},[616,655,656],{"class":625}," install",[616,658,629],{"class":625},[605,660,663],{"className":607,"code":661,"filename":662,"language":610,"meta":611,"style":611},"bun add @nuxt/ui\n","bun",[613,664,665],{"__ignoreMap":611},[616,666,667,669,671],{"class":618,"line":619},[616,668,662],{"class":622},[616,670,626],{"class":625},[616,672,629],{"class":625},[674,675,676],"warning",{},[573,677,678,679,681,682,691,692,695,696,699],{},"If you're using ",[577,680,609],{},", ensure that you either set ",[683,684,688],"a",{"href":685,"rel":686},"https://pnpm.io/npmrc#shamefully-hoist",[687],"nofollow",[613,689,690],{},"shamefully-hoist=true"," in your ",[613,693,694],{},".npmrc"," file or install ",[613,697,698],{},"tailwindcss"," in your project's root directory.",[596,701,703,704],{"id":702},"add-the-nuxt-ui-module-in-your-nuxtconfigts","Add the Nuxt UI module in your ",[613,705,708,710,714,717,719],{"className":706,"language":707,"style":611},"language-ts-type shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","ts-type",[616,709,22],{"class":622},[616,711,713],{"class":712},"sMK4o",".",[616,715,716],{"class":622},"config",[616,718,713],{"class":712},[616,720,721],{"class":622},"ts",[605,723,727],{"className":724,"code":725,"filename":726,"language":721,"meta":611,"style":611},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  modules: ['@nuxt/ui']\n})\n","nuxt.config.ts",[613,728,729,749,773],{"__ignoreMap":611},[616,730,731,735,738,742,746],{"class":618,"line":619},[616,732,734],{"class":733},"s7zQu","export",[616,736,737],{"class":733}," default",[616,739,741],{"class":740},"s2Zo4"," defineNuxtConfig",[616,743,745],{"class":744},"sTEyZ","(",[616,747,748],{"class":712},"{\n",[616,750,752,756,759,762,765,768,770],{"class":618,"line":751},2,[616,753,755],{"class":754},"swJcz","  modules",[616,757,758],{"class":712},":",[616,760,761],{"class":744}," [",[616,763,764],{"class":712},"'",[616,766,767],{"class":625},"@nuxt/ui",[616,769,764],{"class":712},[616,771,772],{"class":744},"]\n",[616,774,776,779],{"class":618,"line":775},3,[616,777,778],{"class":712},"}",[616,780,781],{"class":744},")\n",[596,783,785],{"id":784},"import-tailwind-css-and-nuxt-ui-in-your-css","Import Tailwind CSS and Nuxt UI in your CSS",[601,787,788,824],{},[605,789,794],{"className":790,"code":791,"filename":792,"language":793,"meta":611,"style":611},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","@import \"tailwindcss\";\n@import \"@nuxt/ui\";\n","app/assets/css/main.css","css",[613,795,796,812],{"__ignoreMap":611},[616,797,798,801,804,806,809],{"class":618,"line":619},[616,799,800],{"class":733},"@import",[616,802,803],{"class":712}," \"",[616,805,698],{"class":625},[616,807,808],{"class":712},"\"",[616,810,811],{"class":712},";\n",[616,813,814,816,818,820,822],{"class":618,"line":751},[616,815,800],{"class":733},[616,817,803],{"class":712},[616,819,767],{"class":625},[616,821,808],{"class":712},[616,823,811],{"class":712},[605,825,828],{"className":724,"code":826,"filename":726,"highlights":827,"language":721,"meta":611,"style":611},"export default defineNuxtConfig({\n  modules: ['@nuxt/ui'],\n  css: ['~/assets/css/main.css']\n})\n",[775],[613,829,830,842,862,882],{"__ignoreMap":611},[616,831,832,834,836,838,840],{"class":618,"line":619},[616,833,734],{"class":733},[616,835,737],{"class":733},[616,837,741],{"class":740},[616,839,745],{"class":744},[616,841,748],{"class":712},[616,843,844,846,848,850,852,854,856,859],{"class":618,"line":751},[616,845,755],{"class":754},[616,847,758],{"class":712},[616,849,761],{"class":744},[616,851,764],{"class":712},[616,853,767],{"class":625},[616,855,764],{"class":712},[616,857,858],{"class":744},"]",[616,860,861],{"class":712},",\n",[616,863,866,869,871,873,875,878,880],{"class":864,"line":775},[618,865],"highlight",[616,867,868],{"class":754},"  css",[616,870,758],{"class":712},[616,872,761],{"class":744},[616,874,764],{"class":712},[616,876,877],{"class":625},"~/assets/css/main.css",[616,879,764],{"class":712},[616,881,772],{"class":744},[616,883,885,887],{"class":618,"line":884},4,[616,886,778],{"class":712},[616,888,781],{"class":744},[567,890,892,901],{"icon":891},"i-simple-icons-visualstudiocode",[573,893,894,895,900],{},"It's recommended to install the ",[683,896,899],{"href":897,"rel":898},"https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss",[687],"Tailwind CSS IntelliSense"," extension for VSCode and add the following settings:",[605,902,907],{"className":903,"code":904,"filename":905,"language":906,"meta":611,"style":611},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n  \"files.associations\": {\n    \"*.css\": \"tailwindcss\"\n  },\n  \"editor.quickSuggestions\": {\n    \"strings\": \"on\"\n  },\n  \"tailwindCSS.classAttributes\": [\"class\", \"ui\"],\n  \"tailwindCSS.experimental.classRegex\": [\n    [\"ui:\\\\s*{([^)]*)\\\\s*}\", \"(?:'|\\\"|`)([^']*)(?:'|\\\"|`)\"]\n  ]\n}\n",".vscode/settings.json","json",[613,908,909,913,929,948,953,967,986,991,1024,1039,1085,1091],{"__ignoreMap":611},[616,910,911],{"class":618,"line":619},[616,912,748],{"class":712},[616,914,915,918,922,924,926],{"class":618,"line":751},[616,916,917],{"class":712},"  \"",[616,919,921],{"class":920},"spNyl","files.associations",[616,923,808],{"class":712},[616,925,758],{"class":712},[616,927,928],{"class":712}," {\n",[616,930,931,934,937,939,941,943,945],{"class":618,"line":775},[616,932,933],{"class":712},"    \"",[616,935,936],{"class":622},"*.css",[616,938,808],{"class":712},[616,940,758],{"class":712},[616,942,803],{"class":712},[616,944,698],{"class":625},[616,946,947],{"class":712},"\"\n",[616,949,950],{"class":618,"line":884},[616,951,952],{"class":712},"  },\n",[616,954,956,958,961,963,965],{"class":618,"line":955},5,[616,957,917],{"class":712},[616,959,960],{"class":920},"editor.quickSuggestions",[616,962,808],{"class":712},[616,964,758],{"class":712},[616,966,928],{"class":712},[616,968,970,972,975,977,979,981,984],{"class":618,"line":969},6,[616,971,933],{"class":712},[616,973,974],{"class":622},"strings",[616,976,808],{"class":712},[616,978,758],{"class":712},[616,980,803],{"class":712},[616,982,983],{"class":625},"on",[616,985,947],{"class":712},[616,987,989],{"class":618,"line":988},7,[616,990,952],{"class":712},[616,992,994,996,999,1001,1003,1005,1007,1010,1012,1015,1017,1019,1021],{"class":618,"line":993},8,[616,995,917],{"class":712},[616,997,998],{"class":920},"tailwindCSS.classAttributes",[616,1000,808],{"class":712},[616,1002,758],{"class":712},[616,1004,761],{"class":712},[616,1006,808],{"class":712},[616,1008,1009],{"class":625},"class",[616,1011,808],{"class":712},[616,1013,1014],{"class":712},",",[616,1016,803],{"class":712},[616,1018,23],{"class":625},[616,1020,808],{"class":712},[616,1022,1023],{"class":712},"],\n",[616,1025,1027,1029,1032,1034,1036],{"class":618,"line":1026},9,[616,1028,917],{"class":712},[616,1030,1031],{"class":920},"tailwindCSS.experimental.classRegex",[616,1033,808],{"class":712},[616,1035,758],{"class":712},[616,1037,1038],{"class":712}," [\n",[616,1040,1042,1045,1047,1050,1053,1056,1058,1061,1063,1065,1067,1070,1073,1076,1078,1081,1083],{"class":618,"line":1041},10,[616,1043,1044],{"class":712},"    [",[616,1046,808],{"class":712},[616,1048,1049],{"class":625},"ui:",[616,1051,1052],{"class":744},"\\\\",[616,1054,1055],{"class":625},"s*{([^)]*)",[616,1057,1052],{"class":744},[616,1059,1060],{"class":625},"s*}",[616,1062,808],{"class":712},[616,1064,1014],{"class":712},[616,1066,803],{"class":712},[616,1068,1069],{"class":625},"(?:'|",[616,1071,1072],{"class":744},"\\\"",[616,1074,1075],{"class":625},"|`)([^']*)(?:'|",[616,1077,1072],{"class":744},[616,1079,1080],{"class":625},"|`)",[616,1082,808],{"class":712},[616,1084,772],{"class":712},[616,1086,1088],{"class":618,"line":1087},11,[616,1089,1090],{"class":712},"  ]\n",[616,1092,1094],{"class":618,"line":1093},12,[616,1095,1096],{"class":712},"}\n",[596,1098,1100],{"id":1099},"wrap-your-app-with-app-component","Wrap your app with App component",[605,1102,1106],{"className":1103,"code":1104,"filename":1105,"language":28,"meta":611,"style":611},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003CUApp>\n    \u003CNuxtPage />\n  \u003C/UApp>\n\u003C/template>\n","app.vue",[613,1107,1108,1119,1129,1140,1149],{"__ignoreMap":611},[616,1109,1110,1113,1116],{"class":618,"line":619},[616,1111,1112],{"class":712},"\u003C",[616,1114,1115],{"class":754},"template",[616,1117,1118],{"class":712},">\n",[616,1120,1121,1124,1127],{"class":618,"line":751},[616,1122,1123],{"class":712},"  \u003C",[616,1125,1126],{"class":754},"UApp",[616,1128,1118],{"class":712},[616,1130,1131,1134,1137],{"class":618,"line":775},[616,1132,1133],{"class":712},"    \u003C",[616,1135,1136],{"class":754},"NuxtPage",[616,1138,1139],{"class":712}," />\n",[616,1141,1142,1145,1147],{"class":618,"line":884},[616,1143,1144],{"class":712},"  \u003C/",[616,1146,1126],{"class":754},[616,1148,1118],{"class":712},[616,1150,1151,1154,1156],{"class":618,"line":955},[616,1152,1153],{"class":712},"\u003C/",[616,1155,1115],{"class":754},[616,1157,1118],{"class":712},[1159,1160,1161],"note",{"to":134},[573,1162,1163,1164,1166,1167,1169,1170,1172,1173,713],{},"The ",[613,1165,133],{}," component provides global configurations and is required for ",[577,1168,546],{},", ",[577,1171,550],{}," components to work as well as ",[577,1174,1175],{},"Programmatic Overlays",[587,1177,1179],{"id":1178},"use-our-nuxt-starter","Use our Nuxt Starter",[573,1181,1182,1183,1188],{},"Start your project using the ",[683,1184,1187],{"href":1185,"rel":1186},"https://github.com/nuxt/starter/tree/ui",[687],"nuxt/starter#ui"," template with Nuxt UI pre-configured.",[573,1190,1191],{},"Create a new project locally by running the following command:",[605,1193,1196],{"className":607,"code":1194,"filename":1195,"language":610,"meta":611,"style":611},"npx nuxi init -t ui \u003Cmy-app>\n","Terminal",[613,1197,1198],{"__ignoreMap":611},[616,1199,1200,1203,1206,1209,1212,1215,1218,1221,1223],{"class":618,"line":619},[616,1201,1202],{"class":622},"npx",[616,1204,1205],{"class":625}," nuxi",[616,1207,1208],{"class":625}," init",[616,1210,1211],{"class":625}," -t",[616,1213,1214],{"class":625}," ui",[616,1216,1217],{"class":712}," \u003C",[616,1219,1220],{"class":625},"my-ap",[616,1222,573],{"class":744},[616,1224,1118],{"class":712},[1159,1226,1227],{},[573,1228,1163,1229,1232],{},[613,1230,1231],{},"\u003Cmy-app>"," argument is the name of the directory where the project will be created, replace it with your project name.",[573,1234,1235],{},"Once the installation is complete, navigate into your project and start the development server:",[605,1237,1239],{"className":607,"code":1238,"filename":1195,"language":610,"meta":611,"style":611},"cd \u003Cmy-app>\nnpm run dev\n",[613,1240,1241,1254],{"__ignoreMap":611},[616,1242,1243,1246,1248,1250,1252],{"class":618,"line":619},[616,1244,1245],{"class":740},"cd",[616,1247,1217],{"class":712},[616,1249,1220],{"class":625},[616,1251,573],{"class":744},[616,1253,1118],{"class":712},[616,1255,1256,1258,1261],{"class":618,"line":751},[616,1257,647],{"class":622},[616,1259,1260],{"class":625}," run",[616,1262,1263],{"class":625}," dev\n",[582,1265,1267],{"id":1266},"options","Options",[573,1269,1270,1271,713],{},"You can customize Nuxt UI by providing options in your ",[613,1272,726],{},[587,1274,1276],{"id":1275},"prefix",[613,1277,1275],{},[573,1279,1280,1281,1283],{},"Use the ",[613,1282,1275],{}," option to change the prefix of the components.",[1285,1286,1287],"ul",{},[1288,1289,1290,1291],"li",{},"Default: ",[613,1292,1293],{"className":706,"language":707,"style":611},[616,1294,1295],{"class":622},"U",[605,1297,1299],{"className":724,"code":1298,"filename":726,"language":721,"meta":611,"style":611},"export default defineNuxtConfig({\n  modules: ['@nuxt/ui'],\n  css: ['~/assets/css/main.css'],\n  ui: {\n    prefix: 'Nuxt'\n  }\n})\n",[613,1300,1301,1313,1331,1349,1358,1374,1379],{"__ignoreMap":611},[616,1302,1303,1305,1307,1309,1311],{"class":618,"line":619},[616,1304,734],{"class":733},[616,1306,737],{"class":733},[616,1308,741],{"class":740},[616,1310,745],{"class":744},[616,1312,748],{"class":712},[616,1314,1315,1317,1319,1321,1323,1325,1327,1329],{"class":618,"line":751},[616,1316,755],{"class":754},[616,1318,758],{"class":712},[616,1320,761],{"class":744},[616,1322,764],{"class":712},[616,1324,767],{"class":625},[616,1326,764],{"class":712},[616,1328,858],{"class":744},[616,1330,861],{"class":712},[616,1332,1333,1335,1337,1339,1341,1343,1345,1347],{"class":618,"line":775},[616,1334,868],{"class":754},[616,1336,758],{"class":712},[616,1338,761],{"class":744},[616,1340,764],{"class":712},[616,1342,877],{"class":625},[616,1344,764],{"class":712},[616,1346,858],{"class":744},[616,1348,861],{"class":712},[616,1350,1351,1354,1356],{"class":618,"line":884},[616,1352,1353],{"class":754},"  ui",[616,1355,758],{"class":712},[616,1357,928],{"class":712},[616,1359,1360,1363,1365,1368,1371],{"class":618,"line":955},[616,1361,1362],{"class":754},"    prefix",[616,1364,758],{"class":712},[616,1366,1367],{"class":712}," '",[616,1369,1370],{"class":625},"Nuxt",[616,1372,1373],{"class":712},"'\n",[616,1375,1376],{"class":618,"line":969},[616,1377,1378],{"class":712},"  }\n",[616,1380,1381,1383],{"class":618,"line":988},[616,1382,778],{"class":712},[616,1384,781],{"class":744},[587,1386,1388],{"id":1387},"fonts",[613,1389,1387],{},[573,1391,1280,1392,1394,1395,1402],{},[613,1393,1387],{}," option to enable or disable the ",[683,1396,1399],{"href":1397,"rel":1398},"https://github.com/nuxt/fonts",[687],[613,1400,1401],{},"@nuxt/fonts"," module.",[1285,1404,1405],{},[1288,1406,1290,1407],{},[613,1408,1409],{"className":706,"language":707,"style":611},[616,1410,1411],{"class":622},"true",[605,1413,1415],{"className":724,"code":1414,"filename":726,"language":721,"meta":611,"style":611},"export default defineNuxtConfig({\n  modules: ['@nuxt/ui'],\n  css: ['~/assets/css/main.css'],\n  ui: {\n    fonts: false\n  }\n})\n",[613,1416,1417,1429,1447,1465,1473,1484,1488],{"__ignoreMap":611},[616,1418,1419,1421,1423,1425,1427],{"class":618,"line":619},[616,1420,734],{"class":733},[616,1422,737],{"class":733},[616,1424,741],{"class":740},[616,1426,745],{"class":744},[616,1428,748],{"class":712},[616,1430,1431,1433,1435,1437,1439,1441,1443,1445],{"class":618,"line":751},[616,1432,755],{"class":754},[616,1434,758],{"class":712},[616,1436,761],{"class":744},[616,1438,764],{"class":712},[616,1440,767],{"class":625},[616,1442,764],{"class":712},[616,1444,858],{"class":744},[616,1446,861],{"class":712},[616,1448,1449,1451,1453,1455,1457,1459,1461,1463],{"class":618,"line":775},[616,1450,868],{"class":754},[616,1452,758],{"class":712},[616,1454,761],{"class":744},[616,1456,764],{"class":712},[616,1458,877],{"class":625},[616,1460,764],{"class":712},[616,1462,858],{"class":744},[616,1464,861],{"class":712},[616,1466,1467,1469,1471],{"class":618,"line":884},[616,1468,1353],{"class":754},[616,1470,758],{"class":712},[616,1472,928],{"class":712},[616,1474,1475,1478,1480],{"class":618,"line":955},[616,1476,1477],{"class":754},"    fonts",[616,1479,758],{"class":712},[616,1481,1483],{"class":1482},"sfNiH"," false\n",[616,1485,1486],{"class":618,"line":969},[616,1487,1378],{"class":712},[616,1489,1490,1492],{"class":618,"line":988},[616,1491,778],{"class":712},[616,1493,781],{"class":744},[587,1495,1497],{"id":1496},"colormode",[613,1498,1499],{},"colorMode",[573,1501,1280,1502,1394,1504,1402],{},[613,1503,1499],{},[683,1505,1508],{"href":1506,"rel":1507},"https://github.com/nuxt-modules/color-mode",[687],[613,1509,1510],{},"@nuxt/color-mode",[1285,1512,1513],{},[1288,1514,1290,1515],{},[613,1516,1517],{"className":706,"language":707,"style":611},[616,1518,1411],{"class":622},[605,1520,1522],{"className":724,"code":1521,"filename":726,"language":721,"meta":611,"style":611},"export default defineNuxtConfig({\n  modules: ['@nuxt/ui'],\n  css: ['~/assets/css/main.css'],\n  ui: {\n    colorMode: false\n  }\n})\n",[613,1523,1524,1536,1554,1572,1580,1589,1593],{"__ignoreMap":611},[616,1525,1526,1528,1530,1532,1534],{"class":618,"line":619},[616,1527,734],{"class":733},[616,1529,737],{"class":733},[616,1531,741],{"class":740},[616,1533,745],{"class":744},[616,1535,748],{"class":712},[616,1537,1538,1540,1542,1544,1546,1548,1550,1552],{"class":618,"line":751},[616,1539,755],{"class":754},[616,1541,758],{"class":712},[616,1543,761],{"class":744},[616,1545,764],{"class":712},[616,1547,767],{"class":625},[616,1549,764],{"class":712},[616,1551,858],{"class":744},[616,1553,861],{"class":712},[616,1555,1556,1558,1560,1562,1564,1566,1568,1570],{"class":618,"line":775},[616,1557,868],{"class":754},[616,1559,758],{"class":712},[616,1561,761],{"class":744},[616,1563,764],{"class":712},[616,1565,877],{"class":625},[616,1567,764],{"class":712},[616,1569,858],{"class":744},[616,1571,861],{"class":712},[616,1573,1574,1576,1578],{"class":618,"line":884},[616,1575,1353],{"class":754},[616,1577,758],{"class":712},[616,1579,928],{"class":712},[616,1581,1582,1585,1587],{"class":618,"line":955},[616,1583,1584],{"class":754},"    colorMode",[616,1586,758],{"class":712},[616,1588,1483],{"class":1482},[616,1590,1591],{"class":618,"line":969},[616,1592,1378],{"class":712},[616,1594,1595,1597],{"class":618,"line":988},[616,1596,778],{"class":712},[616,1598,781],{"class":744},[587,1600,1602],{"id":1601},"themecolors",[613,1603,1604],{},"theme.colors",[573,1606,1280,1607,1609],{},[613,1608,1604],{}," option to define the dynamic color aliases used to generate components theme.",[1285,1611,1612],{},[1288,1613,1290,1614],{},[613,1615,1617,1620,1622,1625,1627,1629,1631,1634,1636,1638,1640,1643,1645,1647,1649,1652,1654,1656,1658,1660,1662,1664,1666,1669,1671],{"className":1616,"language":707,"style":611},"inline,language-ts-type shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",[616,1618,1619],{"class":744},"[",[616,1621,764],{"class":712},[616,1623,1624],{"class":625},"primary",[616,1626,764],{"class":712},[616,1628,1014],{"class":712},[616,1630,1367],{"class":712},[616,1632,1633],{"class":625},"secondary",[616,1635,764],{"class":712},[616,1637,1014],{"class":712},[616,1639,1367],{"class":712},[616,1641,1642],{"class":625},"success",[616,1644,764],{"class":712},[616,1646,1014],{"class":712},[616,1648,1367],{"class":712},[616,1650,1651],{"class":625},"info",[616,1653,764],{"class":712},[616,1655,1014],{"class":712},[616,1657,1367],{"class":712},[616,1659,674],{"class":625},[616,1661,764],{"class":712},[616,1663,1014],{"class":712},[616,1665,1367],{"class":712},[616,1667,1668],{"class":625},"error",[616,1670,764],{"class":712},[616,1672,858],{"class":744},[605,1674,1676],{"className":724,"code":1675,"filename":726,"language":721,"meta":611,"style":611},"export default defineNuxtConfig({\n  modules: ['@nuxt/ui'],\n  css: ['~/assets/css/main.css'],\n  ui: {\n    theme: {\n      colors: ['primary', 'error']\n    }\n  }\n})\n",[613,1677,1678,1690,1708,1726,1734,1743,1768,1773,1777],{"__ignoreMap":611},[616,1679,1680,1682,1684,1686,1688],{"class":618,"line":619},[616,1681,734],{"class":733},[616,1683,737],{"class":733},[616,1685,741],{"class":740},[616,1687,745],{"class":744},[616,1689,748],{"class":712},[616,1691,1692,1694,1696,1698,1700,1702,1704,1706],{"class":618,"line":751},[616,1693,755],{"class":754},[616,1695,758],{"class":712},[616,1697,761],{"class":744},[616,1699,764],{"class":712},[616,1701,767],{"class":625},[616,1703,764],{"class":712},[616,1705,858],{"class":744},[616,1707,861],{"class":712},[616,1709,1710,1712,1714,1716,1718,1720,1722,1724],{"class":618,"line":775},[616,1711,868],{"class":754},[616,1713,758],{"class":712},[616,1715,761],{"class":744},[616,1717,764],{"class":712},[616,1719,877],{"class":625},[616,1721,764],{"class":712},[616,1723,858],{"class":744},[616,1725,861],{"class":712},[616,1727,1728,1730,1732],{"class":618,"line":884},[616,1729,1353],{"class":754},[616,1731,758],{"class":712},[616,1733,928],{"class":712},[616,1735,1736,1739,1741],{"class":618,"line":955},[616,1737,1738],{"class":754},"    theme",[616,1740,758],{"class":712},[616,1742,928],{"class":712},[616,1744,1745,1748,1750,1752,1754,1756,1758,1760,1762,1764,1766],{"class":618,"line":969},[616,1746,1747],{"class":754},"      colors",[616,1749,758],{"class":712},[616,1751,761],{"class":744},[616,1753,764],{"class":712},[616,1755,1624],{"class":625},[616,1757,764],{"class":712},[616,1759,1014],{"class":712},[616,1761,1367],{"class":712},[616,1763,1668],{"class":625},[616,1765,764],{"class":712},[616,1767,772],{"class":744},[616,1769,1770],{"class":618,"line":988},[616,1771,1772],{"class":712},"    }\n",[616,1774,1775],{"class":618,"line":993},[616,1776,1378],{"class":712},[616,1778,1779,1781],{"class":618,"line":1026},[616,1780,778],{"class":712},[616,1782,781],{"class":744},[1784,1785,1787],"tip",{"to":1786},"/getting-started/theme#colors",[573,1788,1789],{},"Learn more about color customization and theming in the Theme section.",[587,1791,1793],{"id":1792},"themetransitions",[613,1794,1795],{},"theme.transitions",[573,1797,1280,1798,1800],{},[613,1799,1795],{}," option to enable or disable transitions on components.",[1285,1802,1803],{},[1288,1804,1290,1805],{},[613,1806,1807],{"className":706,"language":707,"style":611},[616,1808,1411],{"class":622},[605,1810,1812],{"className":724,"code":1811,"filename":726,"language":721,"meta":611,"style":611},"export default defineNuxtConfig({\n  modules: ['@nuxt/ui'],\n  css: ['~/assets/css/main.css'],\n  ui: {\n    theme: {\n      transitions: false\n    }\n  }\n})\n",[613,1813,1814,1826,1844,1862,1870,1878,1887,1891,1895],{"__ignoreMap":611},[616,1815,1816,1818,1820,1822,1824],{"class":618,"line":619},[616,1817,734],{"class":733},[616,1819,737],{"class":733},[616,1821,741],{"class":740},[616,1823,745],{"class":744},[616,1825,748],{"class":712},[616,1827,1828,1830,1832,1834,1836,1838,1840,1842],{"class":618,"line":751},[616,1829,755],{"class":754},[616,1831,758],{"class":712},[616,1833,761],{"class":744},[616,1835,764],{"class":712},[616,1837,767],{"class":625},[616,1839,764],{"class":712},[616,1841,858],{"class":744},[616,1843,861],{"class":712},[616,1845,1846,1848,1850,1852,1854,1856,1858,1860],{"class":618,"line":775},[616,1847,868],{"class":754},[616,1849,758],{"class":712},[616,1851,761],{"class":744},[616,1853,764],{"class":712},[616,1855,877],{"class":625},[616,1857,764],{"class":712},[616,1859,858],{"class":744},[616,1861,861],{"class":712},[616,1863,1864,1866,1868],{"class":618,"line":884},[616,1865,1353],{"class":754},[616,1867,758],{"class":712},[616,1869,928],{"class":712},[616,1871,1872,1874,1876],{"class":618,"line":955},[616,1873,1738],{"class":754},[616,1875,758],{"class":712},[616,1877,928],{"class":712},[616,1879,1880,1883,1885],{"class":618,"line":969},[616,1881,1882],{"class":754},"      transitions",[616,1884,758],{"class":712},[616,1886,1483],{"class":1482},[616,1888,1889],{"class":618,"line":988},[616,1890,1772],{"class":712},[616,1892,1893],{"class":618,"line":993},[616,1894,1378],{"class":712},[616,1896,1897,1899],{"class":618,"line":1026},[616,1898,778],{"class":712},[616,1900,781],{"class":744},[1159,1902,1903],{},[573,1904,1905,1906,1909],{},"This option adds the ",[613,1907,1908],{},"transition-colors"," class on components with hover or active states.",[582,1911,1913],{"id":1912},"continuous-releases","Continuous Releases",[573,1915,1916,1917,1922],{},"Nuxt UI uses ",[683,1918,1921],{"href":1919,"rel":1920},"https://github.com/stackblitz-labs/pkg.pr.new",[687],"pkg.pr.new"," for continuous preview releases, providing developers with instant access to the latest features and bug fixes without waiting for official releases.",[573,1924,1925,1926,1929],{},"Automatic preview releases are created for all commits and PRs to the ",[613,1927,1928],{},"v3"," branch. Use them by replacing your package version with the specific commit hash or PR number.",[605,1931,1936],{"className":1932,"code":1933,"filename":1934,"language":1935,"meta":611,"style":611},"language-diff shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n  \"dependencies\": {\n-   \"@nuxt/ui\": \"^3.0.0\",\n+   \"@nuxt/ui\": \"https://pkg.pr.new/@nuxt/ui@4c96909\",\n  }\n}\n","package.json","diff",[613,1937,1938,1942,1947,1955,1963,1967],{"__ignoreMap":611},[616,1939,1940],{"class":618,"line":619},[616,1941,748],{"class":744},[616,1943,1944],{"class":618,"line":751},[616,1945,1946],{"class":744},"  \"dependencies\": {\n",[616,1948,1949,1952],{"class":618,"line":775},[616,1950,1951],{"class":712},"-",[616,1953,1954],{"class":754},"   \"@nuxt/ui\": \"^3.0.0\",\n",[616,1956,1957,1960],{"class":618,"line":884},[616,1958,1959],{"class":712},"+",[616,1961,1962],{"class":625},"   \"@nuxt/ui\": \"https://pkg.pr.new/@nuxt/ui@4c96909\",\n",[616,1964,1965],{"class":618,"line":955},[616,1966,1378],{"class":744},[616,1968,1969],{"class":618,"line":969},[616,1970,1096],{"class":744},[1159,1972,1973],{},[573,1974,1975,1977],{},[577,1976,1921],{}," will automatically comment on PRs with the installation URL, making it easy to test changes.",[1979,1980,1981],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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 .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}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 .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":611,"searchDepth":751,"depth":751,"links":1983},[1984,1988,1995],{"id":584,"depth":751,"text":585,"children":1985},[1986,1987],{"id":589,"depth":775,"text":590},{"id":1178,"depth":775,"text":1179},{"id":1266,"depth":751,"text":1267,"children":1989},[1990,1991,1992,1993,1994],{"id":1275,"depth":775,"text":1275},{"id":1387,"depth":775,"text":1387},{"id":1496,"depth":775,"text":1499},{"id":1601,"depth":775,"text":1604},{"id":1792,"depth":775,"text":1795},{"id":1912,"depth":751,"text":1913},"Learn how to install and configure Nuxt UI in your Nuxt application.","md",[1999],{"label":2000,"to":2001,"icon":2002},"Playground","https://codesandbox.io/p/devbox/nuxt-ui3-n3sxks","i-lucide-codesandbox",{},{"icon":24},{"title":14,"description":1996},"g5R1zS-y6kXnxwk0oSp0-DFwTg8x0ryYnJ2nlH-_iKY",[2008,2010],{"title":10,"path":6,"stem":7,"description":2009,"icon":12,"children":-1},"Nuxt UI harnesses the combined strengths of Reka UI, Tailwind CSS, and Tailwind Variants to offer developers an unparalleled set of tools for creating sophisticated, accessible, and highly performant user interfaces.",{"title":43,"path":44,"stem":45,"description":2011,"children":-1},"A comprehensive guide to migrate your application from Nuxt UI v2 to Nuxt UI v3.",{"data":2013,"body":2014},{},{"type":2015,"children":2016},"root",[2017],{"type":2018,"tag":573,"props":2019,"children":2020},"element",{},[2021],{"type":2022,"value":1996},"text",1747911340722]