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