[{"data":1,"prerenderedAt":2272},["ShallowReactive",2],{"navigation":3,"-docs-typography-steps":899,"-docs-typography-steps-description":1321,"-docs-typography-steps-level-description":1331,"component-theme-steps-cJY9JNG4wt0qh38oZmaZlVyiVQagIngRKXFWzrtnqJ0":1340,"component-changelog-steps":2236,"mdc--5b5ukd-key":2241},[4],{"title":5,"path":6,"stem":7,"children":8,"page":36},"Docs","/docs","docs",[9,157,777,798],{"title":10,"path":11,"stem":12,"children":13,"framework":16,"category":16,"description":16,"icon":30},"Get Started","/docs/getting-started","docs/1.getting-started/1.index",[14,19,37,47,53,76,140],{"title":15,"path":11,"stem":12,"framework":16,"category":16,"description":17,"icon":18},"Introduction",null,"Nuxt UI is a comprehensive UI library for Vue and Nuxt applications, offering a collection of fully styled and accessible components.","i-lucide-house",{"title":20,"framework":16,"category":16,"description":16,"shadow":21,"path":22,"stem":23,"children":24,"page":36},"Installation",true,"/docs/getting-started/installation","docs/1.getting-started/2.installation",[25,31],{"title":20,"path":26,"stem":27,"framework":28,"category":16,"description":29,"icon":30},"/docs/getting-started/installation/nuxt","docs/1.getting-started/2.installation/1.nuxt","nuxt","Learn how to install and configure Nuxt UI in your Nuxt application.","i-lucide-square-play",{"title":20,"path":32,"stem":33,"framework":34,"category":16,"description":35,"icon":30},"/docs/getting-started/installation/vue","docs/1.getting-started/2.installation/2.vue","vue","Learn how to install and configure Nuxt UI in your Vue application, compatible with both plain Vite and Inertia.",false,{"title":38,"framework":16,"category":16,"description":16,"icon":39,"shadow":21,"path":40,"stem":41,"children":42,"page":36},"Migration","i-lucide-arrow-right-left","/docs/getting-started/migration","docs/1.getting-started/3.migration",[43],{"title":38,"path":44,"stem":45,"framework":16,"category":16,"description":46,"icon":39},"/docs/getting-started/migration/v4","docs/1.getting-started/3.migration/1.v4","A comprehensive guide to migrate your application from Nuxt UI v3 to Nuxt UI v4.",{"title":48,"path":49,"stem":50,"framework":16,"category":16,"description":51,"icon":52},"Contribution","/docs/getting-started/contribution","docs/1.getting-started/4.contribution","A comprehensive guide on contributing to Nuxt UI, including project structure, development workflow, and best practices.","i-lucide-handshake",{"title":54,"path":55,"stem":56,"children":57,"page":36},"Theme","/docs/getting-started/theme","docs/1.getting-started/5.theme",[58,64,70],{"title":59,"path":60,"stem":61,"framework":16,"category":16,"description":62,"icon":63},"Design System","/docs/getting-started/theme/design-system","docs/1.getting-started/5.theme/1.design-system","Nuxt UI's design system uses Tailwind CSS for simple theming and easy customization.","i-lucide-palette",{"title":65,"path":66,"stem":67,"framework":16,"category":16,"description":68,"icon":69},"CSS Variables","/docs/getting-started/theme/css-variables","docs/1.getting-started/5.theme/2.css-variables","Nuxt UI uses CSS variables as design tokens for flexible, consistent theming with built-in light and dark mode support.","i-lucide-swatch-book",{"title":71,"path":72,"stem":73,"framework":16,"category":16,"description":74,"icon":75},"Components","/docs/getting-started/theme/components","docs/1.getting-started/5.theme/3.components","Learn how to customize Nuxt UI components with the Tailwind Variants API for advanced, flexible, and maintainable styling.","i-lucide-layout-grid",{"title":77,"framework":16,"category":16,"description":16,"path":78,"stem":79,"children":80,"page":36},"Integrations","/docs/getting-started/integrations","docs/1.getting-started/6.integrations",[81,95,101,115,129,135],{"title":82,"framework":16,"category":16,"description":16,"shadow":21,"path":83,"stem":84,"children":85,"page":36},"Icons","/docs/getting-started/integrations/icons","docs/1.getting-started/6.integrations/1.icons",[86,91],{"title":82,"path":87,"stem":88,"framework":28,"category":16,"description":89,"icon":90},"/docs/getting-started/integrations/icons/nuxt","docs/1.getting-started/6.integrations/1.icons/1.nuxt","Nuxt UI integrates with Nuxt Icon to access over 200,000+ icons from Iconify.","i-lucide-smile",{"title":82,"path":92,"stem":93,"framework":34,"category":16,"description":94,"icon":90},"/docs/getting-started/integrations/icons/vue","docs/1.getting-started/6.integrations/1.icons/2.vue","Nuxt UI integrates with Iconify to access over 200,000+ icons.",{"title":96,"path":97,"stem":98,"framework":28,"category":16,"description":99,"icon":100},"Fonts","/docs/getting-started/integrations/fonts","docs/1.getting-started/6.integrations/2.fonts","Nuxt UI integrates with Nuxt Fonts to provide plug-and-play font optimization.","i-lucide-a-large-small",{"title":102,"framework":16,"category":16,"description":16,"shadow":21,"path":103,"stem":104,"children":105,"page":36},"Color Mode","/docs/getting-started/integrations/color-mode","docs/1.getting-started/6.integrations/3.color-mode",[106,111],{"title":102,"path":107,"stem":108,"framework":28,"category":16,"description":109,"icon":110},"/docs/getting-started/integrations/color-mode/nuxt","docs/1.getting-started/6.integrations/3.color-mode/1.nuxt","Nuxt UI integrates with Nuxt Color Mode to allow for easy switching between light and dark themes.","i-lucide-sun-moon",{"title":102,"path":112,"stem":113,"framework":34,"category":16,"description":114,"icon":110},"/docs/getting-started/integrations/color-mode/vue","docs/1.getting-started/6.integrations/3.color-mode/2.vue","Nuxt UI integrates with VueUse to allow for easy switching between light and dark themes.",{"title":116,"framework":16,"category":16,"description":16,"shadow":21,"path":117,"stem":118,"children":119,"page":36},"I18n","/docs/getting-started/integrations/i18n","docs/1.getting-started/6.integrations/4.i18n",[120,126],{"title":121,"path":122,"stem":123,"framework":28,"category":16,"description":124,"icon":125},"Internationalization (i18n)","/docs/getting-started/integrations/i18n/nuxt","docs/1.getting-started/6.integrations/4.i18n/1.nuxt","Nuxt UI supports 50+ locales and multi-directional (LTR/RTL) internationalization.","i-lucide-languages",{"title":121,"path":127,"stem":128,"framework":34,"category":16,"description":124,"icon":125},"/docs/getting-started/integrations/i18n/vue","docs/1.getting-started/6.integrations/4.i18n/2.vue",{"title":130,"path":131,"stem":132,"framework":28,"category":16,"description":133,"icon":134},"Content","/docs/getting-started/integrations/content","docs/1.getting-started/6.integrations/5.content","Nuxt UI integrates with Nuxt Content to deliver beautiful typography and consistent component styling.","i-simple-icons-markdown",{"title":136,"path":137,"stem":138,"framework":34,"category":16,"description":139,"icon":134},"SSR","/docs/getting-started/integrations/ssr","docs/1.getting-started/6.integrations/6.ssr","Nuxt UI have first-party support for Vue.js SSR. This guide will help you have it fully enabled.",{"title":141,"framework":16,"category":16,"description":16,"path":142,"stem":143,"children":144,"page":36},"AI Tools","/docs/getting-started/ai","docs/1.getting-started/7.ai",[145,151],{"title":146,"path":147,"stem":148,"framework":16,"category":16,"description":149,"icon":150},"MCP Server","/docs/getting-started/ai/mcp","docs/1.getting-started/7.ai/1.mcp","Use Nuxt UI components in your AI assistants with Model Context Protocol support.","i-lucide-server",{"title":152,"path":153,"stem":154,"framework":16,"category":16,"description":155,"icon":156},"LLMs.txt","/docs/getting-started/ai/llms-txt","docs/1.getting-started/7.ai/2.llms-txt","How to get AI tools like Cursor, Windsurf, GitHub Copilot, ChatGPT, and Claude to understand Nuxt UI components, theming, and best practices.","i-lucide-bot",{"title":71,"framework":16,"category":16,"description":16,"icon":158,"path":159,"stem":160,"children":161,"page":36},"i-lucide-square-code","/docs/components","docs/2.components",[162,168,174,180,186,191,196,201,206,211,216,222,227,232,237,242,247,252,258,263,268,273,278,284,289,294,299,305,310,315,320,325,330,335,340,346,351,356,361,366,372,378,383,388,393,398,403,408,413,418,423,428,433,440,445,450,455,460,465,470,475,480,485,490,495,500,505,510,515,520,526,531,536,541,546,551,556,562,567,572,577,582,587,592,597,602,607,612,617,622,627,632,637,642,647,652,657,662,667,672,677,682,687,692,697,702,707,712,717,722,727,732,737,742,747,752,757,762,767,772],{"title":163,"path":164,"stem":165,"framework":16,"category":166,"description":167},"Accordion","/docs/components/accordion","docs/2.components/accordion","data","A stacked set of collapsible panels.",{"title":169,"path":170,"stem":171,"framework":16,"category":172,"description":173},"Alert","/docs/components/alert","docs/2.components/alert","element","A callout to draw user's attention.",{"title":175,"path":176,"stem":177,"framework":16,"category":178,"description":179},"App","/docs/components/app","docs/2.components/app","layout","Wraps your app to provide global configurations and more.",{"title":181,"path":182,"stem":183,"framework":16,"category":184,"description":185},"AuthForm","/docs/components/auth-form","docs/2.components/auth-form","page","A customizable Form to create login, register or password reset forms.",{"title":187,"path":188,"stem":189,"framework":16,"category":172,"description":190},"Avatar","/docs/components/avatar","docs/2.components/avatar","An img element with fallback and Nuxt Image support.",{"title":192,"path":193,"stem":194,"framework":16,"category":172,"description":195},"AvatarGroup","/docs/components/avatar-group","docs/2.components/avatar-group","Stack multiple avatars in a group.",{"title":197,"path":198,"stem":199,"framework":16,"category":172,"description":200},"Badge","/docs/components/badge","docs/2.components/badge","A short text to represent a status or a category.",{"title":202,"path":203,"stem":204,"framework":16,"category":172,"description":205},"Banner","/docs/components/banner","docs/2.components/banner","Display a banner at the top of your website to inform users about important information.",{"title":207,"path":208,"stem":209,"framework":16,"category":184,"description":210},"BlogPost","/docs/components/blog-post","docs/2.components/blog-post","A customizable article to display in a blog page.",{"title":212,"path":213,"stem":214,"framework":16,"category":184,"description":215},"BlogPosts","/docs/components/blog-posts","docs/2.components/blog-posts","Display a list of blog posts in a responsive grid layout.",{"title":217,"path":218,"stem":219,"framework":16,"category":220,"description":221},"Breadcrumb","/docs/components/breadcrumb","docs/2.components/breadcrumb","navigation","A hierarchy of links to navigate through a website.",{"title":223,"path":224,"stem":225,"framework":16,"category":172,"description":226},"Button","/docs/components/button","docs/2.components/button","A button element that can act as a link or trigger an action.",{"title":228,"path":229,"stem":230,"framework":16,"category":172,"description":231},"Calendar","/docs/components/calendar","docs/2.components/calendar","A calendar component for selecting single dates, multiple dates or date ranges.",{"title":233,"path":234,"stem":235,"framework":16,"category":172,"description":236},"Card","/docs/components/card","docs/2.components/card","Display content in a card with a header, body and footer.",{"title":238,"path":239,"stem":240,"framework":16,"category":166,"description":241},"Carousel","/docs/components/carousel","docs/2.components/carousel","A carousel with motion and swipe built using Embla.",{"title":243,"path":244,"stem":245,"framework":16,"category":184,"description":246},"ChangelogVersion","/docs/components/changelog-version","docs/2.components/changelog-version","A customizable article to display in a changelog.",{"title":248,"path":249,"stem":250,"framework":16,"category":184,"description":251},"ChangelogVersions","/docs/components/changelog-versions","docs/2.components/changelog-versions","Display a list of changelog versions in a timeline.",{"title":253,"path":254,"stem":255,"framework":16,"category":256,"description":257},"ChatMessage","/docs/components/chat-message","docs/2.components/chat-message","chat","Display a chat message with icon, avatar, and actions.",{"title":259,"path":260,"stem":261,"framework":16,"category":256,"description":262},"ChatMessages","/docs/components/chat-messages","docs/2.components/chat-messages","Display a list of chat messages, designed to work seamlessly with Vercel AI SDK.",{"title":264,"path":265,"stem":266,"framework":16,"category":256,"description":267},"ChatPalette","/docs/components/chat-palette","docs/2.components/chat-palette","A chat palette to create a chatbot interface inside an overlay.",{"title":269,"path":270,"stem":271,"framework":16,"category":256,"description":272},"ChatPrompt","/docs/components/chat-prompt","docs/2.components/chat-prompt","An enhanced Textarea for submitting prompts in AI chat interfaces.",{"title":274,"path":275,"stem":276,"framework":16,"category":256,"description":277},"ChatPromptSubmit","/docs/components/chat-prompt-submit","docs/2.components/chat-prompt-submit","A Button for submitting chat prompts with automatic status handling.",{"title":279,"path":280,"stem":281,"framework":16,"category":282,"description":283},"Checkbox","/docs/components/checkbox","docs/2.components/checkbox","form","An input element to toggle between checked and unchecked states.",{"title":285,"path":286,"stem":287,"framework":16,"category":282,"description":288},"CheckboxGroup","/docs/components/checkbox-group","docs/2.components/checkbox-group","A set of checklist buttons to select multiple option from a list.",{"title":290,"path":291,"stem":292,"framework":16,"category":172,"description":293},"Chip","/docs/components/chip","docs/2.components/chip","An indicator of a numeric value or a state.",{"title":295,"path":296,"stem":297,"framework":16,"category":172,"description":298},"Collapsible","/docs/components/collapsible","docs/2.components/collapsible","A collapsible element to toggle visibility of its content.",{"title":300,"path":301,"stem":302,"framework":16,"category":303,"description":304},"ColorModeAvatar","/docs/components/color-mode-avatar","docs/2.components/color-mode-avatar","color-mode","An Avatar with a different source for light and dark mode.",{"title":306,"path":307,"stem":308,"framework":16,"category":303,"description":309},"ColorModeButton","/docs/components/color-mode-button","docs/2.components/color-mode-button","A Button to switch between light and dark mode.",{"title":311,"path":312,"stem":313,"framework":16,"category":303,"description":314},"ColorModeImage","/docs/components/color-mode-image","docs/2.components/color-mode-image","An image element with a different source for light and dark mode.",{"title":316,"path":317,"stem":318,"framework":16,"category":303,"description":319},"ColorModeSelect","/docs/components/color-mode-select","docs/2.components/color-mode-select","A Select to switch between system, dark & light mode.",{"title":321,"path":322,"stem":323,"framework":16,"category":303,"description":324},"ColorModeSwitch","/docs/components/color-mode-switch","docs/2.components/color-mode-switch","A switch to toggle between light and dark mode.",{"title":326,"path":327,"stem":328,"framework":16,"category":282,"description":329},"ColorPicker","/docs/components/color-picker","docs/2.components/color-picker","A component to select a color.",{"title":331,"path":332,"stem":333,"framework":16,"category":220,"description":334},"CommandPalette","/docs/components/command-palette","docs/2.components/command-palette","A command palette with full-text search powered by Fuse.js for efficient fuzzy matching.",{"title":336,"path":337,"stem":338,"framework":16,"category":178,"description":339},"Container","/docs/components/container","docs/2.components/container","A container lets you center and constrain the width of your content.",{"title":341,"path":342,"stem":343,"framework":28,"category":344,"description":345},"ContentNavigation","/docs/components/content-navigation","docs/2.components/content-navigation","content","An accordion-style navigation component for organizing page links.",{"title":347,"path":348,"stem":349,"framework":28,"category":344,"description":350},"ContentSearch","/docs/components/content-search","docs/2.components/content-search","A ready to use CommandPalette to add to your documentation.",{"title":352,"path":353,"stem":354,"framework":28,"category":344,"description":355},"ContentSearchButton","/docs/components/content-search-button","docs/2.components/content-search-button","A pre-styled Button to open the ContentSearch modal.",{"title":357,"path":358,"stem":359,"framework":28,"category":344,"description":360},"ContentSurround","/docs/components/content-surround","docs/2.components/content-surround","A pair of prev and next links to navigate between pages.",{"title":362,"path":363,"stem":364,"framework":28,"category":344,"description":365},"ContentToc","/docs/components/content-toc","docs/2.components/content-toc","A sticky Table of Contents with automatic active anchor link highlighting.",{"title":367,"path":368,"stem":369,"framework":16,"category":370,"description":371},"ContextMenu","/docs/components/context-menu","docs/2.components/context-menu","overlay","A menu to display actions when right-clicking on an element.",{"title":373,"path":374,"stem":375,"framework":16,"category":376,"description":377},"DashboardGroup","/docs/components/dashboard-group","docs/2.components/dashboard-group","dashboard","A fixed layout component that provides context for dashboard components with sidebar state management and persistence.",{"title":379,"path":380,"stem":381,"framework":16,"category":376,"description":382},"DashboardNavbar","/docs/components/dashboard-navbar","docs/2.components/dashboard-navbar","A responsive navbar to display in a dashboard.",{"title":384,"path":385,"stem":386,"framework":16,"category":376,"description":387},"DashboardPanel","/docs/components/dashboard-panel","docs/2.components/dashboard-panel","A resizable panel to display in a dashboard.",{"title":389,"path":390,"stem":391,"framework":16,"category":376,"description":392},"DashboardResizeHandle","/docs/components/dashboard-resize-handle","docs/2.components/dashboard-resize-handle","A handle to resize a sidebar or panel.",{"title":394,"path":395,"stem":396,"framework":16,"category":376,"description":397},"DashboardSearch","/docs/components/dashboard-search","docs/2.components/dashboard-search","A ready to use CommandPalette to add to your dashboard.",{"title":399,"path":400,"stem":401,"framework":16,"category":376,"description":402},"DashboardSearchButton","/docs/components/dashboard-search-button","docs/2.components/dashboard-search-button","A pre-styled Button to open the DashboardSearch modal.",{"title":404,"path":405,"stem":406,"framework":16,"category":376,"description":407},"DashboardSidebar","/docs/components/dashboard-sidebar","docs/2.components/dashboard-sidebar","A resizable and collapsible sidebar to display in a dashboard.",{"title":409,"path":410,"stem":411,"framework":16,"category":376,"description":412},"DashboardSidebarCollapse","/docs/components/dashboard-sidebar-collapse","docs/2.components/dashboard-sidebar-collapse","A Button to collapse the sidebar on desktop.",{"title":414,"path":415,"stem":416,"framework":16,"category":376,"description":417},"DashboardSidebarToggle","/docs/components/dashboard-sidebar-toggle","docs/2.components/dashboard-sidebar-toggle","A Button to toggle the sidebar on mobile.",{"title":419,"path":420,"stem":421,"framework":16,"category":376,"description":422},"DashboardToolbar","/docs/components/dashboard-toolbar","docs/2.components/dashboard-toolbar","A toolbar to display under the navbar in a dashboard.",{"title":424,"path":425,"stem":426,"framework":16,"category":370,"description":427},"Drawer","/docs/components/drawer","docs/2.components/drawer","A drawer that smoothly slides in & out of the screen.",{"title":429,"path":430,"stem":431,"framework":16,"category":370,"description":432},"DropdownMenu","/docs/components/dropdown-menu","docs/2.components/dropdown-menu","A menu to display actions when clicking on an element.",{"title":434,"path":435,"stem":436,"framework":16,"category":437,"description":438,"badge":439},"Editor","/docs/components/editor","docs/2.components/editor","editor","A rich text editor component based on TipTap with support for markdown, HTML, and JSON content types.","Soon",{"title":441,"path":442,"stem":443,"framework":16,"category":437,"description":444,"badge":439},"EditorDragHandle","/docs/components/editor-drag-handle","docs/2.components/editor-drag-handle","A draggable handle for reordering and selecting blocks in the editor.",{"title":446,"path":447,"stem":448,"framework":16,"category":437,"description":449,"badge":439},"EditorEmojiMenu","/docs/components/editor-emoji-menu","docs/2.components/editor-emoji-menu","An emoji picker menu that displays emoji suggestions when typing the : character in the editor.",{"title":451,"path":452,"stem":453,"framework":16,"category":437,"description":454,"badge":439},"EditorMentionMenu","/docs/components/editor-mention-menu","docs/2.components/editor-mention-menu","A mention menu that displays user suggestions when typing the @ character in the editor.",{"title":456,"path":457,"stem":458,"framework":16,"category":437,"description":459,"badge":439},"EditorSuggestionMenu","/docs/components/editor-suggestion-menu","docs/2.components/editor-suggestion-menu","A command menu that displays formatting and action suggestions when typing the / character in the editor.",{"title":461,"path":462,"stem":463,"framework":16,"category":437,"description":464,"badge":439},"EditorToolbar","/docs/components/editor-toolbar","docs/2.components/editor-toolbar","A customizable toolbar for editor actions that can be displayed as fixed, bubble, or floating menu.",{"title":466,"path":467,"stem":468,"framework":16,"category":166,"description":469},"Empty","/docs/components/empty","docs/2.components/empty","A component to display an empty state.",{"title":471,"path":472,"stem":473,"framework":16,"category":178,"description":474},"Error","/docs/components/error","docs/2.components/error","A pre-built error component with NuxtError support.",{"title":476,"path":477,"stem":478,"framework":16,"category":172,"description":479},"FieldGroup","/docs/components/field-group","docs/2.components/field-group","Group multiple button-like elements together.",{"title":481,"path":482,"stem":483,"framework":16,"category":282,"description":484},"FileUpload","/docs/components/file-upload","docs/2.components/file-upload","An input element to upload files.",{"title":486,"path":487,"stem":488,"framework":16,"category":178,"description":489},"Footer","/docs/components/footer","docs/2.components/footer","A responsive footer component.",{"title":491,"path":492,"stem":493,"framework":16,"category":220,"description":494},"FooterColumns","/docs/components/footer-columns","docs/2.components/footer-columns","A list of links as columns to display in your Footer.",{"title":496,"path":497,"stem":498,"framework":16,"category":282,"description":499},"Form","/docs/components/form","docs/2.components/form","A form component with built-in validation and submission handling.",{"title":501,"path":502,"stem":503,"framework":16,"category":282,"description":504},"FormField","/docs/components/form-field","docs/2.components/form-field","A wrapper for form elements that provides validation and error handling.",{"title":506,"path":507,"stem":508,"framework":16,"category":178,"description":509},"Header","/docs/components/header","docs/2.components/header","A responsive header component.",{"title":511,"path":512,"stem":513,"framework":16,"category":172,"description":514},"Icon","/docs/components/icon","docs/2.components/icon","A component to display any icon from Iconify or another component.",{"title":516,"path":517,"stem":518,"framework":16,"category":282,"description":519},"Input","/docs/components/input","docs/2.components/input","An input element to enter text.",{"title":521,"path":522,"stem":523,"framework":16,"category":282,"description":524,"badge":525},"InputDate","/docs/components/input-date","docs/2.components/input-date","An input component for date selection.","New",{"title":527,"path":528,"stem":529,"framework":16,"category":282,"description":530},"InputMenu","/docs/components/input-menu","docs/2.components/input-menu","An autocomplete input with real-time suggestions.",{"title":532,"path":533,"stem":534,"framework":16,"category":282,"description":535},"InputNumber","/docs/components/input-number","docs/2.components/input-number","An input for numerical values with a customizable range.",{"title":537,"path":538,"stem":539,"framework":16,"category":282,"description":540},"InputTags","/docs/components/input-tags","docs/2.components/input-tags","An input element that displays interactive tags.",{"title":542,"path":543,"stem":544,"framework":16,"category":282,"description":545,"badge":525},"InputTime","/docs/components/input-time","docs/2.components/input-time","An input for selecting a time.",{"title":547,"path":548,"stem":549,"framework":16,"category":172,"description":550},"Kbd","/docs/components/kbd","docs/2.components/kbd","A kbd element to display a keyboard key.",{"title":552,"path":553,"stem":554,"framework":16,"category":220,"description":555},"Link","/docs/components/link","docs/2.components/link","A wrapper around \u003CNuxtLink> with extra props.",{"title":557,"path":558,"stem":559,"framework":16,"category":560,"description":561},"LocaleSelect","/docs/components/locale-select","docs/2.components/locale-select","i18n","A Select to switch between locales.",{"title":563,"path":564,"stem":565,"framework":16,"category":178,"description":566},"Main","/docs/components/main","docs/2.components/main","A main element that fills the available viewport height.",{"title":568,"path":569,"stem":570,"framework":16,"category":166,"description":571},"Marquee","/docs/components/marquee","docs/2.components/marquee","A component to create infinite scrolling content.",{"title":573,"path":574,"stem":575,"framework":16,"category":370,"description":576},"Modal","/docs/components/modal","docs/2.components/modal","A dialog window that can be used to display a message or request user input.",{"title":578,"path":579,"stem":580,"framework":16,"category":220,"description":581},"NavigationMenu","/docs/components/navigation-menu","docs/2.components/navigation-menu","A list of links that can be displayed horizontally or vertically.",{"title":583,"path":584,"stem":585,"framework":16,"category":184,"description":586},"Page","/docs/components/page","docs/2.components/page","A grid layout for your pages with left and right columns.",{"title":588,"path":589,"stem":590,"framework":16,"category":184,"description":591},"PageAnchors","/docs/components/page-anchors","docs/2.components/page-anchors","A list of anchors to be displayed in the page.",{"title":593,"path":594,"stem":595,"framework":16,"category":184,"description":596},"PageAside","/docs/components/page-aside","docs/2.components/page-aside","A sticky aside to display your page navigation.",{"title":598,"path":599,"stem":600,"framework":16,"category":184,"description":601},"PageBody","/docs/components/page-body","docs/2.components/page-body","The main content of your page.",{"title":603,"path":604,"stem":605,"framework":16,"category":184,"description":606},"PageCard","/docs/components/page-card","docs/2.components/page-card","A pre-styled card component that displays a title, description and optional link.",{"title":608,"path":609,"stem":610,"framework":16,"category":184,"description":611},"PageColumns","/docs/components/page-columns","docs/2.components/page-columns","A responsive multi-column layout system for organizing content side-by-side.",{"title":613,"path":614,"stem":615,"framework":16,"category":184,"description":616},"PageCTA","/docs/components/page-cta","docs/2.components/page-cta","A call to action section to display in your pages.",{"title":618,"path":619,"stem":620,"framework":16,"category":184,"description":621},"PageFeature","/docs/components/page-feature","docs/2.components/page-feature","A component to showcase key features of your application.",{"title":623,"path":624,"stem":625,"framework":16,"category":184,"description":626},"PageGrid","/docs/components/page-grid","docs/2.components/page-grid","A responsive grid system for displaying content in a flexible layout.",{"title":628,"path":629,"stem":630,"framework":16,"category":184,"description":631},"PageHeader","/docs/components/page-header","docs/2.components/page-header","A responsive header for your pages.",{"title":633,"path":634,"stem":635,"framework":16,"category":184,"description":636},"PageHero","/docs/components/page-hero","docs/2.components/page-hero","A responsive hero for your pages.",{"title":638,"path":639,"stem":640,"framework":16,"category":184,"description":641},"PageLinks","/docs/components/page-links","docs/2.components/page-links","A list of links to be displayed in the page.",{"title":643,"path":644,"stem":645,"framework":16,"category":184,"description":646},"PageList","/docs/components/page-list","docs/2.components/page-list","A vertical list layout for displaying content in a stacked format.",{"title":648,"path":649,"stem":650,"framework":16,"category":184,"description":651},"PageLogos","/docs/components/page-logos","docs/2.components/page-logos","A list of logos or images to display on your pages.",{"title":653,"path":654,"stem":655,"framework":16,"category":184,"description":656},"PageSection","/docs/components/page-section","docs/2.components/page-section","A responsive section for your pages.",{"title":658,"path":659,"stem":660,"framework":16,"category":220,"description":661},"Pagination","/docs/components/pagination","docs/2.components/pagination","A list of buttons or links to navigate through pages.",{"title":663,"path":664,"stem":665,"framework":16,"category":282,"description":666},"PinInput","/docs/components/pin-input","docs/2.components/pin-input","An input element to enter a pin.",{"title":668,"path":669,"stem":670,"framework":16,"category":370,"description":671},"Popover","/docs/components/popover","docs/2.components/popover","A non-modal dialog that floats around a trigger element.",{"title":673,"path":674,"stem":675,"framework":16,"category":184,"description":676},"PricingPlan","/docs/components/pricing-plan","docs/2.components/pricing-plan","A customizable pricing plan to display in a pricing page.",{"title":678,"path":679,"stem":680,"framework":16,"category":184,"description":681},"PricingPlans","/docs/components/pricing-plans","docs/2.components/pricing-plans","Display a list of pricing plans in a responsive grid layout.",{"title":683,"path":684,"stem":685,"framework":16,"category":184,"description":686},"PricingTable","/docs/components/pricing-table","docs/2.components/pricing-table","A responsive pricing table component that displays tiered pricing plans with feature comparisons.",{"title":688,"path":689,"stem":690,"framework":16,"category":172,"description":691},"Progress","/docs/components/progress","docs/2.components/progress","An indicator showing the progress of a task.",{"title":693,"path":694,"stem":695,"framework":16,"category":282,"description":696},"RadioGroup","/docs/components/radio-group","docs/2.components/radio-group","A set of radio buttons to select a single option from a list.",{"title":698,"path":699,"stem":700,"framework":16,"category":282,"description":701},"Select","/docs/components/select","docs/2.components/select","A select element to choose from a list of options.",{"title":703,"path":704,"stem":705,"framework":16,"category":282,"description":706},"SelectMenu","/docs/components/select-menu","docs/2.components/select-menu","An advanced searchable select element.",{"title":708,"path":709,"stem":710,"framework":16,"category":172,"description":711},"Separator","/docs/components/separator","docs/2.components/separator","Separates content horizontally or vertically.",{"title":713,"path":714,"stem":715,"framework":16,"category":172,"description":716},"Skeleton","/docs/components/skeleton","docs/2.components/skeleton","A placeholder to show while content is loading.",{"title":718,"path":719,"stem":720,"framework":16,"category":370,"description":721},"Slideover","/docs/components/slideover","docs/2.components/slideover","A dialog that slides in from any side of the screen.",{"title":723,"path":724,"stem":725,"framework":16,"category":282,"description":726},"Slider","/docs/components/slider","docs/2.components/slider","An input to select a numeric value within a range.",{"title":728,"path":729,"stem":730,"framework":16,"category":220,"description":731},"Stepper","/docs/components/stepper","docs/2.components/stepper","A set of steps that are used to indicate progress through a multi-step process.",{"title":733,"path":734,"stem":735,"framework":16,"category":282,"description":736},"Switch","/docs/components/switch","docs/2.components/switch","A control that toggles between two states.",{"title":738,"path":739,"stem":740,"framework":16,"category":166,"description":741},"Table","/docs/components/table","docs/2.components/table","A responsive table element to display data in rows and columns.",{"title":743,"path":744,"stem":745,"framework":16,"category":220,"description":746},"Tabs","/docs/components/tabs","docs/2.components/tabs","A set of tab panels that are displayed one at a time.",{"title":748,"path":749,"stem":750,"framework":16,"category":282,"description":751},"Textarea","/docs/components/textarea","docs/2.components/textarea","A textarea element to input multi-line text.",{"title":753,"path":754,"stem":755,"framework":16,"category":166,"description":756},"Timeline","/docs/components/timeline","docs/2.components/timeline","A component that displays a sequence of events with dates, titles, icons or avatars.",{"title":758,"path":759,"stem":760,"framework":16,"category":370,"description":761},"Toast","/docs/components/toast","docs/2.components/toast","A succinct message to provide information or feedback to the user.",{"title":763,"path":764,"stem":765,"framework":16,"category":370,"description":766},"Tooltip","/docs/components/tooltip","docs/2.components/tooltip","A popup that reveals information when hovering over an element.",{"title":768,"path":769,"stem":770,"framework":16,"category":166,"description":771},"Tree","/docs/components/tree","docs/2.components/tree","A tree view component to display and interact with hierarchical data structures.",{"title":773,"path":774,"stem":775,"framework":16,"category":166,"description":776},"User","/docs/components/user","docs/2.components/user","Display user information with name, description and avatar.",{"title":778,"framework":16,"category":16,"description":16,"icon":779,"path":780,"stem":781,"children":782,"page":36},"Composables","i-lucide-square-function","/docs/composables","docs/3.composables",[783,788,793],{"title":784,"path":785,"stem":786,"framework":16,"category":16,"description":787},"defineShortcuts","/docs/composables/define-shortcuts","docs/3.composables/define-shortcuts","A composable to define keyboard shortcuts in your app.",{"title":789,"path":790,"stem":791,"framework":16,"category":16,"description":792},"useOverlay","/docs/composables/use-overlay","docs/3.composables/use-overlay","A composable to programmatically control overlays.",{"title":794,"path":795,"stem":796,"framework":16,"category":16,"description":797},"useToast","/docs/composables/use-toast","docs/3.composables/use-toast","A composable to display toast notifications in your app.",{"title":799,"path":800,"stem":801,"children":802,"framework":28,"category":16,"description":16,"icon":898},"Typography","/docs/typography","docs/4.typography/1.index",[803,805,810,815,820,825,830,834,839,843,848,853,858,863,868,872,877,881,885,889,894],{"title":15,"path":800,"stem":801,"framework":28,"category":16,"description":804},"Beautiful typography components and utilities to style your content with Nuxt UI.",{"title":806,"path":807,"stem":808,"framework":28,"category":16,"description":809},"Headers and text","/docs/typography/headers-and-text","docs/4.typography/2.headers-and-text","Beautifully styled headings, paragraphs, text formatting, and links for optimal readability.",{"title":811,"path":812,"stem":813,"framework":28,"category":16,"description":814},"Lists and tables","/docs/typography/lists-and-tables","docs/4.typography/3.lists-and-tables","Organize information with styled lists and responsive tables for clear, consistent readability.",{"title":816,"path":817,"stem":818,"framework":28,"category":16,"description":819},"Images and embeds","/docs/typography/images-and-embeds","docs/4.typography/4.images-and-embeds","Responsive images, videos, and rich media embeds to enhance and illustrate your documentation.",{"title":821,"path":822,"stem":823,"framework":28,"category":16,"description":824},"Code","/docs/typography/code","docs/4.typography/5.code","Display inline code and syntax-highlighted code blocks with copy-to-clipboard support.",{"title":163,"path":826,"stem":827,"framework":28,"category":828,"description":829},"/docs/typography/accordion","docs/4.typography/accordion","components","Create expandable content sections for better information organization.",{"title":197,"path":831,"stem":832,"framework":28,"category":828,"description":833},"/docs/typography/badge","docs/4.typography/badge","Display version numbers, status labels, and tags within your content.",{"title":835,"path":836,"stem":837,"framework":28,"category":828,"description":838},"Callout","/docs/typography/callout","docs/4.typography/callout","Highlight important information with eye-catching colored boxes and icons.",{"title":233,"path":840,"stem":841,"framework":28,"category":828,"description":842},"/docs/typography/card","docs/4.typography/card","Create highlighted content blocks with optional links and navigation.",{"title":844,"path":845,"stem":846,"framework":28,"category":828,"description":847},"CardGroup","/docs/typography/card-group","docs/4.typography/card-group","Organize multiple cards in responsive grid layouts for better content presentation.",{"title":849,"path":850,"stem":851,"framework":28,"category":828,"description":852},"CodeCollapse","/docs/typography/code-collapse","docs/4.typography/code-collapse","Make long code blocks collapsible to save space and improve readability.",{"title":854,"path":855,"stem":856,"framework":28,"category":828,"description":857},"CodeGroup","/docs/typography/code-group","docs/4.typography/code-group","Group multiple code examples in tabbed interfaces for easy comparison.",{"title":859,"path":860,"stem":861,"framework":28,"category":828,"description":862},"CodePreview","/docs/typography/code-preview","docs/4.typography/code-preview","Display code examples with a preview and their source for clearer documentation.",{"title":864,"path":865,"stem":866,"framework":28,"category":828,"description":867},"CodeTree","/docs/typography/code-tree","docs/4.typography/code-tree","Visualize file and folder structures with syntax-highlighted code.",{"title":295,"path":869,"stem":870,"framework":28,"category":828,"description":871},"/docs/typography/collapsible","docs/4.typography/collapsible","Toggle content visibility with smooth expand and collapse animations.",{"title":873,"path":874,"stem":875,"framework":28,"category":828,"description":876},"Field","/docs/typography/field","docs/4.typography/field","Document API parameters, props, and configuration options clearly.",{"title":476,"path":878,"stem":879,"framework":28,"category":828,"description":880},"/docs/typography/field-group","docs/4.typography/field-group","Group related fields together for comprehensive API documentation.",{"title":511,"path":882,"stem":883,"framework":28,"category":828,"description":884},"/docs/typography/icon","docs/4.typography/icon","Display icons from popular icon libraries to enhance your content.",{"title":547,"path":886,"stem":887,"framework":28,"category":828,"description":888},"/docs/typography/kbd","docs/4.typography/kbd","Display keyboard shortcuts and key combinations with proper styling.",{"title":890,"path":891,"stem":892,"framework":28,"category":828,"description":893},"Steps","/docs/typography/steps","docs/4.typography/steps","Transform headings into numbered step-by-step guides and tutorials.",{"title":743,"path":895,"stem":896,"framework":28,"category":828,"description":897},"/docs/typography/tabs","docs/4.typography/tabs","Organize related content in interactive tabbed interfaces.","i-lucide-square-pilcrow",{"id":900,"title":890,"body":901,"category":828,"description":893,"extension":1312,"framework":28,"links":1313,"meta":1318,"navigation":16,"path":891,"seo":1319,"stem":892,"__hash__":1320},"docs/docs/4.typography/steps.md",{"type":902,"value":903,"toc":1303},"minimark",[904,909,913,921,1265,1269,1274,1278,1282,1285,1288,1291,1295,1299],[905,906,908],"h2",{"id":907},"usage","Usage",[910,911,912],"p",{},"Wrap your headings with the Steps component to display a list of steps.",[910,914,915,916,920],{},"Use the ",[917,918,919],"code",{},"level"," prop to define which heading will be used for the steps.",[922,923,926,1057],"code-preview",{"className":924},[925],"[&>div]:*:w-full",[927,928,930,938,1005,1009,1034,1038],"steps",{"level":929},"4",[931,932,934,935],"h4",{"id":933},"add-the-nuxt-ui-module-in-your-nuxtconfigts","Add the Nuxt UI module in your ",[917,936,937],{},"nuxt.config.ts",[939,940,945],"pre",{"className":941,"code":942,"filename":937,"language":943,"meta":944,"style":944},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  modules: ['@nuxt/ui']\n})\n","ts","",[917,946,947,971,996],{"__ignoreMap":944},[948,949,952,956,959,963,967],"span",{"class":950,"line":951},"line",1,[948,953,955],{"class":954},"s7zQu","export",[948,957,958],{"class":954}," default",[948,960,962],{"class":961},"s2Zo4"," defineNuxtConfig",[948,964,966],{"class":965},"sTEyZ","(",[948,968,970],{"class":969},"sMK4o","{\n",[948,972,974,978,981,984,987,991,993],{"class":950,"line":973},2,[948,975,977],{"class":976},"swJcz","  modules",[948,979,980],{"class":969},":",[948,982,983],{"class":965}," [",[948,985,986],{"class":969},"'",[948,988,990],{"class":989},"sfazB","@nuxt/ui",[948,992,986],{"class":969},[948,994,995],{"class":965},"]\n",[948,997,999,1002],{"class":950,"line":998},3,[948,1000,1001],{"class":969},"}",[948,1003,1004],{"class":965},")\n",[931,1006,1008],{"id":1007},"import-tailwind-css-in-your-css","Import Tailwind CSS in your CSS",[939,1010,1015],{"className":1011,"code":1012,"filename":1013,"language":1014,"meta":944,"style":944},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","@import \"tailwindcss\";\n","assets/css/main.css","css",[917,1016,1017],{"__ignoreMap":944},[948,1018,1019,1022,1025,1028,1031],{"class":950,"line":951},[948,1020,1021],{"class":954},"@import",[948,1023,1024],{"class":969}," \"",[948,1026,1027],{"class":989},"tailwindcss",[948,1029,1030],{"class":969},"\"",[948,1032,1033],{"class":969},";\n",[931,1035,1037],{"id":1036},"start-your-development-server","Start your development server",[939,1039,1043],{"className":1040,"code":1041,"language":1042,"meta":944,"style":944},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npm run dev\n","bash",[917,1044,1045],{"__ignoreMap":944},[948,1046,1047,1051,1054],{"class":950,"line":951},[948,1048,1050],{"class":1049},"sBMFI","npm",[948,1052,1053],{"class":989}," run",[948,1055,1056],{"class":989}," dev\n",[1058,1059,1060],"template",{"v-slot:code":944},[939,1061,1065],{"className":1062,"code":1063,"language":1064,"meta":944,"style":944},"language-mdc shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","::steps{level=\"4\"}\n\n#### Add the Nuxt UI module in your `nuxt.config.ts`\n\n```ts [nuxt.config.ts]\nexport default defineNuxtConfig({\n  modules: ['@nuxt/ui']\n})\n```\n\n#### Import Tailwind CSS in your CSS\n\n```css [assets/css/main.css]\n@import \"tailwindcss\";\n```\n\n#### Start your development server\n\n```bash\nnpm run dev\n```\n\n::\n","mdc",[917,1066,1067,1092,1097,1112,1117,1127,1140,1157,1164,1170,1175,1183,1188,1196,1209,1214,1219,1227,1232,1240,1249,1254,1259],{"__ignoreMap":944},[948,1068,1069,1072,1074,1077,1080,1083,1085,1087,1089],{"class":950,"line":951},[948,1070,1071],{"class":969},"::",[948,1073,927],{"class":976},[948,1075,1076],{"class":969},"{",[948,1078,919],{"class":1079},"spNyl",[948,1081,1082],{"class":969},"=",[948,1084,1030],{"class":969},[948,1086,929],{"class":989},[948,1088,1030],{"class":969},[948,1090,1091],{"class":969},"}\n",[948,1093,1094],{"class":950,"line":973},[948,1095,1096],{"emptyLinePlaceholder":21},"\n",[948,1098,1099,1102,1104,1107,1109],{"class":950,"line":998},[948,1100,1101],{"class":969},"#### ",[948,1103,934],{"class":1049},[948,1105,1106],{"class":969},"`",[948,1108,937],{"class":989},[948,1110,1111],{"class":969},"`\n",[948,1113,1115],{"class":950,"line":1114},4,[948,1116,1096],{"emptyLinePlaceholder":21},[948,1118,1120,1123],{"class":950,"line":1119},5,[948,1121,1122],{"class":989},"```",[948,1124,1126],{"class":1125},"sJsPd","ts [nuxt.config.ts]\n",[948,1128,1130,1132,1134,1136,1138],{"class":950,"line":1129},6,[948,1131,955],{"class":954},[948,1133,958],{"class":954},[948,1135,962],{"class":961},[948,1137,966],{"class":965},[948,1139,970],{"class":969},[948,1141,1143,1145,1147,1149,1151,1153,1155],{"class":950,"line":1142},7,[948,1144,977],{"class":976},[948,1146,980],{"class":969},[948,1148,983],{"class":965},[948,1150,986],{"class":969},[948,1152,990],{"class":989},[948,1154,986],{"class":969},[948,1156,995],{"class":965},[948,1158,1160,1162],{"class":950,"line":1159},8,[948,1161,1001],{"class":969},[948,1163,1004],{"class":965},[948,1165,1167],{"class":950,"line":1166},9,[948,1168,1169],{"class":989},"```\n",[948,1171,1173],{"class":950,"line":1172},10,[948,1174,1096],{"emptyLinePlaceholder":21},[948,1176,1178,1180],{"class":950,"line":1177},11,[948,1179,1101],{"class":969},[948,1181,1182],{"class":1049},"Import Tailwind CSS in your CSS\n",[948,1184,1186],{"class":950,"line":1185},12,[948,1187,1096],{"emptyLinePlaceholder":21},[948,1189,1191,1193],{"class":950,"line":1190},13,[948,1192,1122],{"class":989},[948,1194,1195],{"class":1125},"css [assets/css/main.css]\n",[948,1197,1199,1201,1203,1205,1207],{"class":950,"line":1198},14,[948,1200,1021],{"class":954},[948,1202,1024],{"class":969},[948,1204,1027],{"class":989},[948,1206,1030],{"class":969},[948,1208,1033],{"class":969},[948,1210,1212],{"class":950,"line":1211},15,[948,1213,1169],{"class":989},[948,1215,1217],{"class":950,"line":1216},16,[948,1218,1096],{"emptyLinePlaceholder":21},[948,1220,1222,1224],{"class":950,"line":1221},17,[948,1223,1101],{"class":969},[948,1225,1226],{"class":1049},"Start your development server\n",[948,1228,1230],{"class":950,"line":1229},18,[948,1231,1096],{"emptyLinePlaceholder":21},[948,1233,1235,1237],{"class":950,"line":1234},19,[948,1236,1122],{"class":989},[948,1238,1239],{"class":1125},"bash\n",[948,1241,1243,1245,1247],{"class":950,"line":1242},20,[948,1244,1050],{"class":1049},[948,1246,1053],{"class":989},[948,1248,1056],{"class":989},[948,1250,1252],{"class":950,"line":1251},21,[948,1253,1169],{"class":989},[948,1255,1257],{"class":950,"line":1256},22,[948,1258,1096],{"emptyLinePlaceholder":21},[948,1260,1262],{"class":950,"line":1261},23,[948,1263,1264],{"class":969},"::\n",[905,1266,1268],{"id":1267},"api","API",[1270,1271,1273],"h3",{"id":1272},"props","Props",[1275,1276],"component-props",{":prose":1277},"true",[1270,1279,1281],{"id":1280},"slots","Slots",[1283,1284],"component-slots",{":prose":1277},[905,1286,54],{"id":1287},"theme",[1289,1290],"component-theme",{":prose":1277},[905,1292,1294],{"id":1293},"changelog","Changelog",[1296,1297],"component-changelog",{"prefix":1298},"prose",[1300,1301,1302],"style",{},"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 .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}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 .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sJsPd, html code.shiki .sJsPd{--shiki-light:#90A4AE90;--shiki-default:#EEFFFF90;--shiki-dark:#BABED890}",{"title":944,"searchDepth":973,"depth":973,"links":1304},[1305,1306,1310,1311],{"id":907,"depth":973,"text":908},{"id":1267,"depth":973,"text":1268,"children":1307},[1308,1309],{"id":1272,"depth":998,"text":1273},{"id":1280,"depth":998,"text":1281},{"id":1287,"depth":973,"text":54},{"id":1293,"depth":973,"text":1294},"md",[1314],{"label":1315,"icon":1316,"to":1317},"GitHub","i-simple-icons-github","https://github.com/nuxt/ui/blob/v4/src/runtime/components/prose/Steps.vue",{},{"title":890,"description":893},"H_d7UsGex-ysvOG9Ip8a3vEgHZYUVe6EDzU5a7J2kV8",{"data":1322,"body":1323},{},{"type":1324,"children":1325},"root",[1326],{"type":172,"tag":910,"props":1327,"children":1328},{},[1329],{"type":1330,"value":893},"text",{"data":1332,"body":1333},{},{"type":1324,"children":1334},[1335],{"type":172,"tag":910,"props":1336,"children":1337},{},[1338],{"type":1330,"value":1339},"The heading level to apply to the steps.",{"data":1341,"body":1342,"toc":2234},{"title":944,"description":944},{"type":1324,"children":1343},[1344,1706,2229],{"type":172,"tag":1345,"props":1346,"children":1349},"code-collapse",{"className":1347},[1348],"nuxt-only",[1350],{"type":172,"tag":939,"props":1351,"children":1354},{"className":941,"code":1352,"filename":1353,"language":943,"meta":944,"style":944},"export default defineAppConfig({\n  ui: {\n    prose: {\n      steps: {\n        base: 'ms-4 border-s border-default ps-8 [counter-reset:step]',\n        variants: {\n          level: {\n            '2': '[&>h2]:[counter-increment:step] [&>h2]:relative [&>h2]:before:absolute [&>h2]:before:size-8 [&>h2]:before:bg-elevated [&>h2]:before:rounded-full [&>h2]:before:font-semibold [&>h2]:before:text-sm [&>h2]:before:tabular-nums [&>h2]:before:inline-flex [&>h2]:before:items-center [&>h2]:before:justify-center [&>h2]:before:ring-4 [&>h2]:before:ring-bg [&>h2]:before:-ms-[48.5px] [&>h2]:before:-mt-0 [&>h2]:before:content-[counter(step)] [&>h2>a>span.absolute]:hidden',\n            '3': '[&>h3]:[counter-increment:step] [&>h3]:relative [&>h3]:before:absolute [&>h3]:before:size-7 [&>h3]:before:inset-x-0.5 [&>h3]:before:bg-elevated [&>h3]:before:rounded-full [&>h3]:before:font-semibold [&>h3]:before:text-sm [&>h3]:before:tabular-nums [&>h3]:before:inline-flex [&>h3]:before:items-center [&>h3]:before:justify-center [&>h3]:before:ring-4 [&>h3]:before:ring-bg [&>h3]:before:-ms-[48.5px] [&>h3]:before:content-[counter(step)] [&>h3>a>span.absolute]:hidden',\n            '4': '[&>h4]:[counter-increment:step] [&>h4]:relative [&>h4]:before:absolute [&>h4]:before:size-7 [&>h4]:before:inset-x-0.5 [&>h4]:before:bg-elevated [&>h4]:before:rounded-full [&>h4]:before:font-semibold [&>h4]:before:text-sm [&>h4]:before:tabular-nums [&>h4]:before:inline-flex [&>h4]:before:items-center [&>h4]:before:justify-center [&>h4]:before:ring-4 [&>h4]:before:ring-bg [&>h4]:before:-ms-[48.5px] [&>h4]:before:content-[counter(step)] [&>h4>a>span.absolute]:hidden'\n          }\n        },\n        defaultVariants: {\n          level: '3'\n        }\n      }\n    }\n  }\n})\n","app.config.ts",[1355],{"type":172,"tag":917,"props":1356,"children":1357},{"__ignoreMap":944},[1358,1386,1404,1420,1436,1468,1484,1500,1538,1575,1608,1616,1624,1640,1663,1671,1679,1687,1695],{"type":172,"tag":948,"props":1359,"children":1360},{"class":950,"line":951},[1361,1366,1370,1376,1381],{"type":172,"tag":948,"props":1362,"children":1364},{"style":1363},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[1365],{"type":1330,"value":955},{"type":172,"tag":948,"props":1367,"children":1368},{"style":1363},[1369],{"type":1330,"value":958},{"type":172,"tag":948,"props":1371,"children":1373},{"style":1372},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[1374],{"type":1330,"value":1375}," defineAppConfig",{"type":172,"tag":948,"props":1377,"children":1379},{"style":1378},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[1380],{"type":1330,"value":966},{"type":172,"tag":948,"props":1382,"children":1384},{"style":1383},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[1385],{"type":1330,"value":970},{"type":172,"tag":948,"props":1387,"children":1388},{"class":950,"line":973},[1389,1395,1399],{"type":172,"tag":948,"props":1390,"children":1392},{"style":1391},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[1393],{"type":1330,"value":1394},"  ui",{"type":172,"tag":948,"props":1396,"children":1397},{"style":1383},[1398],{"type":1330,"value":980},{"type":172,"tag":948,"props":1400,"children":1401},{"style":1383},[1402],{"type":1330,"value":1403}," {\n",{"type":172,"tag":948,"props":1405,"children":1406},{"class":950,"line":998},[1407,1412,1416],{"type":172,"tag":948,"props":1408,"children":1409},{"style":1391},[1410],{"type":1330,"value":1411},"    prose",{"type":172,"tag":948,"props":1413,"children":1414},{"style":1383},[1415],{"type":1330,"value":980},{"type":172,"tag":948,"props":1417,"children":1418},{"style":1383},[1419],{"type":1330,"value":1403},{"type":172,"tag":948,"props":1421,"children":1422},{"class":950,"line":1114},[1423,1428,1432],{"type":172,"tag":948,"props":1424,"children":1425},{"style":1391},[1426],{"type":1330,"value":1427},"      steps",{"type":172,"tag":948,"props":1429,"children":1430},{"style":1383},[1431],{"type":1330,"value":980},{"type":172,"tag":948,"props":1433,"children":1434},{"style":1383},[1435],{"type":1330,"value":1403},{"type":172,"tag":948,"props":1437,"children":1438},{"class":950,"line":1119},[1439,1444,1448,1453,1459,1463],{"type":172,"tag":948,"props":1440,"children":1441},{"style":1391},[1442],{"type":1330,"value":1443},"        base",{"type":172,"tag":948,"props":1445,"children":1446},{"style":1383},[1447],{"type":1330,"value":980},{"type":172,"tag":948,"props":1449,"children":1450},{"style":1383},[1451],{"type":1330,"value":1452}," '",{"type":172,"tag":948,"props":1454,"children":1456},{"style":1455},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[1457],{"type":1330,"value":1458},"ms-4 border-s border-default ps-8 [counter-reset:step]",{"type":172,"tag":948,"props":1460,"children":1461},{"style":1383},[1462],{"type":1330,"value":986},{"type":172,"tag":948,"props":1464,"children":1465},{"style":1383},[1466],{"type":1330,"value":1467},",\n",{"type":172,"tag":948,"props":1469,"children":1470},{"class":950,"line":1129},[1471,1476,1480],{"type":172,"tag":948,"props":1472,"children":1473},{"style":1391},[1474],{"type":1330,"value":1475},"        variants",{"type":172,"tag":948,"props":1477,"children":1478},{"style":1383},[1479],{"type":1330,"value":980},{"type":172,"tag":948,"props":1481,"children":1482},{"style":1383},[1483],{"type":1330,"value":1403},{"type":172,"tag":948,"props":1485,"children":1486},{"class":950,"line":1142},[1487,1492,1496],{"type":172,"tag":948,"props":1488,"children":1489},{"style":1391},[1490],{"type":1330,"value":1491},"          level",{"type":172,"tag":948,"props":1493,"children":1494},{"style":1383},[1495],{"type":1330,"value":980},{"type":172,"tag":948,"props":1497,"children":1498},{"style":1383},[1499],{"type":1330,"value":1403},{"type":172,"tag":948,"props":1501,"children":1502},{"class":950,"line":1159},[1503,1508,1513,1517,1521,1525,1530,1534],{"type":172,"tag":948,"props":1504,"children":1505},{"style":1383},[1506],{"type":1330,"value":1507},"            '",{"type":172,"tag":948,"props":1509,"children":1510},{"style":1391},[1511],{"type":1330,"value":1512},"2",{"type":172,"tag":948,"props":1514,"children":1515},{"style":1383},[1516],{"type":1330,"value":986},{"type":172,"tag":948,"props":1518,"children":1519},{"style":1383},[1520],{"type":1330,"value":980},{"type":172,"tag":948,"props":1522,"children":1523},{"style":1383},[1524],{"type":1330,"value":1452},{"type":172,"tag":948,"props":1526,"children":1527},{"style":1455},[1528],{"type":1330,"value":1529},"[&>h2]:[counter-increment:step] [&>h2]:relative [&>h2]:before:absolute [&>h2]:before:size-8 [&>h2]:before:bg-elevated [&>h2]:before:rounded-full [&>h2]:before:font-semibold [&>h2]:before:text-sm [&>h2]:before:tabular-nums [&>h2]:before:inline-flex [&>h2]:before:items-center [&>h2]:before:justify-center [&>h2]:before:ring-4 [&>h2]:before:ring-bg [&>h2]:before:-ms-[48.5px] [&>h2]:before:-mt-0 [&>h2]:before:content-[counter(step)] [&>h2>a>span.absolute]:hidden",{"type":172,"tag":948,"props":1531,"children":1532},{"style":1383},[1533],{"type":1330,"value":986},{"type":172,"tag":948,"props":1535,"children":1536},{"style":1383},[1537],{"type":1330,"value":1467},{"type":172,"tag":948,"props":1539,"children":1540},{"class":950,"line":1166},[1541,1545,1550,1554,1558,1562,1567,1571],{"type":172,"tag":948,"props":1542,"children":1543},{"style":1383},[1544],{"type":1330,"value":1507},{"type":172,"tag":948,"props":1546,"children":1547},{"style":1391},[1548],{"type":1330,"value":1549},"3",{"type":172,"tag":948,"props":1551,"children":1552},{"style":1383},[1553],{"type":1330,"value":986},{"type":172,"tag":948,"props":1555,"children":1556},{"style":1383},[1557],{"type":1330,"value":980},{"type":172,"tag":948,"props":1559,"children":1560},{"style":1383},[1561],{"type":1330,"value":1452},{"type":172,"tag":948,"props":1563,"children":1564},{"style":1455},[1565],{"type":1330,"value":1566},"[&>h3]:[counter-increment:step] [&>h3]:relative [&>h3]:before:absolute [&>h3]:before:size-7 [&>h3]:before:inset-x-0.5 [&>h3]:before:bg-elevated [&>h3]:before:rounded-full [&>h3]:before:font-semibold [&>h3]:before:text-sm [&>h3]:before:tabular-nums [&>h3]:before:inline-flex [&>h3]:before:items-center [&>h3]:before:justify-center [&>h3]:before:ring-4 [&>h3]:before:ring-bg [&>h3]:before:-ms-[48.5px] [&>h3]:before:content-[counter(step)] [&>h3>a>span.absolute]:hidden",{"type":172,"tag":948,"props":1568,"children":1569},{"style":1383},[1570],{"type":1330,"value":986},{"type":172,"tag":948,"props":1572,"children":1573},{"style":1383},[1574],{"type":1330,"value":1467},{"type":172,"tag":948,"props":1576,"children":1577},{"class":950,"line":1172},[1578,1582,1586,1590,1594,1598,1603],{"type":172,"tag":948,"props":1579,"children":1580},{"style":1383},[1581],{"type":1330,"value":1507},{"type":172,"tag":948,"props":1583,"children":1584},{"style":1391},[1585],{"type":1330,"value":929},{"type":172,"tag":948,"props":1587,"children":1588},{"style":1383},[1589],{"type":1330,"value":986},{"type":172,"tag":948,"props":1591,"children":1592},{"style":1383},[1593],{"type":1330,"value":980},{"type":172,"tag":948,"props":1595,"children":1596},{"style":1383},[1597],{"type":1330,"value":1452},{"type":172,"tag":948,"props":1599,"children":1600},{"style":1455},[1601],{"type":1330,"value":1602},"[&>h4]:[counter-increment:step] [&>h4]:relative [&>h4]:before:absolute [&>h4]:before:size-7 [&>h4]:before:inset-x-0.5 [&>h4]:before:bg-elevated [&>h4]:before:rounded-full [&>h4]:before:font-semibold [&>h4]:before:text-sm [&>h4]:before:tabular-nums [&>h4]:before:inline-flex [&>h4]:before:items-center [&>h4]:before:justify-center [&>h4]:before:ring-4 [&>h4]:before:ring-bg [&>h4]:before:-ms-[48.5px] [&>h4]:before:content-[counter(step)] [&>h4>a>span.absolute]:hidden",{"type":172,"tag":948,"props":1604,"children":1605},{"style":1383},[1606],{"type":1330,"value":1607},"'\n",{"type":172,"tag":948,"props":1609,"children":1610},{"class":950,"line":1177},[1611],{"type":172,"tag":948,"props":1612,"children":1613},{"style":1383},[1614],{"type":1330,"value":1615},"          }\n",{"type":172,"tag":948,"props":1617,"children":1618},{"class":950,"line":1185},[1619],{"type":172,"tag":948,"props":1620,"children":1621},{"style":1383},[1622],{"type":1330,"value":1623},"        },\n",{"type":172,"tag":948,"props":1625,"children":1626},{"class":950,"line":1190},[1627,1632,1636],{"type":172,"tag":948,"props":1628,"children":1629},{"style":1391},[1630],{"type":1330,"value":1631},"        defaultVariants",{"type":172,"tag":948,"props":1633,"children":1634},{"style":1383},[1635],{"type":1330,"value":980},{"type":172,"tag":948,"props":1637,"children":1638},{"style":1383},[1639],{"type":1330,"value":1403},{"type":172,"tag":948,"props":1641,"children":1642},{"class":950,"line":1198},[1643,1647,1651,1655,1659],{"type":172,"tag":948,"props":1644,"children":1645},{"style":1391},[1646],{"type":1330,"value":1491},{"type":172,"tag":948,"props":1648,"children":1649},{"style":1383},[1650],{"type":1330,"value":980},{"type":172,"tag":948,"props":1652,"children":1653},{"style":1383},[1654],{"type":1330,"value":1452},{"type":172,"tag":948,"props":1656,"children":1657},{"style":1455},[1658],{"type":1330,"value":1549},{"type":172,"tag":948,"props":1660,"children":1661},{"style":1383},[1662],{"type":1330,"value":1607},{"type":172,"tag":948,"props":1664,"children":1665},{"class":950,"line":1211},[1666],{"type":172,"tag":948,"props":1667,"children":1668},{"style":1383},[1669],{"type":1330,"value":1670},"        }\n",{"type":172,"tag":948,"props":1672,"children":1673},{"class":950,"line":1216},[1674],{"type":172,"tag":948,"props":1675,"children":1676},{"style":1383},[1677],{"type":1330,"value":1678},"      }\n",{"type":172,"tag":948,"props":1680,"children":1681},{"class":950,"line":1221},[1682],{"type":172,"tag":948,"props":1683,"children":1684},{"style":1383},[1685],{"type":1330,"value":1686},"    }\n",{"type":172,"tag":948,"props":1688,"children":1689},{"class":950,"line":1229},[1690],{"type":172,"tag":948,"props":1691,"children":1692},{"style":1383},[1693],{"type":1330,"value":1694},"  }\n",{"type":172,"tag":948,"props":1696,"children":1697},{"class":950,"line":1234},[1698,1702],{"type":172,"tag":948,"props":1699,"children":1700},{"style":1383},[1701],{"type":1330,"value":1001},{"type":172,"tag":948,"props":1703,"children":1704},{"style":1378},[1705],{"type":1330,"value":1004},{"type":172,"tag":1345,"props":1707,"children":1710},{"className":1708},[1709],"vue-only",[1711],{"type":172,"tag":939,"props":1712,"children":1715},{"className":941,"code":1713,"filename":1714,"language":943,"meta":944,"style":944},"import { defineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport ui from '@nuxt/ui/vite'\n\nexport default defineConfig({\n  plugins: [\n    vue(),\n    ui({\n      ui: {\n        prose: {\n          steps: {\n            base: 'ms-4 border-s border-default ps-8 [counter-reset:step]',\n            variants: {\n              level: {\n                '2': '[&>h2]:[counter-increment:step] [&>h2]:relative [&>h2]:before:absolute [&>h2]:before:size-8 [&>h2]:before:bg-elevated [&>h2]:before:rounded-full [&>h2]:before:font-semibold [&>h2]:before:text-sm [&>h2]:before:tabular-nums [&>h2]:before:inline-flex [&>h2]:before:items-center [&>h2]:before:justify-center [&>h2]:before:ring-4 [&>h2]:before:ring-bg [&>h2]:before:-ms-[48.5px] [&>h2]:before:-mt-0 [&>h2]:before:content-[counter(step)] [&>h2>a>span.absolute]:hidden',\n                '3': '[&>h3]:[counter-increment:step] [&>h3]:relative [&>h3]:before:absolute [&>h3]:before:size-7 [&>h3]:before:inset-x-0.5 [&>h3]:before:bg-elevated [&>h3]:before:rounded-full [&>h3]:before:font-semibold [&>h3]:before:text-sm [&>h3]:before:tabular-nums [&>h3]:before:inline-flex [&>h3]:before:items-center [&>h3]:before:justify-center [&>h3]:before:ring-4 [&>h3]:before:ring-bg [&>h3]:before:-ms-[48.5px] [&>h3]:before:content-[counter(step)] [&>h3>a>span.absolute]:hidden',\n                '4': '[&>h4]:[counter-increment:step] [&>h4]:relative [&>h4]:before:absolute [&>h4]:before:size-7 [&>h4]:before:inset-x-0.5 [&>h4]:before:bg-elevated [&>h4]:before:rounded-full [&>h4]:before:font-semibold [&>h4]:before:text-sm [&>h4]:before:tabular-nums [&>h4]:before:inline-flex [&>h4]:before:items-center [&>h4]:before:justify-center [&>h4]:before:ring-4 [&>h4]:before:ring-bg [&>h4]:before:-ms-[48.5px] [&>h4]:before:content-[counter(step)] [&>h4>a>span.absolute]:hidden'\n              }\n            },\n            defaultVariants: {\n              level: '3'\n            }\n          }\n        }\n      }\n    })\n  ]\n})\n","vite.config.ts",[1716],{"type":172,"tag":917,"props":1717,"children":1718},{"__ignoreMap":944},[1719,1760,1790,1819,1826,1849,1866,1883,1899,1915,1931,1947,1975,1991,2007,2043,2078,2109,2117,2125,2141,2164,2172,2179,2187,2195,2208,2217],{"type":172,"tag":948,"props":1720,"children":1721},{"class":950,"line":951},[1722,1727,1732,1737,1742,1747,1751,1756],{"type":172,"tag":948,"props":1723,"children":1724},{"style":1363},[1725],{"type":1330,"value":1726},"import",{"type":172,"tag":948,"props":1728,"children":1729},{"style":1383},[1730],{"type":1330,"value":1731}," {",{"type":172,"tag":948,"props":1733,"children":1734},{"style":1378},[1735],{"type":1330,"value":1736}," defineConfig",{"type":172,"tag":948,"props":1738,"children":1739},{"style":1383},[1740],{"type":1330,"value":1741}," }",{"type":172,"tag":948,"props":1743,"children":1744},{"style":1363},[1745],{"type":1330,"value":1746}," from",{"type":172,"tag":948,"props":1748,"children":1749},{"style":1383},[1750],{"type":1330,"value":1452},{"type":172,"tag":948,"props":1752,"children":1753},{"style":1455},[1754],{"type":1330,"value":1755},"vite",{"type":172,"tag":948,"props":1757,"children":1758},{"style":1383},[1759],{"type":1330,"value":1607},{"type":172,"tag":948,"props":1761,"children":1762},{"class":950,"line":973},[1763,1767,1772,1777,1781,1786],{"type":172,"tag":948,"props":1764,"children":1765},{"style":1363},[1766],{"type":1330,"value":1726},{"type":172,"tag":948,"props":1768,"children":1769},{"style":1378},[1770],{"type":1330,"value":1771}," vue ",{"type":172,"tag":948,"props":1773,"children":1774},{"style":1363},[1775],{"type":1330,"value":1776},"from",{"type":172,"tag":948,"props":1778,"children":1779},{"style":1383},[1780],{"type":1330,"value":1452},{"type":172,"tag":948,"props":1782,"children":1783},{"style":1455},[1784],{"type":1330,"value":1785},"@vitejs/plugin-vue",{"type":172,"tag":948,"props":1787,"children":1788},{"style":1383},[1789],{"type":1330,"value":1607},{"type":172,"tag":948,"props":1791,"children":1792},{"class":950,"line":998},[1793,1797,1802,1806,1810,1815],{"type":172,"tag":948,"props":1794,"children":1795},{"style":1363},[1796],{"type":1330,"value":1726},{"type":172,"tag":948,"props":1798,"children":1799},{"style":1378},[1800],{"type":1330,"value":1801}," ui ",{"type":172,"tag":948,"props":1803,"children":1804},{"style":1363},[1805],{"type":1330,"value":1776},{"type":172,"tag":948,"props":1807,"children":1808},{"style":1383},[1809],{"type":1330,"value":1452},{"type":172,"tag":948,"props":1811,"children":1812},{"style":1455},[1813],{"type":1330,"value":1814},"@nuxt/ui/vite",{"type":172,"tag":948,"props":1816,"children":1817},{"style":1383},[1818],{"type":1330,"value":1607},{"type":172,"tag":948,"props":1820,"children":1821},{"class":950,"line":1114},[1822],{"type":172,"tag":948,"props":1823,"children":1824},{"emptyLinePlaceholder":21},[1825],{"type":1330,"value":1096},{"type":172,"tag":948,"props":1827,"children":1828},{"class":950,"line":1119},[1829,1833,1837,1841,1845],{"type":172,"tag":948,"props":1830,"children":1831},{"style":1363},[1832],{"type":1330,"value":955},{"type":172,"tag":948,"props":1834,"children":1835},{"style":1363},[1836],{"type":1330,"value":958},{"type":172,"tag":948,"props":1838,"children":1839},{"style":1372},[1840],{"type":1330,"value":1736},{"type":172,"tag":948,"props":1842,"children":1843},{"style":1378},[1844],{"type":1330,"value":966},{"type":172,"tag":948,"props":1846,"children":1847},{"style":1383},[1848],{"type":1330,"value":970},{"type":172,"tag":948,"props":1850,"children":1851},{"class":950,"line":1129},[1852,1857,1861],{"type":172,"tag":948,"props":1853,"children":1854},{"style":1391},[1855],{"type":1330,"value":1856},"  plugins",{"type":172,"tag":948,"props":1858,"children":1859},{"style":1383},[1860],{"type":1330,"value":980},{"type":172,"tag":948,"props":1862,"children":1863},{"style":1378},[1864],{"type":1330,"value":1865}," [\n",{"type":172,"tag":948,"props":1867,"children":1868},{"class":950,"line":1142},[1869,1874,1879],{"type":172,"tag":948,"props":1870,"children":1871},{"style":1372},[1872],{"type":1330,"value":1873},"    vue",{"type":172,"tag":948,"props":1875,"children":1876},{"style":1378},[1877],{"type":1330,"value":1878},"()",{"type":172,"tag":948,"props":1880,"children":1881},{"style":1383},[1882],{"type":1330,"value":1467},{"type":172,"tag":948,"props":1884,"children":1885},{"class":950,"line":1159},[1886,1891,1895],{"type":172,"tag":948,"props":1887,"children":1888},{"style":1372},[1889],{"type":1330,"value":1890},"    ui",{"type":172,"tag":948,"props":1892,"children":1893},{"style":1378},[1894],{"type":1330,"value":966},{"type":172,"tag":948,"props":1896,"children":1897},{"style":1383},[1898],{"type":1330,"value":970},{"type":172,"tag":948,"props":1900,"children":1901},{"class":950,"line":1166},[1902,1907,1911],{"type":172,"tag":948,"props":1903,"children":1904},{"style":1391},[1905],{"type":1330,"value":1906},"      ui",{"type":172,"tag":948,"props":1908,"children":1909},{"style":1383},[1910],{"type":1330,"value":980},{"type":172,"tag":948,"props":1912,"children":1913},{"style":1383},[1914],{"type":1330,"value":1403},{"type":172,"tag":948,"props":1916,"children":1917},{"class":950,"line":1172},[1918,1923,1927],{"type":172,"tag":948,"props":1919,"children":1920},{"style":1391},[1921],{"type":1330,"value":1922},"        prose",{"type":172,"tag":948,"props":1924,"children":1925},{"style":1383},[1926],{"type":1330,"value":980},{"type":172,"tag":948,"props":1928,"children":1929},{"style":1383},[1930],{"type":1330,"value":1403},{"type":172,"tag":948,"props":1932,"children":1933},{"class":950,"line":1177},[1934,1939,1943],{"type":172,"tag":948,"props":1935,"children":1936},{"style":1391},[1937],{"type":1330,"value":1938},"          steps",{"type":172,"tag":948,"props":1940,"children":1941},{"style":1383},[1942],{"type":1330,"value":980},{"type":172,"tag":948,"props":1944,"children":1945},{"style":1383},[1946],{"type":1330,"value":1403},{"type":172,"tag":948,"props":1948,"children":1949},{"class":950,"line":1185},[1950,1955,1959,1963,1967,1971],{"type":172,"tag":948,"props":1951,"children":1952},{"style":1391},[1953],{"type":1330,"value":1954},"            base",{"type":172,"tag":948,"props":1956,"children":1957},{"style":1383},[1958],{"type":1330,"value":980},{"type":172,"tag":948,"props":1960,"children":1961},{"style":1383},[1962],{"type":1330,"value":1452},{"type":172,"tag":948,"props":1964,"children":1965},{"style":1455},[1966],{"type":1330,"value":1458},{"type":172,"tag":948,"props":1968,"children":1969},{"style":1383},[1970],{"type":1330,"value":986},{"type":172,"tag":948,"props":1972,"children":1973},{"style":1383},[1974],{"type":1330,"value":1467},{"type":172,"tag":948,"props":1976,"children":1977},{"class":950,"line":1190},[1978,1983,1987],{"type":172,"tag":948,"props":1979,"children":1980},{"style":1391},[1981],{"type":1330,"value":1982},"            variants",{"type":172,"tag":948,"props":1984,"children":1985},{"style":1383},[1986],{"type":1330,"value":980},{"type":172,"tag":948,"props":1988,"children":1989},{"style":1383},[1990],{"type":1330,"value":1403},{"type":172,"tag":948,"props":1992,"children":1993},{"class":950,"line":1198},[1994,1999,2003],{"type":172,"tag":948,"props":1995,"children":1996},{"style":1391},[1997],{"type":1330,"value":1998},"              level",{"type":172,"tag":948,"props":2000,"children":2001},{"style":1383},[2002],{"type":1330,"value":980},{"type":172,"tag":948,"props":2004,"children":2005},{"style":1383},[2006],{"type":1330,"value":1403},{"type":172,"tag":948,"props":2008,"children":2009},{"class":950,"line":1211},[2010,2015,2019,2023,2027,2031,2035,2039],{"type":172,"tag":948,"props":2011,"children":2012},{"style":1383},[2013],{"type":1330,"value":2014},"                '",{"type":172,"tag":948,"props":2016,"children":2017},{"style":1391},[2018],{"type":1330,"value":1512},{"type":172,"tag":948,"props":2020,"children":2021},{"style":1383},[2022],{"type":1330,"value":986},{"type":172,"tag":948,"props":2024,"children":2025},{"style":1383},[2026],{"type":1330,"value":980},{"type":172,"tag":948,"props":2028,"children":2029},{"style":1383},[2030],{"type":1330,"value":1452},{"type":172,"tag":948,"props":2032,"children":2033},{"style":1455},[2034],{"type":1330,"value":1529},{"type":172,"tag":948,"props":2036,"children":2037},{"style":1383},[2038],{"type":1330,"value":986},{"type":172,"tag":948,"props":2040,"children":2041},{"style":1383},[2042],{"type":1330,"value":1467},{"type":172,"tag":948,"props":2044,"children":2045},{"class":950,"line":1216},[2046,2050,2054,2058,2062,2066,2070,2074],{"type":172,"tag":948,"props":2047,"children":2048},{"style":1383},[2049],{"type":1330,"value":2014},{"type":172,"tag":948,"props":2051,"children":2052},{"style":1391},[2053],{"type":1330,"value":1549},{"type":172,"tag":948,"props":2055,"children":2056},{"style":1383},[2057],{"type":1330,"value":986},{"type":172,"tag":948,"props":2059,"children":2060},{"style":1383},[2061],{"type":1330,"value":980},{"type":172,"tag":948,"props":2063,"children":2064},{"style":1383},[2065],{"type":1330,"value":1452},{"type":172,"tag":948,"props":2067,"children":2068},{"style":1455},[2069],{"type":1330,"value":1566},{"type":172,"tag":948,"props":2071,"children":2072},{"style":1383},[2073],{"type":1330,"value":986},{"type":172,"tag":948,"props":2075,"children":2076},{"style":1383},[2077],{"type":1330,"value":1467},{"type":172,"tag":948,"props":2079,"children":2080},{"class":950,"line":1221},[2081,2085,2089,2093,2097,2101,2105],{"type":172,"tag":948,"props":2082,"children":2083},{"style":1383},[2084],{"type":1330,"value":2014},{"type":172,"tag":948,"props":2086,"children":2087},{"style":1391},[2088],{"type":1330,"value":929},{"type":172,"tag":948,"props":2090,"children":2091},{"style":1383},[2092],{"type":1330,"value":986},{"type":172,"tag":948,"props":2094,"children":2095},{"style":1383},[2096],{"type":1330,"value":980},{"type":172,"tag":948,"props":2098,"children":2099},{"style":1383},[2100],{"type":1330,"value":1452},{"type":172,"tag":948,"props":2102,"children":2103},{"style":1455},[2104],{"type":1330,"value":1602},{"type":172,"tag":948,"props":2106,"children":2107},{"style":1383},[2108],{"type":1330,"value":1607},{"type":172,"tag":948,"props":2110,"children":2111},{"class":950,"line":1229},[2112],{"type":172,"tag":948,"props":2113,"children":2114},{"style":1383},[2115],{"type":1330,"value":2116},"              }\n",{"type":172,"tag":948,"props":2118,"children":2119},{"class":950,"line":1234},[2120],{"type":172,"tag":948,"props":2121,"children":2122},{"style":1383},[2123],{"type":1330,"value":2124},"            },\n",{"type":172,"tag":948,"props":2126,"children":2127},{"class":950,"line":1242},[2128,2133,2137],{"type":172,"tag":948,"props":2129,"children":2130},{"style":1391},[2131],{"type":1330,"value":2132},"            defaultVariants",{"type":172,"tag":948,"props":2134,"children":2135},{"style":1383},[2136],{"type":1330,"value":980},{"type":172,"tag":948,"props":2138,"children":2139},{"style":1383},[2140],{"type":1330,"value":1403},{"type":172,"tag":948,"props":2142,"children":2143},{"class":950,"line":1251},[2144,2148,2152,2156,2160],{"type":172,"tag":948,"props":2145,"children":2146},{"style":1391},[2147],{"type":1330,"value":1998},{"type":172,"tag":948,"props":2149,"children":2150},{"style":1383},[2151],{"type":1330,"value":980},{"type":172,"tag":948,"props":2153,"children":2154},{"style":1383},[2155],{"type":1330,"value":1452},{"type":172,"tag":948,"props":2157,"children":2158},{"style":1455},[2159],{"type":1330,"value":1549},{"type":172,"tag":948,"props":2161,"children":2162},{"style":1383},[2163],{"type":1330,"value":1607},{"type":172,"tag":948,"props":2165,"children":2166},{"class":950,"line":1256},[2167],{"type":172,"tag":948,"props":2168,"children":2169},{"style":1383},[2170],{"type":1330,"value":2171},"            }\n",{"type":172,"tag":948,"props":2173,"children":2174},{"class":950,"line":1261},[2175],{"type":172,"tag":948,"props":2176,"children":2177},{"style":1383},[2178],{"type":1330,"value":1615},{"type":172,"tag":948,"props":2180,"children":2182},{"class":950,"line":2181},24,[2183],{"type":172,"tag":948,"props":2184,"children":2185},{"style":1383},[2186],{"type":1330,"value":1670},{"type":172,"tag":948,"props":2188,"children":2190},{"class":950,"line":2189},25,[2191],{"type":172,"tag":948,"props":2192,"children":2193},{"style":1383},[2194],{"type":1330,"value":1678},{"type":172,"tag":948,"props":2196,"children":2198},{"class":950,"line":2197},26,[2199,2204],{"type":172,"tag":948,"props":2200,"children":2201},{"style":1383},[2202],{"type":1330,"value":2203},"    }",{"type":172,"tag":948,"props":2205,"children":2206},{"style":1378},[2207],{"type":1330,"value":1004},{"type":172,"tag":948,"props":2209,"children":2211},{"class":950,"line":2210},27,[2212],{"type":172,"tag":948,"props":2213,"children":2214},{"style":1378},[2215],{"type":1330,"value":2216},"  ]\n",{"type":172,"tag":948,"props":2218,"children":2220},{"class":950,"line":2219},28,[2221,2225],{"type":172,"tag":948,"props":2222,"children":2223},{"style":1383},[2224],{"type":1330,"value":1001},{"type":172,"tag":948,"props":2226,"children":2227},{"style":1378},[2228],{"type":1330,"value":1004},{"type":172,"tag":1300,"props":2230,"children":2231},{},[2232],{"type":1330,"value":2233},"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);}",{"title":944,"searchDepth":973,"depth":973,"links":2235},[],[2237],{"sha":2238,"date":2239,"message":2240},"5cb65cfbd0d176393e841796bbbcd825be7cd376","2025-08-11T15:10:53Z","feat: import `@nuxt/ui-pro` components (#4675)",{"data":2242,"body":2243},{},{"type":1324,"children":2244},[2245],{"type":172,"tag":910,"props":2246,"children":2247},{},[2248,2261,2263,2270],{"type":172,"tag":2249,"props":2250,"children":2254},"a",{"href":2251,"rel":2252},"https://github.com/nuxt/ui/commit/5cb65cfbd0d176393e841796bbbcd825be7cd376",[2253],"nofollow",[2255],{"type":172,"tag":917,"props":2256,"children":2258},{"className":2257},[],[2259],{"type":1330,"value":2260},"5cb65",{"type":1330,"value":2262}," — feat: import ",{"type":172,"tag":917,"props":2264,"children":2267},{"className":2265},[2266],"text-xs",[2268],{"type":1330,"value":2269},"@nuxt/ui-pro",{"type":1330,"value":2271}," components",1765201612565]