[{"data":1,"prerenderedAt":3507},["ShallowReactive",2],{"navigation":3,"-getting-started-installation-vue":576,"-getting-started-installation-vue-surround":3491,"-getting-started-installation-vue-description":3496},[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":3481,"extension":3079,"framework":28,"links":3482,"meta":3487,"module":23,"navigation":3488,"path":26,"seo":3489,"stem":27,"__hash__":3490},"content/1.getting-started/2.installation/2.vue.md",{"type":579,"value":580,"toc":3464},"minimark",[581,596,601,606,2093,2097,2106,2109,2134,2142,2145,2175,2179,2184,2189,2195,2207,2328,2332,2337,2502,2508,2516,2525,2643,2649,2654,2718,2862,2868,2874,2879,2887,3015,3024,3036,3048,3084,3246,3251,3259,3376,3392,3396,3405,3412,3453,3460],[582,583,587],"callout",{"icon":584,"className":585,"to":20},"i-logos-nuxt-icon",[586],"hidden",[588,589,590,591,595],"p",{},"Looking for the ",[592,593,594],"strong",{},"Nuxt"," version?",[597,598,600],"h2",{"id":599},"setup","Setup",[602,603,605],"h3",{"id":604},"add-to-a-vue-project","Add to a Vue project",[607,608,610,615,688,723,746,892,1017,1110,1117,1326,1341,1345,1380,1585,1774,1778,1835,1850,1858,2088],"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,715,718,719,722],{},"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",", ",[628,716,717],{},"vue-router"," and ",[628,720,721],{},"@unhead/vue"," in your project's root directory.",[611,724,726,727],{"id":725},"add-the-nuxt-ui-vite-plugin-in-your-viteconfigts","Add the Nuxt UI Vite plugin in your ",[628,728,731,734,738,741,743],{"className":729,"language":730,"style":626},"language-ts-type shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","ts-type",[631,732,733],{"class":637},"vite",[631,735,737],{"class":736},"sMK4o",".",[631,739,740],{"class":637},"config",[631,742,737],{"class":736},[631,744,745],{"class":637},"ts",[620,747,754],{"className":748,"code":749,"filename":750,"highlights":751,"language":745,"meta":626,"style":626},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { defineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport ui from '@nuxt/ui/vite'\n\nexport default defineConfig({\n plugins: [\n vue(),\n ui()\n ]\n})\n","vite.config.ts",[752,753],3,8,[628,755,756,783,801,819,825,843,856,868,877,883],{"__ignoreMap":626},[631,757,758,762,765,769,772,775,778,780],{"class":633,"line":634},[631,759,761],{"class":760},"s7zQu","import",[631,763,764],{"class":736}," {",[631,766,768],{"class":767},"sTEyZ"," defineConfig",[631,770,771],{"class":736}," }",[631,773,774],{"class":760}," from",[631,776,777],{"class":736}," '",[631,779,733],{"class":640},[631,781,782],{"class":736},"'\n",[631,784,786,788,791,794,796,799],{"class":633,"line":785},2,[631,787,761],{"class":760},[631,789,790],{"class":767}," vue ",[631,792,793],{"class":760},"from",[631,795,777],{"class":736},[631,797,798],{"class":640},"@vitejs/plugin-vue",[631,800,782],{"class":736},[631,802,805,807,810,812,814,817],{"class":803,"line":752},[633,804],"highlight",[631,806,761],{"class":760},[631,808,809],{"class":767}," ui ",[631,811,793],{"class":760},[631,813,777],{"class":736},[631,815,816],{"class":640},"@nuxt/ui/vite",[631,818,782],{"class":736},[631,820,822],{"class":633,"line":821},4,[631,823,824],{"emptyLinePlaceholder":15},"\n",[631,826,828,831,834,837,840],{"class":633,"line":827},5,[631,829,830],{"class":760},"export",[631,832,833],{"class":760}," default",[631,835,768],{"class":836},"s2Zo4",[631,838,839],{"class":767},"(",[631,841,842],{"class":736},"{\n",[631,844,846,850,853],{"class":633,"line":845},6,[631,847,849],{"class":848},"swJcz"," plugins",[631,851,852],{"class":736},":",[631,854,855],{"class":767}," [\n",[631,857,859,862,865],{"class":633,"line":858},7,[631,860,861],{"class":836}," vue",[631,863,864],{"class":767},"()",[631,866,867],{"class":736},",\n",[631,869,871,874],{"class":870,"line":753},[633,804],[631,872,873],{"class":836}," ui",[631,875,876],{"class":767},"()\n",[631,878,880],{"class":633,"line":879},9,[631,881,882],{"class":767}," ]\n",[631,884,886,889],{"class":633,"line":885},10,[631,887,888],{"class":736},"}",[631,890,891],{"class":767},")\n",[893,894,895,915,995],"tip",{},[588,896,897,898,718,901,904,905,718,908,911,912,737],{},"Nuxt UI registers ",[628,899,900],{},"unplugin-auto-import",[628,902,903],{},"unplugin-vue-components",", which will generate ",[628,906,907],{},"auto-imports.d.ts",[628,909,910],{},"components.d.ts"," type declaration files. You will likely want to gitignore these, and add them to your ",[628,913,914],{},"tsconfig",[620,916,921],{"className":917,"code":918,"filename":919,"language":920,"meta":626,"style":626},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n \"include\": [\"src/**/*.ts\", \"src/**/*.tsx\", \"src/**/*.vue\", \"auto-imports.d.ts\", \"components.d.ts\"]\n}\n","tsconfig.app.json","json",[628,922,923,927,990],{"__ignoreMap":626},[631,924,925],{"class":633,"line":634},[631,926,842],{"class":736},[631,928,929,932,936,939,941,944,946,949,951,954,957,960,962,964,966,969,971,973,975,977,979,981,983,985,987],{"class":633,"line":785},[631,930,931],{"class":736}," \"",[631,933,935],{"class":934},"spNyl","include",[631,937,938],{"class":736},"\"",[631,940,852],{"class":736},[631,942,943],{"class":736}," [",[631,945,938],{"class":736},[631,947,948],{"class":640},"src/**/*.ts",[631,950,938],{"class":736},[631,952,953],{"class":736},",",[631,955,956],{"class":736}," \"",[631,958,959],{"class":640},"src/**/*.tsx",[631,961,938],{"class":736},[631,963,953],{"class":736},[631,965,956],{"class":736},[631,967,968],{"class":640},"src/**/*.vue",[631,970,938],{"class":736},[631,972,953],{"class":736},[631,974,956],{"class":736},[631,976,907],{"class":640},[631,978,938],{"class":736},[631,980,953],{"class":736},[631,982,956],{"class":736},[631,984,910],{"class":640},[631,986,938],{"class":736},[631,988,989],{"class":736},"]\n",[631,991,992],{"class":633,"line":752},[631,993,994],{"class":736},"}\n",[620,996,999],{"className":622,"code":997,"filename":998,"language":625,"meta":626,"style":626},"# Auto-generated type declarations\nauto-imports.d.ts\ncomponents.d.ts\n",".gitignore",[628,1000,1001,1007,1012],{"__ignoreMap":626},[631,1002,1003],{"class":633,"line":634},[631,1004,1006],{"class":1005},"sHwdD","# Auto-generated type declarations\n",[631,1008,1009],{"class":633,"line":785},[631,1010,1011],{"class":637},"auto-imports.d.ts\n",[631,1013,1014],{"class":633,"line":752},[631,1015,1016],{"class":637},"components.d.ts\n",[893,1018,1019,1027],{},[588,1020,1021,1022,1024,1025,737],{},"Internally, Nuxt UI relies on custom alias to resolve the theme types. If you're using TypeScript, you should add an alias to your ",[628,1023,914],{}," to enable auto-completion in your ",[628,1026,750],{},[620,1028,1031],{"className":917,"code":1029,"filename":1030,"language":920,"meta":626,"style":626},"{\n \"compilerOptions\": {\n \"paths\": {\n \"#build/ui\": [\n \"./node_modules/@nuxt/ui/.nuxt/ui\"\n ]\n }\n }\n}\n","tsconfig.node.json",[628,1032,1033,1037,1051,1065,1080,1091,1096,1101,1106],{"__ignoreMap":626},[631,1034,1035],{"class":633,"line":634},[631,1036,842],{"class":736},[631,1038,1039,1041,1044,1046,1048],{"class":633,"line":785},[631,1040,931],{"class":736},[631,1042,1043],{"class":934},"compilerOptions",[631,1045,938],{"class":736},[631,1047,852],{"class":736},[631,1049,1050],{"class":736}," {\n",[631,1052,1053,1056,1059,1061,1063],{"class":633,"line":752},[631,1054,1055],{"class":736}," \"",[631,1057,1058],{"class":637},"paths",[631,1060,938],{"class":736},[631,1062,852],{"class":736},[631,1064,1050],{"class":736},[631,1066,1067,1070,1074,1076,1078],{"class":633,"line":821},[631,1068,1069],{"class":736}," \"",[631,1071,1073],{"class":1072},"sbssI","#build/ui",[631,1075,938],{"class":736},[631,1077,852],{"class":736},[631,1079,855],{"class":736},[631,1081,1082,1085,1088],{"class":633,"line":827},[631,1083,1084],{"class":736}," \"",[631,1086,1087],{"class":640},"./node_modules/@nuxt/ui/.nuxt/ui",[631,1089,1090],{"class":736},"\"\n",[631,1092,1093],{"class":633,"line":845},[631,1094,1095],{"class":736}," ]\n",[631,1097,1098],{"class":633,"line":858},[631,1099,1100],{"class":736}," }\n",[631,1102,1103],{"class":633,"line":753},[631,1104,1105],{"class":736}," }\n",[631,1107,1108],{"class":633,"line":879},[631,1109,994],{"class":736},[611,1111,1113,1114],{"id":1112},"use-the-nuxt-ui-vue-plugin-in-your-maints","Use the Nuxt UI Vue plugin in your ",[628,1115,1116],{},"main.ts",[620,1118,1122],{"className":748,"code":1119,"filename":1116,"highlights":1120,"language":745,"meta":626,"style":626},"import { createApp } from 'vue'\nimport { createRouter, createWebHistory } from 'vue-router'\nimport ui from '@nuxt/ui/vue-plugin'\nimport App from './App.vue'\n\nconst app = createApp(App)\n\nconst router = createRouter({\n routes: [],\n history: createWebHistory()\n})\n\napp.use(router)\napp.use(ui)\n\napp.mount('#app')\n",[752,1121],14,[628,1123,1124,1143,1167,1183,1199,1203,1219,1223,1238,1250,1261,1268,1273,1287,1299,1304],{"__ignoreMap":626},[631,1125,1126,1128,1130,1133,1135,1137,1139,1141],{"class":633,"line":634},[631,1127,761],{"class":760},[631,1129,764],{"class":736},[631,1131,1132],{"class":767}," createApp",[631,1134,771],{"class":736},[631,1136,774],{"class":760},[631,1138,777],{"class":736},[631,1140,28],{"class":640},[631,1142,782],{"class":736},[631,1144,1145,1147,1149,1152,1154,1157,1159,1161,1163,1165],{"class":633,"line":785},[631,1146,761],{"class":760},[631,1148,764],{"class":736},[631,1150,1151],{"class":767}," createRouter",[631,1153,953],{"class":736},[631,1155,1156],{"class":767}," createWebHistory",[631,1158,771],{"class":736},[631,1160,774],{"class":760},[631,1162,777],{"class":736},[631,1164,717],{"class":640},[631,1166,782],{"class":736},[631,1168,1170,1172,1174,1176,1178,1181],{"class":1169,"line":752},[633,804],[631,1171,761],{"class":760},[631,1173,809],{"class":767},[631,1175,793],{"class":760},[631,1177,777],{"class":736},[631,1179,1180],{"class":640},"@nuxt/ui/vue-plugin",[631,1182,782],{"class":736},[631,1184,1185,1187,1190,1192,1194,1197],{"class":633,"line":821},[631,1186,761],{"class":760},[631,1188,1189],{"class":767}," App ",[631,1191,793],{"class":760},[631,1193,777],{"class":736},[631,1195,1196],{"class":640},"./App.vue",[631,1198,782],{"class":736},[631,1200,1201],{"class":633,"line":827},[631,1202,824],{"emptyLinePlaceholder":15},[631,1204,1205,1208,1211,1214,1216],{"class":633,"line":845},[631,1206,1207],{"class":934},"const",[631,1209,1210],{"class":767}," app ",[631,1212,1213],{"class":736},"=",[631,1215,1132],{"class":836},[631,1217,1218],{"class":767},"(App)\n",[631,1220,1221],{"class":633,"line":858},[631,1222,824],{"emptyLinePlaceholder":15},[631,1224,1225,1227,1230,1232,1234,1236],{"class":633,"line":753},[631,1226,1207],{"class":934},[631,1228,1229],{"class":767}," router ",[631,1231,1213],{"class":736},[631,1233,1151],{"class":836},[631,1235,839],{"class":767},[631,1237,842],{"class":736},[631,1239,1240,1243,1245,1248],{"class":633,"line":879},[631,1241,1242],{"class":848}," routes",[631,1244,852],{"class":736},[631,1246,1247],{"class":767}," []",[631,1249,867],{"class":736},[631,1251,1252,1255,1257,1259],{"class":633,"line":885},[631,1253,1254],{"class":848}," history",[631,1256,852],{"class":736},[631,1258,1156],{"class":836},[631,1260,876],{"class":767},[631,1262,1264,1266],{"class":633,"line":1263},11,[631,1265,888],{"class":736},[631,1267,891],{"class":767},[631,1269,1271],{"class":633,"line":1270},12,[631,1272,824],{"emptyLinePlaceholder":15},[631,1274,1276,1279,1281,1284],{"class":633,"line":1275},13,[631,1277,1278],{"class":767},"app",[631,1280,737],{"class":736},[631,1282,1283],{"class":836},"use",[631,1285,1286],{"class":767},"(router)\n",[631,1288,1290,1292,1294,1296],{"class":1289,"line":1121},[633,804],[631,1291,1278],{"class":767},[631,1293,737],{"class":736},[631,1295,1283],{"class":836},[631,1297,1298],{"class":767},"(ui)\n",[631,1300,1302],{"class":633,"line":1301},15,[631,1303,824],{"emptyLinePlaceholder":15},[631,1305,1307,1309,1311,1314,1316,1319,1322,1324],{"class":633,"line":1306},16,[631,1308,1278],{"class":767},[631,1310,737],{"class":736},[631,1312,1313],{"class":836},"mount",[631,1315,839],{"class":767},[631,1317,1318],{"class":736},"'",[631,1320,1321],{"class":640},"#app",[631,1323,1318],{"class":736},[631,1325,891],{"class":767},[1327,1328,1330],"note",{"to":1329},"#inertia",[588,1331,693,1332,1337,1338,1340],{},[698,1333,1336],{"href":1334,"rel":1335},"https://inertiajs.com/",[702],"Inertia.js",", you can skip the ",[628,1339,717],{}," setup as Inertia provides its own routing system.",[611,1342,1344],{"id":1343},"import-tailwind-css-and-nuxt-ui-in-your-css","Import Tailwind CSS and Nuxt UI in your CSS",[620,1346,1351],{"className":1347,"code":1348,"filename":1349,"language":1350,"meta":626,"style":626},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","@import \"tailwindcss\";\n@import \"@nuxt/ui\";\n","assets/main.css","css",[628,1352,1353,1367],{"__ignoreMap":626},[631,1354,1355,1358,1360,1362,1364],{"class":633,"line":634},[631,1356,1357],{"class":760},"@import",[631,1359,956],{"class":736},[631,1361,713],{"class":640},[631,1363,938],{"class":736},[631,1365,1366],{"class":736},";\n",[631,1368,1369,1371,1373,1376,1378],{"class":633,"line":785},[631,1370,1357],{"class":760},[631,1372,956],{"class":736},[631,1374,1375],{"class":640},"@nuxt/ui",[631,1377,938],{"class":736},[631,1379,1366],{"class":736},[893,1381,1382,1387],{},[588,1383,1384,1385,737],{},"Import the CSS file in your ",[628,1386,1116],{},[620,1388,1391],{"className":748,"code":1389,"filename":1116,"highlights":1390,"language":745,"meta":626,"style":626},"import './assets/main.css'\n\nimport { createApp } from 'vue'\nimport { createRouter, createWebHistory } from 'vue-router'\nimport ui from '@nuxt/ui/vue-plugin'\nimport App from './App.vue'\n\nconst app = createApp(App)\n\nconst router = createRouter({\n routes: [],\n history: createWebHistory()\n})\n\napp.use(router)\napp.use(ui)\n\napp.mount('#app')\n",[634],[628,1392,1393,1405,1409,1427,1449,1463,1477,1481,1493,1497,1511,1521,1531,1537,1541,1551,1561,1566],{"__ignoreMap":626},[631,1394,1396,1398,1400,1403],{"class":1395,"line":634},[633,804],[631,1397,761],{"class":760},[631,1399,777],{"class":736},[631,1401,1402],{"class":640},"./assets/main.css",[631,1404,782],{"class":736},[631,1406,1407],{"class":633,"line":785},[631,1408,824],{"emptyLinePlaceholder":15},[631,1410,1411,1413,1415,1417,1419,1421,1423,1425],{"class":633,"line":752},[631,1412,761],{"class":760},[631,1414,764],{"class":736},[631,1416,1132],{"class":767},[631,1418,771],{"class":736},[631,1420,774],{"class":760},[631,1422,777],{"class":736},[631,1424,28],{"class":640},[631,1426,782],{"class":736},[631,1428,1429,1431,1433,1435,1437,1439,1441,1443,1445,1447],{"class":633,"line":821},[631,1430,761],{"class":760},[631,1432,764],{"class":736},[631,1434,1151],{"class":767},[631,1436,953],{"class":736},[631,1438,1156],{"class":767},[631,1440,771],{"class":736},[631,1442,774],{"class":760},[631,1444,777],{"class":736},[631,1446,717],{"class":640},[631,1448,782],{"class":736},[631,1450,1451,1453,1455,1457,1459,1461],{"class":633,"line":827},[631,1452,761],{"class":760},[631,1454,809],{"class":767},[631,1456,793],{"class":760},[631,1458,777],{"class":736},[631,1460,1180],{"class":640},[631,1462,782],{"class":736},[631,1464,1465,1467,1469,1471,1473,1475],{"class":633,"line":845},[631,1466,761],{"class":760},[631,1468,1189],{"class":767},[631,1470,793],{"class":760},[631,1472,777],{"class":736},[631,1474,1196],{"class":640},[631,1476,782],{"class":736},[631,1478,1479],{"class":633,"line":858},[631,1480,824],{"emptyLinePlaceholder":15},[631,1482,1483,1485,1487,1489,1491],{"class":633,"line":753},[631,1484,1207],{"class":934},[631,1486,1210],{"class":767},[631,1488,1213],{"class":736},[631,1490,1132],{"class":836},[631,1492,1218],{"class":767},[631,1494,1495],{"class":633,"line":879},[631,1496,824],{"emptyLinePlaceholder":15},[631,1498,1499,1501,1503,1505,1507,1509],{"class":633,"line":885},[631,1500,1207],{"class":934},[631,1502,1229],{"class":767},[631,1504,1213],{"class":736},[631,1506,1151],{"class":836},[631,1508,839],{"class":767},[631,1510,842],{"class":736},[631,1512,1513,1515,1517,1519],{"class":633,"line":1263},[631,1514,1242],{"class":848},[631,1516,852],{"class":736},[631,1518,1247],{"class":767},[631,1520,867],{"class":736},[631,1522,1523,1525,1527,1529],{"class":633,"line":1270},[631,1524,1254],{"class":848},[631,1526,852],{"class":736},[631,1528,1156],{"class":836},[631,1530,876],{"class":767},[631,1532,1533,1535],{"class":633,"line":1275},[631,1534,888],{"class":736},[631,1536,891],{"class":767},[631,1538,1539],{"class":633,"line":1121},[631,1540,824],{"emptyLinePlaceholder":15},[631,1542,1543,1545,1547,1549],{"class":633,"line":1301},[631,1544,1278],{"class":767},[631,1546,737],{"class":736},[631,1548,1283],{"class":836},[631,1550,1286],{"class":767},[631,1552,1553,1555,1557,1559],{"class":633,"line":1306},[631,1554,1278],{"class":767},[631,1556,737],{"class":736},[631,1558,1283],{"class":836},[631,1560,1298],{"class":767},[631,1562,1564],{"class":633,"line":1563},17,[631,1565,824],{"emptyLinePlaceholder":15},[631,1567,1569,1571,1573,1575,1577,1579,1581,1583],{"class":633,"line":1568},18,[631,1570,1278],{"class":767},[631,1572,737],{"class":736},[631,1574,1313],{"class":836},[631,1576,839],{"class":767},[631,1578,1318],{"class":736},[631,1580,1321],{"class":640},[631,1582,1318],{"class":736},[631,1584,891],{"class":767},[582,1586,1588,1597],{"icon":1587},"i-simple-icons-visualstudiocode",[588,1589,1590,1591,1596],{},"It's recommended to install the ",[698,1592,1595],{"href":1593,"rel":1594},"https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss",[702],"Tailwind CSS IntelliSense"," extension for VSCode and add the following settings:",[620,1598,1601],{"className":917,"code":1599,"filename":1600,"language":920,"meta":626,"style":626},"{\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",[628,1602,1603,1607,1620,1637,1642,1655,1673,1677,1708,1721,1766,1770],{"__ignoreMap":626},[631,1604,1605],{"class":633,"line":634},[631,1606,842],{"class":736},[631,1608,1609,1611,1614,1616,1618],{"class":633,"line":785},[631,1610,931],{"class":736},[631,1612,1613],{"class":934},"files.associations",[631,1615,938],{"class":736},[631,1617,852],{"class":736},[631,1619,1050],{"class":736},[631,1621,1622,1624,1627,1629,1631,1633,1635],{"class":633,"line":752},[631,1623,1055],{"class":736},[631,1625,1626],{"class":637},"*.css",[631,1628,938],{"class":736},[631,1630,852],{"class":736},[631,1632,956],{"class":736},[631,1634,713],{"class":640},[631,1636,1090],{"class":736},[631,1638,1639],{"class":633,"line":821},[631,1640,1641],{"class":736}," },\n",[631,1643,1644,1646,1649,1651,1653],{"class":633,"line":827},[631,1645,931],{"class":736},[631,1647,1648],{"class":934},"editor.quickSuggestions",[631,1650,938],{"class":736},[631,1652,852],{"class":736},[631,1654,1050],{"class":736},[631,1656,1657,1659,1662,1664,1666,1668,1671],{"class":633,"line":845},[631,1658,1055],{"class":736},[631,1660,1661],{"class":637},"strings",[631,1663,938],{"class":736},[631,1665,852],{"class":736},[631,1667,956],{"class":736},[631,1669,1670],{"class":640},"on",[631,1672,1090],{"class":736},[631,1674,1675],{"class":633,"line":858},[631,1676,1641],{"class":736},[631,1678,1679,1681,1684,1686,1688,1690,1692,1695,1697,1699,1701,1703,1705],{"class":633,"line":753},[631,1680,931],{"class":736},[631,1682,1683],{"class":934},"tailwindCSS.classAttributes",[631,1685,938],{"class":736},[631,1687,852],{"class":736},[631,1689,943],{"class":736},[631,1691,938],{"class":736},[631,1693,1694],{"class":640},"class",[631,1696,938],{"class":736},[631,1698,953],{"class":736},[631,1700,956],{"class":736},[631,1702,23],{"class":640},[631,1704,938],{"class":736},[631,1706,1707],{"class":736},"],\n",[631,1709,1710,1712,1715,1717,1719],{"class":633,"line":879},[631,1711,931],{"class":736},[631,1713,1714],{"class":934},"tailwindCSS.experimental.classRegex",[631,1716,938],{"class":736},[631,1718,852],{"class":736},[631,1720,855],{"class":736},[631,1722,1723,1726,1728,1731,1734,1737,1739,1742,1744,1746,1748,1751,1754,1757,1759,1762,1764],{"class":633,"line":885},[631,1724,1725],{"class":736}," [",[631,1727,938],{"class":736},[631,1729,1730],{"class":640},"ui:",[631,1732,1733],{"class":767},"\\\\",[631,1735,1736],{"class":640},"s*{([^)]*)",[631,1738,1733],{"class":767},[631,1740,1741],{"class":640},"s*}",[631,1743,938],{"class":736},[631,1745,953],{"class":736},[631,1747,956],{"class":736},[631,1749,1750],{"class":640},"(?:'|",[631,1752,1753],{"class":767},"\\\"",[631,1755,1756],{"class":640},"|`)([^']*)(?:'|",[631,1758,1753],{"class":767},[631,1760,1761],{"class":640},"|`)",[631,1763,938],{"class":736},[631,1765,989],{"class":736},[631,1767,1768],{"class":633,"line":1263},[631,1769,882],{"class":736},[631,1771,1772],{"class":633,"line":1270},[631,1773,994],{"class":736},[611,1775,1777],{"id":1776},"wrap-your-app-with-app-component","Wrap your app with App component",[620,1779,1783],{"className":1780,"code":1781,"filename":1782,"language":28,"meta":626,"style":626},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n \u003CUApp>\n \u003CRouterView />\n \u003C/UApp>\n\u003C/template>\n","App.vue",[628,1784,1785,1796,1806,1817,1826],{"__ignoreMap":626},[631,1786,1787,1790,1793],{"class":633,"line":634},[631,1788,1789],{"class":736},"\u003C",[631,1791,1792],{"class":848},"template",[631,1794,1795],{"class":736},">\n",[631,1797,1798,1801,1804],{"class":633,"line":785},[631,1799,1800],{"class":736}," \u003C",[631,1802,1803],{"class":848},"UApp",[631,1805,1795],{"class":736},[631,1807,1808,1811,1814],{"class":633,"line":752},[631,1809,1810],{"class":736}," \u003C",[631,1812,1813],{"class":848},"RouterView",[631,1815,1816],{"class":736}," />\n",[631,1818,1819,1822,1824],{"class":633,"line":821},[631,1820,1821],{"class":736}," \u003C/",[631,1823,1803],{"class":848},[631,1825,1795],{"class":736},[631,1827,1828,1831,1833],{"class":633,"line":827},[631,1829,1830],{"class":736},"\u003C/",[631,1832,1792],{"class":848},[631,1834,1795],{"class":736},[1327,1836,1837],{"to":129},[588,1838,1839,1840,1842,1843,714,1845,718,1847,737],{},"The ",[628,1841,128],{}," component sets up global config and is required for ",[592,1844,561],{},[592,1846,565],{},[592,1848,1849],{},"programmatic overlays",[611,1851,1853,1854,1857],{"id":1852},"add-the-isolate-class-to-your-root-container","Add the ",[628,1855,1856],{},"isolate"," class to your root container",[620,1859,1865],{"className":1860,"code":1861,"filename":1862,"highlights":1863,"language":1864,"meta":626,"style":626},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003C!DOCTYPE html>\n\u003Chtml lang=\"en\">\n \u003Chead>\n \u003Cmeta charset=\"UTF-8\" />\n \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n \u003Ctitle>Nuxt UI\u003C/title>\n \u003C/head>\n \u003Cbody>\n \u003Cdiv id=\"app\" class=\"isolate\">\u003C/div>\n \u003Cscript type=\"module\" src=\"/src/main.ts\">\u003C/script>\n \u003C/body>\n\u003C/html>\n","index.html",[879],"html",[628,1866,1867,1880,1900,1909,1930,1962,1981,1989,1998,2035,2072,2080],{"__ignoreMap":626},[631,1868,1869,1872,1875,1878],{"class":633,"line":634},[631,1870,1871],{"class":736},"\u003C!",[631,1873,1874],{"class":848},"DOCTYPE",[631,1876,1877],{"class":934}," html",[631,1879,1795],{"class":736},[631,1881,1882,1884,1886,1889,1891,1893,1896,1898],{"class":633,"line":785},[631,1883,1789],{"class":736},[631,1885,1864],{"class":848},[631,1887,1888],{"class":934}," lang",[631,1890,1213],{"class":736},[631,1892,938],{"class":736},[631,1894,1895],{"class":640},"en",[631,1897,938],{"class":736},[631,1899,1795],{"class":736},[631,1901,1902,1904,1907],{"class":633,"line":752},[631,1903,1800],{"class":736},[631,1905,1906],{"class":848},"head",[631,1908,1795],{"class":736},[631,1910,1911,1913,1916,1919,1921,1923,1926,1928],{"class":633,"line":821},[631,1912,1810],{"class":736},[631,1914,1915],{"class":848},"meta",[631,1917,1918],{"class":934}," charset",[631,1920,1213],{"class":736},[631,1922,938],{"class":736},[631,1924,1925],{"class":640},"UTF-8",[631,1927,938],{"class":736},[631,1929,1816],{"class":736},[631,1931,1932,1934,1936,1939,1941,1943,1946,1948,1951,1953,1955,1958,1960],{"class":633,"line":827},[631,1933,1810],{"class":736},[631,1935,1915],{"class":848},[631,1937,1938],{"class":934}," name",[631,1940,1213],{"class":736},[631,1942,938],{"class":736},[631,1944,1945],{"class":640},"viewport",[631,1947,938],{"class":736},[631,1949,1950],{"class":934}," content",[631,1952,1213],{"class":736},[631,1954,938],{"class":736},[631,1956,1957],{"class":640},"width=device-width, initial-scale=1.0",[631,1959,938],{"class":736},[631,1961,1816],{"class":736},[631,1963,1964,1966,1969,1972,1975,1977,1979],{"class":633,"line":845},[631,1965,1810],{"class":736},[631,1967,1968],{"class":848},"title",[631,1970,1971],{"class":736},">",[631,1973,1974],{"class":767},"Nuxt UI",[631,1976,1830],{"class":736},[631,1978,1968],{"class":848},[631,1980,1795],{"class":736},[631,1982,1983,1985,1987],{"class":633,"line":858},[631,1984,1821],{"class":736},[631,1986,1906],{"class":848},[631,1988,1795],{"class":736},[631,1990,1991,1993,1996],{"class":633,"line":753},[631,1992,1800],{"class":736},[631,1994,1995],{"class":848},"body",[631,1997,1795],{"class":736},[631,1999,2001,2003,2006,2009,2011,2013,2015,2017,2020,2022,2024,2026,2028,2031,2033],{"class":2000,"line":879},[633,804],[631,2002,1810],{"class":736},[631,2004,2005],{"class":848},"div",[631,2007,2008],{"class":934}," id",[631,2010,1213],{"class":736},[631,2012,938],{"class":736},[631,2014,1278],{"class":640},[631,2016,938],{"class":736},[631,2018,2019],{"class":934}," class",[631,2021,1213],{"class":736},[631,2023,938],{"class":736},[631,2025,1856],{"class":640},[631,2027,938],{"class":736},[631,2029,2030],{"class":736},">\u003C/",[631,2032,2005],{"class":848},[631,2034,1795],{"class":736},[631,2036,2037,2039,2042,2045,2047,2049,2052,2054,2057,2059,2061,2064,2066,2068,2070],{"class":633,"line":885},[631,2038,1810],{"class":736},[631,2040,2041],{"class":848},"script",[631,2043,2044],{"class":934}," type",[631,2046,1213],{"class":736},[631,2048,938],{"class":736},[631,2050,2051],{"class":640},"module",[631,2053,938],{"class":736},[631,2055,2056],{"class":934}," src",[631,2058,1213],{"class":736},[631,2060,938],{"class":736},[631,2062,2063],{"class":640},"/src/main.ts",[631,2065,938],{"class":736},[631,2067,2030],{"class":736},[631,2069,2041],{"class":848},[631,2071,1795],{"class":736},[631,2073,2074,2076,2078],{"class":633,"line":1263},[631,2075,1821],{"class":736},[631,2077,1995],{"class":848},[631,2079,1795],{"class":736},[631,2081,2082,2084,2086],{"class":633,"line":1270},[631,2083,1830],{"class":736},[631,2085,1864],{"class":848},[631,2087,1795],{"class":736},[1327,2089,2090],{},[588,2091,2092],{},"This ensures styles are scoped to your app and prevents issues with overlays and stacking contexts.",[602,2094,2096],{"id":2095},"use-our-vue-starter","Use our Vue starter",[588,2098,2099,2100,2105],{},"Start your project using the ",[698,2101,2104],{"href":2102,"rel":2103},"https://github.com/nuxtlabs/nuxt-ui-vue-starter",[702],"nuxtlabs/nuxt-ui-vue-starter"," template with Nuxt UI pre-configured.",[588,2107,2108],{},"Create a new project locally by running the following command:",[620,2110,2113],{"className":622,"code":2111,"filename":2112,"language":625,"meta":626,"style":626},"npm create nuxt@latest -- -t github:nuxtlabs/nuxt-ui-vue-starter\n","Terminal",[628,2114,2115],{"__ignoreMap":626},[631,2116,2117,2119,2122,2125,2128,2131],{"class":633,"line":634},[631,2118,662],{"class":637},[631,2120,2121],{"class":640}," create",[631,2123,2124],{"class":640}," nuxt@latest",[631,2126,2127],{"class":640}," --",[631,2129,2130],{"class":640}," -t",[631,2132,2133],{"class":640}," github:nuxtlabs/nuxt-ui-vue-starter\n",[1327,2135,2136],{},[588,2137,1839,2138,2141],{},[628,2139,2140],{},"\u003Cmy-app>"," argument is the name of the directory where the project will be created, replace it with your project name.",[588,2143,2144],{},"Once the installation is complete, navigate into your project and start the development server:",[620,2146,2148],{"className":622,"code":2147,"filename":2112,"language":625,"meta":626,"style":626},"cd \u003Cmy-app>\nnpm run dev\n",[628,2149,2150,2165],{"__ignoreMap":626},[631,2151,2152,2155,2158,2161,2163],{"class":633,"line":634},[631,2153,2154],{"class":836},"cd",[631,2156,2157],{"class":736}," \u003C",[631,2159,2160],{"class":640},"my-ap",[631,2162,588],{"class":767},[631,2164,1795],{"class":736},[631,2166,2167,2169,2172],{"class":633,"line":785},[631,2168,662],{"class":637},[631,2170,2171],{"class":640}," run",[631,2173,2174],{"class":640}," dev\n",[597,2176,2178],{"id":2177},"options","Options",[588,2180,2181,2182,737],{},"You can customize Nuxt UI by providing options in your ",[628,2183,750],{},[602,2185,2187],{"id":2186},"prefix",[628,2188,2186],{},[588,2190,2191,2192,2194],{},"Use the ",[628,2193,2186],{}," option to change the prefix of the components.",[2196,2197,2198],"ul",{},[2199,2200,2201,2202],"li",{},"Default: ",[628,2203,2204],{"className":729,"language":730,"style":626},[631,2205,2206],{"class":637},"U",[620,2208,2210],{"className":748,"code":2209,"filename":750,"language":745,"meta":626,"style":626},"import { defineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport ui from '@nuxt/ui/vite'\n\nexport default defineConfig({\n plugins: [\n vue(),\n ui({\n prefix: 'Nuxt'\n })\n ]\n})\n",[628,2211,2212,2230,2244,2258,2262,2274,2282,2290,2298,2311,2318,2322],{"__ignoreMap":626},[631,2213,2214,2216,2218,2220,2222,2224,2226,2228],{"class":633,"line":634},[631,2215,761],{"class":760},[631,2217,764],{"class":736},[631,2219,768],{"class":767},[631,2221,771],{"class":736},[631,2223,774],{"class":760},[631,2225,777],{"class":736},[631,2227,733],{"class":640},[631,2229,782],{"class":736},[631,2231,2232,2234,2236,2238,2240,2242],{"class":633,"line":785},[631,2233,761],{"class":760},[631,2235,790],{"class":767},[631,2237,793],{"class":760},[631,2239,777],{"class":736},[631,2241,798],{"class":640},[631,2243,782],{"class":736},[631,2245,2246,2248,2250,2252,2254,2256],{"class":633,"line":752},[631,2247,761],{"class":760},[631,2249,809],{"class":767},[631,2251,793],{"class":760},[631,2253,777],{"class":736},[631,2255,816],{"class":640},[631,2257,782],{"class":736},[631,2259,2260],{"class":633,"line":821},[631,2261,824],{"emptyLinePlaceholder":15},[631,2263,2264,2266,2268,2270,2272],{"class":633,"line":827},[631,2265,830],{"class":760},[631,2267,833],{"class":760},[631,2269,768],{"class":836},[631,2271,839],{"class":767},[631,2273,842],{"class":736},[631,2275,2276,2278,2280],{"class":633,"line":845},[631,2277,849],{"class":848},[631,2279,852],{"class":736},[631,2281,855],{"class":767},[631,2283,2284,2286,2288],{"class":633,"line":858},[631,2285,861],{"class":836},[631,2287,864],{"class":767},[631,2289,867],{"class":736},[631,2291,2292,2294,2296],{"class":633,"line":753},[631,2293,873],{"class":836},[631,2295,839],{"class":767},[631,2297,842],{"class":736},[631,2299,2300,2303,2305,2307,2309],{"class":633,"line":879},[631,2301,2302],{"class":848}," prefix",[631,2304,852],{"class":736},[631,2306,777],{"class":736},[631,2308,594],{"class":640},[631,2310,782],{"class":736},[631,2312,2313,2316],{"class":633,"line":885},[631,2314,2315],{"class":736}," }",[631,2317,891],{"class":767},[631,2319,2320],{"class":633,"line":1263},[631,2321,882],{"class":767},[631,2323,2324,2326],{"class":633,"line":1270},[631,2325,888],{"class":736},[631,2327,891],{"class":767},[602,2329,2330],{"id":23},[628,2331,23],{},[588,2333,2191,2334,2336],{},[628,2335,23],{}," option to provide configuration for Nuxt UI.",[620,2338,2340],{"className":748,"code":2339,"filename":750,"language":745,"meta":626,"style":626},"import { defineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport ui from '@nuxt/ui/vite'\n\nexport default defineConfig({\n plugins: [\n vue(),\n ui({\n ui: {\n colors: {\n primary: 'green',\n neutral: 'slate'\n }\n }\n })\n ]\n})\n",[628,2341,2342,2360,2374,2388,2392,2404,2412,2420,2428,2437,2446,2462,2476,2481,2486,2492,2496],{"__ignoreMap":626},[631,2343,2344,2346,2348,2350,2352,2354,2356,2358],{"class":633,"line":634},[631,2345,761],{"class":760},[631,2347,764],{"class":736},[631,2349,768],{"class":767},[631,2351,771],{"class":736},[631,2353,774],{"class":760},[631,2355,777],{"class":736},[631,2357,733],{"class":640},[631,2359,782],{"class":736},[631,2361,2362,2364,2366,2368,2370,2372],{"class":633,"line":785},[631,2363,761],{"class":760},[631,2365,790],{"class":767},[631,2367,793],{"class":760},[631,2369,777],{"class":736},[631,2371,798],{"class":640},[631,2373,782],{"class":736},[631,2375,2376,2378,2380,2382,2384,2386],{"class":633,"line":752},[631,2377,761],{"class":760},[631,2379,809],{"class":767},[631,2381,793],{"class":760},[631,2383,777],{"class":736},[631,2385,816],{"class":640},[631,2387,782],{"class":736},[631,2389,2390],{"class":633,"line":821},[631,2391,824],{"emptyLinePlaceholder":15},[631,2393,2394,2396,2398,2400,2402],{"class":633,"line":827},[631,2395,830],{"class":760},[631,2397,833],{"class":760},[631,2399,768],{"class":836},[631,2401,839],{"class":767},[631,2403,842],{"class":736},[631,2405,2406,2408,2410],{"class":633,"line":845},[631,2407,849],{"class":848},[631,2409,852],{"class":736},[631,2411,855],{"class":767},[631,2413,2414,2416,2418],{"class":633,"line":858},[631,2415,861],{"class":836},[631,2417,864],{"class":767},[631,2419,867],{"class":736},[631,2421,2422,2424,2426],{"class":633,"line":753},[631,2423,873],{"class":836},[631,2425,839],{"class":767},[631,2427,842],{"class":736},[631,2429,2430,2433,2435],{"class":633,"line":879},[631,2431,2432],{"class":848}," ui",[631,2434,852],{"class":736},[631,2436,1050],{"class":736},[631,2438,2439,2442,2444],{"class":633,"line":885},[631,2440,2441],{"class":848}," colors",[631,2443,852],{"class":736},[631,2445,1050],{"class":736},[631,2447,2448,2451,2453,2455,2458,2460],{"class":633,"line":1263},[631,2449,2450],{"class":848}," primary",[631,2452,852],{"class":736},[631,2454,777],{"class":736},[631,2456,2457],{"class":640},"green",[631,2459,1318],{"class":736},[631,2461,867],{"class":736},[631,2463,2464,2467,2469,2471,2474],{"class":633,"line":1270},[631,2465,2466],{"class":848}," neutral",[631,2468,852],{"class":736},[631,2470,777],{"class":736},[631,2472,2473],{"class":640},"slate",[631,2475,782],{"class":736},[631,2477,2478],{"class":633,"line":1275},[631,2479,2480],{"class":736}," }\n",[631,2482,2483],{"class":633,"line":1121},[631,2484,2485],{"class":736}," }\n",[631,2487,2488,2490],{"class":633,"line":1301},[631,2489,2315],{"class":736},[631,2491,891],{"class":767},[631,2493,2494],{"class":633,"line":1306},[631,2495,882],{"class":767},[631,2497,2498,2500],{"class":633,"line":1563},[631,2499,888],{"class":736},[631,2501,891],{"class":767},[602,2503,2505],{"id":2504},"colormode",[628,2506,2507],{},"colorMode",[588,2509,2191,2510,2512,2513,737],{},[628,2511,2507],{}," option to enable or disable the color mode integration from ",[628,2514,2515],{},"@vueuse/core",[2196,2517,2518],{},[2199,2519,2201,2520],{},[628,2521,2522],{"className":729,"language":730,"style":626},[631,2523,2524],{"class":637},"true",[620,2526,2528],{"className":748,"code":2527,"filename":750,"language":745,"meta":626,"style":626},"import { defineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport ui from '@nuxt/ui/vite'\n\nexport default defineConfig({\n plugins: [\n vue(),\n ui({\n colorMode: false\n })\n ]\n})\n",[628,2529,2530,2548,2562,2576,2580,2592,2600,2608,2616,2627,2633,2637],{"__ignoreMap":626},[631,2531,2532,2534,2536,2538,2540,2542,2544,2546],{"class":633,"line":634},[631,2533,761],{"class":760},[631,2535,764],{"class":736},[631,2537,768],{"class":767},[631,2539,771],{"class":736},[631,2541,774],{"class":760},[631,2543,777],{"class":736},[631,2545,733],{"class":640},[631,2547,782],{"class":736},[631,2549,2550,2552,2554,2556,2558,2560],{"class":633,"line":785},[631,2551,761],{"class":760},[631,2553,790],{"class":767},[631,2555,793],{"class":760},[631,2557,777],{"class":736},[631,2559,798],{"class":640},[631,2561,782],{"class":736},[631,2563,2564,2566,2568,2570,2572,2574],{"class":633,"line":752},[631,2565,761],{"class":760},[631,2567,809],{"class":767},[631,2569,793],{"class":760},[631,2571,777],{"class":736},[631,2573,816],{"class":640},[631,2575,782],{"class":736},[631,2577,2578],{"class":633,"line":821},[631,2579,824],{"emptyLinePlaceholder":15},[631,2581,2582,2584,2586,2588,2590],{"class":633,"line":827},[631,2583,830],{"class":760},[631,2585,833],{"class":760},[631,2587,768],{"class":836},[631,2589,839],{"class":767},[631,2591,842],{"class":736},[631,2593,2594,2596,2598],{"class":633,"line":845},[631,2595,849],{"class":848},[631,2597,852],{"class":736},[631,2599,855],{"class":767},[631,2601,2602,2604,2606],{"class":633,"line":858},[631,2603,861],{"class":836},[631,2605,864],{"class":767},[631,2607,867],{"class":736},[631,2609,2610,2612,2614],{"class":633,"line":753},[631,2611,873],{"class":836},[631,2613,839],{"class":767},[631,2615,842],{"class":736},[631,2617,2618,2621,2623],{"class":633,"line":879},[631,2619,2620],{"class":848}," colorMode",[631,2622,852],{"class":736},[631,2624,2626],{"class":2625},"sfNiH"," false\n",[631,2628,2629,2631],{"class":633,"line":885},[631,2630,2315],{"class":736},[631,2632,891],{"class":767},[631,2634,2635],{"class":633,"line":1263},[631,2636,882],{"class":767},[631,2638,2639,2641],{"class":633,"line":1270},[631,2640,888],{"class":736},[631,2642,891],{"class":767},[602,2644,2646],{"id":2645},"themecolors",[628,2647,2648],{},"theme.colors",[588,2650,2191,2651,2653],{},[628,2652,2648],{}," option to define the dynamic color aliases used to generate components theme.",[2196,2655,2656],{},[2199,2657,2201,2658],{},[628,2659,2661,2664,2666,2669,2671,2673,2675,2678,2680,2682,2684,2687,2689,2691,2693,2696,2698,2700,2702,2704,2706,2708,2710,2713,2715],{"className":2660,"language":730,"style":626},"inline,language-ts-type shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",[631,2662,2663],{"class":767},"[",[631,2665,1318],{"class":736},[631,2667,2668],{"class":640},"primary",[631,2670,1318],{"class":736},[631,2672,953],{"class":736},[631,2674,777],{"class":736},[631,2676,2677],{"class":640},"secondary",[631,2679,1318],{"class":736},[631,2681,953],{"class":736},[631,2683,777],{"class":736},[631,2685,2686],{"class":640},"success",[631,2688,1318],{"class":736},[631,2690,953],{"class":736},[631,2692,777],{"class":736},[631,2694,2695],{"class":640},"info",[631,2697,1318],{"class":736},[631,2699,953],{"class":736},[631,2701,777],{"class":736},[631,2703,689],{"class":640},[631,2705,1318],{"class":736},[631,2707,953],{"class":736},[631,2709,777],{"class":736},[631,2711,2712],{"class":640},"error",[631,2714,1318],{"class":736},[631,2716,2717],{"class":767},"]",[620,2719,2721],{"className":748,"code":2720,"filename":750,"language":745,"meta":626,"style":626},"import { defineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport ui from '@nuxt/ui/vite'\n\nexport default defineConfig({\n plugins: [\n vue(),\n ui({\n theme: {\n colors: ['primary', 'error']\n }\n })\n ]\n})\n",[628,2722,2723,2741,2755,2769,2773,2785,2793,2801,2809,2818,2842,2846,2852,2856],{"__ignoreMap":626},[631,2724,2725,2727,2729,2731,2733,2735,2737,2739],{"class":633,"line":634},[631,2726,761],{"class":760},[631,2728,764],{"class":736},[631,2730,768],{"class":767},[631,2732,771],{"class":736},[631,2734,774],{"class":760},[631,2736,777],{"class":736},[631,2738,733],{"class":640},[631,2740,782],{"class":736},[631,2742,2743,2745,2747,2749,2751,2753],{"class":633,"line":785},[631,2744,761],{"class":760},[631,2746,790],{"class":767},[631,2748,793],{"class":760},[631,2750,777],{"class":736},[631,2752,798],{"class":640},[631,2754,782],{"class":736},[631,2756,2757,2759,2761,2763,2765,2767],{"class":633,"line":752},[631,2758,761],{"class":760},[631,2760,809],{"class":767},[631,2762,793],{"class":760},[631,2764,777],{"class":736},[631,2766,816],{"class":640},[631,2768,782],{"class":736},[631,2770,2771],{"class":633,"line":821},[631,2772,824],{"emptyLinePlaceholder":15},[631,2774,2775,2777,2779,2781,2783],{"class":633,"line":827},[631,2776,830],{"class":760},[631,2778,833],{"class":760},[631,2780,768],{"class":836},[631,2782,839],{"class":767},[631,2784,842],{"class":736},[631,2786,2787,2789,2791],{"class":633,"line":845},[631,2788,849],{"class":848},[631,2790,852],{"class":736},[631,2792,855],{"class":767},[631,2794,2795,2797,2799],{"class":633,"line":858},[631,2796,861],{"class":836},[631,2798,864],{"class":767},[631,2800,867],{"class":736},[631,2802,2803,2805,2807],{"class":633,"line":753},[631,2804,873],{"class":836},[631,2806,839],{"class":767},[631,2808,842],{"class":736},[631,2810,2811,2814,2816],{"class":633,"line":879},[631,2812,2813],{"class":848}," theme",[631,2815,852],{"class":736},[631,2817,1050],{"class":736},[631,2819,2820,2822,2824,2826,2828,2830,2832,2834,2836,2838,2840],{"class":633,"line":885},[631,2821,2441],{"class":848},[631,2823,852],{"class":736},[631,2825,943],{"class":767},[631,2827,1318],{"class":736},[631,2829,2668],{"class":640},[631,2831,1318],{"class":736},[631,2833,953],{"class":736},[631,2835,777],{"class":736},[631,2837,2712],{"class":640},[631,2839,1318],{"class":736},[631,2841,989],{"class":767},[631,2843,2844],{"class":633,"line":1263},[631,2845,2485],{"class":736},[631,2847,2848,2850],{"class":633,"line":1270},[631,2849,2315],{"class":736},[631,2851,891],{"class":767},[631,2853,2854],{"class":633,"line":1275},[631,2855,882],{"class":767},[631,2857,2858,2860],{"class":633,"line":1121},[631,2859,888],{"class":736},[631,2861,891],{"class":767},[893,2863,2865],{"to":2864},"/getting-started/theme#colors",[588,2866,2867],{},"Learn more about color customization and theming in the Theme section.",[602,2869,2871],{"id":2870},"themetransitions",[628,2872,2873],{},"theme.transitions",[588,2875,2191,2876,2878],{},[628,2877,2873],{}," option to enable or disable transitions on components.",[2196,2880,2881],{},[2199,2882,2201,2883],{},[628,2884,2885],{"className":729,"language":730,"style":626},[631,2886,2524],{"class":637},[620,2888,2890],{"className":748,"code":2889,"filename":750,"language":745,"meta":626,"style":626},"import { defineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport ui from '@nuxt/ui/vite'\n\nexport default defineConfig({\n plugins: [\n vue(),\n ui({\n theme: {\n transitions: false\n }\n })\n ]\n})\n",[628,2891,2892,2910,2924,2938,2942,2954,2962,2970,2978,2986,2995,2999,3005,3009],{"__ignoreMap":626},[631,2893,2894,2896,2898,2900,2902,2904,2906,2908],{"class":633,"line":634},[631,2895,761],{"class":760},[631,2897,764],{"class":736},[631,2899,768],{"class":767},[631,2901,771],{"class":736},[631,2903,774],{"class":760},[631,2905,777],{"class":736},[631,2907,733],{"class":640},[631,2909,782],{"class":736},[631,2911,2912,2914,2916,2918,2920,2922],{"class":633,"line":785},[631,2913,761],{"class":760},[631,2915,790],{"class":767},[631,2917,793],{"class":760},[631,2919,777],{"class":736},[631,2921,798],{"class":640},[631,2923,782],{"class":736},[631,2925,2926,2928,2930,2932,2934,2936],{"class":633,"line":752},[631,2927,761],{"class":760},[631,2929,809],{"class":767},[631,2931,793],{"class":760},[631,2933,777],{"class":736},[631,2935,816],{"class":640},[631,2937,782],{"class":736},[631,2939,2940],{"class":633,"line":821},[631,2941,824],{"emptyLinePlaceholder":15},[631,2943,2944,2946,2948,2950,2952],{"class":633,"line":827},[631,2945,830],{"class":760},[631,2947,833],{"class":760},[631,2949,768],{"class":836},[631,2951,839],{"class":767},[631,2953,842],{"class":736},[631,2955,2956,2958,2960],{"class":633,"line":845},[631,2957,849],{"class":848},[631,2959,852],{"class":736},[631,2961,855],{"class":767},[631,2963,2964,2966,2968],{"class":633,"line":858},[631,2965,861],{"class":836},[631,2967,864],{"class":767},[631,2969,867],{"class":736},[631,2971,2972,2974,2976],{"class":633,"line":753},[631,2973,873],{"class":836},[631,2975,839],{"class":767},[631,2977,842],{"class":736},[631,2979,2980,2982,2984],{"class":633,"line":879},[631,2981,2813],{"class":848},[631,2983,852],{"class":736},[631,2985,1050],{"class":736},[631,2987,2988,2991,2993],{"class":633,"line":885},[631,2989,2990],{"class":848}," transitions",[631,2992,852],{"class":736},[631,2994,2626],{"class":2625},[631,2996,2997],{"class":633,"line":1263},[631,2998,2485],{"class":736},[631,3000,3001,3003],{"class":633,"line":1270},[631,3002,2315],{"class":736},[631,3004,891],{"class":767},[631,3006,3007],{"class":633,"line":1275},[631,3008,882],{"class":767},[631,3010,3011,3013],{"class":633,"line":1121},[631,3012,888],{"class":736},[631,3014,891],{"class":767},[1327,3016,3017],{},[588,3018,3019,3020,3023],{},"This option adds the ",[628,3021,3022],{},"transition-colors"," class on components with hover or active states.",[602,3025,3027,3030,3031],{"id":3026},"themedefaultvariants",[628,3028,3029],{},"theme.defaultVariants"," ",[3032,3033],"badge",{"className":3034,"label":347},[3035],"align-text-top",[588,3037,2191,3038,3040,3041,718,3044,3047],{},[628,3039,3029],{}," option to override the default ",[628,3042,3043],{},"color",[628,3045,3046],{},"size"," variants for components.",[2196,3049,3050],{},[2199,3051,2201,3052],{},[628,3053,3054,3057,3060,3062,3064,3066,3068,3070,3073,3075,3077,3080,3082],{"className":729,"language":730,"style":626},[631,3055,3056],{"class":736},"{",[631,3058,3059],{"class":848}," color",[631,3061,852],{"class":736},[631,3063,777],{"class":736},[631,3065,2668],{"class":640},[631,3067,1318],{"class":736},[631,3069,953],{"class":736},[631,3071,3072],{"class":848}," size",[631,3074,852],{"class":736},[631,3076,777],{"class":736},[631,3078,3079],{"class":640},"md",[631,3081,1318],{"class":736},[631,3083,771],{"class":736},[620,3085,3087],{"className":748,"code":3086,"filename":750,"language":745,"meta":626,"style":626},"import { defineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport ui from '@nuxt/ui/vite'\n\nexport default defineConfig({\n plugins: [\n vue(),\n ui({\n theme: {\n defaultVariants: {\n color: 'neutral',\n size: 'sm'\n }\n }\n })\n ]\n})\n",[628,3088,3089,3107,3121,3135,3139,3151,3159,3167,3175,3183,3192,3208,3222,3226,3230,3236,3240],{"__ignoreMap":626},[631,3090,3091,3093,3095,3097,3099,3101,3103,3105],{"class":633,"line":634},[631,3092,761],{"class":760},[631,3094,764],{"class":736},[631,3096,768],{"class":767},[631,3098,771],{"class":736},[631,3100,774],{"class":760},[631,3102,777],{"class":736},[631,3104,733],{"class":640},[631,3106,782],{"class":736},[631,3108,3109,3111,3113,3115,3117,3119],{"class":633,"line":785},[631,3110,761],{"class":760},[631,3112,790],{"class":767},[631,3114,793],{"class":760},[631,3116,777],{"class":736},[631,3118,798],{"class":640},[631,3120,782],{"class":736},[631,3122,3123,3125,3127,3129,3131,3133],{"class":633,"line":752},[631,3124,761],{"class":760},[631,3126,809],{"class":767},[631,3128,793],{"class":760},[631,3130,777],{"class":736},[631,3132,816],{"class":640},[631,3134,782],{"class":736},[631,3136,3137],{"class":633,"line":821},[631,3138,824],{"emptyLinePlaceholder":15},[631,3140,3141,3143,3145,3147,3149],{"class":633,"line":827},[631,3142,830],{"class":760},[631,3144,833],{"class":760},[631,3146,768],{"class":836},[631,3148,839],{"class":767},[631,3150,842],{"class":736},[631,3152,3153,3155,3157],{"class":633,"line":845},[631,3154,849],{"class":848},[631,3156,852],{"class":736},[631,3158,855],{"class":767},[631,3160,3161,3163,3165],{"class":633,"line":858},[631,3162,861],{"class":836},[631,3164,864],{"class":767},[631,3166,867],{"class":736},[631,3168,3169,3171,3173],{"class":633,"line":753},[631,3170,873],{"class":836},[631,3172,839],{"class":767},[631,3174,842],{"class":736},[631,3176,3177,3179,3181],{"class":633,"line":879},[631,3178,2813],{"class":848},[631,3180,852],{"class":736},[631,3182,1050],{"class":736},[631,3184,3185,3188,3190],{"class":633,"line":885},[631,3186,3187],{"class":848}," defaultVariants",[631,3189,852],{"class":736},[631,3191,1050],{"class":736},[631,3193,3194,3197,3199,3201,3204,3206],{"class":633,"line":1263},[631,3195,3196],{"class":848}," color",[631,3198,852],{"class":736},[631,3200,777],{"class":736},[631,3202,3203],{"class":640},"neutral",[631,3205,1318],{"class":736},[631,3207,867],{"class":736},[631,3209,3210,3213,3215,3217,3220],{"class":633,"line":1270},[631,3211,3212],{"class":848}," size",[631,3214,852],{"class":736},[631,3216,777],{"class":736},[631,3218,3219],{"class":640},"sm",[631,3221,782],{"class":736},[631,3223,3224],{"class":633,"line":1275},[631,3225,2480],{"class":736},[631,3227,3228],{"class":633,"line":1121},[631,3229,2485],{"class":736},[631,3231,3232,3234],{"class":633,"line":1301},[631,3233,2315],{"class":736},[631,3235,891],{"class":767},[631,3237,3238],{"class":633,"line":1306},[631,3239,882],{"class":767},[631,3241,3242,3244],{"class":633,"line":1563},[631,3243,888],{"class":736},[631,3245,891],{"class":767},[602,3247,3249],{"id":3248},"inertia",[628,3250,3248],{},[588,3252,2191,3253,3255,3256,737],{},[628,3254,3248],{}," option to enable compatibility with ",[698,3257,1336],{"href":1334,"rel":3258},[702],[620,3260,3262],{"className":748,"code":3261,"filename":750,"language":745,"meta":626,"style":626},"import { defineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport ui from '@nuxt/ui/vite'\n\nexport default defineConfig({\n plugins: [\n vue(),\n ui({\n inertia: true\n })\n ]\n})\n",[628,3263,3264,3282,3296,3310,3314,3326,3334,3342,3350,3360,3366,3370],{"__ignoreMap":626},[631,3265,3266,3268,3270,3272,3274,3276,3278,3280],{"class":633,"line":634},[631,3267,761],{"class":760},[631,3269,764],{"class":736},[631,3271,768],{"class":767},[631,3273,771],{"class":736},[631,3275,774],{"class":760},[631,3277,777],{"class":736},[631,3279,733],{"class":640},[631,3281,782],{"class":736},[631,3283,3284,3286,3288,3290,3292,3294],{"class":633,"line":785},[631,3285,761],{"class":760},[631,3287,790],{"class":767},[631,3289,793],{"class":760},[631,3291,777],{"class":736},[631,3293,798],{"class":640},[631,3295,782],{"class":736},[631,3297,3298,3300,3302,3304,3306,3308],{"class":633,"line":752},[631,3299,761],{"class":760},[631,3301,809],{"class":767},[631,3303,793],{"class":760},[631,3305,777],{"class":736},[631,3307,816],{"class":640},[631,3309,782],{"class":736},[631,3311,3312],{"class":633,"line":821},[631,3313,824],{"emptyLinePlaceholder":15},[631,3315,3316,3318,3320,3322,3324],{"class":633,"line":827},[631,3317,830],{"class":760},[631,3319,833],{"class":760},[631,3321,768],{"class":836},[631,3323,839],{"class":767},[631,3325,842],{"class":736},[631,3327,3328,3330,3332],{"class":633,"line":845},[631,3329,849],{"class":848},[631,3331,852],{"class":736},[631,3333,855],{"class":767},[631,3335,3336,3338,3340],{"class":633,"line":858},[631,3337,861],{"class":836},[631,3339,864],{"class":767},[631,3341,867],{"class":736},[631,3343,3344,3346,3348],{"class":633,"line":753},[631,3345,873],{"class":836},[631,3347,839],{"class":767},[631,3349,842],{"class":736},[631,3351,3352,3355,3357],{"class":633,"line":879},[631,3353,3354],{"class":848}," inertia",[631,3356,852],{"class":736},[631,3358,3359],{"class":2625}," true\n",[631,3361,3362,3364],{"class":633,"line":885},[631,3363,2315],{"class":736},[631,3365,891],{"class":767},[631,3367,3368],{"class":633,"line":1263},[631,3369,882],{"class":767},[631,3371,3372,3374],{"class":633,"line":1270},[631,3373,888],{"class":736},[631,3375,891],{"class":767},[1327,3377,3378],{},[588,3379,3380,3381,3383,3384,3387,3388,3391],{},"When using this option, ",[628,3382,717],{}," is not required as Inertia.js provides its own routing system. The components that would normally use ",[628,3385,3386],{},"RouterLink"," will automatically use Inertia's ",[628,3389,3390],{},"InertiaLink"," component instead.",[597,3393,3395],{"id":3394},"continuous-releases","Continuous Releases",[588,3397,3398,3399,3404],{},"Nuxt UI uses ",[698,3400,3403],{"href":3401,"rel":3402},"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,3406,3407,3408,3411],{},"Automatic preview releases are created for all commits and PRs to the ",[628,3409,3410],{},"v3"," branch. Use them by replacing your package version with the specific commit hash or PR number.",[620,3413,3418],{"className":3414,"code":3415,"filename":3416,"language":3417,"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,3419,3420,3424,3429,3437,3445,3449],{"__ignoreMap":626},[631,3421,3422],{"class":633,"line":634},[631,3423,842],{"class":767},[631,3425,3426],{"class":633,"line":785},[631,3427,3428],{"class":767}," \"dependencies\": {\n",[631,3430,3431,3434],{"class":633,"line":752},[631,3432,3433],{"class":736},"-",[631,3435,3436],{"class":848}," \"@nuxt/ui\": \"^3.0.0\",\n",[631,3438,3439,3442],{"class":633,"line":821},[631,3440,3441],{"class":736},"+",[631,3443,3444],{"class":640}," \"@nuxt/ui\": \"https://pkg.pr.new/@nuxt/ui@4c96909\",\n",[631,3446,3447],{"class":633,"line":827},[631,3448,1105],{"class":767},[631,3450,3451],{"class":633,"line":845},[631,3452,994],{"class":767},[1327,3454,3455],{},[588,3456,3457,3459],{},[592,3458,3403],{}," will automatically comment on PRs with the installation URL, making it easy to test changes.",[3461,3462,3463],"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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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 .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":626,"searchDepth":785,"depth":785,"links":3465},[3466,3470,3480],{"id":599,"depth":785,"text":600,"children":3467},[3468,3469],{"id":604,"depth":752,"text":605},{"id":2095,"depth":752,"text":2096},{"id":2177,"depth":785,"text":2178,"children":3471},[3472,3473,3474,3475,3476,3477,3479],{"id":2186,"depth":752,"text":2186},{"id":23,"depth":752,"text":23},{"id":2504,"depth":752,"text":2507},{"id":2645,"depth":752,"text":2648},{"id":2870,"depth":752,"text":2873},{"id":3026,"depth":752,"text":3478},"theme.defaultVariants ",{"id":3248,"depth":752,"text":3248},{"id":3394,"depth":785,"text":3395},"Learn how to install and configure Nuxt UI in your Vue application.",[3483],{"label":3484,"to":3485,"icon":3486},"Playground","https://codesandbox.io/p/devbox/nuxt-ui3-vue-4h5gqn","i-lucide-codesandbox",{},{"icon":24},{"title":14,"description":3481},"BgJCXSAmk-O8IfUapwVKP5CwldCAjT0eEZ3VYOSdap4",[3492,3494],{"title":10,"path":6,"stem":7,"description":3493,"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":3495,"children":-1},"A comprehensive guide to migrate your application from Nuxt UI v2 to Nuxt UI v3.",{"data":3497,"body":3498},{},{"type":3499,"children":3500},"root",[3501],{"type":3502,"tag":588,"props":3503,"children":3504},"element",{},[3505],{"type":3506,"value":3481},"text",1767003433561]