[{"data":1,"prerenderedAt":4034},["ShallowReactive",2],{"navigation":3,"-getting-started-installation-pro-vue":581,"-getting-started-installation-pro-vue-surround":4018,"-getting-started-installation-pro-vue-description":4023},[4,108,126],{"title":5,"path":6,"stem":7,"children":8,"framework":11,"module":11,"icon":24},"Getting Started","/getting-started","1.getting-started/1.index",[9,13,42,46,51,56,68,73,85,98,103],{"title":10,"path":6,"stem":7,"framework":11,"module":11,"icon":12},"Introduction",null,"i-lucide-house",{"title":14,"framework":11,"module":11,"shadow":15,"path":16,"stem":17,"children":18,"page":41},"Installation",true,"/getting-started/installation","1.getting-started/2.installation",[19,25,29],{"title":14,"path":20,"stem":21,"framework":22,"module":23,"icon":24},"/getting-started/installation/nuxt","1.getting-started/2.installation/1.nuxt","nuxt","ui","i-lucide-square-play",{"title":14,"path":26,"stem":27,"framework":28,"module":23,"icon":24},"/getting-started/installation/vue","1.getting-started/2.installation/2.vue","vue",{"title":30,"framework":11,"module":11,"shadow":15,"path":31,"stem":32,"children":33,"page":41},"Pro","/getting-started/installation/pro","1.getting-started/2.installation/pro",[34,38],{"title":14,"path":35,"stem":36,"framework":22,"module":37,"icon":24},"/getting-started/installation/pro/nuxt","1.getting-started/2.installation/pro/1.nuxt","ui-pro",{"title":14,"path":39,"stem":40,"framework":28,"module":37,"icon":24},"/getting-started/installation/pro/vue","1.getting-started/2.installation/pro/2.vue",false,{"title":43,"path":44,"stem":45,"framework":11,"module":11},"Migration","/getting-started/migration","1.getting-started/2.migration",{"title":47,"path":48,"stem":49,"framework":11,"module":37,"icon":50},"License","/getting-started/license","1.getting-started/3.license","i-lucide-key-square",{"title":52,"path":53,"stem":54,"framework":11,"module":11,"icon":55},"Theme","/getting-started/theme","1.getting-started/3.theme","i-lucide-swatch-book",{"title":57,"framework":11,"module":11,"shadow":15,"path":58,"stem":59,"children":60,"page":41},"Icons","/getting-started/icons","1.getting-started/4.icons",[61,65],{"title":57,"path":62,"stem":63,"framework":22,"module":11,"icon":64},"/getting-started/icons/nuxt","1.getting-started/4.icons/1.nuxt","i-lucide-smile",{"title":57,"path":66,"stem":67,"framework":28,"module":11,"icon":64},"/getting-started/icons/vue","1.getting-started/4.icons/2.vue",{"title":69,"path":70,"stem":71,"framework":22,"module":11,"icon":72},"Fonts","/getting-started/fonts","1.getting-started/5.fonts","i-lucide-a-large-small",{"title":74,"framework":11,"module":11,"shadow":15,"path":75,"stem":76,"children":77,"page":41},"Color Mode","/getting-started/color-mode","1.getting-started/6.color-mode",[78,82],{"title":74,"path":79,"stem":80,"framework":22,"module":11,"icon":81},"/getting-started/color-mode/nuxt","1.getting-started/6.color-mode/1.nuxt","i-lucide-sun-moon",{"title":74,"path":83,"stem":84,"framework":28,"module":11,"icon":81},"/getting-started/color-mode/vue","1.getting-started/6.color-mode/2.vue",{"title":86,"framework":11,"module":11,"shadow":15,"path":87,"stem":88,"children":89,"page":41},"I18n","/getting-started/i18n","1.getting-started/7.i18n",[90,95],{"title":91,"path":92,"stem":93,"framework":22,"module":11,"icon":94},"Internationalization (i18n)","/getting-started/i18n/nuxt","1.getting-started/7.i18n/1.nuxt","i-lucide-languages",{"title":91,"path":96,"stem":97,"framework":28,"module":11,"icon":94},"/getting-started/i18n/vue","1.getting-started/7.i18n/2.vue",{"title":99,"path":100,"stem":101,"framework":22,"module":37,"icon":102},"Content","/getting-started/content","1.getting-started/8.content","i-simple-icons-markdown",{"title":104,"path":105,"stem":106,"framework":22,"module":37,"icon":107},"Typography","/getting-started/typography","1.getting-started/9.typography","i-lucide-type",{"title":109,"framework":11,"module":11,"icon":110,"path":111,"stem":112,"children":113,"page":41},"Composables","i-lucide-square-function","/composables","2.composables",[114,118,122],{"title":115,"path":116,"stem":117,"framework":11,"module":11},"defineShortcuts","/composables/define-shortcuts","2.composables/define-shortcuts",{"title":119,"path":120,"stem":121,"framework":11,"module":11},"useOverlay","/composables/use-overlay","2.composables/use-overlay",{"title":123,"path":124,"stem":125,"framework":11,"module":11},"useToast","/composables/use-toast","2.composables/use-toast",{"title":127,"framework":11,"module":11,"icon":128,"path":129,"stem":130,"children":131,"page":41},"Components","i-lucide-square-code","/components","3.components",[132,136,140,144,148,152,156,160,164,168,172,176,180,184,188,192,196,200,204,208,212,216,220,224,228,232,236,240,244,248,252,256,260,264,268,272,276,280,284,288,292,296,300,304,308,312,316,320,324,328,332,336,340,344,348,353,357,361,365,369,373,377,381,385,389,393,397,401,405,409,413,417,421,425,429,433,437,441,445,449,453,457,461,465,469,473,477,481,485,489,493,497,501,505,509,513,517,521,525,529,533,537,541,545,549,553,557,561,565,569,573,577],{"title":133,"path":134,"stem":135,"framework":11,"module":11},"App","/components/app","3.components/0.app",{"title":137,"path":138,"stem":139,"framework":11,"module":11},"Accordion","/components/accordion","3.components/accordion",{"title":141,"path":142,"stem":143,"framework":11,"module":11},"Alert","/components/alert","3.components/alert",{"title":145,"path":146,"stem":147,"framework":11,"module":37},"AuthForm","/components/auth-form","3.components/auth-form",{"title":149,"path":150,"stem":151,"framework":11,"module":11},"Avatar","/components/avatar","3.components/avatar",{"title":153,"path":154,"stem":155,"framework":11,"module":11},"AvatarGroup","/components/avatar-group","3.components/avatar-group",{"title":157,"path":158,"stem":159,"framework":11,"module":11},"Badge","/components/badge","3.components/badge",{"title":161,"path":162,"stem":163,"framework":11,"module":37},"Banner","/components/banner","3.components/banner",{"title":165,"path":166,"stem":167,"framework":11,"module":37},"BlogPost","/components/blog-post","3.components/blog-post",{"title":169,"path":170,"stem":171,"framework":11,"module":37},"BlogPosts","/components/blog-posts","3.components/blog-posts",{"title":173,"path":174,"stem":175,"framework":11,"module":11},"Breadcrumb","/components/breadcrumb","3.components/breadcrumb",{"title":177,"path":178,"stem":179,"framework":11,"module":11},"Button","/components/button","3.components/button",{"title":181,"path":182,"stem":183,"framework":11,"module":11},"ButtonGroup","/components/button-group","3.components/button-group",{"title":185,"path":186,"stem":187,"framework":11,"module":11},"Calendar","/components/calendar","3.components/calendar",{"title":189,"path":190,"stem":191,"framework":11,"module":11},"Card","/components/card","3.components/card",{"title":193,"path":194,"stem":195,"framework":11,"module":11},"Carousel","/components/carousel","3.components/carousel",{"title":197,"path":198,"stem":199,"framework":11,"module":37},"ChangelogVersion","/components/changelog-version","3.components/changelog-version",{"title":201,"path":202,"stem":203,"framework":11,"module":37},"ChangelogVersions","/components/changelog-versions","3.components/changelog-versions",{"title":205,"path":206,"stem":207,"framework":11,"module":37},"ChatMessage","/components/chat-message","3.components/chat-message",{"title":209,"path":210,"stem":211,"framework":11,"module":37},"ChatMessages","/components/chat-messages","3.components/chat-messages",{"title":213,"path":214,"stem":215,"framework":11,"module":37},"ChatPalette","/components/chat-palette","3.components/chat-palette",{"title":217,"path":218,"stem":219,"framework":11,"module":37},"ChatPrompt","/components/chat-prompt","3.components/chat-prompt",{"title":221,"path":222,"stem":223,"framework":11,"module":37},"ChatPromptSubmit","/components/chat-prompt-submit","3.components/chat-prompt-submit",{"title":225,"path":226,"stem":227,"framework":11,"module":11},"Checkbox","/components/checkbox","3.components/checkbox",{"title":229,"path":230,"stem":231,"framework":11,"module":11},"CheckboxGroup","/components/checkbox-group","3.components/checkbox-group",{"title":233,"path":234,"stem":235,"framework":11,"module":11},"Chip","/components/chip","3.components/chip",{"title":237,"path":238,"stem":239,"framework":11,"module":11},"Collapsible","/components/collapsible","3.components/collapsible",{"title":241,"path":242,"stem":243,"framework":11,"module":37},"ColorModeAvatar","/components/color-mode-avatar","3.components/color-mode-avatar",{"title":245,"path":246,"stem":247,"framework":11,"module":37},"ColorModeButton","/components/color-mode-button","3.components/color-mode-button",{"title":249,"path":250,"stem":251,"framework":11,"module":37},"ColorModeImage","/components/color-mode-image","3.components/color-mode-image",{"title":253,"path":254,"stem":255,"framework":11,"module":37},"ColorModeSelect","/components/color-mode-select","3.components/color-mode-select",{"title":257,"path":258,"stem":259,"framework":11,"module":37},"ColorModeSwitch","/components/color-mode-switch","3.components/color-mode-switch",{"title":261,"path":262,"stem":263,"framework":11,"module":11},"ColorPicker","/components/color-picker","3.components/color-picker",{"title":265,"path":266,"stem":267,"framework":11,"module":11},"CommandPalette","/components/command-palette","3.components/command-palette",{"title":269,"path":270,"stem":271,"framework":11,"module":11},"Container","/components/container","3.components/container",{"title":273,"path":274,"stem":275,"framework":22,"module":37},"ContentNavigation","/components/content-navigation","3.components/content-navigation",{"title":277,"path":278,"stem":279,"framework":22,"module":37},"ContentSearch","/components/content-search","3.components/content-search",{"title":281,"path":282,"stem":283,"framework":22,"module":37},"ContentSearchButton","/components/content-search-button","3.components/content-search-button",{"title":285,"path":286,"stem":287,"framework":22,"module":37},"ContentSurround","/components/content-surround","3.components/content-surround",{"title":289,"path":290,"stem":291,"framework":22,"module":37},"ContentToc","/components/content-toc","3.components/content-toc",{"title":293,"path":294,"stem":295,"framework":11,"module":11},"ContextMenu","/components/context-menu","3.components/context-menu",{"title":297,"path":298,"stem":299,"framework":11,"module":37},"DashboardGroup","/components/dashboard-group","3.components/dashboard-group",{"title":301,"path":302,"stem":303,"framework":11,"module":37},"DashboardNavbar","/components/dashboard-navbar","3.components/dashboard-navbar",{"title":305,"path":306,"stem":307,"framework":11,"module":37},"DashboardPanel","/components/dashboard-panel","3.components/dashboard-panel",{"title":309,"path":310,"stem":311,"framework":11,"module":37},"DashboardResizeHandle","/components/dashboard-resize-handle","3.components/dashboard-resize-handle",{"title":313,"path":314,"stem":315,"framework":11,"module":37},"DashboardSearch","/components/dashboard-search","3.components/dashboard-search",{"title":317,"path":318,"stem":319,"framework":11,"module":37},"DashboardSearchButton","/components/dashboard-search-button","3.components/dashboard-search-button",{"title":321,"path":322,"stem":323,"framework":11,"module":37},"DashboardSidebar","/components/dashboard-sidebar","3.components/dashboard-sidebar",{"title":325,"path":326,"stem":327,"framework":11,"module":37},"DashboardSidebarCollapse","/components/dashboard-sidebar-collapse","3.components/dashboard-sidebar-collapse",{"title":329,"path":330,"stem":331,"framework":11,"module":37},"DashboardSidebarToggle","/components/dashboard-sidebar-toggle","3.components/dashboard-sidebar-toggle",{"title":333,"path":334,"stem":335,"framework":11,"module":37},"DashboardToolbar","/components/dashboard-toolbar","3.components/dashboard-toolbar",{"title":337,"path":338,"stem":339,"framework":11,"module":11},"Drawer","/components/drawer","3.components/drawer",{"title":341,"path":342,"stem":343,"framework":11,"module":11},"DropdownMenu","/components/dropdown-menu","3.components/dropdown-menu",{"title":345,"path":346,"stem":347,"framework":11,"module":37},"Error","/components/error","3.components/error",{"title":349,"path":350,"stem":351,"framework":11,"module":11,"badge":352},"FileUpload","/components/file-upload","3.components/file-upload","New",{"title":354,"path":355,"stem":356,"framework":11,"module":37},"Footer","/components/footer","3.components/footer",{"title":358,"path":359,"stem":360,"framework":11,"module":37},"FooterColumns","/components/footer-columns","3.components/footer-columns",{"title":362,"path":363,"stem":364,"framework":11,"module":11},"Form","/components/form","3.components/form",{"title":366,"path":367,"stem":368,"framework":11,"module":11},"FormField","/components/form-field","3.components/form-field",{"title":370,"path":371,"stem":372,"framework":11,"module":37},"Header","/components/header","3.components/header",{"title":374,"path":375,"stem":376,"framework":11,"module":11},"Icon","/components/icon","3.components/icon",{"title":378,"path":379,"stem":380,"framework":11,"module":11},"Input","/components/input","3.components/input",{"title":382,"path":383,"stem":384,"framework":11,"module":11},"InputMenu","/components/input-menu","3.components/input-menu",{"title":386,"path":387,"stem":388,"framework":11,"module":11},"InputNumber","/components/input-number","3.components/input-number",{"title":390,"path":391,"stem":392,"framework":11,"module":11},"InputTags","/components/input-tags","3.components/input-tags",{"title":394,"path":395,"stem":396,"framework":11,"module":11},"Kbd","/components/kbd","3.components/kbd",{"title":398,"path":399,"stem":400,"framework":11,"module":11},"Link","/components/link","3.components/link",{"title":402,"path":403,"stem":404,"framework":11,"module":37},"LocaleSelect","/components/locale-select","3.components/locale-select",{"title":406,"path":407,"stem":408,"framework":11,"module":37},"Main","/components/main","3.components/main",{"title":410,"path":411,"stem":412,"framework":11,"module":11},"Modal","/components/modal","3.components/modal",{"title":414,"path":415,"stem":416,"framework":11,"module":11},"NavigationMenu","/components/navigation-menu","3.components/navigation-menu",{"title":418,"path":419,"stem":420,"framework":11,"module":37},"Page","/components/page","3.components/page",{"title":422,"path":423,"stem":424,"framework":11,"module":37},"PageAccordion","/components/page-accordion","3.components/page-accordion",{"title":426,"path":427,"stem":428,"framework":11,"module":37},"PageAnchors","/components/page-anchors","3.components/page-anchors",{"title":430,"path":431,"stem":432,"framework":11,"module":37},"PageAside","/components/page-aside","3.components/page-aside",{"title":434,"path":435,"stem":436,"framework":11,"module":37},"PageBody","/components/page-body","3.components/page-body",{"title":438,"path":439,"stem":440,"framework":11,"module":37},"PageCard","/components/page-card","3.components/page-card",{"title":442,"path":443,"stem":444,"framework":11,"module":37},"PageColumns","/components/page-columns","3.components/page-columns",{"title":446,"path":447,"stem":448,"framework":11,"module":37},"PageCTA","/components/page-cta","3.components/page-cta",{"title":450,"path":451,"stem":452,"framework":11,"module":37},"PageFeature","/components/page-feature","3.components/page-feature",{"title":454,"path":455,"stem":456,"framework":11,"module":37},"PageGrid","/components/page-grid","3.components/page-grid",{"title":458,"path":459,"stem":460,"framework":11,"module":37},"PageHeader","/components/page-header","3.components/page-header",{"title":462,"path":463,"stem":464,"framework":11,"module":37},"PageHero","/components/page-hero","3.components/page-hero",{"title":466,"path":467,"stem":468,"framework":11,"module":37},"PageLinks","/components/page-links","3.components/page-links",{"title":470,"path":471,"stem":472,"framework":11,"module":37},"PageList","/components/page-list","3.components/page-list",{"title":474,"path":475,"stem":476,"framework":11,"module":37},"PageLogos","/components/page-logos","3.components/page-logos",{"title":478,"path":479,"stem":480,"framework":11,"module":37},"PageMarquee","/components/page-marquee","3.components/page-marquee",{"title":482,"path":483,"stem":484,"framework":11,"module":37},"PageSection","/components/page-section","3.components/page-section",{"title":486,"path":487,"stem":488,"framework":11,"module":11},"Pagination","/components/pagination","3.components/pagination",{"title":490,"path":491,"stem":492,"framework":11,"module":11},"PinInput","/components/pin-input","3.components/pin-input",{"title":494,"path":495,"stem":496,"framework":11,"module":11},"Popover","/components/popover","3.components/popover",{"title":498,"path":499,"stem":500,"framework":11,"module":37},"PricingPlan","/components/pricing-plan","3.components/pricing-plan",{"title":502,"path":503,"stem":504,"framework":11,"module":37},"PricingPlans","/components/pricing-plans","3.components/pricing-plans",{"title":506,"path":507,"stem":508,"framework":11,"module":37},"PricingTable","/components/pricing-table","3.components/pricing-table",{"title":510,"path":511,"stem":512,"framework":11,"module":11},"Progress","/components/progress","3.components/progress",{"title":514,"path":515,"stem":516,"framework":11,"module":11},"RadioGroup","/components/radio-group","3.components/radio-group",{"title":518,"path":519,"stem":520,"framework":11,"module":11},"Select","/components/select","3.components/select",{"title":522,"path":523,"stem":524,"framework":11,"module":11},"SelectMenu","/components/select-menu","3.components/select-menu",{"title":526,"path":527,"stem":528,"framework":11,"module":11},"Separator","/components/separator","3.components/separator",{"title":530,"path":531,"stem":532,"framework":11,"module":11},"Skeleton","/components/skeleton","3.components/skeleton",{"title":534,"path":535,"stem":536,"framework":11,"module":11},"Slideover","/components/slideover","3.components/slideover",{"title":538,"path":539,"stem":540,"framework":11,"module":11},"Slider","/components/slider","3.components/slider",{"title":542,"path":543,"stem":544,"framework":11,"module":11},"Stepper","/components/stepper","3.components/stepper",{"title":546,"path":547,"stem":548,"framework":11,"module":11},"Switch","/components/switch","3.components/switch",{"title":550,"path":551,"stem":552,"framework":11,"module":11},"Table","/components/table","3.components/table",{"title":554,"path":555,"stem":556,"framework":11,"module":11},"Tabs","/components/tabs","3.components/tabs",{"title":558,"path":559,"stem":560,"framework":11,"module":11},"Textarea","/components/textarea","3.components/textarea",{"title":562,"path":563,"stem":564,"framework":11,"module":11},"Timeline","/components/timeline","3.components/timeline",{"title":566,"path":567,"stem":568,"framework":11,"module":11},"Toast","/components/toast","3.components/toast",{"title":570,"path":571,"stem":572,"framework":11,"module":11},"Tooltip","/components/tooltip","3.components/tooltip",{"title":574,"path":575,"stem":576,"framework":11,"module":11},"Tree","/components/tree","3.components/tree",{"title":578,"path":579,"stem":580,"framework":11,"module":37},"User","/components/user","3.components/user",{"id":582,"title":14,"body":583,"category":11,"description":4007,"extension":3463,"framework":28,"links":4008,"meta":4014,"module":37,"navigation":4015,"path":39,"seo":4016,"stem":40,"__hash__":4017},"content/1.getting-started/2.installation/pro/2.vue.md",{"type":584,"value":585,"toc":3987},"minimark",[586,601,604,613,618,623,2110,2114,2291,2295,2298,2334,2341,2380,2387,2391,2396,2401,2407,2419,2540,2544,2549,2714,2720,2725,2886,2892,2900,2909,3027,3033,3038,3102,3246,3252,3258,3263,3271,3399,3408,3420,3432,3468,3629,3634,3642,3759,3775,3780,3789,3916,3922,3926,3935,3942,3976,3983],[587,588,592],"callout",{"icon":589,"className":590,"to":35},"i-logos-nuxt-icon",[591],"hidden",[593,594,595,596,600],"p",{},"Looking for the ",[597,598,599],"strong",{},"Nuxt"," version?",[593,602,603],{},"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.",[605,606,607],"note",{"to":48},[593,608,609,610,612],{},"While Nuxt UI is free and open source, Nuxt UI Pro is a premium product that helps sustain Nuxt OSS development, check out the ",[597,611,47],{}," section to learn more.",[614,615,617],"h2",{"id":616},"setup","Setup",[619,620,622],"h3",{"id":621},"add-to-a-vue-project","Add to a Vue project",[624,625,627,632,705,740,763,909,1034,1127,1134,1344,1358,1362,1397,1602,1791,1795,1852,1867,1875,2105],"steps",{"level":626},"4",[628,629,631],"h4",{"id":630},"install-the-nuxt-ui-pro-package","Install the Nuxt UI Pro package",[633,634,636,662,676,691],"code-group",{"sync":635},"pm",[637,638,644],"pre",{"className":639,"code":640,"filename":641,"language":642,"meta":643,"style":643},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm add @nuxt/ui-pro\n","pnpm","bash","",[645,646,647],"code",{"__ignoreMap":643},[648,649,652,655,659],"span",{"class":650,"line":651},"line",1,[648,653,641],{"class":654},"sBMFI",[648,656,658],{"class":657},"sfazB"," add",[648,660,661],{"class":657}," @nuxt/ui-pro\n",[637,663,666],{"className":639,"code":664,"filename":665,"language":642,"meta":643,"style":643},"yarn add @nuxt/ui-pro\n","yarn",[645,667,668],{"__ignoreMap":643},[648,669,670,672,674],{"class":650,"line":651},[648,671,665],{"class":654},[648,673,658],{"class":657},[648,675,661],{"class":657},[637,677,680],{"className":639,"code":678,"filename":679,"language":642,"meta":643,"style":643},"npm install @nuxt/ui-pro\n","npm",[645,681,682],{"__ignoreMap":643},[648,683,684,686,689],{"class":650,"line":651},[648,685,679],{"class":654},[648,687,688],{"class":657}," install",[648,690,661],{"class":657},[637,692,695],{"className":639,"code":693,"filename":694,"language":642,"meta":643,"style":643},"bun add @nuxt/ui-pro\n","bun",[645,696,697],{"__ignoreMap":643},[648,698,699,701,703],{"class":650,"line":651},[648,700,694],{"class":654},[648,702,658],{"class":657},[648,704,661],{"class":657},[706,707,708],"warning",{},[593,709,710,711,713,714,723,724,727,728,731,732,735,736,739],{},"If you're using ",[597,712,641],{},", ensure that you either set ",[715,716,720],"a",{"href":717,"rel":718},"https://pnpm.io/npmrc#shamefully-hoist",[719],"nofollow",[645,721,722],{},"shamefully-hoist=true"," in your ",[645,725,726],{},".npmrc"," file or install ",[645,729,730],{},"tailwindcss",", ",[645,733,734],{},"vue-router"," and ",[645,737,738],{},"@unhead/vue"," in your project's root directory.",[628,741,743,744],{"id":742},"add-the-nuxt-ui-pro-vite-plugin-in-your-viteconfigts","Add the Nuxt UI Pro Vite plugin in your ",[645,745,748,751,755,758,760],{"className":746,"language":747,"style":643},"language-ts-type shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","ts-type",[648,749,750],{"class":654},"vite",[648,752,754],{"class":753},"sMK4o",".",[648,756,757],{"class":654},"config",[648,759,754],{"class":753},[648,761,762],{"class":654},"ts",[637,764,771],{"className":765,"code":766,"filename":767,"highlights":768,"language":762,"meta":643,"style":643},"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",[769,770],3,8,[645,772,773,800,818,836,842,860,873,885,894,900],{"__ignoreMap":643},[648,774,775,779,782,786,789,792,795,797],{"class":650,"line":651},[648,776,778],{"class":777},"s7zQu","import",[648,780,781],{"class":753}," {",[648,783,785],{"class":784},"sTEyZ"," defineConfig",[648,787,788],{"class":753}," }",[648,790,791],{"class":777}," from",[648,793,794],{"class":753}," '",[648,796,750],{"class":657},[648,798,799],{"class":753},"'\n",[648,801,803,805,808,811,813,816],{"class":650,"line":802},2,[648,804,778],{"class":777},[648,806,807],{"class":784}," vue ",[648,809,810],{"class":777},"from",[648,812,794],{"class":753},[648,814,815],{"class":657},"@vitejs/plugin-vue",[648,817,799],{"class":753},[648,819,822,824,827,829,831,834],{"class":820,"line":769},[650,821],"highlight",[648,823,778],{"class":777},[648,825,826],{"class":784}," uiPro ",[648,828,810],{"class":777},[648,830,794],{"class":753},[648,832,833],{"class":657},"@nuxt/ui-pro/vite",[648,835,799],{"class":753},[648,837,839],{"class":650,"line":838},4,[648,840,841],{"emptyLinePlaceholder":15},"\n",[648,843,845,848,851,854,857],{"class":650,"line":844},5,[648,846,847],{"class":777},"export",[648,849,850],{"class":777}," default",[648,852,785],{"class":853},"s2Zo4",[648,855,856],{"class":784},"(",[648,858,859],{"class":753},"{\n",[648,861,863,867,870],{"class":650,"line":862},6,[648,864,866],{"class":865},"swJcz","  plugins",[648,868,869],{"class":753},":",[648,871,872],{"class":784}," [\n",[648,874,876,879,882],{"class":650,"line":875},7,[648,877,878],{"class":853},"    vue",[648,880,881],{"class":784},"()",[648,883,884],{"class":753},",\n",[648,886,888,891],{"class":887,"line":770},[650,821],[648,889,890],{"class":853},"    uiPro",[648,892,893],{"class":784},"()\n",[648,895,897],{"class":650,"line":896},9,[648,898,899],{"class":784},"  ]\n",[648,901,903,906],{"class":650,"line":902},10,[648,904,905],{"class":753},"}",[648,907,908],{"class":784},")\n",[910,911,912,932,1012],"tip",{},[593,913,914,915,735,918,921,922,735,925,928,929,754],{},"Nuxt UI registers ",[645,916,917],{},"unplugin-auto-import",[645,919,920],{},"unplugin-vue-components",", which will generate ",[645,923,924],{},"auto-imports.d.ts",[645,926,927],{},"components.d.ts"," type declaration files. You will likely want to gitignore these, and add them to your ",[645,930,931],{},"tsconfig",[637,933,938],{"className":934,"code":935,"filename":936,"language":937,"meta":643,"style":643},"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",[645,939,940,944,1007],{"__ignoreMap":643},[648,941,942],{"class":650,"line":651},[648,943,859],{"class":753},[648,945,946,949,953,956,958,961,963,966,968,971,974,977,979,981,983,986,988,990,992,994,996,998,1000,1002,1004],{"class":650,"line":802},[648,947,948],{"class":753},"  \"",[648,950,952],{"class":951},"spNyl","include",[648,954,955],{"class":753},"\"",[648,957,869],{"class":753},[648,959,960],{"class":753}," [",[648,962,955],{"class":753},[648,964,965],{"class":657},"src/**/*.ts",[648,967,955],{"class":753},[648,969,970],{"class":753},",",[648,972,973],{"class":753}," \"",[648,975,976],{"class":657},"src/**/*.tsx",[648,978,955],{"class":753},[648,980,970],{"class":753},[648,982,973],{"class":753},[648,984,985],{"class":657},"src/**/*.vue",[648,987,955],{"class":753},[648,989,970],{"class":753},[648,991,973],{"class":753},[648,993,924],{"class":657},[648,995,955],{"class":753},[648,997,970],{"class":753},[648,999,973],{"class":753},[648,1001,927],{"class":657},[648,1003,955],{"class":753},[648,1005,1006],{"class":753},"]\n",[648,1008,1009],{"class":650,"line":769},[648,1010,1011],{"class":753},"}\n",[637,1013,1016],{"className":639,"code":1014,"filename":1015,"language":642,"meta":643,"style":643},"# Auto-generated type declarations\nauto-imports.d.ts\ncomponents.d.ts\n",".gitignore",[645,1017,1018,1024,1029],{"__ignoreMap":643},[648,1019,1020],{"class":650,"line":651},[648,1021,1023],{"class":1022},"sHwdD","# Auto-generated type declarations\n",[648,1025,1026],{"class":650,"line":802},[648,1027,1028],{"class":654},"auto-imports.d.ts\n",[648,1030,1031],{"class":650,"line":769},[648,1032,1033],{"class":654},"components.d.ts\n",[910,1035,1036,1044],{},[593,1037,1038,1039,1041,1042,754],{},"Internally, Nuxt UI relies on custom alias to resolve the theme types. If you're using TypeScript, you should add an alias to your ",[645,1040,931],{}," to enable auto-completion in your ",[645,1043,767],{},[637,1045,1048],{"className":934,"code":1046,"filename":1047,"language":937,"meta":643,"style":643},"{\n  \"compilerOptions\": {\n    \"paths\": {\n      \"#build/ui\": [\n        \"./node_modules/@nuxt/ui/.nuxt/ui\"\n      ]\n    }\n  }\n}\n","tsconfig.node.json",[645,1049,1050,1054,1068,1082,1097,1108,1113,1118,1123],{"__ignoreMap":643},[648,1051,1052],{"class":650,"line":651},[648,1053,859],{"class":753},[648,1055,1056,1058,1061,1063,1065],{"class":650,"line":802},[648,1057,948],{"class":753},[648,1059,1060],{"class":951},"compilerOptions",[648,1062,955],{"class":753},[648,1064,869],{"class":753},[648,1066,1067],{"class":753}," {\n",[648,1069,1070,1073,1076,1078,1080],{"class":650,"line":769},[648,1071,1072],{"class":753},"    \"",[648,1074,1075],{"class":654},"paths",[648,1077,955],{"class":753},[648,1079,869],{"class":753},[648,1081,1067],{"class":753},[648,1083,1084,1087,1091,1093,1095],{"class":650,"line":838},[648,1085,1086],{"class":753},"      \"",[648,1088,1090],{"class":1089},"sbssI","#build/ui",[648,1092,955],{"class":753},[648,1094,869],{"class":753},[648,1096,872],{"class":753},[648,1098,1099,1102,1105],{"class":650,"line":844},[648,1100,1101],{"class":753},"        \"",[648,1103,1104],{"class":657},"./node_modules/@nuxt/ui/.nuxt/ui",[648,1106,1107],{"class":753},"\"\n",[648,1109,1110],{"class":650,"line":862},[648,1111,1112],{"class":753},"      ]\n",[648,1114,1115],{"class":650,"line":875},[648,1116,1117],{"class":753},"    }\n",[648,1119,1120],{"class":650,"line":770},[648,1121,1122],{"class":753},"  }\n",[648,1124,1125],{"class":650,"line":896},[648,1126,1011],{"class":753},[628,1128,1130,1131],{"id":1129},"use-the-nuxt-ui-vue-plugin-in-your-maints","Use the Nuxt UI Vue plugin in your ",[645,1132,1133],{},"main.ts",[637,1135,1139],{"className":765,"code":1136,"filename":1133,"highlights":1137,"language":762,"meta":643,"style":643},"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",[769,1138],14,[645,1140,1141,1160,1184,1201,1217,1221,1237,1241,1256,1268,1279,1286,1291,1305,1317,1322],{"__ignoreMap":643},[648,1142,1143,1145,1147,1150,1152,1154,1156,1158],{"class":650,"line":651},[648,1144,778],{"class":777},[648,1146,781],{"class":753},[648,1148,1149],{"class":784}," createApp",[648,1151,788],{"class":753},[648,1153,791],{"class":777},[648,1155,794],{"class":753},[648,1157,28],{"class":657},[648,1159,799],{"class":753},[648,1161,1162,1164,1166,1169,1171,1174,1176,1178,1180,1182],{"class":650,"line":802},[648,1163,778],{"class":777},[648,1165,781],{"class":753},[648,1167,1168],{"class":784}," createRouter",[648,1170,970],{"class":753},[648,1172,1173],{"class":784}," createWebHistory",[648,1175,788],{"class":753},[648,1177,791],{"class":777},[648,1179,794],{"class":753},[648,1181,734],{"class":657},[648,1183,799],{"class":753},[648,1185,1187,1189,1192,1194,1196,1199],{"class":1186,"line":769},[650,821],[648,1188,778],{"class":777},[648,1190,1191],{"class":784}," ui ",[648,1193,810],{"class":777},[648,1195,794],{"class":753},[648,1197,1198],{"class":657},"@nuxt/ui/vue-plugin",[648,1200,799],{"class":753},[648,1202,1203,1205,1208,1210,1212,1215],{"class":650,"line":838},[648,1204,778],{"class":777},[648,1206,1207],{"class":784}," App ",[648,1209,810],{"class":777},[648,1211,794],{"class":753},[648,1213,1214],{"class":657},"./App.vue",[648,1216,799],{"class":753},[648,1218,1219],{"class":650,"line":844},[648,1220,841],{"emptyLinePlaceholder":15},[648,1222,1223,1226,1229,1232,1234],{"class":650,"line":862},[648,1224,1225],{"class":951},"const",[648,1227,1228],{"class":784}," app ",[648,1230,1231],{"class":753},"=",[648,1233,1149],{"class":853},[648,1235,1236],{"class":784},"(App)\n",[648,1238,1239],{"class":650,"line":875},[648,1240,841],{"emptyLinePlaceholder":15},[648,1242,1243,1245,1248,1250,1252,1254],{"class":650,"line":770},[648,1244,1225],{"class":951},[648,1246,1247],{"class":784}," router ",[648,1249,1231],{"class":753},[648,1251,1168],{"class":853},[648,1253,856],{"class":784},[648,1255,859],{"class":753},[648,1257,1258,1261,1263,1266],{"class":650,"line":896},[648,1259,1260],{"class":865},"  routes",[648,1262,869],{"class":753},[648,1264,1265],{"class":784}," []",[648,1267,884],{"class":753},[648,1269,1270,1273,1275,1277],{"class":650,"line":902},[648,1271,1272],{"class":865},"  history",[648,1274,869],{"class":753},[648,1276,1173],{"class":853},[648,1278,893],{"class":784},[648,1280,1282,1284],{"class":650,"line":1281},11,[648,1283,905],{"class":753},[648,1285,908],{"class":784},[648,1287,1289],{"class":650,"line":1288},12,[648,1290,841],{"emptyLinePlaceholder":15},[648,1292,1294,1297,1299,1302],{"class":650,"line":1293},13,[648,1295,1296],{"class":784},"app",[648,1298,754],{"class":753},[648,1300,1301],{"class":853},"use",[648,1303,1304],{"class":784},"(router)\n",[648,1306,1308,1310,1312,1314],{"class":1307,"line":1138},[650,821],[648,1309,1296],{"class":784},[648,1311,754],{"class":753},[648,1313,1301],{"class":853},[648,1315,1316],{"class":784},"(ui)\n",[648,1318,1320],{"class":650,"line":1319},15,[648,1321,841],{"emptyLinePlaceholder":15},[648,1323,1325,1327,1329,1332,1334,1337,1340,1342],{"class":650,"line":1324},16,[648,1326,1296],{"class":784},[648,1328,754],{"class":753},[648,1330,1331],{"class":853},"mount",[648,1333,856],{"class":784},[648,1335,1336],{"class":753},"'",[648,1338,1339],{"class":657},"#app",[648,1341,1336],{"class":753},[648,1343,908],{"class":784},[605,1345,1347],{"to":1346},"#inertia",[593,1348,710,1349,1354,1355,1357],{},[715,1350,1353],{"href":1351,"rel":1352},"https://inertiajs.com/",[719],"Inertia.js",", you can skip the ",[645,1356,734],{}," setup as Inertia provides its own routing system.",[628,1359,1361],{"id":1360},"import-tailwind-css-and-nuxt-ui-pro-in-your-css","Import Tailwind CSS and Nuxt UI Pro in your CSS",[637,1363,1368],{"className":1364,"code":1365,"filename":1366,"language":1367,"meta":643,"style":643},"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",[645,1369,1370,1384],{"__ignoreMap":643},[648,1371,1372,1375,1377,1379,1381],{"class":650,"line":651},[648,1373,1374],{"class":777},"@import",[648,1376,973],{"class":753},[648,1378,730],{"class":657},[648,1380,955],{"class":753},[648,1382,1383],{"class":753},";\n",[648,1385,1386,1388,1390,1393,1395],{"class":650,"line":802},[648,1387,1374],{"class":777},[648,1389,973],{"class":753},[648,1391,1392],{"class":657},"@nuxt/ui-pro",[648,1394,955],{"class":753},[648,1396,1383],{"class":753},[910,1398,1399,1404],{},[593,1400,1401,1402,754],{},"Import the CSS file in your ",[645,1403,1133],{},[637,1405,1408],{"className":765,"code":1406,"filename":1133,"highlights":1407,"language":762,"meta":643,"style":643},"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",[651],[645,1409,1410,1422,1426,1444,1466,1480,1494,1498,1510,1514,1528,1538,1548,1554,1558,1568,1578,1583],{"__ignoreMap":643},[648,1411,1413,1415,1417,1420],{"class":1412,"line":651},[650,821],[648,1414,778],{"class":777},[648,1416,794],{"class":753},[648,1418,1419],{"class":657},"./assets/main.css",[648,1421,799],{"class":753},[648,1423,1424],{"class":650,"line":802},[648,1425,841],{"emptyLinePlaceholder":15},[648,1427,1428,1430,1432,1434,1436,1438,1440,1442],{"class":650,"line":769},[648,1429,778],{"class":777},[648,1431,781],{"class":753},[648,1433,1149],{"class":784},[648,1435,788],{"class":753},[648,1437,791],{"class":777},[648,1439,794],{"class":753},[648,1441,28],{"class":657},[648,1443,799],{"class":753},[648,1445,1446,1448,1450,1452,1454,1456,1458,1460,1462,1464],{"class":650,"line":838},[648,1447,778],{"class":777},[648,1449,781],{"class":753},[648,1451,1168],{"class":784},[648,1453,970],{"class":753},[648,1455,1173],{"class":784},[648,1457,788],{"class":753},[648,1459,791],{"class":777},[648,1461,794],{"class":753},[648,1463,734],{"class":657},[648,1465,799],{"class":753},[648,1467,1468,1470,1472,1474,1476,1478],{"class":650,"line":844},[648,1469,778],{"class":777},[648,1471,1191],{"class":784},[648,1473,810],{"class":777},[648,1475,794],{"class":753},[648,1477,1198],{"class":657},[648,1479,799],{"class":753},[648,1481,1482,1484,1486,1488,1490,1492],{"class":650,"line":862},[648,1483,778],{"class":777},[648,1485,1207],{"class":784},[648,1487,810],{"class":777},[648,1489,794],{"class":753},[648,1491,1214],{"class":657},[648,1493,799],{"class":753},[648,1495,1496],{"class":650,"line":875},[648,1497,841],{"emptyLinePlaceholder":15},[648,1499,1500,1502,1504,1506,1508],{"class":650,"line":770},[648,1501,1225],{"class":951},[648,1503,1228],{"class":784},[648,1505,1231],{"class":753},[648,1507,1149],{"class":853},[648,1509,1236],{"class":784},[648,1511,1512],{"class":650,"line":896},[648,1513,841],{"emptyLinePlaceholder":15},[648,1515,1516,1518,1520,1522,1524,1526],{"class":650,"line":902},[648,1517,1225],{"class":951},[648,1519,1247],{"class":784},[648,1521,1231],{"class":753},[648,1523,1168],{"class":853},[648,1525,856],{"class":784},[648,1527,859],{"class":753},[648,1529,1530,1532,1534,1536],{"class":650,"line":1281},[648,1531,1260],{"class":865},[648,1533,869],{"class":753},[648,1535,1265],{"class":784},[648,1537,884],{"class":753},[648,1539,1540,1542,1544,1546],{"class":650,"line":1288},[648,1541,1272],{"class":865},[648,1543,869],{"class":753},[648,1545,1173],{"class":853},[648,1547,893],{"class":784},[648,1549,1550,1552],{"class":650,"line":1293},[648,1551,905],{"class":753},[648,1553,908],{"class":784},[648,1555,1556],{"class":650,"line":1138},[648,1557,841],{"emptyLinePlaceholder":15},[648,1559,1560,1562,1564,1566],{"class":650,"line":1319},[648,1561,1296],{"class":784},[648,1563,754],{"class":753},[648,1565,1301],{"class":853},[648,1567,1304],{"class":784},[648,1569,1570,1572,1574,1576],{"class":650,"line":1324},[648,1571,1296],{"class":784},[648,1573,754],{"class":753},[648,1575,1301],{"class":853},[648,1577,1316],{"class":784},[648,1579,1581],{"class":650,"line":1580},17,[648,1582,841],{"emptyLinePlaceholder":15},[648,1584,1586,1588,1590,1592,1594,1596,1598,1600],{"class":650,"line":1585},18,[648,1587,1296],{"class":784},[648,1589,754],{"class":753},[648,1591,1331],{"class":853},[648,1593,856],{"class":784},[648,1595,1336],{"class":753},[648,1597,1339],{"class":657},[648,1599,1336],{"class":753},[648,1601,908],{"class":784},[587,1603,1605,1614],{"icon":1604},"i-simple-icons-visualstudiocode",[593,1606,1607,1608,1613],{},"It's recommended to install the ",[715,1609,1612],{"href":1610,"rel":1611},"https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss",[719],"Tailwind CSS IntelliSense"," extension for VSCode and add the following settings:",[637,1615,1618],{"className":934,"code":1616,"filename":1617,"language":937,"meta":643,"style":643},"{\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",[645,1619,1620,1624,1637,1654,1659,1672,1690,1694,1725,1738,1783,1787],{"__ignoreMap":643},[648,1621,1622],{"class":650,"line":651},[648,1623,859],{"class":753},[648,1625,1626,1628,1631,1633,1635],{"class":650,"line":802},[648,1627,948],{"class":753},[648,1629,1630],{"class":951},"files.associations",[648,1632,955],{"class":753},[648,1634,869],{"class":753},[648,1636,1067],{"class":753},[648,1638,1639,1641,1644,1646,1648,1650,1652],{"class":650,"line":769},[648,1640,1072],{"class":753},[648,1642,1643],{"class":654},"*.css",[648,1645,955],{"class":753},[648,1647,869],{"class":753},[648,1649,973],{"class":753},[648,1651,730],{"class":657},[648,1653,1107],{"class":753},[648,1655,1656],{"class":650,"line":838},[648,1657,1658],{"class":753},"  },\n",[648,1660,1661,1663,1666,1668,1670],{"class":650,"line":844},[648,1662,948],{"class":753},[648,1664,1665],{"class":951},"editor.quickSuggestions",[648,1667,955],{"class":753},[648,1669,869],{"class":753},[648,1671,1067],{"class":753},[648,1673,1674,1676,1679,1681,1683,1685,1688],{"class":650,"line":862},[648,1675,1072],{"class":753},[648,1677,1678],{"class":654},"strings",[648,1680,955],{"class":753},[648,1682,869],{"class":753},[648,1684,973],{"class":753},[648,1686,1687],{"class":657},"on",[648,1689,1107],{"class":753},[648,1691,1692],{"class":650,"line":875},[648,1693,1658],{"class":753},[648,1695,1696,1698,1701,1703,1705,1707,1709,1712,1714,1716,1718,1720,1722],{"class":650,"line":770},[648,1697,948],{"class":753},[648,1699,1700],{"class":951},"tailwindCSS.classAttributes",[648,1702,955],{"class":753},[648,1704,869],{"class":753},[648,1706,960],{"class":753},[648,1708,955],{"class":753},[648,1710,1711],{"class":657},"class",[648,1713,955],{"class":753},[648,1715,970],{"class":753},[648,1717,973],{"class":753},[648,1719,23],{"class":657},[648,1721,955],{"class":753},[648,1723,1724],{"class":753},"],\n",[648,1726,1727,1729,1732,1734,1736],{"class":650,"line":896},[648,1728,948],{"class":753},[648,1730,1731],{"class":951},"tailwindCSS.experimental.classRegex",[648,1733,955],{"class":753},[648,1735,869],{"class":753},[648,1737,872],{"class":753},[648,1739,1740,1743,1745,1748,1751,1754,1756,1759,1761,1763,1765,1768,1771,1774,1776,1779,1781],{"class":650,"line":902},[648,1741,1742],{"class":753},"    [",[648,1744,955],{"class":753},[648,1746,1747],{"class":657},"ui:",[648,1749,1750],{"class":784},"\\\\",[648,1752,1753],{"class":657},"s*{([^)]*)",[648,1755,1750],{"class":784},[648,1757,1758],{"class":657},"s*}",[648,1760,955],{"class":753},[648,1762,970],{"class":753},[648,1764,973],{"class":753},[648,1766,1767],{"class":657},"(?:'|",[648,1769,1770],{"class":784},"\\\"",[648,1772,1773],{"class":657},"|`)([^']*)(?:'|",[648,1775,1770],{"class":784},[648,1777,1778],{"class":657},"|`)",[648,1780,955],{"class":753},[648,1782,1006],{"class":753},[648,1784,1785],{"class":650,"line":1281},[648,1786,899],{"class":753},[648,1788,1789],{"class":650,"line":1288},[648,1790,1011],{"class":753},[628,1792,1794],{"id":1793},"wrap-your-app-with-app-component","Wrap your app with App component",[637,1796,1800],{"className":1797,"code":1798,"filename":1799,"language":28,"meta":643,"style":643},"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",[645,1801,1802,1813,1823,1834,1843],{"__ignoreMap":643},[648,1803,1804,1807,1810],{"class":650,"line":651},[648,1805,1806],{"class":753},"\u003C",[648,1808,1809],{"class":865},"template",[648,1811,1812],{"class":753},">\n",[648,1814,1815,1818,1821],{"class":650,"line":802},[648,1816,1817],{"class":753},"  \u003C",[648,1819,1820],{"class":865},"UApp",[648,1822,1812],{"class":753},[648,1824,1825,1828,1831],{"class":650,"line":769},[648,1826,1827],{"class":753},"    \u003C",[648,1829,1830],{"class":865},"RouterView",[648,1832,1833],{"class":753}," />\n",[648,1835,1836,1839,1841],{"class":650,"line":838},[648,1837,1838],{"class":753},"  \u003C/",[648,1840,1820],{"class":865},[648,1842,1812],{"class":753},[648,1844,1845,1848,1850],{"class":650,"line":844},[648,1846,1847],{"class":753},"\u003C/",[648,1849,1809],{"class":865},[648,1851,1812],{"class":753},[605,1853,1854],{"to":134},[593,1855,1856,1857,1859,1860,731,1862,735,1864,754],{},"The ",[645,1858,133],{}," component sets up global config and is required for ",[597,1861,566],{},[597,1863,570],{},[597,1865,1866],{},"programmatic overlays",[628,1868,1870,1871,1874],{"id":1869},"add-the-isolate-class-to-your-root-container","Add the ",[645,1872,1873],{},"isolate"," class to your root container",[637,1876,1882],{"className":1877,"code":1878,"filename":1879,"highlights":1880,"language":1881,"meta":643,"style":643},"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",[896],"html",[645,1883,1884,1897,1917,1926,1947,1979,1998,2006,2015,2052,2089,2097],{"__ignoreMap":643},[648,1885,1886,1889,1892,1895],{"class":650,"line":651},[648,1887,1888],{"class":753},"\u003C!",[648,1890,1891],{"class":865},"DOCTYPE",[648,1893,1894],{"class":951}," html",[648,1896,1812],{"class":753},[648,1898,1899,1901,1903,1906,1908,1910,1913,1915],{"class":650,"line":802},[648,1900,1806],{"class":753},[648,1902,1881],{"class":865},[648,1904,1905],{"class":951}," lang",[648,1907,1231],{"class":753},[648,1909,955],{"class":753},[648,1911,1912],{"class":657},"en",[648,1914,955],{"class":753},[648,1916,1812],{"class":753},[648,1918,1919,1921,1924],{"class":650,"line":769},[648,1920,1817],{"class":753},[648,1922,1923],{"class":865},"head",[648,1925,1812],{"class":753},[648,1927,1928,1930,1933,1936,1938,1940,1943,1945],{"class":650,"line":838},[648,1929,1827],{"class":753},[648,1931,1932],{"class":865},"meta",[648,1934,1935],{"class":951}," charset",[648,1937,1231],{"class":753},[648,1939,955],{"class":753},[648,1941,1942],{"class":657},"UTF-8",[648,1944,955],{"class":753},[648,1946,1833],{"class":753},[648,1948,1949,1951,1953,1956,1958,1960,1963,1965,1968,1970,1972,1975,1977],{"class":650,"line":844},[648,1950,1827],{"class":753},[648,1952,1932],{"class":865},[648,1954,1955],{"class":951}," name",[648,1957,1231],{"class":753},[648,1959,955],{"class":753},[648,1961,1962],{"class":657},"viewport",[648,1964,955],{"class":753},[648,1966,1967],{"class":951}," content",[648,1969,1231],{"class":753},[648,1971,955],{"class":753},[648,1973,1974],{"class":657},"width=device-width, initial-scale=1.0",[648,1976,955],{"class":753},[648,1978,1833],{"class":753},[648,1980,1981,1983,1986,1989,1992,1994,1996],{"class":650,"line":862},[648,1982,1827],{"class":753},[648,1984,1985],{"class":865},"title",[648,1987,1988],{"class":753},">",[648,1990,1991],{"class":784},"Nuxt UI",[648,1993,1847],{"class":753},[648,1995,1985],{"class":865},[648,1997,1812],{"class":753},[648,1999,2000,2002,2004],{"class":650,"line":875},[648,2001,1838],{"class":753},[648,2003,1923],{"class":865},[648,2005,1812],{"class":753},[648,2007,2008,2010,2013],{"class":650,"line":770},[648,2009,1817],{"class":753},[648,2011,2012],{"class":865},"body",[648,2014,1812],{"class":753},[648,2016,2018,2020,2023,2026,2028,2030,2032,2034,2037,2039,2041,2043,2045,2048,2050],{"class":2017,"line":896},[650,821],[648,2019,1827],{"class":753},[648,2021,2022],{"class":865},"div",[648,2024,2025],{"class":951}," id",[648,2027,1231],{"class":753},[648,2029,955],{"class":753},[648,2031,1296],{"class":657},[648,2033,955],{"class":753},[648,2035,2036],{"class":951}," class",[648,2038,1231],{"class":753},[648,2040,955],{"class":753},[648,2042,1873],{"class":657},[648,2044,955],{"class":753},[648,2046,2047],{"class":753},">\u003C/",[648,2049,2022],{"class":865},[648,2051,1812],{"class":753},[648,2053,2054,2056,2059,2062,2064,2066,2069,2071,2074,2076,2078,2081,2083,2085,2087],{"class":650,"line":902},[648,2055,1827],{"class":753},[648,2057,2058],{"class":865},"script",[648,2060,2061],{"class":951}," type",[648,2063,1231],{"class":753},[648,2065,955],{"class":753},[648,2067,2068],{"class":657},"module",[648,2070,955],{"class":753},[648,2072,2073],{"class":951}," src",[648,2075,1231],{"class":753},[648,2077,955],{"class":753},[648,2079,2080],{"class":657},"/src/main.ts",[648,2082,955],{"class":753},[648,2084,2047],{"class":753},[648,2086,2058],{"class":865},[648,2088,1812],{"class":753},[648,2090,2091,2093,2095],{"class":650,"line":1281},[648,2092,1838],{"class":753},[648,2094,2012],{"class":865},[648,2096,1812],{"class":753},[648,2098,2099,2101,2103],{"class":650,"line":1288},[648,2100,1847],{"class":753},[648,2102,1881],{"class":865},[648,2104,1812],{"class":753},[605,2106,2107],{},[593,2108,2109],{},"This ensures styles are scoped to your app and prevents issues with overlays and stacking contexts.",[619,2111,2113],{"id":2112},"upgrade-from-nuxt-ui","Upgrade from Nuxt UI",[624,2115,2116,2130,2171,2183,2254,2266],{"level":626},[628,2117,2119,2120,2125,2126],{"id":2118},"replace-nuxtui-package-with-nuxtui-pro","Replace ",[645,2121,2122],{"className":639,"language":642,"style":643},[648,2123,2124],{"class":654},"@nuxt/ui"," package with ",[645,2127,2128],{"className":639,"language":642,"style":643},[648,2129,1392],{"class":654},[637,2131,2136],{"className":2132,"code":2133,"filename":2134,"language":2135,"meta":643,"style":643},"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",[645,2137,2138,2142,2147,2155,2163,2167],{"__ignoreMap":643},[648,2139,2140],{"class":650,"line":651},[648,2141,859],{"class":784},[648,2143,2144],{"class":650,"line":802},[648,2145,2146],{"class":784},"  \"dependencies\": {\n",[648,2148,2149,2152],{"class":650,"line":769},[648,2150,2151],{"class":753},"-",[648,2153,2154],{"class":865},"   \"@nuxt/ui\": \"^3.0.0\",\n",[648,2156,2157,2160],{"class":650,"line":838},[648,2158,2159],{"class":753},"+",[648,2161,2162],{"class":657},"   \"@nuxt/ui-pro\": \"^3.0.0\",\n",[648,2164,2165],{"class":650,"line":844},[648,2166,1122],{"class":784},[648,2168,2169],{"class":650,"line":862},[648,2170,1011],{"class":784},[628,2172,2119,2174,2178,2179],{"id":2173},"replace-nuxtui-vite-plugin-with-nuxtui-pro",[645,2175,2176],{"className":639,"language":642,"style":643},[648,2177,2124],{"class":654}," vite plugin with ",[645,2180,2181],{"className":639,"language":642,"style":643},[648,2182,1392],{"class":654},[637,2184,2186],{"className":2132,"code":2185,"filename":767,"language":2135,"meta":643,"style":643},"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",[645,2187,2188,2193,2198,2205,2212,2216,2221,2226,2231,2238,2245,2249],{"__ignoreMap":643},[648,2189,2190],{"class":650,"line":651},[648,2191,2192],{"class":784},"import { defineConfig } from 'vite'\n",[648,2194,2195],{"class":650,"line":802},[648,2196,2197],{"class":784},"import vue from '@vitejs/plugin-vue'\n",[648,2199,2200,2202],{"class":650,"line":769},[648,2201,2151],{"class":753},[648,2203,2204],{"class":865}," import ui from '@nuxt/ui/vite'\n",[648,2206,2207,2209],{"class":650,"line":838},[648,2208,2159],{"class":753},[648,2210,2211],{"class":657}," import uiPro from '@nuxt/ui-pro/vite'\n",[648,2213,2214],{"class":650,"line":844},[648,2215,841],{"emptyLinePlaceholder":15},[648,2217,2218],{"class":650,"line":862},[648,2219,2220],{"class":784},"export default defineConfig({\n",[648,2222,2223],{"class":650,"line":875},[648,2224,2225],{"class":784},"  plugins: [\n",[648,2227,2228],{"class":650,"line":770},[648,2229,2230],{"class":784},"    vue(),\n",[648,2232,2233,2235],{"class":650,"line":896},[648,2234,2151],{"class":753},[648,2236,2237],{"class":865},"   ui(),\n",[648,2239,2240,2242],{"class":650,"line":902},[648,2241,2159],{"class":753},[648,2243,2244],{"class":657},"   uiPro()\n",[648,2246,2247],{"class":650,"line":1281},[648,2248,899],{"class":784},[648,2250,2251],{"class":650,"line":1288},[648,2252,2253],{"class":784},"})\n",[628,2255,2119,2257,2261,2262],{"id":2256},"replace-nuxtui-css-import-with-nuxtui-pro",[645,2258,2259],{"className":639,"language":642,"style":643},[648,2260,2124],{"class":654}," CSS import with ",[645,2263,2264],{"className":639,"language":642,"style":643},[648,2265,1392],{"class":654},[637,2267,2270],{"className":2132,"code":2268,"filename":2269,"language":2135,"meta":643,"style":643},"@import \"tailwindcss\";\n- @import \"@nuxt/ui\";\n+ @import \"@nuxt/ui-pro\";\n","assets/css/main.css",[645,2271,2272,2277,2284],{"__ignoreMap":643},[648,2273,2274],{"class":650,"line":651},[648,2275,2276],{"class":784},"@import \"tailwindcss\";\n",[648,2278,2279,2281],{"class":650,"line":802},[648,2280,2151],{"class":753},[648,2282,2283],{"class":865}," @import \"@nuxt/ui\";\n",[648,2285,2286,2288],{"class":650,"line":769},[648,2287,2159],{"class":753},[648,2289,2290],{"class":657}," @import \"@nuxt/ui-pro\";\n",[619,2292,2294],{"id":2293},"use-an-official-template","Use an official template",[593,2296,2297],{},"You can get started with our official Vue templates:",[2299,2300,2301,2313,2320,2327],"card-group",{},[2302,2303,2310],"card",{"color":2304,"icon":2305,"target":2306,"title":2307,"to":2308,"variant":2309},"neutral","i-simple-icons-github","_blank","Dashboard","https://github.com/nuxt-ui-pro/dashboard-vue","subtle",[593,2311,2312],{},"A Vue dashboard template with multi-column layout.",[2302,2314,2317],{"color":2304,"icon":2305,"target":2306,"title":2315,"to":2316},"Starter Vue","https://github.com/nuxt-ui-pro/starter-vue",[593,2318,2319],{},"A minimal Nuxt UI Pro setup for Vue.",[2302,2321,2324],{"color":2304,"icon":2305,"target":2306,"title":2322,"to":2323},"Starter Adonis","https://github.com/nuxt-ui-pro/starter-adonis",[593,2325,2326],{},"A minimal Nuxt UI Pro setup for AdonisJS using Inertia.js.",[2302,2328,2331],{"color":2304,"icon":2305,"target":2306,"title":2329,"to":2330},"Starter Laravel","https://github.com/nuxt-ui-pro/starter-laravel",[593,2332,2333],{},"A minimal Nuxt UI Pro setup for Laravel using Inertia.js.",[593,2335,2336,2337,2340],{},"You can use the ",[645,2338,2339],{},"Use this template"," button on GitHub to create a new repository or use the CLI:",[633,2342,2343,2363],{},[637,2344,2347],{"className":639,"code":2345,"filename":2346,"language":642,"meta":643,"style":643},"npx giget@latest gh:nuxt-ui-pro/starter-vue my-vue-starter\n","Starter",[645,2348,2349],{"__ignoreMap":643},[648,2350,2351,2354,2357,2360],{"class":650,"line":651},[648,2352,2353],{"class":654},"npx",[648,2355,2356],{"class":657}," giget@latest",[648,2358,2359],{"class":657}," gh:nuxt-ui-pro/starter-vue",[648,2361,2362],{"class":657}," my-vue-starter\n",[637,2364,2366],{"className":639,"code":2365,"filename":2307,"language":642,"meta":643,"style":643},"npx giget@latest gh:nuxt-ui-pro/dashboard-vue my-vue-dashboard\n",[645,2367,2368],{"__ignoreMap":643},[648,2369,2370,2372,2374,2377],{"class":650,"line":651},[648,2371,2353],{"class":654},[648,2373,2356],{"class":657},[648,2375,2376],{"class":657}," gh:nuxt-ui-pro/dashboard-vue",[648,2378,2379],{"class":657}," my-vue-dashboard\n",[593,2381,2382,2383,2386],{},"Once the directory is created, you can install the dependencies and start the development server using the ",[645,2384,2385],{},"npm run dev"," command.",[614,2388,2390],{"id":2389},"options","Options",[593,2392,2393,2394,754],{},"You can customize Nuxt UI Pro by providing options in your ",[645,2395,767],{},[619,2397,2399],{"id":2398},"prefix",[645,2400,2398],{},[593,2402,2403,2404,2406],{},"Use the ",[645,2405,2398],{}," option to change the prefix of the components.",[2408,2409,2410],"ul",{},[2411,2412,2413,2414],"li",{},"Default: ",[645,2415,2416],{"className":746,"language":747,"style":643},[648,2417,2418],{"class":654},"U",[637,2420,2422],{"className":765,"code":2421,"filename":767,"language":762,"meta":643,"style":643},"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",[645,2423,2424,2442,2456,2470,2474,2486,2494,2502,2510,2523,2530,2534],{"__ignoreMap":643},[648,2425,2426,2428,2430,2432,2434,2436,2438,2440],{"class":650,"line":651},[648,2427,778],{"class":777},[648,2429,781],{"class":753},[648,2431,785],{"class":784},[648,2433,788],{"class":753},[648,2435,791],{"class":777},[648,2437,794],{"class":753},[648,2439,750],{"class":657},[648,2441,799],{"class":753},[648,2443,2444,2446,2448,2450,2452,2454],{"class":650,"line":802},[648,2445,778],{"class":777},[648,2447,807],{"class":784},[648,2449,810],{"class":777},[648,2451,794],{"class":753},[648,2453,815],{"class":657},[648,2455,799],{"class":753},[648,2457,2458,2460,2462,2464,2466,2468],{"class":650,"line":769},[648,2459,778],{"class":777},[648,2461,826],{"class":784},[648,2463,810],{"class":777},[648,2465,794],{"class":753},[648,2467,833],{"class":657},[648,2469,799],{"class":753},[648,2471,2472],{"class":650,"line":838},[648,2473,841],{"emptyLinePlaceholder":15},[648,2475,2476,2478,2480,2482,2484],{"class":650,"line":844},[648,2477,847],{"class":777},[648,2479,850],{"class":777},[648,2481,785],{"class":853},[648,2483,856],{"class":784},[648,2485,859],{"class":753},[648,2487,2488,2490,2492],{"class":650,"line":862},[648,2489,866],{"class":865},[648,2491,869],{"class":753},[648,2493,872],{"class":784},[648,2495,2496,2498,2500],{"class":650,"line":875},[648,2497,878],{"class":853},[648,2499,881],{"class":784},[648,2501,884],{"class":753},[648,2503,2504,2506,2508],{"class":650,"line":770},[648,2505,890],{"class":853},[648,2507,856],{"class":784},[648,2509,859],{"class":753},[648,2511,2512,2515,2517,2519,2521],{"class":650,"line":896},[648,2513,2514],{"class":865},"      prefix",[648,2516,869],{"class":753},[648,2518,794],{"class":753},[648,2520,599],{"class":657},[648,2522,799],{"class":753},[648,2524,2525,2528],{"class":650,"line":902},[648,2526,2527],{"class":753},"    }",[648,2529,908],{"class":784},[648,2531,2532],{"class":650,"line":1281},[648,2533,899],{"class":784},[648,2535,2536,2538],{"class":650,"line":1288},[648,2537,905],{"class":753},[648,2539,908],{"class":784},[619,2541,2542],{"id":23},[645,2543,23],{},[593,2545,2403,2546,2548],{},[645,2547,23],{}," option to provide configuration for Nuxt UI.",[637,2550,2552],{"className":765,"code":2551,"filename":767,"language":762,"meta":643,"style":643},"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",[645,2553,2554,2572,2586,2600,2604,2616,2624,2632,2640,2649,2658,2674,2688,2693,2698,2704,2708],{"__ignoreMap":643},[648,2555,2556,2558,2560,2562,2564,2566,2568,2570],{"class":650,"line":651},[648,2557,778],{"class":777},[648,2559,781],{"class":753},[648,2561,785],{"class":784},[648,2563,788],{"class":753},[648,2565,791],{"class":777},[648,2567,794],{"class":753},[648,2569,750],{"class":657},[648,2571,799],{"class":753},[648,2573,2574,2576,2578,2580,2582,2584],{"class":650,"line":802},[648,2575,778],{"class":777},[648,2577,807],{"class":784},[648,2579,810],{"class":777},[648,2581,794],{"class":753},[648,2583,815],{"class":657},[648,2585,799],{"class":753},[648,2587,2588,2590,2592,2594,2596,2598],{"class":650,"line":769},[648,2589,778],{"class":777},[648,2591,826],{"class":784},[648,2593,810],{"class":777},[648,2595,794],{"class":753},[648,2597,833],{"class":657},[648,2599,799],{"class":753},[648,2601,2602],{"class":650,"line":838},[648,2603,841],{"emptyLinePlaceholder":15},[648,2605,2606,2608,2610,2612,2614],{"class":650,"line":844},[648,2607,847],{"class":777},[648,2609,850],{"class":777},[648,2611,785],{"class":853},[648,2613,856],{"class":784},[648,2615,859],{"class":753},[648,2617,2618,2620,2622],{"class":650,"line":862},[648,2619,866],{"class":865},[648,2621,869],{"class":753},[648,2623,872],{"class":784},[648,2625,2626,2628,2630],{"class":650,"line":875},[648,2627,878],{"class":853},[648,2629,881],{"class":784},[648,2631,884],{"class":753},[648,2633,2634,2636,2638],{"class":650,"line":770},[648,2635,890],{"class":853},[648,2637,856],{"class":784},[648,2639,859],{"class":753},[648,2641,2642,2645,2647],{"class":650,"line":896},[648,2643,2644],{"class":865},"      ui",[648,2646,869],{"class":753},[648,2648,1067],{"class":753},[648,2650,2651,2654,2656],{"class":650,"line":902},[648,2652,2653],{"class":865},"        colors",[648,2655,869],{"class":753},[648,2657,1067],{"class":753},[648,2659,2660,2663,2665,2667,2670,2672],{"class":650,"line":1281},[648,2661,2662],{"class":865},"          primary",[648,2664,869],{"class":753},[648,2666,794],{"class":753},[648,2668,2669],{"class":657},"green",[648,2671,1336],{"class":753},[648,2673,884],{"class":753},[648,2675,2676,2679,2681,2683,2686],{"class":650,"line":1288},[648,2677,2678],{"class":865},"          neutral",[648,2680,869],{"class":753},[648,2682,794],{"class":753},[648,2684,2685],{"class":657},"slate",[648,2687,799],{"class":753},[648,2689,2690],{"class":650,"line":1293},[648,2691,2692],{"class":753},"        }\n",[648,2694,2695],{"class":650,"line":1138},[648,2696,2697],{"class":753},"      }\n",[648,2699,2700,2702],{"class":650,"line":1319},[648,2701,2527],{"class":753},[648,2703,908],{"class":784},[648,2705,2706],{"class":650,"line":1324},[648,2707,899],{"class":784},[648,2709,2710,2712],{"class":650,"line":1580},[648,2711,905],{"class":753},[648,2713,908],{"class":784},[619,2715,2717],{"id":2716},"uipro",[645,2718,2719],{},"uiPro",[593,2721,2403,2722,2724],{},[645,2723,2719],{}," option to provide configuration for Nuxt UI Pro.",[637,2726,2728],{"className":765,"code":2727,"filename":767,"language":762,"meta":643,"style":643},"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",[645,2729,2730,2748,2762,2776,2780,2792,2800,2808,2816,2825,2834,2843,2857,2862,2866,2870,2876,2880],{"__ignoreMap":643},[648,2731,2732,2734,2736,2738,2740,2742,2744,2746],{"class":650,"line":651},[648,2733,778],{"class":777},[648,2735,781],{"class":753},[648,2737,785],{"class":784},[648,2739,788],{"class":753},[648,2741,791],{"class":777},[648,2743,794],{"class":753},[648,2745,750],{"class":657},[648,2747,799],{"class":753},[648,2749,2750,2752,2754,2756,2758,2760],{"class":650,"line":802},[648,2751,778],{"class":777},[648,2753,807],{"class":784},[648,2755,810],{"class":777},[648,2757,794],{"class":753},[648,2759,815],{"class":657},[648,2761,799],{"class":753},[648,2763,2764,2766,2768,2770,2772,2774],{"class":650,"line":769},[648,2765,778],{"class":777},[648,2767,826],{"class":784},[648,2769,810],{"class":777},[648,2771,794],{"class":753},[648,2773,833],{"class":657},[648,2775,799],{"class":753},[648,2777,2778],{"class":650,"line":838},[648,2779,841],{"emptyLinePlaceholder":15},[648,2781,2782,2784,2786,2788,2790],{"class":650,"line":844},[648,2783,847],{"class":777},[648,2785,850],{"class":777},[648,2787,785],{"class":853},[648,2789,856],{"class":784},[648,2791,859],{"class":753},[648,2793,2794,2796,2798],{"class":650,"line":862},[648,2795,866],{"class":865},[648,2797,869],{"class":753},[648,2799,872],{"class":784},[648,2801,2802,2804,2806],{"class":650,"line":875},[648,2803,878],{"class":853},[648,2805,881],{"class":784},[648,2807,884],{"class":753},[648,2809,2810,2812,2814],{"class":650,"line":770},[648,2811,890],{"class":853},[648,2813,856],{"class":784},[648,2815,859],{"class":753},[648,2817,2818,2821,2823],{"class":650,"line":896},[648,2819,2820],{"class":865},"      uiPro",[648,2822,869],{"class":753},[648,2824,1067],{"class":753},[648,2826,2827,2830,2832],{"class":650,"line":902},[648,2828,2829],{"class":865},"        pageHero",[648,2831,869],{"class":753},[648,2833,1067],{"class":753},[648,2835,2836,2839,2841],{"class":650,"line":1281},[648,2837,2838],{"class":865},"          slots",[648,2840,869],{"class":753},[648,2842,1067],{"class":753},[648,2844,2845,2848,2850,2852,2855],{"class":650,"line":1288},[648,2846,2847],{"class":865},"            title",[648,2849,869],{"class":753},[648,2851,794],{"class":753},[648,2853,2854],{"class":657},"font-light",[648,2856,799],{"class":753},[648,2858,2859],{"class":650,"line":1293},[648,2860,2861],{"class":753},"          }\n",[648,2863,2864],{"class":650,"line":1138},[648,2865,2692],{"class":753},[648,2867,2868],{"class":650,"line":1319},[648,2869,2697],{"class":753},[648,2871,2872,2874],{"class":650,"line":1324},[648,2873,2527],{"class":753},[648,2875,908],{"class":784},[648,2877,2878],{"class":650,"line":1580},[648,2879,899],{"class":784},[648,2881,2882,2884],{"class":650,"line":1585},[648,2883,905],{"class":753},[648,2885,908],{"class":784},[619,2887,2889],{"id":2888},"colormode",[645,2890,2891],{},"colorMode",[593,2893,2403,2894,2896,2897,754],{},[645,2895,2891],{}," option to enable or disable the color mode integration from ",[645,2898,2899],{},"@vueuse/core",[2408,2901,2902],{},[2411,2903,2413,2904],{},[645,2905,2906],{"className":746,"language":747,"style":643},[648,2907,2908],{"class":654},"true",[637,2910,2912],{"className":765,"code":2911,"filename":767,"language":762,"meta":643,"style":643},"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",[645,2913,2914,2932,2946,2960,2964,2976,2984,2992,3000,3011,3017,3021],{"__ignoreMap":643},[648,2915,2916,2918,2920,2922,2924,2926,2928,2930],{"class":650,"line":651},[648,2917,778],{"class":777},[648,2919,781],{"class":753},[648,2921,785],{"class":784},[648,2923,788],{"class":753},[648,2925,791],{"class":777},[648,2927,794],{"class":753},[648,2929,750],{"class":657},[648,2931,799],{"class":753},[648,2933,2934,2936,2938,2940,2942,2944],{"class":650,"line":802},[648,2935,778],{"class":777},[648,2937,807],{"class":784},[648,2939,810],{"class":777},[648,2941,794],{"class":753},[648,2943,815],{"class":657},[648,2945,799],{"class":753},[648,2947,2948,2950,2952,2954,2956,2958],{"class":650,"line":769},[648,2949,778],{"class":777},[648,2951,826],{"class":784},[648,2953,810],{"class":777},[648,2955,794],{"class":753},[648,2957,833],{"class":657},[648,2959,799],{"class":753},[648,2961,2962],{"class":650,"line":838},[648,2963,841],{"emptyLinePlaceholder":15},[648,2965,2966,2968,2970,2972,2974],{"class":650,"line":844},[648,2967,847],{"class":777},[648,2969,850],{"class":777},[648,2971,785],{"class":853},[648,2973,856],{"class":784},[648,2975,859],{"class":753},[648,2977,2978,2980,2982],{"class":650,"line":862},[648,2979,866],{"class":865},[648,2981,869],{"class":753},[648,2983,872],{"class":784},[648,2985,2986,2988,2990],{"class":650,"line":875},[648,2987,878],{"class":853},[648,2989,881],{"class":784},[648,2991,884],{"class":753},[648,2993,2994,2996,2998],{"class":650,"line":770},[648,2995,890],{"class":853},[648,2997,856],{"class":784},[648,2999,859],{"class":753},[648,3001,3002,3005,3007],{"class":650,"line":896},[648,3003,3004],{"class":865},"      colorMode",[648,3006,869],{"class":753},[648,3008,3010],{"class":3009},"sfNiH"," false\n",[648,3012,3013,3015],{"class":650,"line":902},[648,3014,2527],{"class":753},[648,3016,908],{"class":784},[648,3018,3019],{"class":650,"line":1281},[648,3020,899],{"class":784},[648,3022,3023,3025],{"class":650,"line":1288},[648,3024,905],{"class":753},[648,3026,908],{"class":784},[619,3028,3030],{"id":3029},"themecolors",[645,3031,3032],{},"theme.colors",[593,3034,2403,3035,3037],{},[645,3036,3032],{}," option to define the dynamic color aliases used to generate components theme.",[2408,3039,3040],{},[2411,3041,2413,3042],{},[645,3043,3045,3048,3050,3053,3055,3057,3059,3062,3064,3066,3068,3071,3073,3075,3077,3080,3082,3084,3086,3088,3090,3092,3094,3097,3099],{"className":3044,"language":747,"style":643},"inline,language-ts-type shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",[648,3046,3047],{"class":784},"[",[648,3049,1336],{"class":753},[648,3051,3052],{"class":657},"primary",[648,3054,1336],{"class":753},[648,3056,970],{"class":753},[648,3058,794],{"class":753},[648,3060,3061],{"class":657},"secondary",[648,3063,1336],{"class":753},[648,3065,970],{"class":753},[648,3067,794],{"class":753},[648,3069,3070],{"class":657},"success",[648,3072,1336],{"class":753},[648,3074,970],{"class":753},[648,3076,794],{"class":753},[648,3078,3079],{"class":657},"info",[648,3081,1336],{"class":753},[648,3083,970],{"class":753},[648,3085,794],{"class":753},[648,3087,706],{"class":657},[648,3089,1336],{"class":753},[648,3091,970],{"class":753},[648,3093,794],{"class":753},[648,3095,3096],{"class":657},"error",[648,3098,1336],{"class":753},[648,3100,3101],{"class":784},"]",[637,3103,3105],{"className":765,"code":3104,"filename":767,"language":762,"meta":643,"style":643},"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",[645,3106,3107,3125,3139,3153,3157,3169,3177,3185,3193,3202,3226,3230,3236,3240],{"__ignoreMap":643},[648,3108,3109,3111,3113,3115,3117,3119,3121,3123],{"class":650,"line":651},[648,3110,778],{"class":777},[648,3112,781],{"class":753},[648,3114,785],{"class":784},[648,3116,788],{"class":753},[648,3118,791],{"class":777},[648,3120,794],{"class":753},[648,3122,750],{"class":657},[648,3124,799],{"class":753},[648,3126,3127,3129,3131,3133,3135,3137],{"class":650,"line":802},[648,3128,778],{"class":777},[648,3130,807],{"class":784},[648,3132,810],{"class":777},[648,3134,794],{"class":753},[648,3136,815],{"class":657},[648,3138,799],{"class":753},[648,3140,3141,3143,3145,3147,3149,3151],{"class":650,"line":769},[648,3142,778],{"class":777},[648,3144,826],{"class":784},[648,3146,810],{"class":777},[648,3148,794],{"class":753},[648,3150,833],{"class":657},[648,3152,799],{"class":753},[648,3154,3155],{"class":650,"line":838},[648,3156,841],{"emptyLinePlaceholder":15},[648,3158,3159,3161,3163,3165,3167],{"class":650,"line":844},[648,3160,847],{"class":777},[648,3162,850],{"class":777},[648,3164,785],{"class":853},[648,3166,856],{"class":784},[648,3168,859],{"class":753},[648,3170,3171,3173,3175],{"class":650,"line":862},[648,3172,866],{"class":865},[648,3174,869],{"class":753},[648,3176,872],{"class":784},[648,3178,3179,3181,3183],{"class":650,"line":875},[648,3180,878],{"class":853},[648,3182,881],{"class":784},[648,3184,884],{"class":753},[648,3186,3187,3189,3191],{"class":650,"line":770},[648,3188,890],{"class":853},[648,3190,856],{"class":784},[648,3192,859],{"class":753},[648,3194,3195,3198,3200],{"class":650,"line":896},[648,3196,3197],{"class":865},"      theme",[648,3199,869],{"class":753},[648,3201,1067],{"class":753},[648,3203,3204,3206,3208,3210,3212,3214,3216,3218,3220,3222,3224],{"class":650,"line":902},[648,3205,2653],{"class":865},[648,3207,869],{"class":753},[648,3209,960],{"class":784},[648,3211,1336],{"class":753},[648,3213,3052],{"class":657},[648,3215,1336],{"class":753},[648,3217,970],{"class":753},[648,3219,794],{"class":753},[648,3221,3096],{"class":657},[648,3223,1336],{"class":753},[648,3225,1006],{"class":784},[648,3227,3228],{"class":650,"line":1281},[648,3229,2697],{"class":753},[648,3231,3232,3234],{"class":650,"line":1288},[648,3233,2527],{"class":753},[648,3235,908],{"class":784},[648,3237,3238],{"class":650,"line":1293},[648,3239,899],{"class":784},[648,3241,3242,3244],{"class":650,"line":1138},[648,3243,905],{"class":753},[648,3245,908],{"class":784},[910,3247,3249],{"to":3248},"/getting-started/theme#colors",[593,3250,3251],{},"Learn more about color customization and theming in the Theme section.",[619,3253,3255],{"id":3254},"themetransitions",[645,3256,3257],{},"theme.transitions",[593,3259,2403,3260,3262],{},[645,3261,3257],{}," option to enable or disable transitions on components.",[2408,3264,3265],{},[2411,3266,2413,3267],{},[645,3268,3269],{"className":746,"language":747,"style":643},[648,3270,2908],{"class":654},[637,3272,3274],{"className":765,"code":3273,"filename":767,"language":762,"meta":643,"style":643},"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",[645,3275,3276,3294,3308,3322,3326,3338,3346,3354,3362,3370,3379,3383,3389,3393],{"__ignoreMap":643},[648,3277,3278,3280,3282,3284,3286,3288,3290,3292],{"class":650,"line":651},[648,3279,778],{"class":777},[648,3281,781],{"class":753},[648,3283,785],{"class":784},[648,3285,788],{"class":753},[648,3287,791],{"class":777},[648,3289,794],{"class":753},[648,3291,750],{"class":657},[648,3293,799],{"class":753},[648,3295,3296,3298,3300,3302,3304,3306],{"class":650,"line":802},[648,3297,778],{"class":777},[648,3299,807],{"class":784},[648,3301,810],{"class":777},[648,3303,794],{"class":753},[648,3305,815],{"class":657},[648,3307,799],{"class":753},[648,3309,3310,3312,3314,3316,3318,3320],{"class":650,"line":769},[648,3311,778],{"class":777},[648,3313,826],{"class":784},[648,3315,810],{"class":777},[648,3317,794],{"class":753},[648,3319,833],{"class":657},[648,3321,799],{"class":753},[648,3323,3324],{"class":650,"line":838},[648,3325,841],{"emptyLinePlaceholder":15},[648,3327,3328,3330,3332,3334,3336],{"class":650,"line":844},[648,3329,847],{"class":777},[648,3331,850],{"class":777},[648,3333,785],{"class":853},[648,3335,856],{"class":784},[648,3337,859],{"class":753},[648,3339,3340,3342,3344],{"class":650,"line":862},[648,3341,866],{"class":865},[648,3343,869],{"class":753},[648,3345,872],{"class":784},[648,3347,3348,3350,3352],{"class":650,"line":875},[648,3349,878],{"class":853},[648,3351,881],{"class":784},[648,3353,884],{"class":753},[648,3355,3356,3358,3360],{"class":650,"line":770},[648,3357,890],{"class":853},[648,3359,856],{"class":784},[648,3361,859],{"class":753},[648,3363,3364,3366,3368],{"class":650,"line":896},[648,3365,3197],{"class":865},[648,3367,869],{"class":753},[648,3369,1067],{"class":753},[648,3371,3372,3375,3377],{"class":650,"line":902},[648,3373,3374],{"class":865},"        transitions",[648,3376,869],{"class":753},[648,3378,3010],{"class":3009},[648,3380,3381],{"class":650,"line":1281},[648,3382,2697],{"class":753},[648,3384,3385,3387],{"class":650,"line":1288},[648,3386,2527],{"class":753},[648,3388,908],{"class":784},[648,3390,3391],{"class":650,"line":1293},[648,3392,899],{"class":784},[648,3394,3395,3397],{"class":650,"line":1138},[648,3396,905],{"class":753},[648,3398,908],{"class":784},[605,3400,3401],{},[593,3402,3403,3404,3407],{},"This option adds the ",[645,3405,3406],{},"transition-colors"," class on components with hover or active states.",[619,3409,3411,3414,3415],{"id":3410},"themedefaultvariants",[645,3412,3413],{},"theme.defaultVariants"," ",[3416,3417],"badge",{"className":3418,"label":352},[3419],"align-text-top",[593,3421,2403,3422,3424,3425,735,3428,3431],{},[645,3423,3413],{}," option to override the default ",[645,3426,3427],{},"color",[645,3429,3430],{},"size"," variants for components.",[2408,3433,3434],{},[2411,3435,2413,3436],{},[645,3437,3438,3441,3444,3446,3448,3450,3452,3454,3457,3459,3461,3464,3466],{"className":746,"language":747,"style":643},[648,3439,3440],{"class":753},"{",[648,3442,3443],{"class":865}," color",[648,3445,869],{"class":753},[648,3447,794],{"class":753},[648,3449,3052],{"class":657},[648,3451,1336],{"class":753},[648,3453,970],{"class":753},[648,3455,3456],{"class":865}," size",[648,3458,869],{"class":753},[648,3460,794],{"class":753},[648,3462,3463],{"class":657},"md",[648,3465,1336],{"class":753},[648,3467,788],{"class":753},[637,3469,3471],{"className":765,"code":3470,"filename":767,"language":762,"meta":643,"style":643},"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",[645,3472,3473,3491,3505,3519,3523,3535,3543,3551,3559,3567,3576,3591,3605,3609,3613,3619,3623],{"__ignoreMap":643},[648,3474,3475,3477,3479,3481,3483,3485,3487,3489],{"class":650,"line":651},[648,3476,778],{"class":777},[648,3478,781],{"class":753},[648,3480,785],{"class":784},[648,3482,788],{"class":753},[648,3484,791],{"class":777},[648,3486,794],{"class":753},[648,3488,750],{"class":657},[648,3490,799],{"class":753},[648,3492,3493,3495,3497,3499,3501,3503],{"class":650,"line":802},[648,3494,778],{"class":777},[648,3496,807],{"class":784},[648,3498,810],{"class":777},[648,3500,794],{"class":753},[648,3502,815],{"class":657},[648,3504,799],{"class":753},[648,3506,3507,3509,3511,3513,3515,3517],{"class":650,"line":769},[648,3508,778],{"class":777},[648,3510,826],{"class":784},[648,3512,810],{"class":777},[648,3514,794],{"class":753},[648,3516,833],{"class":657},[648,3518,799],{"class":753},[648,3520,3521],{"class":650,"line":838},[648,3522,841],{"emptyLinePlaceholder":15},[648,3524,3525,3527,3529,3531,3533],{"class":650,"line":844},[648,3526,847],{"class":777},[648,3528,850],{"class":777},[648,3530,785],{"class":853},[648,3532,856],{"class":784},[648,3534,859],{"class":753},[648,3536,3537,3539,3541],{"class":650,"line":862},[648,3538,866],{"class":865},[648,3540,869],{"class":753},[648,3542,872],{"class":784},[648,3544,3545,3547,3549],{"class":650,"line":875},[648,3546,878],{"class":853},[648,3548,881],{"class":784},[648,3550,884],{"class":753},[648,3552,3553,3555,3557],{"class":650,"line":770},[648,3554,890],{"class":853},[648,3556,856],{"class":784},[648,3558,859],{"class":753},[648,3560,3561,3563,3565],{"class":650,"line":896},[648,3562,3197],{"class":865},[648,3564,869],{"class":753},[648,3566,1067],{"class":753},[648,3568,3569,3572,3574],{"class":650,"line":902},[648,3570,3571],{"class":865},"        defaultVariants",[648,3573,869],{"class":753},[648,3575,1067],{"class":753},[648,3577,3578,3581,3583,3585,3587,3589],{"class":650,"line":1281},[648,3579,3580],{"class":865},"          color",[648,3582,869],{"class":753},[648,3584,794],{"class":753},[648,3586,2304],{"class":657},[648,3588,1336],{"class":753},[648,3590,884],{"class":753},[648,3592,3593,3596,3598,3600,3603],{"class":650,"line":1288},[648,3594,3595],{"class":865},"          size",[648,3597,869],{"class":753},[648,3599,794],{"class":753},[648,3601,3602],{"class":657},"sm",[648,3604,799],{"class":753},[648,3606,3607],{"class":650,"line":1293},[648,3608,2692],{"class":753},[648,3610,3611],{"class":650,"line":1138},[648,3612,2697],{"class":753},[648,3614,3615,3617],{"class":650,"line":1319},[648,3616,2527],{"class":753},[648,3618,908],{"class":784},[648,3620,3621],{"class":650,"line":1324},[648,3622,899],{"class":784},[648,3624,3625,3627],{"class":650,"line":1580},[648,3626,905],{"class":753},[648,3628,908],{"class":784},[619,3630,3632],{"id":3631},"inertia",[645,3633,3631],{},[593,3635,2403,3636,3638,3639,754],{},[645,3637,3631],{}," option to enable compatibility with ",[715,3640,1353],{"href":1351,"rel":3641},[719],[637,3643,3645],{"className":765,"code":3644,"filename":767,"language":762,"meta":643,"style":643},"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",[645,3646,3647,3665,3679,3693,3697,3709,3717,3725,3733,3743,3749,3753],{"__ignoreMap":643},[648,3648,3649,3651,3653,3655,3657,3659,3661,3663],{"class":650,"line":651},[648,3650,778],{"class":777},[648,3652,781],{"class":753},[648,3654,785],{"class":784},[648,3656,788],{"class":753},[648,3658,791],{"class":777},[648,3660,794],{"class":753},[648,3662,750],{"class":657},[648,3664,799],{"class":753},[648,3666,3667,3669,3671,3673,3675,3677],{"class":650,"line":802},[648,3668,778],{"class":777},[648,3670,807],{"class":784},[648,3672,810],{"class":777},[648,3674,794],{"class":753},[648,3676,815],{"class":657},[648,3678,799],{"class":753},[648,3680,3681,3683,3685,3687,3689,3691],{"class":650,"line":769},[648,3682,778],{"class":777},[648,3684,826],{"class":784},[648,3686,810],{"class":777},[648,3688,794],{"class":753},[648,3690,833],{"class":657},[648,3692,799],{"class":753},[648,3694,3695],{"class":650,"line":838},[648,3696,841],{"emptyLinePlaceholder":15},[648,3698,3699,3701,3703,3705,3707],{"class":650,"line":844},[648,3700,847],{"class":777},[648,3702,850],{"class":777},[648,3704,785],{"class":853},[648,3706,856],{"class":784},[648,3708,859],{"class":753},[648,3710,3711,3713,3715],{"class":650,"line":862},[648,3712,866],{"class":865},[648,3714,869],{"class":753},[648,3716,872],{"class":784},[648,3718,3719,3721,3723],{"class":650,"line":875},[648,3720,878],{"class":853},[648,3722,881],{"class":784},[648,3724,884],{"class":753},[648,3726,3727,3729,3731],{"class":650,"line":770},[648,3728,890],{"class":853},[648,3730,856],{"class":784},[648,3732,859],{"class":753},[648,3734,3735,3738,3740],{"class":650,"line":896},[648,3736,3737],{"class":865},"      inertia",[648,3739,869],{"class":753},[648,3741,3742],{"class":3009}," true\n",[648,3744,3745,3747],{"class":650,"line":902},[648,3746,2527],{"class":753},[648,3748,908],{"class":784},[648,3750,3751],{"class":650,"line":1281},[648,3752,899],{"class":784},[648,3754,3755,3757],{"class":650,"line":1288},[648,3756,905],{"class":753},[648,3758,908],{"class":784},[605,3760,3761],{},[593,3762,3763,3764,3766,3767,3770,3771,3774],{},"When using this option, ",[645,3765,734],{}," is not required as Inertia.js provides its own routing system. The components that would normally use ",[645,3768,3769],{},"RouterLink"," will automatically use Inertia's ",[645,3772,3773],{},"InertiaLink"," component instead.",[619,3776,3778],{"id":3777},"license",[645,3779,3777],{},[593,3781,2403,3782,3784,3785,3788],{},[645,3783,3777],{}," option to override the default behavior of reading the license key from the ",[645,3786,3787],{},"NUXT_UI_PRO_LICENSE"," environment variable.",[637,3790,3792],{"className":765,"code":3791,"filename":767,"language":762,"meta":643,"style":643},"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      license: process.env.MY_ENVIRONMENT_VARIABLE\n    })\n  ]\n})\n",[645,3793,3794,3812,3826,3840,3844,3856,3864,3872,3880,3900,3906,3910],{"__ignoreMap":643},[648,3795,3796,3798,3800,3802,3804,3806,3808,3810],{"class":650,"line":651},[648,3797,778],{"class":777},[648,3799,781],{"class":753},[648,3801,785],{"class":784},[648,3803,788],{"class":753},[648,3805,791],{"class":777},[648,3807,794],{"class":753},[648,3809,750],{"class":657},[648,3811,799],{"class":753},[648,3813,3814,3816,3818,3820,3822,3824],{"class":650,"line":802},[648,3815,778],{"class":777},[648,3817,807],{"class":784},[648,3819,810],{"class":777},[648,3821,794],{"class":753},[648,3823,815],{"class":657},[648,3825,799],{"class":753},[648,3827,3828,3830,3832,3834,3836,3838],{"class":650,"line":769},[648,3829,778],{"class":777},[648,3831,826],{"class":784},[648,3833,810],{"class":777},[648,3835,794],{"class":753},[648,3837,833],{"class":657},[648,3839,799],{"class":753},[648,3841,3842],{"class":650,"line":838},[648,3843,841],{"emptyLinePlaceholder":15},[648,3845,3846,3848,3850,3852,3854],{"class":650,"line":844},[648,3847,847],{"class":777},[648,3849,850],{"class":777},[648,3851,785],{"class":853},[648,3853,856],{"class":784},[648,3855,859],{"class":753},[648,3857,3858,3860,3862],{"class":650,"line":862},[648,3859,866],{"class":865},[648,3861,869],{"class":753},[648,3863,872],{"class":784},[648,3865,3866,3868,3870],{"class":650,"line":875},[648,3867,878],{"class":853},[648,3869,881],{"class":784},[648,3871,884],{"class":753},[648,3873,3874,3876,3878],{"class":650,"line":770},[648,3875,890],{"class":853},[648,3877,856],{"class":784},[648,3879,859],{"class":753},[648,3881,3882,3885,3887,3890,3892,3895,3897],{"class":650,"line":896},[648,3883,3884],{"class":865},"      license",[648,3886,869],{"class":753},[648,3888,3889],{"class":784}," process",[648,3891,754],{"class":753},[648,3893,3894],{"class":784},"env",[648,3896,754],{"class":753},[648,3898,3899],{"class":784},"MY_ENVIRONMENT_VARIABLE\n",[648,3901,3902,3904],{"class":650,"line":902},[648,3903,2527],{"class":753},[648,3905,908],{"class":784},[648,3907,3908],{"class":650,"line":1281},[648,3909,899],{"class":784},[648,3911,3912,3914],{"class":650,"line":1288},[648,3913,905],{"class":753},[648,3915,908],{"class":784},[3917,3918,3919],"caution",{},[593,3920,3921],{},"Don't commit your license key to a public repository to avoid exposing it.",[614,3923,3925],{"id":3924},"continuous-releases","Continuous Releases",[593,3927,3928,3929,3934],{},"Nuxt UI Pro uses ",[715,3930,3933],{"href":3931,"rel":3932},"https://github.com/stackblitz-labs/pkg.pr.new",[719],"pkg.pr.new"," for continuous preview releases, providing developers with instant access to the latest features and bug fixes without waiting for official releases.",[593,3936,3937,3938,3941],{},"Automatic preview releases are created for all commits and PRs to the ",[645,3939,3940],{},"v3"," branch. Use them by replacing your package version with the specific commit hash or PR number.",[637,3943,3945],{"className":2132,"code":3944,"filename":2134,"language":2135,"meta":643,"style":643},"{\n  \"dependencies\": {\n-   \"@nuxt/ui-pro\": \"^3.0.0\",\n+   \"@nuxt/ui-pro\": \"https://pkg.pr.new/@nuxt/ui-pro@fb69f59\",\n  }\n}\n",[645,3946,3947,3951,3955,3961,3968,3972],{"__ignoreMap":643},[648,3948,3949],{"class":650,"line":651},[648,3950,859],{"class":784},[648,3952,3953],{"class":650,"line":802},[648,3954,2146],{"class":784},[648,3956,3957,3959],{"class":650,"line":769},[648,3958,2151],{"class":753},[648,3960,2162],{"class":865},[648,3962,3963,3965],{"class":650,"line":838},[648,3964,2159],{"class":753},[648,3966,3967],{"class":657},"   \"@nuxt/ui-pro\": \"https://pkg.pr.new/@nuxt/ui-pro@fb69f59\",\n",[648,3969,3970],{"class":650,"line":844},[648,3971,1122],{"class":784},[648,3973,3974],{"class":650,"line":862},[648,3975,1011],{"class":784},[605,3977,3978],{},[593,3979,3980,3982],{},[597,3981,3933],{}," will automatically comment on PRs with the installation URL, making it easy to test changes.",[3984,3985,3986],"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":643,"searchDepth":802,"depth":802,"links":3988},[3989,3994,4006],{"id":616,"depth":802,"text":617,"children":3990},[3991,3992,3993],{"id":621,"depth":769,"text":622},{"id":2112,"depth":769,"text":2113},{"id":2293,"depth":769,"text":2294},{"id":2389,"depth":802,"text":2390,"children":3995},[3996,3997,3998,3999,4000,4001,4002,4004,4005],{"id":2398,"depth":769,"text":2398},{"id":23,"depth":769,"text":23},{"id":2716,"depth":769,"text":2719},{"id":2888,"depth":769,"text":2891},{"id":3029,"depth":769,"text":3032},{"id":3254,"depth":769,"text":3257},{"id":3410,"depth":769,"text":4003},"theme.defaultVariants ",{"id":3631,"depth":769,"text":3631},{"id":3777,"depth":769,"text":3777},{"id":3924,"depth":802,"text":3925},"Learn how to install and configure Nuxt UI Pro in your Vue application.",[4009,4010],{"label":2346,"to":2316,"icon":2305},{"label":4011,"to":4012,"icon":4013},"Playground","https://codesandbox.io/p/devbox/nuxt-ui-pro3-vue-c2y2ml","i-lucide-codesandbox",{},{"icon":24},{"title":14,"description":4007},"wJ99w2rmkrLyeKohEMaDpHhGEKoBPo0CI1JVa_H_2Fk",[4019,4021],{"title":10,"path":6,"stem":7,"description":4020,"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":4022,"children":-1},"A comprehensive guide to migrate your application from Nuxt UI v2 to Nuxt UI v3.",{"data":4024,"body":4025},{},{"type":4026,"children":4027},"root",[4028],{"type":4029,"tag":593,"props":4030,"children":4031},"element",{},[4032],{"type":4033,"value":4007},"text",1756715486739]