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