[{"data":1,"prerenderedAt":2592},["ShallowReactive",2],{"navigation":3,"-getting-started-installation-pro-nuxt":561,"-getting-started-installation-pro-nuxt-surround":2576,"-getting-started-installation-pro-nuxt-description":2581},[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":2564,"extension":2565,"framework":22,"links":2566,"meta":2572,"module":37,"navigation":2573,"path":35,"seo":2574,"stem":36,"__hash__":2575},"content/1.getting-started/2.installation/pro/1.nuxt.md",{"type":564,"value":565,"toc":2546},"minimal",[566,581,584,593,598,603,1205,1209,1348,1352,1361,1397,1404,1516,1520,1525,1530,1540,1632,1638,1643,1656,1668,1750,1755,1762,1770,1850,1855,1860,1869,1957,1962,1975,1984,2065,2071,2082,2090,2170,2176,2181,2244,2354,2361,2367,2372,2380,2472,2481,2485,2494,2501,2535,2542],[567,568,572],"callout",{"icon":569,"className":570,"to":39},"i-logos-vue",[571],"hidden",[573,574,575,576,580],"p",{},"Looking for the ",[577,578,579],"strong",{},"Vue"," 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-nuxt-project","Add to a Nuxt project",[604,605,607,612,685,712,734,794,806,810,913,923,1131,1135,1192],"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],{},"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"," in your project's root directory.",[608,713,715,716],{"id":714},"add-the-nuxt-ui-pro-module-in-your-nuxtconfigts","Add the Nuxt UI Pro module in your ",[625,717,720,722,726,729,731],{"className":718,"language":719,"style":623},"language-ts-type shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","ts-type",[628,721,22],{"class":634},[628,723,725],{"class":724},"sMK4o",".",[628,727,728],{"class":634},"config",[628,730,725],{"class":724},[628,732,733],{"class":634},"ts",[617,735,739],{"className":736,"code":737,"filename":738,"language":733,"meta":623,"style":623},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  modules: ['@nuxt/ui-pro']\n})\n","nuxt.config.ts",[625,740,741,761,785],{"__ignoreMap":623},[628,742,743,747,750,754,758],{"class":630,"line":631},[628,744,746],{"class":745},"s7zQu","export",[628,748,749],{"class":745}," default",[628,751,753],{"class":752},"s2Zo4"," defineNuxtConfig",[628,755,757],{"class":756},"sTEyZ","(",[628,759,760],{"class":724},"{\n",[628,762,764,768,771,774,777,780,782],{"class":630,"line":763},2,[628,765,767],{"class":766},"swJcz","  modules",[628,769,770],{"class":724},":",[628,772,773],{"class":756}," [",[628,775,776],{"class":724},"'",[628,778,779],{"class":637},"@nuxt/ui-pro",[628,781,776],{"class":724},[628,783,784],{"class":756},"]\n",[628,786,788,791],{"class":630,"line":787},3,[628,789,790],{"class":724},"}",[628,792,793],{"class":756},")\n",[585,795,796],{},[573,797,798,799,801,802,805],{},"The ",[625,800,779],{}," module automatically includes the ",[625,803,804],{},"@nuxt/ui"," module, so you don't need to install it separately.",[608,807,809],{"id":808},"import-tailwind-css-and-nuxt-ui-pro-in-your-css","Import Tailwind CSS and Nuxt UI Pro in your CSS",[613,811,812,848],{},[617,813,818],{"className":814,"code":815,"filename":816,"language":817,"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/css/main.css","css",[625,819,820,836],{"__ignoreMap":623},[628,821,822,825,828,830,833],{"class":630,"line":631},[628,823,824],{"class":745},"@import",[628,826,827],{"class":724}," \"",[628,829,710],{"class":637},[628,831,832],{"class":724},"\"",[628,834,835],{"class":724},";\n",[628,837,838,840,842,844,846],{"class":630,"line":763},[628,839,824],{"class":745},[628,841,827],{"class":724},[628,843,779],{"class":637},[628,845,832],{"class":724},[628,847,835],{"class":724},[617,849,852],{"className":736,"code":850,"filename":738,"highlights":851,"language":733,"meta":623,"style":623},"export default defineNuxtConfig({\n  modules: ['@nuxt/ui-pro'],\n  css: ['~/assets/css/main.css']\n})\n",[787],[625,853,854,866,886,906],{"__ignoreMap":623},[628,855,856,858,860,862,864],{"class":630,"line":631},[628,857,746],{"class":745},[628,859,749],{"class":745},[628,861,753],{"class":752},[628,863,757],{"class":756},[628,865,760],{"class":724},[628,867,868,870,872,874,876,878,880,883],{"class":630,"line":763},[628,869,767],{"class":766},[628,871,770],{"class":724},[628,873,773],{"class":756},[628,875,776],{"class":724},[628,877,779],{"class":637},[628,879,776],{"class":724},[628,881,882],{"class":756},"]",[628,884,885],{"class":724},",\n",[628,887,890,893,895,897,899,902,904],{"class":888,"line":787},[630,889],"highlight",[628,891,892],{"class":766},"  css",[628,894,770],{"class":724},[628,896,773],{"class":756},[628,898,776],{"class":724},[628,900,901],{"class":637},"~/assets/css/main.css",[628,903,776],{"class":724},[628,905,784],{"class":756},[628,907,909,911],{"class":630,"line":908},4,[628,910,790],{"class":724},[628,912,793],{"class":756},[585,914,915],{},[573,916,798,917,919,920,922],{},[625,918,779],{}," CSS file includes the ",[625,921,804],{}," CSS file, so you don't need to import it separately.",[567,924,926,935],{"icon":925},"i-simple-icons-visualstudiocode",[573,927,928,929,934],{},"It's recommended to install the ",[695,930,933],{"href":931,"rel":932},"https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss",[699],"Tailwind CSS IntelliSense"," extension for VSCode and add the following settings:",[617,936,941],{"className":937,"code":938,"filename":939,"language":940,"meta":623,"style":623},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n  \"files.associations\": {\n    \"*.css\": \"tailwindcss\"\n  },\n  \"editor.quickSuggestions\": {\n    \"strings\": \"on\"\n  },\n  \"tailwindCSS.classAttributes\": [\"class\", \"ui\"],\n  \"tailwindCSS.experimental.classRegex\": [\n    [\"ui:\\\\s*{([^)]*)\\\\s*}\", \"(?:'|\\\"|`)([^']*)(?:'|\\\"|`)\"]\n  ]\n}\n",".vscode/settings.json","json",[625,942,943,947,963,982,987,1001,1020,1025,1058,1073,1119,1125],{"__ignoreMap":623},[628,944,945],{"class":630,"line":631},[628,946,760],{"class":724},[628,948,949,952,956,958,960],{"class":630,"line":763},[628,950,951],{"class":724},"  \"",[628,953,955],{"class":954},"spNyl","files.associations",[628,957,832],{"class":724},[628,959,770],{"class":724},[628,961,962],{"class":724}," {\n",[628,964,965,968,971,973,975,977,979],{"class":630,"line":787},[628,966,967],{"class":724},"    \"",[628,969,970],{"class":634},"*.css",[628,972,832],{"class":724},[628,974,770],{"class":724},[628,976,827],{"class":724},[628,978,710],{"class":637},[628,980,981],{"class":724},"\"\n",[628,983,984],{"class":630,"line":908},[628,985,986],{"class":724},"  },\n",[628,988,990,992,995,997,999],{"class":630,"line":989},5,[628,991,951],{"class":724},[628,993,994],{"class":954},"editor.quickSuggestions",[628,996,832],{"class":724},[628,998,770],{"class":724},[628,1000,962],{"class":724},[628,1002,1004,1006,1009,1011,1013,1015,1018],{"class":630,"line":1003},6,[628,1005,967],{"class":724},[628,1007,1008],{"class":634},"strings",[628,1010,832],{"class":724},[628,1012,770],{"class":724},[628,1014,827],{"class":724},[628,1016,1017],{"class":637},"on",[628,1019,981],{"class":724},[628,1021,1023],{"class":630,"line":1022},7,[628,1024,986],{"class":724},[628,1026,1028,1030,1033,1035,1037,1039,1041,1044,1046,1049,1051,1053,1055],{"class":630,"line":1027},8,[628,1029,951],{"class":724},[628,1031,1032],{"class":954},"tailwindCSS.classAttributes",[628,1034,832],{"class":724},[628,1036,770],{"class":724},[628,1038,773],{"class":724},[628,1040,832],{"class":724},[628,1042,1043],{"class":637},"class",[628,1045,832],{"class":724},[628,1047,1048],{"class":724},",",[628,1050,827],{"class":724},[628,1052,23],{"class":637},[628,1054,832],{"class":724},[628,1056,1057],{"class":724},"],\n",[628,1059,1061,1063,1066,1068,1070],{"class":630,"line":1060},9,[628,1062,951],{"class":724},[628,1064,1065],{"class":954},"tailwindCSS.experimental.classRegex",[628,1067,832],{"class":724},[628,1069,770],{"class":724},[628,1071,1072],{"class":724}," [\n",[628,1074,1076,1079,1081,1084,1087,1090,1092,1095,1097,1099,1101,1104,1107,1110,1112,1115,1117],{"class":630,"line":1075},10,[628,1077,1078],{"class":724},"    [",[628,1080,832],{"class":724},[628,1082,1083],{"class":637},"ui:",[628,1085,1086],{"class":756},"\\\\",[628,1088,1089],{"class":637},"s*{([^)]*)",[628,1091,1086],{"class":756},[628,1093,1094],{"class":637},"s*}",[628,1096,832],{"class":724},[628,1098,1048],{"class":724},[628,1100,827],{"class":724},[628,1102,1103],{"class":637},"(?:'|",[628,1105,1106],{"class":756},"\\\"",[628,1108,1109],{"class":637},"|`)([^']*)(?:'|",[628,1111,1106],{"class":756},[628,1113,1114],{"class":637},"|`)",[628,1116,832],{"class":724},[628,1118,784],{"class":724},[628,1120,1122],{"class":630,"line":1121},11,[628,1123,1124],{"class":724},"  ]\n",[628,1126,1128],{"class":630,"line":1127},12,[628,1129,1130],{"class":724},"}\n",[608,1132,1134],{"id":1133},"wrap-your-app-with-app-component","Wrap your app with App component",[617,1136,1140],{"className":1137,"code":1138,"filename":1139,"language":28,"meta":623,"style":623},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003CUApp>\n    \u003CNuxtPage />\n  \u003C/UApp>\n\u003C/template>\n","app.vue",[625,1141,1142,1153,1163,1174,1183],{"__ignoreMap":623},[628,1143,1144,1147,1150],{"class":630,"line":631},[628,1145,1146],{"class":724},"\u003C",[628,1148,1149],{"class":766},"template",[628,1151,1152],{"class":724},">\n",[628,1154,1155,1158,1161],{"class":630,"line":763},[628,1156,1157],{"class":724},"  \u003C",[628,1159,1160],{"class":766},"UApp",[628,1162,1152],{"class":724},[628,1164,1165,1168,1171],{"class":630,"line":787},[628,1166,1167],{"class":724},"    \u003C",[628,1169,1170],{"class":766},"NuxtPage",[628,1172,1173],{"class":724}," />\n",[628,1175,1176,1179,1181],{"class":630,"line":908},[628,1177,1178],{"class":724},"  \u003C/",[628,1180,1160],{"class":766},[628,1182,1152],{"class":724},[628,1184,1185,1188,1190],{"class":630,"line":989},[628,1186,1187],{"class":724},"\u003C/",[628,1189,1149],{"class":766},[628,1191,1152],{"class":724},[585,1193,1194],{"to":134},[573,1195,798,1196,1198,1199,1201,1202,1204],{},[625,1197,133],{}," component provides global configurations and is required for ",[577,1200,546],{}," and ",[577,1203,550],{}," components to work.",[599,1206,1208],{"id":1207},"upgrade-from-nuxt-ui","Upgrade from Nuxt UI",[604,1210,1211,1224,1266,1278,1312,1324],{"level":606},[608,1212,1214,1215,1219,1220],{"id":1213},"replace-nuxtui-package-with-nuxtui-pro","Replace ",[625,1216,1217],{"className":619,"language":622,"style":623},[628,1218,804],{"class":634}," package with ",[625,1221,1222],{"className":619,"language":622,"style":623},[628,1223,779],{"class":634},[617,1225,1230],{"className":1226,"code":1227,"filename":1228,"language":1229,"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,1231,1232,1236,1241,1249,1257,1262],{"__ignoreMap":623},[628,1233,1234],{"class":630,"line":631},[628,1235,760],{"class":756},[628,1237,1238],{"class":630,"line":763},[628,1239,1240],{"class":756},"  \"dependencies\": {\n",[628,1242,1243,1246],{"class":630,"line":787},[628,1244,1245],{"class":724},"-",[628,1247,1248],{"class":766},"   \"@nuxt/ui\": \"^3.0.0\",\n",[628,1250,1251,1254],{"class":630,"line":908},[628,1252,1253],{"class":724},"+",[628,1255,1256],{"class":637},"   \"@nuxt/ui-pro\": \"^3.0.0\",\n",[628,1258,1259],{"class":630,"line":989},[628,1260,1261],{"class":756},"  }\n",[628,1263,1264],{"class":630,"line":1003},[628,1265,1130],{"class":756},[608,1267,1214,1269,1273,1274],{"id":1268},"replace-nuxtui-module-with-nuxtui-pro",[625,1270,1271],{"className":619,"language":622,"style":623},[628,1272,804],{"class":634}," module with ",[625,1275,1276],{"className":619,"language":622,"style":623},[628,1277,779],{"class":634},[617,1279,1281],{"className":1226,"code":1280,"filename":738,"language":1229,"meta":623,"style":623},"export default defineNuxtConfig({\n- modules: ['@nuxt/ui'],\n+ modules: ['@nuxt/ui-pro'],\n  css: ['~/assets/css/main.css']\n})\n",[625,1282,1283,1288,1295,1302,1307],{"__ignoreMap":623},[628,1284,1285],{"class":630,"line":631},[628,1286,1287],{"class":756},"export default defineNuxtConfig({\n",[628,1289,1290,1292],{"class":630,"line":763},[628,1291,1245],{"class":724},[628,1293,1294],{"class":766}," modules: ['@nuxt/ui'],\n",[628,1296,1297,1299],{"class":630,"line":787},[628,1298,1253],{"class":724},[628,1300,1301],{"class":637}," modules: ['@nuxt/ui-pro'],\n",[628,1303,1304],{"class":630,"line":908},[628,1305,1306],{"class":756},"  css: ['~/assets/css/main.css']\n",[628,1308,1309],{"class":630,"line":989},[628,1310,1311],{"class":756},"})\n",[608,1313,1214,1315,1319,1320],{"id":1314},"replace-nuxtui-css-import-with-nuxtui-pro",[625,1316,1317],{"className":619,"language":622,"style":623},[628,1318,804],{"class":634}," CSS import with ",[625,1321,1322],{"className":619,"language":622,"style":623},[628,1323,779],{"class":634},[617,1325,1327],{"className":1226,"code":1326,"filename":816,"language":1229,"meta":623,"style":623},"@import \"tailwindcss\";\n- @import \"@nuxt/ui\";\n+ @import \"@nuxt/ui-pro\";\n",[625,1328,1329,1334,1341],{"__ignoreMap":623},[628,1330,1331],{"class":630,"line":631},[628,1332,1333],{"class":756},"@import \"tailwindcss\";\n",[628,1335,1336,1338],{"class":630,"line":763},[628,1337,1245],{"class":724},[628,1339,1340],{"class":766}," @import \"@nuxt/ui\";\n",[628,1342,1343,1345],{"class":630,"line":787},[628,1344,1253],{"class":724},[628,1346,1347],{"class":637}," @import \"@nuxt/ui-pro\";\n",[599,1349,1351],{"id":1350},"use-an-official-template","Use an official template",[573,1353,1354,1355,1360],{},"You can get started with our ",[695,1356,1359],{"href":1357,"rel":1358},"https://github.com/nuxt-ui-pro/starter",[699],"minimal starter"," or one of our official templates:",[1362,1363,1364,1375,1382,1389],"card-group",{},[1365,1366,1372],"card",{"color":1367,"icon":1368,"target":1369,"title":1370,"to":1371},"neutral","i-simple-icons-github","_blank","Landing","https://github.com/nuxt-ui-pro/landing",[573,1373,1374],{},"A landing page you can use as starting point.",[1365,1376,1379],{"color":1367,"icon":1368,"target":1369,"title":1377,"to":1378},"Docs","https://github.com/nuxt-ui-pro/docs",[573,1380,1381],{},"A documentation with Nuxt Content.",[1365,1383,1386],{"color":1367,"icon":1368,"target":1369,"title":1384,"to":1385},"SaaS","https://github.com/nuxt-ui-pro/saas",[573,1387,1388],{},"A template with landing, pricing, docs and blog.",[1365,1390,1394],{"color":1367,"icon":1368,"target":1369,"title":1391,"to":1392,"variant":1393},"Dashboard","https://github.com/nuxt-ui-pro/dashboard","subtle",[573,1395,1396],{},"A dashboard with multi-column layout.",[573,1398,1399,1400,1403],{},"You can use the ",[625,1401,1402],{},"Use this template"," button on GitHub to create a new repository or use the CLI:",[613,1405,1406,1432,1453,1474,1495],{},[617,1407,1410],{"className":619,"code":1408,"filename":1409,"language":622,"meta":623,"style":623},"npx nuxi init -t github:nuxt-ui-pro/starter my-starter\n","Starter",[625,1411,1412],{"__ignoreMap":623},[628,1413,1414,1417,1420,1423,1426,1429],{"class":630,"line":631},[628,1415,1416],{"class":634},"npx",[628,1418,1419],{"class":637}," nuxi",[628,1421,1422],{"class":637}," init",[628,1424,1425],{"class":637}," -t",[628,1427,1428],{"class":637}," github:nuxt-ui-pro/starter",[628,1430,1431],{"class":637}," my-starter\n",[617,1433,1435],{"className":619,"code":1434,"filename":1370,"language":622,"meta":623,"style":623},"npx nuxi init -t github:nuxt-ui-pro/landing my-landing\n",[625,1436,1437],{"__ignoreMap":623},[628,1438,1439,1441,1443,1445,1447,1450],{"class":630,"line":631},[628,1440,1416],{"class":634},[628,1442,1419],{"class":637},[628,1444,1422],{"class":637},[628,1446,1425],{"class":637},[628,1448,1449],{"class":637}," github:nuxt-ui-pro/landing",[628,1451,1452],{"class":637}," my-landing\n",[617,1454,1456],{"className":619,"code":1455,"filename":1377,"language":622,"meta":623,"style":623},"npx nuxi init -t github:nuxt-ui-pro/docs my-docs\n",[625,1457,1458],{"__ignoreMap":623},[628,1459,1460,1462,1464,1466,1468,1471],{"class":630,"line":631},[628,1461,1416],{"class":634},[628,1463,1419],{"class":637},[628,1465,1422],{"class":637},[628,1467,1425],{"class":637},[628,1469,1470],{"class":637}," github:nuxt-ui-pro/docs",[628,1472,1473],{"class":637}," my-docs\n",[617,1475,1477],{"className":619,"code":1476,"filename":1384,"language":622,"meta":623,"style":623},"npx nuxi init -t github:nuxt-ui-pro/saas my-saas\n",[625,1478,1479],{"__ignoreMap":623},[628,1480,1481,1483,1485,1487,1489,1492],{"class":630,"line":631},[628,1482,1416],{"class":634},[628,1484,1419],{"class":637},[628,1486,1422],{"class":637},[628,1488,1425],{"class":637},[628,1490,1491],{"class":637}," github:nuxt-ui-pro/saas",[628,1493,1494],{"class":637}," my-saas\n",[617,1496,1498],{"className":619,"code":1497,"filename":1391,"language":622,"meta":623,"style":623},"npx nuxi init -t github:nuxt-ui-pro/dashboard my-dashboard\n",[625,1499,1500],{"__ignoreMap":623},[628,1501,1502,1504,1506,1508,1510,1513],{"class":630,"line":631},[628,1503,1416],{"class":634},[628,1505,1419],{"class":637},[628,1507,1422],{"class":637},[628,1509,1425],{"class":637},[628,1511,1512],{"class":637}," github:nuxt-ui-pro/dashboard",[628,1514,1515],{"class":637}," my-dashboard\n",[594,1517,1519],{"id":1518},"options","Options",[573,1521,1522,1523,725],{},"You can customize Nuxt UI Pro by providing options in your ",[625,1524,738],{},[599,1526,1528],{"id":1527},"license",[625,1529,1527],{},[573,1531,1532,1533,1535,1536,1539],{},"Use the ",[625,1534,1527],{}," option to override the default behavior of reading the license key from the ",[625,1537,1538],{},"NUXT_UI_PRO_LICENSE"," environment variable.",[617,1541,1543],{"className":736,"code":1542,"filename":738,"language":733,"meta":623,"style":623},"export default defineNuxtConfig({\n  modules: ['@nuxt/ui-pro'],\n  css: ['~/assets/css/main.css'],\n  uiPro: {\n    license: process.env.MY_ENVIRONMENT_VARIABLE\n  }\n})\n",[625,1544,1545,1557,1575,1593,1602,1622,1626],{"__ignoreMap":623},[628,1546,1547,1549,1551,1553,1555],{"class":630,"line":631},[628,1548,746],{"class":745},[628,1550,749],{"class":745},[628,1552,753],{"class":752},[628,1554,757],{"class":756},[628,1556,760],{"class":724},[628,1558,1559,1561,1563,1565,1567,1569,1571,1573],{"class":630,"line":763},[628,1560,767],{"class":766},[628,1562,770],{"class":724},[628,1564,773],{"class":756},[628,1566,776],{"class":724},[628,1568,779],{"class":637},[628,1570,776],{"class":724},[628,1572,882],{"class":756},[628,1574,885],{"class":724},[628,1576,1577,1579,1581,1583,1585,1587,1589,1591],{"class":630,"line":787},[628,1578,892],{"class":766},[628,1580,770],{"class":724},[628,1582,773],{"class":756},[628,1584,776],{"class":724},[628,1586,901],{"class":637},[628,1588,776],{"class":724},[628,1590,882],{"class":756},[628,1592,885],{"class":724},[628,1594,1595,1598,1600],{"class":630,"line":908},[628,1596,1597],{"class":766},"  uiPro",[628,1599,770],{"class":724},[628,1601,962],{"class":724},[628,1603,1604,1607,1609,1612,1614,1617,1619],{"class":630,"line":989},[628,1605,1606],{"class":766},"    license",[628,1608,770],{"class":724},[628,1610,1611],{"class":756}," process",[628,1613,725],{"class":724},[628,1615,1616],{"class":756},"env",[628,1618,725],{"class":724},[628,1620,1621],{"class":756},"MY_ENVIRONMENT_VARIABLE\n",[628,1623,1624],{"class":630,"line":1003},[628,1625,1261],{"class":724},[628,1627,1628,1630],{"class":630,"line":1022},[628,1629,790],{"class":724},[628,1631,793],{"class":756},[1633,1634,1635],"caution",{},[573,1636,1637],{},"Don't commit your license key to a public repository to avoid exposing it.",[599,1639,1641],{"id":1640},"mdc",[625,1642,1640],{},[573,1644,1532,1645,1647,1648,1651,1652,1655],{},[625,1646,1640],{}," option to force the import of MDC components even if ",[625,1649,1650],{},"@nuxtjs/mdc"," or ",[625,1653,1654],{},"@nuxt/content"," is not installed.",[1657,1658,1659],"ul",{},[1660,1661,1662,1663],"li",{},"Default: ",[625,1664,1665],{"className":718,"language":719,"style":623},[628,1666,1667],{"class":634},"false",[617,1669,1671],{"className":736,"code":1670,"filename":738,"language":733,"meta":623,"style":623},"export default defineNuxtConfig({\n  modules: ['@nuxt/ui-pro'],\n  css: ['~/assets/css/main.css'],\n  uiPro: {\n    mdc: true\n  }\n})\n",[625,1672,1673,1685,1703,1721,1729,1740,1744],{"__ignoreMap":623},[628,1674,1675,1677,1679,1681,1683],{"class":630,"line":631},[628,1676,746],{"class":745},[628,1678,749],{"class":745},[628,1680,753],{"class":752},[628,1682,757],{"class":756},[628,1684,760],{"class":724},[628,1686,1687,1689,1691,1693,1695,1697,1699,1701],{"class":630,"line":763},[628,1688,767],{"class":766},[628,1690,770],{"class":724},[628,1692,773],{"class":756},[628,1694,776],{"class":724},[628,1696,779],{"class":637},[628,1698,776],{"class":724},[628,1700,882],{"class":756},[628,1702,885],{"class":724},[628,1704,1705,1707,1709,1711,1713,1715,1717,1719],{"class":630,"line":787},[628,1706,892],{"class":766},[628,1708,770],{"class":724},[628,1710,773],{"class":756},[628,1712,776],{"class":724},[628,1714,901],{"class":637},[628,1716,776],{"class":724},[628,1718,882],{"class":756},[628,1720,885],{"class":724},[628,1722,1723,1725,1727],{"class":630,"line":908},[628,1724,1597],{"class":766},[628,1726,770],{"class":724},[628,1728,962],{"class":724},[628,1730,1731,1734,1736],{"class":630,"line":989},[628,1732,1733],{"class":766},"    mdc",[628,1735,770],{"class":724},[628,1737,1739],{"class":1738},"sfNiH"," true\n",[628,1741,1742],{"class":630,"line":1003},[628,1743,1261],{"class":724},[628,1745,1746,1748],{"class":630,"line":1022},[628,1747,790],{"class":724},[628,1749,793],{"class":756},[599,1751,1753],{"id":1752},"content",[625,1754,1752],{},[573,1756,1532,1757,1759,1760,1655],{},[625,1758,1752],{}," option to force the import of content components even if ",[625,1761,1654],{},[1657,1763,1764],{},[1660,1765,1662,1766],{},[625,1767,1768],{"className":718,"language":719,"style":623},[628,1769,1667],{"class":634},[617,1771,1773],{"className":736,"code":1772,"filename":738,"language":733,"meta":623,"style":623},"export default defineNuxtConfig({\n  modules: ['@nuxt/ui-pro'],\n  css: ['~/assets/css/main.css'],\n  uiPro: {\n    content: true\n  }\n})\n",[625,1774,1775,1787,1805,1823,1831,1840,1844],{"__ignoreMap":623},[628,1776,1777,1779,1781,1783,1785],{"class":630,"line":631},[628,1778,746],{"class":745},[628,1780,749],{"class":745},[628,1782,753],{"class":752},[628,1784,757],{"class":756},[628,1786,760],{"class":724},[628,1788,1789,1791,1793,1795,1797,1799,1801,1803],{"class":630,"line":763},[628,1790,767],{"class":766},[628,1792,770],{"class":724},[628,1794,773],{"class":756},[628,1796,776],{"class":724},[628,1798,779],{"class":637},[628,1800,776],{"class":724},[628,1802,882],{"class":756},[628,1804,885],{"class":724},[628,1806,1807,1809,1811,1813,1815,1817,1819,1821],{"class":630,"line":787},[628,1808,892],{"class":766},[628,1810,770],{"class":724},[628,1812,773],{"class":756},[628,1814,776],{"class":724},[628,1816,901],{"class":637},[628,1818,776],{"class":724},[628,1820,882],{"class":756},[628,1822,885],{"class":724},[628,1824,1825,1827,1829],{"class":630,"line":908},[628,1826,1597],{"class":766},[628,1828,770],{"class":724},[628,1830,962],{"class":724},[628,1832,1833,1836,1838],{"class":630,"line":989},[628,1834,1835],{"class":766},"    content",[628,1837,770],{"class":724},[628,1839,1739],{"class":1738},[628,1841,1842],{"class":630,"line":1003},[628,1843,1261],{"class":724},[628,1845,1846,1848],{"class":630,"line":1022},[628,1847,790],{"class":724},[628,1849,793],{"class":756},[599,1851,1853],{"id":1852},"prefix",[625,1854,1852],{},[573,1856,1532,1857,1859],{},[625,1858,1852],{}," option to change the prefix of the components.",[1657,1861,1862],{},[1660,1863,1662,1864],{},[625,1865,1866],{"className":718,"language":719,"style":623},[628,1867,1868],{"class":634},"U",[617,1870,1872],{"className":736,"code":1871,"filename":738,"language":733,"meta":623,"style":623},"export default defineNuxtConfig({\n  modules: ['@nuxt/ui-pro'],\n  css: ['~/assets/css/main.css'],\n  ui: {\n    prefix: 'Nuxt'\n  }\n})\n",[625,1873,1874,1886,1904,1922,1931,1947,1951],{"__ignoreMap":623},[628,1875,1876,1878,1880,1882,1884],{"class":630,"line":631},[628,1877,746],{"class":745},[628,1879,749],{"class":745},[628,1881,753],{"class":752},[628,1883,757],{"class":756},[628,1885,760],{"class":724},[628,1887,1888,1890,1892,1894,1896,1898,1900,1902],{"class":630,"line":763},[628,1889,767],{"class":766},[628,1891,770],{"class":724},[628,1893,773],{"class":756},[628,1895,776],{"class":724},[628,1897,779],{"class":637},[628,1899,776],{"class":724},[628,1901,882],{"class":756},[628,1903,885],{"class":724},[628,1905,1906,1908,1910,1912,1914,1916,1918,1920],{"class":630,"line":787},[628,1907,892],{"class":766},[628,1909,770],{"class":724},[628,1911,773],{"class":756},[628,1913,776],{"class":724},[628,1915,901],{"class":637},[628,1917,776],{"class":724},[628,1919,882],{"class":756},[628,1921,885],{"class":724},[628,1923,1924,1927,1929],{"class":630,"line":908},[628,1925,1926],{"class":766},"  ui",[628,1928,770],{"class":724},[628,1930,962],{"class":724},[628,1932,1933,1936,1938,1941,1944],{"class":630,"line":989},[628,1934,1935],{"class":766},"    prefix",[628,1937,770],{"class":724},[628,1939,1940],{"class":724}," '",[628,1942,1943],{"class":637},"Nuxt",[628,1945,1946],{"class":724},"'\n",[628,1948,1949],{"class":630,"line":1003},[628,1950,1261],{"class":724},[628,1952,1953,1955],{"class":630,"line":1022},[628,1954,790],{"class":724},[628,1956,793],{"class":756},[599,1958,1960],{"id":1959},"fonts",[625,1961,1959],{},[573,1963,1532,1964,1966,1967,1974],{},[625,1965,1959],{}," option to enable or disable the ",[695,1968,1971],{"href":1969,"rel":1970},"https://github.com/nuxt/fonts",[699],[625,1972,1973],{},"@nuxt/fonts"," module.",[1657,1976,1977],{},[1660,1978,1662,1979],{},[625,1980,1981],{"className":718,"language":719,"style":623},[628,1982,1983],{"class":634},"true",[617,1985,1987],{"className":736,"code":1986,"filename":738,"language":733,"meta":623,"style":623},"export default defineNuxtConfig({\n  modules: ['@nuxt/ui-pro'],\n  css: ['~/assets/css/main.css'],\n  ui: {\n    fonts: false\n  }\n})\n",[625,1988,1989,2001,2019,2037,2045,2055,2059],{"__ignoreMap":623},[628,1990,1991,1993,1995,1997,1999],{"class":630,"line":631},[628,1992,746],{"class":745},[628,1994,749],{"class":745},[628,1996,753],{"class":752},[628,1998,757],{"class":756},[628,2000,760],{"class":724},[628,2002,2003,2005,2007,2009,2011,2013,2015,2017],{"class":630,"line":763},[628,2004,767],{"class":766},[628,2006,770],{"class":724},[628,2008,773],{"class":756},[628,2010,776],{"class":724},[628,2012,779],{"class":637},[628,2014,776],{"class":724},[628,2016,882],{"class":756},[628,2018,885],{"class":724},[628,2020,2021,2023,2025,2027,2029,2031,2033,2035],{"class":630,"line":787},[628,2022,892],{"class":766},[628,2024,770],{"class":724},[628,2026,773],{"class":756},[628,2028,776],{"class":724},[628,2030,901],{"class":637},[628,2032,776],{"class":724},[628,2034,882],{"class":756},[628,2036,885],{"class":724},[628,2038,2039,2041,2043],{"class":630,"line":908},[628,2040,1926],{"class":766},[628,2042,770],{"class":724},[628,2044,962],{"class":724},[628,2046,2047,2050,2052],{"class":630,"line":989},[628,2048,2049],{"class":766},"    fonts",[628,2051,770],{"class":724},[628,2053,2054],{"class":1738}," false\n",[628,2056,2057],{"class":630,"line":1003},[628,2058,1261],{"class":724},[628,2060,2061,2063],{"class":630,"line":1022},[628,2062,790],{"class":724},[628,2064,793],{"class":756},[599,2066,2068],{"id":2067},"colormode",[625,2069,2070],{},"colorMode",[573,2072,1532,2073,1966,2075,1974],{},[625,2074,2070],{},[695,2076,2079],{"href":2077,"rel":2078},"https://github.com/nuxt-modules/color-mode",[699],[625,2080,2081],{},"@nuxt/color-mode",[1657,2083,2084],{},[1660,2085,1662,2086],{},[625,2087,2088],{"className":718,"language":719,"style":623},[628,2089,1983],{"class":634},[617,2091,2093],{"className":736,"code":2092,"filename":738,"language":733,"meta":623,"style":623},"export default defineNuxtConfig({\n  modules: ['@nuxt/ui-pro'],\n  css: ['~/assets/css/main.css'],\n  ui: {\n    colorMode: false\n  }\n})\n",[625,2094,2095,2107,2125,2143,2151,2160,2164],{"__ignoreMap":623},[628,2096,2097,2099,2101,2103,2105],{"class":630,"line":631},[628,2098,746],{"class":745},[628,2100,749],{"class":745},[628,2102,753],{"class":752},[628,2104,757],{"class":756},[628,2106,760],{"class":724},[628,2108,2109,2111,2113,2115,2117,2119,2121,2123],{"class":630,"line":763},[628,2110,767],{"class":766},[628,2112,770],{"class":724},[628,2114,773],{"class":756},[628,2116,776],{"class":724},[628,2118,779],{"class":637},[628,2120,776],{"class":724},[628,2122,882],{"class":756},[628,2124,885],{"class":724},[628,2126,2127,2129,2131,2133,2135,2137,2139,2141],{"class":630,"line":787},[628,2128,892],{"class":766},[628,2130,770],{"class":724},[628,2132,773],{"class":756},[628,2134,776],{"class":724},[628,2136,901],{"class":637},[628,2138,776],{"class":724},[628,2140,882],{"class":756},[628,2142,885],{"class":724},[628,2144,2145,2147,2149],{"class":630,"line":908},[628,2146,1926],{"class":766},[628,2148,770],{"class":724},[628,2150,962],{"class":724},[628,2152,2153,2156,2158],{"class":630,"line":989},[628,2154,2155],{"class":766},"    colorMode",[628,2157,770],{"class":724},[628,2159,2054],{"class":1738},[628,2161,2162],{"class":630,"line":1003},[628,2163,1261],{"class":724},[628,2165,2166,2168],{"class":630,"line":1022},[628,2167,790],{"class":724},[628,2169,793],{"class":756},[599,2171,2173],{"id":2172},"themecolors",[625,2174,2175],{},"theme.colors",[573,2177,1532,2178,2180],{},[625,2179,2175],{}," option to define the dynamic color aliases used to generate components theme.",[1657,2182,2183],{},[1660,2184,1662,2185],{},[625,2186,2188,2191,2193,2196,2198,2200,2202,2205,2207,2209,2211,2214,2216,2218,2220,2223,2225,2227,2229,2231,2233,2235,2237,2240,2242],{"className":2187,"language":719,"style":623},"inline,language-ts-type shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",[628,2189,2190],{"class":756},"[",[628,2192,776],{"class":724},[628,2194,2195],{"class":637},"primary",[628,2197,776],{"class":724},[628,2199,1048],{"class":724},[628,2201,1940],{"class":724},[628,2203,2204],{"class":637},"secondary",[628,2206,776],{"class":724},[628,2208,1048],{"class":724},[628,2210,1940],{"class":724},[628,2212,2213],{"class":637},"success",[628,2215,776],{"class":724},[628,2217,1048],{"class":724},[628,2219,1940],{"class":724},[628,2221,2222],{"class":637},"info",[628,2224,776],{"class":724},[628,2226,1048],{"class":724},[628,2228,1940],{"class":724},[628,2230,686],{"class":637},[628,2232,776],{"class":724},[628,2234,1048],{"class":724},[628,2236,1940],{"class":724},[628,2238,2239],{"class":637},"error",[628,2241,776],{"class":724},[628,2243,882],{"class":756},[617,2245,2247],{"className":736,"code":2246,"filename":738,"language":733,"meta":623,"style":623},"export default defineNuxtConfig({\n  modules: ['@nuxt/ui-pro'],\n  css: ['~/assets/css/main.css'],\n  ui: {\n    theme: {\n      colors: ['primary', 'error']\n    }\n  }\n})\n",[625,2248,2249,2261,2279,2297,2305,2314,2339,2344,2348],{"__ignoreMap":623},[628,2250,2251,2253,2255,2257,2259],{"class":630,"line":631},[628,2252,746],{"class":745},[628,2254,749],{"class":745},[628,2256,753],{"class":752},[628,2258,757],{"class":756},[628,2260,760],{"class":724},[628,2262,2263,2265,2267,2269,2271,2273,2275,2277],{"class":630,"line":763},[628,2264,767],{"class":766},[628,2266,770],{"class":724},[628,2268,773],{"class":756},[628,2270,776],{"class":724},[628,2272,779],{"class":637},[628,2274,776],{"class":724},[628,2276,882],{"class":756},[628,2278,885],{"class":724},[628,2280,2281,2283,2285,2287,2289,2291,2293,2295],{"class":630,"line":787},[628,2282,892],{"class":766},[628,2284,770],{"class":724},[628,2286,773],{"class":756},[628,2288,776],{"class":724},[628,2290,901],{"class":637},[628,2292,776],{"class":724},[628,2294,882],{"class":756},[628,2296,885],{"class":724},[628,2298,2299,2301,2303],{"class":630,"line":908},[628,2300,1926],{"class":766},[628,2302,770],{"class":724},[628,2304,962],{"class":724},[628,2306,2307,2310,2312],{"class":630,"line":989},[628,2308,2309],{"class":766},"    theme",[628,2311,770],{"class":724},[628,2313,962],{"class":724},[628,2315,2316,2319,2321,2323,2325,2327,2329,2331,2333,2335,2337],{"class":630,"line":1003},[628,2317,2318],{"class":766},"      colors",[628,2320,770],{"class":724},[628,2322,773],{"class":756},[628,2324,776],{"class":724},[628,2326,2195],{"class":637},[628,2328,776],{"class":724},[628,2330,1048],{"class":724},[628,2332,1940],{"class":724},[628,2334,2239],{"class":637},[628,2336,776],{"class":724},[628,2338,784],{"class":756},[628,2340,2341],{"class":630,"line":1022},[628,2342,2343],{"class":724},"    }\n",[628,2345,2346],{"class":630,"line":1027},[628,2347,1261],{"class":724},[628,2349,2350,2352],{"class":630,"line":1060},[628,2351,790],{"class":724},[628,2353,793],{"class":756},[2355,2356,2358],"tip",{"to":2357},"/getting-started/theme#colors",[573,2359,2360],{},"Learn more about color customization and theming in the Theme section.",[599,2362,2364],{"id":2363},"themetransitions",[625,2365,2366],{},"theme.transitions",[573,2368,1532,2369,2371],{},[625,2370,2366],{}," option to enable or disable transitions on components.",[1657,2373,2374],{},[1660,2375,1662,2376],{},[625,2377,2378],{"className":718,"language":719,"style":623},[628,2379,1983],{"class":634},[617,2381,2383],{"className":736,"code":2382,"filename":738,"language":733,"meta":623,"style":623},"export default defineNuxtConfig({\n  modules: ['@nuxt/ui-pro'],\n  css: ['~/assets/css/main.css'],\n  ui: {\n    theme: {\n      transitions: false\n    }\n  }\n})\n",[625,2384,2385,2397,2415,2433,2441,2449,2458,2462,2466],{"__ignoreMap":623},[628,2386,2387,2389,2391,2393,2395],{"class":630,"line":631},[628,2388,746],{"class":745},[628,2390,749],{"class":745},[628,2392,753],{"class":752},[628,2394,757],{"class":756},[628,2396,760],{"class":724},[628,2398,2399,2401,2403,2405,2407,2409,2411,2413],{"class":630,"line":763},[628,2400,767],{"class":766},[628,2402,770],{"class":724},[628,2404,773],{"class":756},[628,2406,776],{"class":724},[628,2408,779],{"class":637},[628,2410,776],{"class":724},[628,2412,882],{"class":756},[628,2414,885],{"class":724},[628,2416,2417,2419,2421,2423,2425,2427,2429,2431],{"class":630,"line":787},[628,2418,892],{"class":766},[628,2420,770],{"class":724},[628,2422,773],{"class":756},[628,2424,776],{"class":724},[628,2426,901],{"class":637},[628,2428,776],{"class":724},[628,2430,882],{"class":756},[628,2432,885],{"class":724},[628,2434,2435,2437,2439],{"class":630,"line":908},[628,2436,1926],{"class":766},[628,2438,770],{"class":724},[628,2440,962],{"class":724},[628,2442,2443,2445,2447],{"class":630,"line":989},[628,2444,2309],{"class":766},[628,2446,770],{"class":724},[628,2448,962],{"class":724},[628,2450,2451,2454,2456],{"class":630,"line":1003},[628,2452,2453],{"class":766},"      transitions",[628,2455,770],{"class":724},[628,2457,2054],{"class":1738},[628,2459,2460],{"class":630,"line":1022},[628,2461,2343],{"class":724},[628,2463,2464],{"class":630,"line":1027},[628,2465,1261],{"class":724},[628,2467,2468,2470],{"class":630,"line":1060},[628,2469,790],{"class":724},[628,2471,793],{"class":756},[585,2473,2474],{},[573,2475,2476,2477,2480],{},"This option adds the ",[625,2478,2479],{},"transition-colors"," class on components with hover or active states.",[594,2482,2484],{"id":2483},"continuous-releases","Continuous Releases",[573,2486,2487,2488,2493],{},"Nuxt UI Pro uses ",[695,2489,2492],{"href":2490,"rel":2491},"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,2495,2496,2497,2500],{},"Automatic preview releases are created for all commits and PRs to the ",[625,2498,2499],{},"v3"," branch. Use them by replacing your package version with the specific commit hash or PR number.",[617,2502,2504],{"className":1226,"code":2503,"filename":1228,"language":1229,"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,2505,2506,2510,2514,2520,2527,2531],{"__ignoreMap":623},[628,2507,2508],{"class":630,"line":631},[628,2509,760],{"class":756},[628,2511,2512],{"class":630,"line":763},[628,2513,1240],{"class":756},[628,2515,2516,2518],{"class":630,"line":787},[628,2517,1245],{"class":724},[628,2519,1256],{"class":766},[628,2521,2522,2524],{"class":630,"line":908},[628,2523,1253],{"class":724},[628,2525,2526],{"class":637},"   \"@nuxt/ui-pro\": \"https://pkg.pr.new/@nuxt/ui-pro@fb69f59\",\n",[628,2528,2529],{"class":630,"line":989},[628,2530,1261],{"class":756},[628,2532,2533],{"class":630,"line":1003},[628,2534,1130],{"class":756},[585,2536,2537],{},[573,2538,2539,2541],{},[577,2540,2492],{}," will automatically comment on PRs with the installation URL, making it easy to test changes.",[2543,2544,2545],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":623,"searchDepth":763,"depth":763,"links":2547},[2548,2553,2563],{"id":596,"depth":763,"text":597,"children":2549},[2550,2551,2552],{"id":601,"depth":787,"text":602},{"id":1207,"depth":787,"text":1208},{"id":1350,"depth":787,"text":1351},{"id":1518,"depth":763,"text":1519,"children":2554},[2555,2556,2557,2558,2559,2560,2561,2562],{"id":1527,"depth":787,"text":1527},{"id":1640,"depth":787,"text":1640},{"id":1752,"depth":787,"text":1752},{"id":1852,"depth":787,"text":1852},{"id":1959,"depth":787,"text":1959},{"id":2067,"depth":787,"text":2070},{"id":2172,"depth":787,"text":2175},{"id":2363,"depth":787,"text":2366},{"id":2483,"depth":763,"text":2484},"Learn how to install and configure Nuxt UI Pro in your Nuxt application.","md",[2567,2568],{"label":1409,"to":1357,"icon":1368},{"label":2569,"to":2570,"icon":2571},"Playground","https://codesandbox.io/p/devbox/nuxt-ui-pro3-fdcykl","i-lucide-codesandbox",{},{"icon":24},{"title":14,"description":2564},"4UXtBSpieGJFtujGtBsKtdtFsxG0NZiRohm6Qt2Cbrc",[2577,2579],{"title":10,"path":6,"stem":7,"description":2578,"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":2580,"children":-1},"A comprehensive guide to migrate your application from Nuxt UI v2 to Nuxt UI v3.",{"data":2582,"body":2583},{},{"type":2584,"children":2585},"root",[2586],{"type":2587,"tag":573,"props":2588,"children":2589},"element",{},[2590],{"type":2591,"value":2564},"text",1747911340722]