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