[{"data":1,"prerenderedAt":6862},["ShallowReactive",2],{"navigation":3,"-docs-getting-started-installation-vue":918,"-docs-getting-started-installation-vue-description":6852},[4],{"title":5,"path":6,"stem":7,"children":8,"page":36},"Docs","/docs","docs",[9,157,781,817],{"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 Vue UI component library (Nuxt optional), offering 125+ accessible, Tailwind CSS components for building modern web applications.","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 has first-party support for Vue 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,525,530,535,540,545,550,555,561,566,571,576,581,586,591,596,601,606,611,616,621,626,631,636,641,646,651,656,661,666,671,676,681,686,691,696,701,706,711,716,721,726,731,736,741,746,751,756,761,766,771,776],{"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.","New",{"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},"InputDate","/docs/components/input-date","docs/2.components/input-date","An input component for date selection.",{"title":526,"path":527,"stem":528,"framework":16,"category":282,"description":529},"InputMenu","/docs/components/input-menu","docs/2.components/input-menu","An autocomplete input with real-time suggestions.",{"title":531,"path":532,"stem":533,"framework":16,"category":282,"description":534},"InputNumber","/docs/components/input-number","docs/2.components/input-number","An input for numerical values with a customizable range.",{"title":536,"path":537,"stem":538,"framework":16,"category":282,"description":539},"InputTags","/docs/components/input-tags","docs/2.components/input-tags","An input element that displays interactive tags.",{"title":541,"path":542,"stem":543,"framework":16,"category":282,"description":544},"InputTime","/docs/components/input-time","docs/2.components/input-time","An input for selecting a time.",{"title":546,"path":547,"stem":548,"framework":16,"category":172,"description":549},"Kbd","/docs/components/kbd","docs/2.components/kbd","A kbd element to display a keyboard key.",{"title":551,"path":552,"stem":553,"framework":16,"category":220,"description":554},"Link","/docs/components/link","docs/2.components/link","A wrapper around \u003CNuxtLink> with extra props.",{"title":556,"path":557,"stem":558,"framework":16,"category":559,"description":560},"LocaleSelect","/docs/components/locale-select","docs/2.components/locale-select","i18n","A Select to switch between locales.",{"title":562,"path":563,"stem":564,"framework":16,"category":178,"description":565},"Main","/docs/components/main","docs/2.components/main","A main element that fills the available viewport height.",{"title":567,"path":568,"stem":569,"framework":16,"category":166,"description":570},"Marquee","/docs/components/marquee","docs/2.components/marquee","A component to create infinite scrolling content.",{"title":572,"path":573,"stem":574,"framework":16,"category":370,"description":575},"Modal","/docs/components/modal","docs/2.components/modal","A dialog window that can be used to display a message or request user input.",{"title":577,"path":578,"stem":579,"framework":16,"category":220,"description":580},"NavigationMenu","/docs/components/navigation-menu","docs/2.components/navigation-menu","A list of links that can be displayed horizontally or vertically.",{"title":582,"path":583,"stem":584,"framework":16,"category":184,"description":585},"Page","/docs/components/page","docs/2.components/page","A grid layout for your pages with left and right columns.",{"title":587,"path":588,"stem":589,"framework":16,"category":184,"description":590},"PageAnchors","/docs/components/page-anchors","docs/2.components/page-anchors","A list of anchors to be displayed in the page.",{"title":592,"path":593,"stem":594,"framework":16,"category":184,"description":595},"PageAside","/docs/components/page-aside","docs/2.components/page-aside","A sticky aside to display your page navigation.",{"title":597,"path":598,"stem":599,"framework":16,"category":184,"description":600},"PageBody","/docs/components/page-body","docs/2.components/page-body","The main content of your page.",{"title":602,"path":603,"stem":604,"framework":16,"category":184,"description":605},"PageCard","/docs/components/page-card","docs/2.components/page-card","A pre-styled card component that displays a title, description and optional link.",{"title":607,"path":608,"stem":609,"framework":16,"category":184,"description":610},"PageColumns","/docs/components/page-columns","docs/2.components/page-columns","A responsive multi-column layout system for organizing content side-by-side.",{"title":612,"path":613,"stem":614,"framework":16,"category":184,"description":615},"PageCTA","/docs/components/page-cta","docs/2.components/page-cta","A call to action section to display in your pages.",{"title":617,"path":618,"stem":619,"framework":16,"category":184,"description":620},"PageFeature","/docs/components/page-feature","docs/2.components/page-feature","A component to showcase key features of your application.",{"title":622,"path":623,"stem":624,"framework":16,"category":184,"description":625},"PageGrid","/docs/components/page-grid","docs/2.components/page-grid","A responsive grid system for displaying content in a flexible layout.",{"title":627,"path":628,"stem":629,"framework":16,"category":184,"description":630},"PageHeader","/docs/components/page-header","docs/2.components/page-header","A responsive header for your pages.",{"title":632,"path":633,"stem":634,"framework":16,"category":184,"description":635},"PageHero","/docs/components/page-hero","docs/2.components/page-hero","A responsive hero for your pages.",{"title":637,"path":638,"stem":639,"framework":16,"category":184,"description":640},"PageLinks","/docs/components/page-links","docs/2.components/page-links","A list of links to be displayed in the page.",{"title":642,"path":643,"stem":644,"framework":16,"category":184,"description":645},"PageList","/docs/components/page-list","docs/2.components/page-list","A vertical list layout for displaying content in a stacked format.",{"title":647,"path":648,"stem":649,"framework":16,"category":184,"description":650},"PageLogos","/docs/components/page-logos","docs/2.components/page-logos","A list of logos or images to display on your pages.",{"title":652,"path":653,"stem":654,"framework":16,"category":184,"description":655},"PageSection","/docs/components/page-section","docs/2.components/page-section","A responsive section for your pages.",{"title":657,"path":658,"stem":659,"framework":16,"category":220,"description":660},"Pagination","/docs/components/pagination","docs/2.components/pagination","A list of buttons or links to navigate through pages.",{"title":662,"path":663,"stem":664,"framework":16,"category":282,"description":665},"PinInput","/docs/components/pin-input","docs/2.components/pin-input","An input element to enter a pin.",{"title":667,"path":668,"stem":669,"framework":16,"category":370,"description":670},"Popover","/docs/components/popover","docs/2.components/popover","A non-modal dialog that floats around a trigger element.",{"title":672,"path":673,"stem":674,"framework":16,"category":184,"description":675},"PricingPlan","/docs/components/pricing-plan","docs/2.components/pricing-plan","A customizable pricing plan to display in a pricing page.",{"title":677,"path":678,"stem":679,"framework":16,"category":184,"description":680},"PricingPlans","/docs/components/pricing-plans","docs/2.components/pricing-plans","Display a list of pricing plans in a responsive grid layout.",{"title":682,"path":683,"stem":684,"framework":16,"category":184,"description":685},"PricingTable","/docs/components/pricing-table","docs/2.components/pricing-table","A responsive pricing table component that displays tiered pricing plans with feature comparisons.",{"title":687,"path":688,"stem":689,"framework":16,"category":172,"description":690},"Progress","/docs/components/progress","docs/2.components/progress","An indicator showing the progress of a task.",{"title":692,"path":693,"stem":694,"framework":16,"category":282,"description":695},"RadioGroup","/docs/components/radio-group","docs/2.components/radio-group","A set of radio buttons to select a single option from a list.",{"title":697,"path":698,"stem":699,"framework":16,"category":166,"description":700,"badge":439},"ScrollArea","/docs/components/scroll-area","docs/2.components/scroll-area","A flexible scroll container with virtualization support.",{"title":702,"path":703,"stem":704,"framework":16,"category":282,"description":705},"Select","/docs/components/select","docs/2.components/select","A select element to choose from a list of options.",{"title":707,"path":708,"stem":709,"framework":16,"category":282,"description":710},"SelectMenu","/docs/components/select-menu","docs/2.components/select-menu","An advanced searchable select element.",{"title":712,"path":713,"stem":714,"framework":16,"category":172,"description":715},"Separator","/docs/components/separator","docs/2.components/separator","Separates content horizontally or vertically.",{"title":717,"path":718,"stem":719,"framework":16,"category":172,"description":720},"Skeleton","/docs/components/skeleton","docs/2.components/skeleton","A placeholder to show while content is loading.",{"title":722,"path":723,"stem":724,"framework":16,"category":370,"description":725},"Slideover","/docs/components/slideover","docs/2.components/slideover","A dialog that slides in from any side of the screen.",{"title":727,"path":728,"stem":729,"framework":16,"category":282,"description":730},"Slider","/docs/components/slider","docs/2.components/slider","An input to select a numeric value within a range.",{"title":732,"path":733,"stem":734,"framework":16,"category":220,"description":735},"Stepper","/docs/components/stepper","docs/2.components/stepper","A set of steps that are used to indicate progress through a multi-step process.",{"title":737,"path":738,"stem":739,"framework":16,"category":282,"description":740},"Switch","/docs/components/switch","docs/2.components/switch","A control that toggles between two states.",{"title":742,"path":743,"stem":744,"framework":16,"category":166,"description":745},"Table","/docs/components/table","docs/2.components/table","A responsive table element to display data in rows and columns.",{"title":747,"path":748,"stem":749,"framework":16,"category":220,"description":750},"Tabs","/docs/components/tabs","docs/2.components/tabs","A set of tab panels that are displayed one at a time.",{"title":752,"path":753,"stem":754,"framework":16,"category":282,"description":755},"Textarea","/docs/components/textarea","docs/2.components/textarea","A textarea element to input multi-line text.",{"title":757,"path":758,"stem":759,"framework":16,"category":166,"description":760},"Timeline","/docs/components/timeline","docs/2.components/timeline","A component that displays a sequence of events with dates, titles, icons or avatars.",{"title":762,"path":763,"stem":764,"framework":16,"category":370,"description":765},"Toast","/docs/components/toast","docs/2.components/toast","A succinct message to provide information or feedback to the user.",{"title":767,"path":768,"stem":769,"framework":16,"category":370,"description":770},"Tooltip","/docs/components/tooltip","docs/2.components/tooltip","A popup that reveals information when hovering over an element.",{"title":772,"path":773,"stem":774,"framework":16,"category":166,"description":775},"Tree","/docs/components/tree","docs/2.components/tree","A tree view component to display and interact with hierarchical data structures.",{"title":777,"path":778,"stem":779,"framework":16,"category":166,"description":780},"User","/docs/components/user","docs/2.components/user","Display user information with name, description and avatar.",{"title":782,"framework":16,"category":16,"description":16,"icon":783,"path":784,"stem":785,"children":786,"page":36},"Composables","i-lucide-square-function","/docs/composables","docs/3.composables",[787,792,797,802,807,812],{"title":788,"path":789,"stem":790,"framework":16,"category":16,"description":791},"defineLocale","/docs/composables/define-locale","docs/3.composables/define-locale","A utility to create a custom locale for your app.",{"title":793,"path":794,"stem":795,"framework":16,"category":16,"description":796},"defineShortcuts","/docs/composables/define-shortcuts","docs/3.composables/define-shortcuts","A composable to define keyboard shortcuts in your app.",{"title":798,"path":799,"stem":800,"framework":16,"category":16,"description":801},"extendLocale","/docs/composables/extend-locale","docs/3.composables/extend-locale","A utility to extend an existing locale with custom translations.",{"title":803,"path":804,"stem":805,"framework":16,"category":16,"description":806},"extractShortcuts","/docs/composables/extract-shortcuts","docs/3.composables/extract-shortcuts","A utility to extract keyboard shortcuts from menu items.",{"title":808,"path":809,"stem":810,"framework":16,"category":16,"description":811},"useOverlay","/docs/composables/use-overlay","docs/3.composables/use-overlay","A composable to programmatically control overlays.",{"title":813,"path":814,"stem":815,"framework":16,"category":16,"description":816},"useToast","/docs/composables/use-toast","docs/3.composables/use-toast","A composable to display toast notifications in your app.",{"title":818,"path":819,"stem":820,"children":821,"framework":28,"category":16,"description":16,"icon":917},"Typography","/docs/typography","docs/4.typography/1.index",[822,824,829,834,839,844,849,853,858,862,867,872,877,882,887,891,896,900,904,908,913],{"title":15,"path":819,"stem":820,"framework":28,"category":16,"description":823},"Beautiful typography components and utilities to style your content with Nuxt UI.",{"title":825,"path":826,"stem":827,"framework":28,"category":16,"description":828},"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":830,"path":831,"stem":832,"framework":28,"category":16,"description":833},"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":835,"path":836,"stem":837,"framework":28,"category":16,"description":838},"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":840,"path":841,"stem":842,"framework":28,"category":16,"description":843},"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":845,"stem":846,"framework":28,"category":847,"description":848},"/docs/typography/accordion","docs/4.typography/accordion","components","Create expandable content sections for better information organization.",{"title":197,"path":850,"stem":851,"framework":28,"category":847,"description":852},"/docs/typography/badge","docs/4.typography/badge","Display version numbers, status labels, and tags within your content.",{"title":854,"path":855,"stem":856,"framework":28,"category":847,"description":857},"Callout","/docs/typography/callout","docs/4.typography/callout","Highlight important information with eye-catching colored boxes and icons.",{"title":233,"path":859,"stem":860,"framework":28,"category":847,"description":861},"/docs/typography/card","docs/4.typography/card","Create highlighted content blocks with optional links and navigation.",{"title":863,"path":864,"stem":865,"framework":28,"category":847,"description":866},"CardGroup","/docs/typography/card-group","docs/4.typography/card-group","Organize multiple cards in responsive grid layouts for better content presentation.",{"title":868,"path":869,"stem":870,"framework":28,"category":847,"description":871},"CodeCollapse","/docs/typography/code-collapse","docs/4.typography/code-collapse","Make long code blocks collapsible to save space and improve readability.",{"title":873,"path":874,"stem":875,"framework":28,"category":847,"description":876},"CodeGroup","/docs/typography/code-group","docs/4.typography/code-group","Group multiple code examples in tabbed interfaces for easy comparison.",{"title":878,"path":879,"stem":880,"framework":28,"category":847,"description":881},"CodePreview","/docs/typography/code-preview","docs/4.typography/code-preview","Display code examples with a preview and their source for clearer documentation.",{"title":883,"path":884,"stem":885,"framework":28,"category":847,"description":886},"CodeTree","/docs/typography/code-tree","docs/4.typography/code-tree","Visualize file and folder structures with syntax-highlighted code.",{"title":295,"path":888,"stem":889,"framework":28,"category":847,"description":890},"/docs/typography/collapsible","docs/4.typography/collapsible","Toggle content visibility with smooth expand and collapse animations.",{"title":892,"path":893,"stem":894,"framework":28,"category":847,"description":895},"Field","/docs/typography/field","docs/4.typography/field","Document API parameters, props, and configuration options clearly.",{"title":476,"path":897,"stem":898,"framework":28,"category":847,"description":899},"/docs/typography/field-group","docs/4.typography/field-group","Group related fields together for comprehensive API documentation.",{"title":511,"path":901,"stem":902,"framework":28,"category":847,"description":903},"/docs/typography/icon","docs/4.typography/icon","Display icons from popular icon libraries to enhance your content.",{"title":546,"path":905,"stem":906,"framework":28,"category":847,"description":907},"/docs/typography/kbd","docs/4.typography/kbd","Display keyboard shortcuts and key combinations with proper styling.",{"title":909,"path":910,"stem":911,"framework":28,"category":847,"description":912},"Steps","/docs/typography/steps","docs/4.typography/steps","Transform headings into numbered step-by-step guides and tutorials.",{"title":747,"path":914,"stem":915,"framework":28,"category":847,"description":916},"/docs/typography/tabs","docs/4.typography/tabs","Organize related content in interactive tabbed interfaces.","i-lucide-square-pilcrow",{"id":919,"title":20,"body":920,"category":16,"description":35,"extension":5911,"framework":34,"links":6843,"meta":6848,"navigation":6849,"path":32,"seo":6850,"stem":33,"__hash__":6851},"docs/docs/1.getting-started/2.installation/2.vue.md",{"type":921,"value":922,"toc":6822},"minimark",[923,938,943,948,3917,3920,4111,4115,4257,4274,4282,4860,4865,4867,4871,4880,4908,4915,4950,4957,5001,5005,5010,5015,5021,5033,5155,5159,5164,5334,5340,5348,5357,5475,5481,5486,5549,5697,5703,5709,5714,5722,5854,5863,5869,5881,5916,6084,6097,6102,6281,6284,6358,6364,6373,6392,6400,6471,6588,6601,6610,6615,6742,6750,6754,6763,6770,6811,6818],[924,925,929],"callout",{"icon":926,"className":927,"to":26},"i-logos-nuxt-icon",[928],"hidden",[930,931,932,933,937],"p",{},"Looking for the ",[934,935,936],"strong",{},"Nuxt"," version?",[939,940,942],"h2",{"id":941},"setup","Setup",[944,945,947],"h3",{"id":946},"add-to-a-vue-project","Add to a Vue project",[949,950,952,957,1039,1062,1699,1823,1916,1920,2894,2898,2994],"steps",{"level":951},"4",[953,954,956],"h4",{"id":955},"install-the-nuxt-ui-package","Install the Nuxt UI package",[958,959,961,990,1006,1023],"code-group",{"sync":960},"pm",[962,963,969],"pre",{"className":964,"code":965,"filename":966,"language":967,"meta":968,"style":968},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm add @nuxt/ui tailwindcss\n","pnpm","bash","",[970,971,972],"code",{"__ignoreMap":968},[973,974,977,980,984,987],"span",{"class":975,"line":976},"line",1,[973,978,966],{"class":979},"sBMFI",[973,981,983],{"class":982},"sfazB"," add",[973,985,986],{"class":982}," @nuxt/ui",[973,988,989],{"class":982}," tailwindcss\n",[962,991,994],{"className":964,"code":992,"filename":993,"language":967,"meta":968,"style":968},"yarn add @nuxt/ui tailwindcss\n","yarn",[970,995,996],{"__ignoreMap":968},[973,997,998,1000,1002,1004],{"class":975,"line":976},[973,999,993],{"class":979},[973,1001,983],{"class":982},[973,1003,986],{"class":982},[973,1005,989],{"class":982},[962,1007,1010],{"className":964,"code":1008,"filename":1009,"language":967,"meta":968,"style":968},"npm install @nuxt/ui tailwindcss\n","npm",[970,1011,1012],{"__ignoreMap":968},[973,1013,1014,1016,1019,1021],{"class":975,"line":976},[973,1015,1009],{"class":979},[973,1017,1018],{"class":982}," install",[973,1020,986],{"class":982},[973,1022,989],{"class":982},[962,1024,1027],{"className":964,"code":1025,"filename":1026,"language":967,"meta":968,"style":968},"bun add @nuxt/ui tailwindcss\n","bun",[970,1028,1029],{"__ignoreMap":968},[973,1030,1031,1033,1035,1037],{"class":975,"line":976},[973,1032,1026],{"class":979},[973,1034,983],{"class":982},[973,1036,986],{"class":982},[973,1038,989],{"class":982},[953,1040,1042,1043],{"id":1041},"add-the-nuxt-ui-vite-plugin-in-your-viteconfigts","Add the Nuxt UI Vite plugin in your ",[970,1044,1047,1050,1054,1057,1059],{"className":1045,"language":1046,"style":968},"language-ts-type shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","ts-type",[973,1048,1049],{"class":979},"vite",[973,1051,1053],{"class":1052},"sMK4o",".",[973,1055,1056],{"class":979},"config",[973,1058,1053],{"class":1052},[973,1060,1061],{"class":979},"ts",[958,1063,1064,1210,1477],{"sync":1049},[962,1065,1072],{"className":1066,"code":1067,"filename":1068,"highlights":1069,"language":1061,"meta":968,"style":968},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","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  ]\n})\n","vite.config.ts (Vite)",[1070,1071],3,8,[970,1073,1074,1101,1119,1137,1143,1161,1174,1186,1195,1201],{"__ignoreMap":968},[973,1075,1076,1080,1083,1087,1090,1093,1096,1098],{"class":975,"line":976},[973,1077,1079],{"class":1078},"s7zQu","import",[973,1081,1082],{"class":1052}," {",[973,1084,1086],{"class":1085},"sTEyZ"," defineConfig",[973,1088,1089],{"class":1052}," }",[973,1091,1092],{"class":1078}," from",[973,1094,1095],{"class":1052}," '",[973,1097,1049],{"class":982},[973,1099,1100],{"class":1052},"'\n",[973,1102,1104,1106,1109,1112,1114,1117],{"class":975,"line":1103},2,[973,1105,1079],{"class":1078},[973,1107,1108],{"class":1085}," vue ",[973,1110,1111],{"class":1078},"from",[973,1113,1095],{"class":1052},[973,1115,1116],{"class":982},"@vitejs/plugin-vue",[973,1118,1100],{"class":1052},[973,1120,1123,1125,1128,1130,1132,1135],{"class":1121,"line":1070},[975,1122],"highlight",[973,1124,1079],{"class":1078},[973,1126,1127],{"class":1085}," ui ",[973,1129,1111],{"class":1078},[973,1131,1095],{"class":1052},[973,1133,1134],{"class":982},"@nuxt/ui/vite",[973,1136,1100],{"class":1052},[973,1138,1140],{"class":975,"line":1139},4,[973,1141,1142],{"emptyLinePlaceholder":21},"\n",[973,1144,1146,1149,1152,1155,1158],{"class":975,"line":1145},5,[973,1147,1148],{"class":1078},"export",[973,1150,1151],{"class":1078}," default",[973,1153,1086],{"class":1154},"s2Zo4",[973,1156,1157],{"class":1085},"(",[973,1159,1160],{"class":1052},"{\n",[973,1162,1164,1168,1171],{"class":975,"line":1163},6,[973,1165,1167],{"class":1166},"swJcz","  plugins",[973,1169,1170],{"class":1052},":",[973,1172,1173],{"class":1085}," [\n",[973,1175,1177,1180,1183],{"class":975,"line":1176},7,[973,1178,1179],{"class":1154},"    vue",[973,1181,1182],{"class":1085},"()",[973,1184,1185],{"class":1052},",\n",[973,1187,1189,1192],{"class":1188,"line":1071},[975,1122],[973,1190,1191],{"class":1154},"    ui",[973,1193,1194],{"class":1085},"()\n",[973,1196,1198],{"class":975,"line":1197},9,[973,1199,1200],{"class":1085},"  ]\n",[973,1202,1204,1207],{"class":975,"line":1203},10,[973,1205,1206],{"class":1052},"}",[973,1208,1209],{"class":1085},")\n",[962,1211,1218],{"className":1066,"code":1212,"filename":1213,"highlights":1214,"language":1061,"meta":968,"style":968},"import { defineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport ui from '@nuxt/ui/vite'\nimport laravel from 'laravel-vite-plugin'\n\nexport default defineConfig({\n  plugins: [\n    laravel({\n      input: ['resources/js/app.ts'],\n      refresh: true\n    }),\n    vue({\n      template: {\n        transformAssetUrls: {\n          base: null,\n          includeAbsolute: false\n        }\n      }\n    }),\n    ui({\n      router: 'inertia'\n    })\n  ]\n})\n","vite.config.ts (Laravel Inertia)",[1070,1215,1216,1217],20,21,22,[970,1219,1220,1238,1252,1267,1283,1287,1299,1307,1316,1339,1350,1361,1370,1381,1391,1402,1413,1419,1425,1434,1443,1458,1465,1470],{"__ignoreMap":968},[973,1221,1222,1224,1226,1228,1230,1232,1234,1236],{"class":975,"line":976},[973,1223,1079],{"class":1078},[973,1225,1082],{"class":1052},[973,1227,1086],{"class":1085},[973,1229,1089],{"class":1052},[973,1231,1092],{"class":1078},[973,1233,1095],{"class":1052},[973,1235,1049],{"class":982},[973,1237,1100],{"class":1052},[973,1239,1240,1242,1244,1246,1248,1250],{"class":975,"line":1103},[973,1241,1079],{"class":1078},[973,1243,1108],{"class":1085},[973,1245,1111],{"class":1078},[973,1247,1095],{"class":1052},[973,1249,1116],{"class":982},[973,1251,1100],{"class":1052},[973,1253,1255,1257,1259,1261,1263,1265],{"class":1254,"line":1070},[975,1122],[973,1256,1079],{"class":1078},[973,1258,1127],{"class":1085},[973,1260,1111],{"class":1078},[973,1262,1095],{"class":1052},[973,1264,1134],{"class":982},[973,1266,1100],{"class":1052},[973,1268,1269,1271,1274,1276,1278,1281],{"class":975,"line":1139},[973,1270,1079],{"class":1078},[973,1272,1273],{"class":1085}," laravel ",[973,1275,1111],{"class":1078},[973,1277,1095],{"class":1052},[973,1279,1280],{"class":982},"laravel-vite-plugin",[973,1282,1100],{"class":1052},[973,1284,1285],{"class":975,"line":1145},[973,1286,1142],{"emptyLinePlaceholder":21},[973,1288,1289,1291,1293,1295,1297],{"class":975,"line":1163},[973,1290,1148],{"class":1078},[973,1292,1151],{"class":1078},[973,1294,1086],{"class":1154},[973,1296,1157],{"class":1085},[973,1298,1160],{"class":1052},[973,1300,1301,1303,1305],{"class":975,"line":1176},[973,1302,1167],{"class":1166},[973,1304,1170],{"class":1052},[973,1306,1173],{"class":1085},[973,1308,1309,1312,1314],{"class":975,"line":1071},[973,1310,1311],{"class":1154},"    laravel",[973,1313,1157],{"class":1085},[973,1315,1160],{"class":1052},[973,1317,1318,1321,1323,1326,1329,1332,1334,1337],{"class":975,"line":1197},[973,1319,1320],{"class":1166},"      input",[973,1322,1170],{"class":1052},[973,1324,1325],{"class":1085}," [",[973,1327,1328],{"class":1052},"'",[973,1330,1331],{"class":982},"resources/js/app.ts",[973,1333,1328],{"class":1052},[973,1335,1336],{"class":1085},"]",[973,1338,1185],{"class":1052},[973,1340,1341,1344,1346],{"class":975,"line":1203},[973,1342,1343],{"class":1166},"      refresh",[973,1345,1170],{"class":1052},[973,1347,1349],{"class":1348},"sfNiH"," true\n",[973,1351,1353,1356,1359],{"class":975,"line":1352},11,[973,1354,1355],{"class":1052},"    }",[973,1357,1358],{"class":1085},")",[973,1360,1185],{"class":1052},[973,1362,1364,1366,1368],{"class":975,"line":1363},12,[973,1365,1179],{"class":1154},[973,1367,1157],{"class":1085},[973,1369,1160],{"class":1052},[973,1371,1373,1376,1378],{"class":975,"line":1372},13,[973,1374,1375],{"class":1166},"      template",[973,1377,1170],{"class":1052},[973,1379,1380],{"class":1052}," {\n",[973,1382,1384,1387,1389],{"class":975,"line":1383},14,[973,1385,1386],{"class":1166},"        transformAssetUrls",[973,1388,1170],{"class":1052},[973,1390,1380],{"class":1052},[973,1392,1394,1397,1399],{"class":975,"line":1393},15,[973,1395,1396],{"class":1166},"          base",[973,1398,1170],{"class":1052},[973,1400,1401],{"class":1052}," null,\n",[973,1403,1405,1408,1410],{"class":975,"line":1404},16,[973,1406,1407],{"class":1166},"          includeAbsolute",[973,1409,1170],{"class":1052},[973,1411,1412],{"class":1348}," false\n",[973,1414,1416],{"class":975,"line":1415},17,[973,1417,1418],{"class":1052},"        }\n",[973,1420,1422],{"class":975,"line":1421},18,[973,1423,1424],{"class":1052},"      }\n",[973,1426,1428,1430,1432],{"class":975,"line":1427},19,[973,1429,1355],{"class":1052},[973,1431,1358],{"class":1085},[973,1433,1185],{"class":1052},[973,1435,1437,1439,1441],{"class":1436,"line":1215},[975,1122],[973,1438,1191],{"class":1154},[973,1440,1157],{"class":1085},[973,1442,1160],{"class":1052},[973,1444,1446,1449,1451,1453,1456],{"class":1445,"line":1216},[975,1122],[973,1447,1448],{"class":1166},"      router",[973,1450,1170],{"class":1052},[973,1452,1095],{"class":1052},[973,1454,1455],{"class":982},"inertia",[973,1457,1100],{"class":1052},[973,1459,1461,1463],{"class":1460,"line":1217},[975,1122],[973,1462,1355],{"class":1052},[973,1464,1209],{"class":1085},[973,1466,1468],{"class":975,"line":1467},23,[973,1469,1200],{"class":1085},[973,1471,1473,1475],{"class":975,"line":1472},24,[973,1474,1206],{"class":1052},[973,1476,1209],{"class":1085},[962,1478,1482],{"className":1066,"code":1479,"filename":1480,"highlights":1481,"language":1061,"meta":968,"style":968},"import { defineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport ui from '@nuxt/ui/vite'\nimport adonisjs from '@adonisjs/vite/client'\nimport inertia from '@adonisjs/inertia/client'\n\nexport default defineConfig({\n  plugins: [\n    adonisjs({\n      entrypoints: ['inertia/app/app.ts'],\n      reload: ['resources/views/**/*.edge']\n    }),\n    inertia(),\n    vue(),\n    ui({\n      router: 'inertia'\n    })\n  ]\n})\n","vite.config.ts (AdonisJS Inertia)",[1070,1393,1404,1415],[970,1483,1484,1502,1516,1531,1547,1563,1567,1579,1587,1596,1616,1635,1643,1652,1660,1669,1682,1689,1693],{"__ignoreMap":968},[973,1485,1486,1488,1490,1492,1494,1496,1498,1500],{"class":975,"line":976},[973,1487,1079],{"class":1078},[973,1489,1082],{"class":1052},[973,1491,1086],{"class":1085},[973,1493,1089],{"class":1052},[973,1495,1092],{"class":1078},[973,1497,1095],{"class":1052},[973,1499,1049],{"class":982},[973,1501,1100],{"class":1052},[973,1503,1504,1506,1508,1510,1512,1514],{"class":975,"line":1103},[973,1505,1079],{"class":1078},[973,1507,1108],{"class":1085},[973,1509,1111],{"class":1078},[973,1511,1095],{"class":1052},[973,1513,1116],{"class":982},[973,1515,1100],{"class":1052},[973,1517,1519,1521,1523,1525,1527,1529],{"class":1518,"line":1070},[975,1122],[973,1520,1079],{"class":1078},[973,1522,1127],{"class":1085},[973,1524,1111],{"class":1078},[973,1526,1095],{"class":1052},[973,1528,1134],{"class":982},[973,1530,1100],{"class":1052},[973,1532,1533,1535,1538,1540,1542,1545],{"class":975,"line":1139},[973,1534,1079],{"class":1078},[973,1536,1537],{"class":1085}," adonisjs ",[973,1539,1111],{"class":1078},[973,1541,1095],{"class":1052},[973,1543,1544],{"class":982},"@adonisjs/vite/client",[973,1546,1100],{"class":1052},[973,1548,1549,1551,1554,1556,1558,1561],{"class":975,"line":1145},[973,1550,1079],{"class":1078},[973,1552,1553],{"class":1085}," inertia ",[973,1555,1111],{"class":1078},[973,1557,1095],{"class":1052},[973,1559,1560],{"class":982},"@adonisjs/inertia/client",[973,1562,1100],{"class":1052},[973,1564,1565],{"class":975,"line":1163},[973,1566,1142],{"emptyLinePlaceholder":21},[973,1568,1569,1571,1573,1575,1577],{"class":975,"line":1176},[973,1570,1148],{"class":1078},[973,1572,1151],{"class":1078},[973,1574,1086],{"class":1154},[973,1576,1157],{"class":1085},[973,1578,1160],{"class":1052},[973,1580,1581,1583,1585],{"class":975,"line":1071},[973,1582,1167],{"class":1166},[973,1584,1170],{"class":1052},[973,1586,1173],{"class":1085},[973,1588,1589,1592,1594],{"class":975,"line":1197},[973,1590,1591],{"class":1154},"    adonisjs",[973,1593,1157],{"class":1085},[973,1595,1160],{"class":1052},[973,1597,1598,1601,1603,1605,1607,1610,1612,1614],{"class":975,"line":1203},[973,1599,1600],{"class":1166},"      entrypoints",[973,1602,1170],{"class":1052},[973,1604,1325],{"class":1085},[973,1606,1328],{"class":1052},[973,1608,1609],{"class":982},"inertia/app/app.ts",[973,1611,1328],{"class":1052},[973,1613,1336],{"class":1085},[973,1615,1185],{"class":1052},[973,1617,1618,1621,1623,1625,1627,1630,1632],{"class":975,"line":1352},[973,1619,1620],{"class":1166},"      reload",[973,1622,1170],{"class":1052},[973,1624,1325],{"class":1085},[973,1626,1328],{"class":1052},[973,1628,1629],{"class":982},"resources/views/**/*.edge",[973,1631,1328],{"class":1052},[973,1633,1634],{"class":1085},"]\n",[973,1636,1637,1639,1641],{"class":975,"line":1363},[973,1638,1355],{"class":1052},[973,1640,1358],{"class":1085},[973,1642,1185],{"class":1052},[973,1644,1645,1648,1650],{"class":975,"line":1372},[973,1646,1647],{"class":1154},"    inertia",[973,1649,1182],{"class":1085},[973,1651,1185],{"class":1052},[973,1653,1654,1656,1658],{"class":975,"line":1383},[973,1655,1179],{"class":1154},[973,1657,1182],{"class":1085},[973,1659,1185],{"class":1052},[973,1661,1663,1665,1667],{"class":1662,"line":1393},[975,1122],[973,1664,1191],{"class":1154},[973,1666,1157],{"class":1085},[973,1668,1160],{"class":1052},[973,1670,1672,1674,1676,1678,1680],{"class":1671,"line":1404},[975,1122],[973,1673,1448],{"class":1166},[973,1675,1170],{"class":1052},[973,1677,1095],{"class":1052},[973,1679,1455],{"class":982},[973,1681,1100],{"class":1052},[973,1683,1685,1687],{"class":1684,"line":1415},[975,1122],[973,1686,1355],{"class":1052},[973,1688,1209],{"class":1085},[973,1690,1691],{"class":975,"line":1421},[973,1692,1200],{"class":1085},[973,1694,1695,1697],{"class":975,"line":1427},[973,1696,1206],{"class":1052},[973,1698,1209],{"class":1085},[1700,1701,1702,1723,1801],"tip",{},[930,1703,1704,1705,1708,1709,1712,1713,1708,1716,1719,1720,1053],{},"Nuxt UI registers ",[970,1706,1707],{},"unplugin-auto-import"," and ",[970,1710,1711],{},"unplugin-vue-components",", which will generate ",[970,1714,1715],{},"auto-imports.d.ts",[970,1717,1718],{},"components.d.ts"," type declaration files. You will likely want to gitignore these, and add them to your ",[970,1721,1722],{},"tsconfig",[962,1724,1729],{"className":1725,"code":1726,"filename":1727,"language":1728,"meta":968,"style":968},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n  \"include\": [\"src/**/*.ts\", \"src/**/*.tsx\", \"src/**/*.vue\", \"auto-imports.d.ts\", \"components.d.ts\"]\n}\n","tsconfig.app.json","json",[970,1730,1731,1735,1796],{"__ignoreMap":968},[973,1732,1733],{"class":975,"line":976},[973,1734,1160],{"class":1052},[973,1736,1737,1740,1744,1747,1749,1751,1753,1756,1758,1761,1764,1767,1769,1771,1773,1776,1778,1780,1782,1784,1786,1788,1790,1792,1794],{"class":975,"line":1103},[973,1738,1739],{"class":1052},"  \"",[973,1741,1743],{"class":1742},"spNyl","include",[973,1745,1746],{"class":1052},"\"",[973,1748,1170],{"class":1052},[973,1750,1325],{"class":1052},[973,1752,1746],{"class":1052},[973,1754,1755],{"class":982},"src/**/*.ts",[973,1757,1746],{"class":1052},[973,1759,1760],{"class":1052},",",[973,1762,1763],{"class":1052}," \"",[973,1765,1766],{"class":982},"src/**/*.tsx",[973,1768,1746],{"class":1052},[973,1770,1760],{"class":1052},[973,1772,1763],{"class":1052},[973,1774,1775],{"class":982},"src/**/*.vue",[973,1777,1746],{"class":1052},[973,1779,1760],{"class":1052},[973,1781,1763],{"class":1052},[973,1783,1715],{"class":982},[973,1785,1746],{"class":1052},[973,1787,1760],{"class":1052},[973,1789,1763],{"class":1052},[973,1791,1718],{"class":982},[973,1793,1746],{"class":1052},[973,1795,1634],{"class":1052},[973,1797,1798],{"class":975,"line":1070},[973,1799,1800],{"class":1052},"}\n",[962,1802,1805],{"className":964,"code":1803,"filename":1804,"language":967,"meta":968,"style":968},"# Auto-generated type declarations\nauto-imports.d.ts\ncomponents.d.ts\n",".gitignore",[970,1806,1807,1813,1818],{"__ignoreMap":968},[973,1808,1809],{"class":975,"line":976},[973,1810,1812],{"class":1811},"sHwdD","# Auto-generated type declarations\n",[973,1814,1815],{"class":975,"line":1103},[973,1816,1817],{"class":979},"auto-imports.d.ts\n",[973,1819,1820],{"class":975,"line":1070},[973,1821,1822],{"class":979},"components.d.ts\n",[1700,1824,1825,1834],{},[930,1826,1827,1828,1830,1831,1053],{},"Internally, Nuxt UI relies on custom alias to resolve the theme types. If you're using TypeScript, you should add an alias to your ",[970,1829,1722],{}," to enable auto-completion in your ",[970,1832,1833],{},"vite.config.ts",[962,1835,1838],{"className":1725,"code":1836,"filename":1837,"language":1728,"meta":968,"style":968},"{\n  \"compilerOptions\": {\n    \"paths\": {\n      \"#build/ui\": [\n        \"./node_modules/.nuxt-ui/ui\"\n      ]\n    }\n  }\n}\n","tsconfig.node.json",[970,1839,1840,1844,1857,1871,1886,1897,1902,1907,1912],{"__ignoreMap":968},[973,1841,1842],{"class":975,"line":976},[973,1843,1160],{"class":1052},[973,1845,1846,1848,1851,1853,1855],{"class":975,"line":1103},[973,1847,1739],{"class":1052},[973,1849,1850],{"class":1742},"compilerOptions",[973,1852,1746],{"class":1052},[973,1854,1170],{"class":1052},[973,1856,1380],{"class":1052},[973,1858,1859,1862,1865,1867,1869],{"class":975,"line":1070},[973,1860,1861],{"class":1052},"    \"",[973,1863,1864],{"class":979},"paths",[973,1866,1746],{"class":1052},[973,1868,1170],{"class":1052},[973,1870,1380],{"class":1052},[973,1872,1873,1876,1880,1882,1884],{"class":975,"line":1139},[973,1874,1875],{"class":1052},"      \"",[973,1877,1879],{"class":1878},"sbssI","#build/ui",[973,1881,1746],{"class":1052},[973,1883,1170],{"class":1052},[973,1885,1173],{"class":1052},[973,1887,1888,1891,1894],{"class":975,"line":1145},[973,1889,1890],{"class":1052},"        \"",[973,1892,1893],{"class":982},"./node_modules/.nuxt-ui/ui",[973,1895,1896],{"class":1052},"\"\n",[973,1898,1899],{"class":975,"line":1163},[973,1900,1901],{"class":1052},"      ]\n",[973,1903,1904],{"class":975,"line":1176},[973,1905,1906],{"class":1052},"    }\n",[973,1908,1909],{"class":975,"line":1071},[973,1910,1911],{"class":1052},"  }\n",[973,1913,1914],{"class":975,"line":1197},[973,1915,1800],{"class":1052},[953,1917,1919],{"id":1918},"use-the-nuxt-ui-vue-plugin","Use the Nuxt UI Vue plugin",[958,1921,1922,2126,2539],{"sync":1049},[962,1923,1927],{"className":1066,"code":1924,"filename":1925,"highlights":1926,"language":1061,"meta":968,"style":968},"import { createApp } from 'vue'\nimport { createRouter, createWebHistory } from 'vue-router'\nimport ui from '@nuxt/ui/vue-plugin'\nimport App from './App.vue'\n\nconst app = createApp(App)\n\nconst router = createRouter({\n  routes: [],\n  history: createWebHistory()\n})\n\napp.use(router)\napp.use(ui)\n\napp.mount('#app')\n","src/main.ts (Vite)",[1070,1383],[970,1928,1929,1948,1973,1989,2005,2009,2025,2029,2044,2056,2067,2073,2077,2090,2102,2106],{"__ignoreMap":968},[973,1930,1931,1933,1935,1938,1940,1942,1944,1946],{"class":975,"line":976},[973,1932,1079],{"class":1078},[973,1934,1082],{"class":1052},[973,1936,1937],{"class":1085}," createApp",[973,1939,1089],{"class":1052},[973,1941,1092],{"class":1078},[973,1943,1095],{"class":1052},[973,1945,34],{"class":982},[973,1947,1100],{"class":1052},[973,1949,1950,1952,1954,1957,1959,1962,1964,1966,1968,1971],{"class":975,"line":1103},[973,1951,1079],{"class":1078},[973,1953,1082],{"class":1052},[973,1955,1956],{"class":1085}," createRouter",[973,1958,1760],{"class":1052},[973,1960,1961],{"class":1085}," createWebHistory",[973,1963,1089],{"class":1052},[973,1965,1092],{"class":1078},[973,1967,1095],{"class":1052},[973,1969,1970],{"class":982},"vue-router",[973,1972,1100],{"class":1052},[973,1974,1976,1978,1980,1982,1984,1987],{"class":1975,"line":1070},[975,1122],[973,1977,1079],{"class":1078},[973,1979,1127],{"class":1085},[973,1981,1111],{"class":1078},[973,1983,1095],{"class":1052},[973,1985,1986],{"class":982},"@nuxt/ui/vue-plugin",[973,1988,1100],{"class":1052},[973,1990,1991,1993,1996,1998,2000,2003],{"class":975,"line":1139},[973,1992,1079],{"class":1078},[973,1994,1995],{"class":1085}," App ",[973,1997,1111],{"class":1078},[973,1999,1095],{"class":1052},[973,2001,2002],{"class":982},"./App.vue",[973,2004,1100],{"class":1052},[973,2006,2007],{"class":975,"line":1145},[973,2008,1142],{"emptyLinePlaceholder":21},[973,2010,2011,2014,2017,2020,2022],{"class":975,"line":1163},[973,2012,2013],{"class":1742},"const",[973,2015,2016],{"class":1085}," app ",[973,2018,2019],{"class":1052},"=",[973,2021,1937],{"class":1154},[973,2023,2024],{"class":1085},"(App)\n",[973,2026,2027],{"class":975,"line":1176},[973,2028,1142],{"emptyLinePlaceholder":21},[973,2030,2031,2033,2036,2038,2040,2042],{"class":975,"line":1071},[973,2032,2013],{"class":1742},[973,2034,2035],{"class":1085}," router ",[973,2037,2019],{"class":1052},[973,2039,1956],{"class":1154},[973,2041,1157],{"class":1085},[973,2043,1160],{"class":1052},[973,2045,2046,2049,2051,2054],{"class":975,"line":1197},[973,2047,2048],{"class":1166},"  routes",[973,2050,1170],{"class":1052},[973,2052,2053],{"class":1085}," []",[973,2055,1185],{"class":1052},[973,2057,2058,2061,2063,2065],{"class":975,"line":1203},[973,2059,2060],{"class":1166},"  history",[973,2062,1170],{"class":1052},[973,2064,1961],{"class":1154},[973,2066,1194],{"class":1085},[973,2068,2069,2071],{"class":975,"line":1352},[973,2070,1206],{"class":1052},[973,2072,1209],{"class":1085},[973,2074,2075],{"class":975,"line":1363},[973,2076,1142],{"emptyLinePlaceholder":21},[973,2078,2079,2082,2084,2087],{"class":975,"line":1372},[973,2080,2081],{"class":1085},"app",[973,2083,1053],{"class":1052},[973,2085,2086],{"class":1154},"use",[973,2088,2089],{"class":1085},"(router)\n",[973,2091,2093,2095,2097,2099],{"class":2092,"line":1383},[975,1122],[973,2094,2081],{"class":1085},[973,2096,1053],{"class":1052},[973,2098,2086],{"class":1154},[973,2100,2101],{"class":1085},"(ui)\n",[973,2103,2104],{"class":975,"line":1393},[973,2105,1142],{"emptyLinePlaceholder":21},[973,2107,2108,2110,2112,2115,2117,2119,2122,2124],{"class":975,"line":1404},[973,2109,2081],{"class":1085},[973,2111,1053],{"class":1052},[973,2113,2114],{"class":1154},"mount",[973,2116,1157],{"class":1085},[973,2118,1328],{"class":1052},[973,2120,2121],{"class":982},"#app",[973,2123,1328],{"class":1052},[973,2125,1209],{"class":1085},[962,2127,2131],{"className":1066,"code":2128,"filename":2129,"highlights":2130,"language":1061,"meta":968,"style":968},"import type { DefineComponent } from 'vue'\nimport { createInertiaApp } from '@inertiajs/vue3'\nimport ui from '@nuxt/ui/vue-plugin'\nimport { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers'\nimport { createApp, h } from 'vue'\n\nconst appName = import.meta.env.VITE_APP_NAME || 'Laravel x Nuxt UI'\n\ncreateInertiaApp({\n  title: title => (title ? `${title} - ${appName}` : appName),\n  resolve: name =>\n    resolvePageComponent(\n      `./pages/${name}.vue`,\n      import.meta.glob\u003CDefineComponent>('./pages/**/*.vue')\n    ),\n  setup({ el, App, props, plugin }) {\n    createApp({ render: () => h(App, props) })\n      .use(plugin)\n      .use(ui)\n      .mount(el)\n  }\n})\n","resources/js/app.ts (Laravel Inertia)",[1070,1427],[970,2132,2133,2155,2175,2190,2210,2233,2237,2274,2278,2287,2335,2348,2356,2379,2413,2420,2451,2488,2502,2516,2529,2533],{"__ignoreMap":968},[973,2134,2135,2137,2140,2142,2145,2147,2149,2151,2153],{"class":975,"line":976},[973,2136,1079],{"class":1078},[973,2138,2139],{"class":1078}," type",[973,2141,1082],{"class":1052},[973,2143,2144],{"class":1085}," DefineComponent",[973,2146,1089],{"class":1052},[973,2148,1092],{"class":1078},[973,2150,1095],{"class":1052},[973,2152,34],{"class":982},[973,2154,1100],{"class":1052},[973,2156,2157,2159,2161,2164,2166,2168,2170,2173],{"class":975,"line":1103},[973,2158,1079],{"class":1078},[973,2160,1082],{"class":1052},[973,2162,2163],{"class":1085}," createInertiaApp",[973,2165,1089],{"class":1052},[973,2167,1092],{"class":1078},[973,2169,1095],{"class":1052},[973,2171,2172],{"class":982},"@inertiajs/vue3",[973,2174,1100],{"class":1052},[973,2176,2178,2180,2182,2184,2186,2188],{"class":2177,"line":1070},[975,1122],[973,2179,1079],{"class":1078},[973,2181,1127],{"class":1085},[973,2183,1111],{"class":1078},[973,2185,1095],{"class":1052},[973,2187,1986],{"class":982},[973,2189,1100],{"class":1052},[973,2191,2192,2194,2196,2199,2201,2203,2205,2208],{"class":975,"line":1139},[973,2193,1079],{"class":1078},[973,2195,1082],{"class":1052},[973,2197,2198],{"class":1085}," resolvePageComponent",[973,2200,1089],{"class":1052},[973,2202,1092],{"class":1078},[973,2204,1095],{"class":1052},[973,2206,2207],{"class":982},"laravel-vite-plugin/inertia-helpers",[973,2209,1100],{"class":1052},[973,2211,2212,2214,2216,2218,2220,2223,2225,2227,2229,2231],{"class":975,"line":1145},[973,2213,1079],{"class":1078},[973,2215,1082],{"class":1052},[973,2217,1937],{"class":1085},[973,2219,1760],{"class":1052},[973,2221,2222],{"class":1085}," h",[973,2224,1089],{"class":1052},[973,2226,1092],{"class":1078},[973,2228,1095],{"class":1052},[973,2230,34],{"class":982},[973,2232,1100],{"class":1052},[973,2234,2235],{"class":975,"line":1163},[973,2236,1142],{"emptyLinePlaceholder":21},[973,2238,2239,2241,2244,2246,2249,2251,2254,2256,2259,2261,2264,2267,2269,2272],{"class":975,"line":1176},[973,2240,2013],{"class":1742},[973,2242,2243],{"class":1085}," appName ",[973,2245,2019],{"class":1052},[973,2247,2248],{"class":1078}," import",[973,2250,1053],{"class":1052},[973,2252,2253],{"class":1085},"meta",[973,2255,1053],{"class":1052},[973,2257,2258],{"class":1085},"env",[973,2260,1053],{"class":1052},[973,2262,2263],{"class":1085},"VITE_APP_NAME ",[973,2265,2266],{"class":1052},"||",[973,2268,1095],{"class":1052},[973,2270,2271],{"class":982},"Laravel x Nuxt UI",[973,2273,1100],{"class":1052},[973,2275,2276],{"class":975,"line":1071},[973,2277,1142],{"emptyLinePlaceholder":21},[973,2279,2280,2283,2285],{"class":975,"line":1197},[973,2281,2282],{"class":1154},"createInertiaApp",[973,2284,1157],{"class":1085},[973,2286,1160],{"class":1052},[973,2288,2289,2292,2294,2298,2301,2304,2307,2310,2313,2315,2318,2321,2324,2327,2330,2333],{"class":975,"line":1203},[973,2290,2291],{"class":1154},"  title",[973,2293,1170],{"class":1052},[973,2295,2297],{"class":2296},"sHdIc"," title",[973,2299,2300],{"class":1742}," =>",[973,2302,2303],{"class":1085}," (title ",[973,2305,2306],{"class":1052},"?",[973,2308,2309],{"class":1052}," `${",[973,2311,2312],{"class":1085},"title",[973,2314,1206],{"class":1052},[973,2316,2317],{"class":982}," - ",[973,2319,2320],{"class":1052},"${",[973,2322,2323],{"class":1085},"appName",[973,2325,2326],{"class":1052},"}`",[973,2328,2329],{"class":1052}," :",[973,2331,2332],{"class":1085}," appName)",[973,2334,1185],{"class":1052},[973,2336,2337,2340,2342,2345],{"class":975,"line":1352},[973,2338,2339],{"class":1154},"  resolve",[973,2341,1170],{"class":1052},[973,2343,2344],{"class":2296}," name",[973,2346,2347],{"class":1742}," =>\n",[973,2349,2350,2353],{"class":975,"line":1363},[973,2351,2352],{"class":1154},"    resolvePageComponent",[973,2354,2355],{"class":1085},"(\n",[973,2357,2358,2361,2364,2366,2369,2371,2374,2377],{"class":975,"line":1372},[973,2359,2360],{"class":1052},"      `",[973,2362,2363],{"class":982},"./pages/",[973,2365,2320],{"class":1052},[973,2367,2368],{"class":1085},"name",[973,2370,1206],{"class":1052},[973,2372,2373],{"class":982},".vue",[973,2375,2376],{"class":1052},"`",[973,2378,1185],{"class":1052},[973,2380,2381,2384,2386,2388,2390,2393,2396,2399,2402,2404,2406,2409,2411],{"class":975,"line":1383},[973,2382,2383],{"class":1078},"      import",[973,2385,1053],{"class":1052},[973,2387,2253],{"class":1085},[973,2389,1053],{"class":1052},[973,2391,2392],{"class":1154},"glob",[973,2394,2395],{"class":1052},"\u003C",[973,2397,2398],{"class":979},"DefineComponent",[973,2400,2401],{"class":1052},">",[973,2403,1157],{"class":1085},[973,2405,1328],{"class":1052},[973,2407,2408],{"class":982},"./pages/**/*.vue",[973,2410,1328],{"class":1052},[973,2412,1209],{"class":1085},[973,2414,2415,2418],{"class":975,"line":1393},[973,2416,2417],{"class":1085},"    )",[973,2419,1185],{"class":1052},[973,2421,2422,2425,2428,2431,2433,2436,2438,2441,2443,2446,2449],{"class":975,"line":1404},[973,2423,2424],{"class":1166},"  setup",[973,2426,2427],{"class":1052},"({",[973,2429,2430],{"class":2296}," el",[973,2432,1760],{"class":1052},[973,2434,2435],{"class":2296}," App",[973,2437,1760],{"class":1052},[973,2439,2440],{"class":2296}," props",[973,2442,1760],{"class":1052},[973,2444,2445],{"class":2296}," plugin",[973,2447,2448],{"class":1052}," })",[973,2450,1380],{"class":1052},[973,2452,2453,2456,2458,2461,2464,2466,2469,2471,2473,2475,2477,2479,2481,2484,2486],{"class":975,"line":1415},[973,2454,2455],{"class":1154},"    createApp",[973,2457,1157],{"class":1166},[973,2459,2460],{"class":1052},"{",[973,2462,2463],{"class":1154}," render",[973,2465,1170],{"class":1052},[973,2467,2468],{"class":1052}," ()",[973,2470,2300],{"class":1742},[973,2472,2222],{"class":1154},[973,2474,1157],{"class":1166},[973,2476,175],{"class":1085},[973,2478,1760],{"class":1052},[973,2480,2440],{"class":1085},[973,2482,2483],{"class":1166},") ",[973,2485,1206],{"class":1052},[973,2487,1209],{"class":1166},[973,2489,2490,2493,2495,2497,2500],{"class":975,"line":1421},[973,2491,2492],{"class":1052},"      .",[973,2494,2086],{"class":1154},[973,2496,1157],{"class":1166},[973,2498,2499],{"class":1085},"plugin",[973,2501,1209],{"class":1166},[973,2503,2505,2507,2509,2511,2514],{"class":2504,"line":1427},[975,1122],[973,2506,2492],{"class":1052},[973,2508,2086],{"class":1154},[973,2510,1157],{"class":1166},[973,2512,2513],{"class":1085},"ui",[973,2515,1209],{"class":1166},[973,2517,2518,2520,2522,2524,2527],{"class":975,"line":1215},[973,2519,2492],{"class":1052},[973,2521,2114],{"class":1154},[973,2523,1157],{"class":1166},[973,2525,2526],{"class":1085},"el",[973,2528,1209],{"class":1166},[973,2530,2531],{"class":975,"line":1216},[973,2532,1911],{"class":1052},[973,2534,2535,2537],{"class":975,"line":1217},[973,2536,1206],{"class":1052},[973,2538,1209],{"class":1085},[962,2540,2544],{"className":1066,"code":2541,"filename":2542,"highlights":2543,"language":1061,"meta":968,"style":968},"import type { DefineComponent } from 'vue'\nimport { createInertiaApp } from '@inertiajs/vue3'\nimport ui from '@nuxt/ui/vue-plugin'\nimport { resolvePageComponent } from '@adonisjs/inertia/helpers'\nimport { createApp, h } from 'vue'\n\nconst appName = import.meta.env.VITE_APP_NAME || 'AdonisJS x Nuxt UI'\n\ncreateInertiaApp({\n  title: title => (title ? `${title} - ${appName}` : appName),\n  resolve: name =>\n    resolvePageComponent(\n      `../pages/${name}.vue`,\n      import.meta.glob\u003CDefineComponent>('../pages/**/*.vue')\n    ),\n  setup({ el, App, props, plugin }) {\n    createApp({ render: () => h(App, props) })\n      .use(plugin)\n      .use(ui)\n      .mount(el)\n  }\n})\n","inertia/app/app.ts (AdonisJS Inertia)",[1070,1427],[970,2545,2546,2566,2584,2599,2618,2640,2644,2675,2679,2687,2721,2731,2737,2756,2785,2791,2815,2847,2859,2872,2884,2888],{"__ignoreMap":968},[973,2547,2548,2550,2552,2554,2556,2558,2560,2562,2564],{"class":975,"line":976},[973,2549,1079],{"class":1078},[973,2551,2139],{"class":1078},[973,2553,1082],{"class":1052},[973,2555,2144],{"class":1085},[973,2557,1089],{"class":1052},[973,2559,1092],{"class":1078},[973,2561,1095],{"class":1052},[973,2563,34],{"class":982},[973,2565,1100],{"class":1052},[973,2567,2568,2570,2572,2574,2576,2578,2580,2582],{"class":975,"line":1103},[973,2569,1079],{"class":1078},[973,2571,1082],{"class":1052},[973,2573,2163],{"class":1085},[973,2575,1089],{"class":1052},[973,2577,1092],{"class":1078},[973,2579,1095],{"class":1052},[973,2581,2172],{"class":982},[973,2583,1100],{"class":1052},[973,2585,2587,2589,2591,2593,2595,2597],{"class":2586,"line":1070},[975,1122],[973,2588,1079],{"class":1078},[973,2590,1127],{"class":1085},[973,2592,1111],{"class":1078},[973,2594,1095],{"class":1052},[973,2596,1986],{"class":982},[973,2598,1100],{"class":1052},[973,2600,2601,2603,2605,2607,2609,2611,2613,2616],{"class":975,"line":1139},[973,2602,1079],{"class":1078},[973,2604,1082],{"class":1052},[973,2606,2198],{"class":1085},[973,2608,1089],{"class":1052},[973,2610,1092],{"class":1078},[973,2612,1095],{"class":1052},[973,2614,2615],{"class":982},"@adonisjs/inertia/helpers",[973,2617,1100],{"class":1052},[973,2619,2620,2622,2624,2626,2628,2630,2632,2634,2636,2638],{"class":975,"line":1145},[973,2621,1079],{"class":1078},[973,2623,1082],{"class":1052},[973,2625,1937],{"class":1085},[973,2627,1760],{"class":1052},[973,2629,2222],{"class":1085},[973,2631,1089],{"class":1052},[973,2633,1092],{"class":1078},[973,2635,1095],{"class":1052},[973,2637,34],{"class":982},[973,2639,1100],{"class":1052},[973,2641,2642],{"class":975,"line":1163},[973,2643,1142],{"emptyLinePlaceholder":21},[973,2645,2646,2648,2650,2652,2654,2656,2658,2660,2662,2664,2666,2668,2670,2673],{"class":975,"line":1176},[973,2647,2013],{"class":1742},[973,2649,2243],{"class":1085},[973,2651,2019],{"class":1052},[973,2653,2248],{"class":1078},[973,2655,1053],{"class":1052},[973,2657,2253],{"class":1085},[973,2659,1053],{"class":1052},[973,2661,2258],{"class":1085},[973,2663,1053],{"class":1052},[973,2665,2263],{"class":1085},[973,2667,2266],{"class":1052},[973,2669,1095],{"class":1052},[973,2671,2672],{"class":982},"AdonisJS x Nuxt UI",[973,2674,1100],{"class":1052},[973,2676,2677],{"class":975,"line":1071},[973,2678,1142],{"emptyLinePlaceholder":21},[973,2680,2681,2683,2685],{"class":975,"line":1197},[973,2682,2282],{"class":1154},[973,2684,1157],{"class":1085},[973,2686,1160],{"class":1052},[973,2688,2689,2691,2693,2695,2697,2699,2701,2703,2705,2707,2709,2711,2713,2715,2717,2719],{"class":975,"line":1203},[973,2690,2291],{"class":1154},[973,2692,1170],{"class":1052},[973,2694,2297],{"class":2296},[973,2696,2300],{"class":1742},[973,2698,2303],{"class":1085},[973,2700,2306],{"class":1052},[973,2702,2309],{"class":1052},[973,2704,2312],{"class":1085},[973,2706,1206],{"class":1052},[973,2708,2317],{"class":982},[973,2710,2320],{"class":1052},[973,2712,2323],{"class":1085},[973,2714,2326],{"class":1052},[973,2716,2329],{"class":1052},[973,2718,2332],{"class":1085},[973,2720,1185],{"class":1052},[973,2722,2723,2725,2727,2729],{"class":975,"line":1352},[973,2724,2339],{"class":1154},[973,2726,1170],{"class":1052},[973,2728,2344],{"class":2296},[973,2730,2347],{"class":1742},[973,2732,2733,2735],{"class":975,"line":1363},[973,2734,2352],{"class":1154},[973,2736,2355],{"class":1085},[973,2738,2739,2741,2744,2746,2748,2750,2752,2754],{"class":975,"line":1372},[973,2740,2360],{"class":1052},[973,2742,2743],{"class":982},"../pages/",[973,2745,2320],{"class":1052},[973,2747,2368],{"class":1085},[973,2749,1206],{"class":1052},[973,2751,2373],{"class":982},[973,2753,2376],{"class":1052},[973,2755,1185],{"class":1052},[973,2757,2758,2760,2762,2764,2766,2768,2770,2772,2774,2776,2778,2781,2783],{"class":975,"line":1383},[973,2759,2383],{"class":1078},[973,2761,1053],{"class":1052},[973,2763,2253],{"class":1085},[973,2765,1053],{"class":1052},[973,2767,2392],{"class":1154},[973,2769,2395],{"class":1052},[973,2771,2398],{"class":979},[973,2773,2401],{"class":1052},[973,2775,1157],{"class":1085},[973,2777,1328],{"class":1052},[973,2779,2780],{"class":982},"../pages/**/*.vue",[973,2782,1328],{"class":1052},[973,2784,1209],{"class":1085},[973,2786,2787,2789],{"class":975,"line":1393},[973,2788,2417],{"class":1085},[973,2790,1185],{"class":1052},[973,2792,2793,2795,2797,2799,2801,2803,2805,2807,2809,2811,2813],{"class":975,"line":1404},[973,2794,2424],{"class":1166},[973,2796,2427],{"class":1052},[973,2798,2430],{"class":2296},[973,2800,1760],{"class":1052},[973,2802,2435],{"class":2296},[973,2804,1760],{"class":1052},[973,2806,2440],{"class":2296},[973,2808,1760],{"class":1052},[973,2810,2445],{"class":2296},[973,2812,2448],{"class":1052},[973,2814,1380],{"class":1052},[973,2816,2817,2819,2821,2823,2825,2827,2829,2831,2833,2835,2837,2839,2841,2843,2845],{"class":975,"line":1415},[973,2818,2455],{"class":1154},[973,2820,1157],{"class":1166},[973,2822,2460],{"class":1052},[973,2824,2463],{"class":1154},[973,2826,1170],{"class":1052},[973,2828,2468],{"class":1052},[973,2830,2300],{"class":1742},[973,2832,2222],{"class":1154},[973,2834,1157],{"class":1166},[973,2836,175],{"class":1085},[973,2838,1760],{"class":1052},[973,2840,2440],{"class":1085},[973,2842,2483],{"class":1166},[973,2844,1206],{"class":1052},[973,2846,1209],{"class":1166},[973,2848,2849,2851,2853,2855,2857],{"class":975,"line":1421},[973,2850,2492],{"class":1052},[973,2852,2086],{"class":1154},[973,2854,1157],{"class":1166},[973,2856,2499],{"class":1085},[973,2858,1209],{"class":1166},[973,2860,2862,2864,2866,2868,2870],{"class":2861,"line":1427},[975,1122],[973,2863,2492],{"class":1052},[973,2865,2086],{"class":1154},[973,2867,1157],{"class":1166},[973,2869,2513],{"class":1085},[973,2871,1209],{"class":1166},[973,2873,2874,2876,2878,2880,2882],{"class":975,"line":1215},[973,2875,2492],{"class":1052},[973,2877,2114],{"class":1154},[973,2879,1157],{"class":1166},[973,2881,2526],{"class":1085},[973,2883,1209],{"class":1166},[973,2885,2886],{"class":975,"line":1216},[973,2887,1911],{"class":1052},[973,2889,2890,2892],{"class":975,"line":1217},[973,2891,1206],{"class":1052},[973,2893,1209],{"class":1085},[953,2895,2897],{"id":2896},"import-tailwind-css-and-nuxt-ui-in-your-css","Import Tailwind CSS and Nuxt UI in your CSS",[958,2899,2900,2936,2965],{"sync":1049},[962,2901,2906],{"className":2902,"code":2903,"filename":2904,"language":2905,"meta":968,"style":968},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","@import \"tailwindcss\";\n@import \"@nuxt/ui\";\n","assets/main.css (Vite)","css",[970,2907,2908,2923],{"__ignoreMap":968},[973,2909,2910,2913,2915,2918,2920],{"class":975,"line":976},[973,2911,2912],{"class":1078},"@import",[973,2914,1763],{"class":1052},[973,2916,2917],{"class":982},"tailwindcss",[973,2919,1746],{"class":1052},[973,2921,2922],{"class":1052},";\n",[973,2924,2925,2927,2929,2932,2934],{"class":975,"line":1103},[973,2926,2912],{"class":1078},[973,2928,1763],{"class":1052},[973,2930,2931],{"class":982},"@nuxt/ui",[973,2933,1746],{"class":1052},[973,2935,2922],{"class":1052},[962,2937,2939],{"className":2902,"code":2903,"filename":2938,"language":2905,"meta":968,"style":968},"resources/css/app.css (Laravel Inertia)",[970,2940,2941,2953],{"__ignoreMap":968},[973,2942,2943,2945,2947,2949,2951],{"class":975,"line":976},[973,2944,2912],{"class":1078},[973,2946,1763],{"class":1052},[973,2948,2917],{"class":982},[973,2950,1746],{"class":1052},[973,2952,2922],{"class":1052},[973,2954,2955,2957,2959,2961,2963],{"class":975,"line":1103},[973,2956,2912],{"class":1078},[973,2958,1763],{"class":1052},[973,2960,2931],{"class":982},[973,2962,1746],{"class":1052},[973,2964,2922],{"class":1052},[962,2966,2968],{"className":2902,"code":2903,"filename":2967,"language":2905,"meta":968,"style":968},"inertia/css/app.css (AdonisJS Inertia)",[970,2969,2970,2982],{"__ignoreMap":968},[973,2971,2972,2974,2976,2978,2980],{"class":975,"line":976},[973,2973,2912],{"class":1078},[973,2975,1763],{"class":1052},[973,2977,2917],{"class":982},[973,2979,1746],{"class":1052},[973,2981,2922],{"class":1052},[973,2983,2984,2986,2988,2990,2992],{"class":975,"line":1103},[973,2985,2912],{"class":1078},[973,2987,1763],{"class":1052},[973,2989,2931],{"class":982},[973,2991,1746],{"class":1052},[973,2993,2922],{"class":1052},[1700,2995,2996,2999],{},[930,2997,2998],{},"Import the CSS file in your entrypoint.",[958,3000,3001,3198,3558],{"sync":1049},[962,3002,3006],{"className":1066,"code":3003,"filename":3004,"highlights":3005,"language":1061,"meta":968,"style":968},"import './assets/main.css'\n\nimport { createApp } from 'vue'\nimport { createRouter, createWebHistory } from 'vue-router'\nimport ui from '@nuxt/ui/vue-plugin'\nimport App from './App.vue'\n\nconst app = createApp(App)\n\nconst router = createRouter({\n  routes: [],\n  history: createWebHistory()\n})\n\napp.use(router)\napp.use(ui)\n\napp.mount('#app')\n","src/main.ts",[976],[970,3007,3008,3020,3024,3042,3064,3078,3092,3096,3108,3112,3126,3136,3146,3152,3156,3166,3176,3180],{"__ignoreMap":968},[973,3009,3011,3013,3015,3018],{"class":3010,"line":976},[975,1122],[973,3012,1079],{"class":1078},[973,3014,1095],{"class":1052},[973,3016,3017],{"class":982},"./assets/main.css",[973,3019,1100],{"class":1052},[973,3021,3022],{"class":975,"line":1103},[973,3023,1142],{"emptyLinePlaceholder":21},[973,3025,3026,3028,3030,3032,3034,3036,3038,3040],{"class":975,"line":1070},[973,3027,1079],{"class":1078},[973,3029,1082],{"class":1052},[973,3031,1937],{"class":1085},[973,3033,1089],{"class":1052},[973,3035,1092],{"class":1078},[973,3037,1095],{"class":1052},[973,3039,34],{"class":982},[973,3041,1100],{"class":1052},[973,3043,3044,3046,3048,3050,3052,3054,3056,3058,3060,3062],{"class":975,"line":1139},[973,3045,1079],{"class":1078},[973,3047,1082],{"class":1052},[973,3049,1956],{"class":1085},[973,3051,1760],{"class":1052},[973,3053,1961],{"class":1085},[973,3055,1089],{"class":1052},[973,3057,1092],{"class":1078},[973,3059,1095],{"class":1052},[973,3061,1970],{"class":982},[973,3063,1100],{"class":1052},[973,3065,3066,3068,3070,3072,3074,3076],{"class":975,"line":1145},[973,3067,1079],{"class":1078},[973,3069,1127],{"class":1085},[973,3071,1111],{"class":1078},[973,3073,1095],{"class":1052},[973,3075,1986],{"class":982},[973,3077,1100],{"class":1052},[973,3079,3080,3082,3084,3086,3088,3090],{"class":975,"line":1163},[973,3081,1079],{"class":1078},[973,3083,1995],{"class":1085},[973,3085,1111],{"class":1078},[973,3087,1095],{"class":1052},[973,3089,2002],{"class":982},[973,3091,1100],{"class":1052},[973,3093,3094],{"class":975,"line":1176},[973,3095,1142],{"emptyLinePlaceholder":21},[973,3097,3098,3100,3102,3104,3106],{"class":975,"line":1071},[973,3099,2013],{"class":1742},[973,3101,2016],{"class":1085},[973,3103,2019],{"class":1052},[973,3105,1937],{"class":1154},[973,3107,2024],{"class":1085},[973,3109,3110],{"class":975,"line":1197},[973,3111,1142],{"emptyLinePlaceholder":21},[973,3113,3114,3116,3118,3120,3122,3124],{"class":975,"line":1203},[973,3115,2013],{"class":1742},[973,3117,2035],{"class":1085},[973,3119,2019],{"class":1052},[973,3121,1956],{"class":1154},[973,3123,1157],{"class":1085},[973,3125,1160],{"class":1052},[973,3127,3128,3130,3132,3134],{"class":975,"line":1352},[973,3129,2048],{"class":1166},[973,3131,1170],{"class":1052},[973,3133,2053],{"class":1085},[973,3135,1185],{"class":1052},[973,3137,3138,3140,3142,3144],{"class":975,"line":1363},[973,3139,2060],{"class":1166},[973,3141,1170],{"class":1052},[973,3143,1961],{"class":1154},[973,3145,1194],{"class":1085},[973,3147,3148,3150],{"class":975,"line":1372},[973,3149,1206],{"class":1052},[973,3151,1209],{"class":1085},[973,3153,3154],{"class":975,"line":1383},[973,3155,1142],{"emptyLinePlaceholder":21},[973,3157,3158,3160,3162,3164],{"class":975,"line":1393},[973,3159,2081],{"class":1085},[973,3161,1053],{"class":1052},[973,3163,2086],{"class":1154},[973,3165,2089],{"class":1085},[973,3167,3168,3170,3172,3174],{"class":975,"line":1404},[973,3169,2081],{"class":1085},[973,3171,1053],{"class":1052},[973,3173,2086],{"class":1154},[973,3175,2101],{"class":1085},[973,3177,3178],{"class":975,"line":1415},[973,3179,1142],{"emptyLinePlaceholder":21},[973,3181,3182,3184,3186,3188,3190,3192,3194,3196],{"class":975,"line":1421},[973,3183,2081],{"class":1085},[973,3185,1053],{"class":1052},[973,3187,2114],{"class":1154},[973,3189,1157],{"class":1085},[973,3191,1328],{"class":1052},[973,3193,2121],{"class":982},[973,3195,1328],{"class":1052},[973,3197,1209],{"class":1085},[962,3199,3202],{"className":1066,"code":3200,"filename":2129,"highlights":3201,"language":1061,"meta":968,"style":968},"import '../css/app.css'\nimport type { DefineComponent } from 'vue'\nimport { createInertiaApp } from '@inertiajs/vue3'\nimport ui from '@nuxt/ui/vue-plugin'\nimport { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers'\nimport { createApp, h } from 'vue'\n\nconst appName = import.meta.env.VITE_APP_NAME || 'Laravel x Nuxt UI'\n\ncreateInertiaApp({\n  title: title => (title ? `${title} - ${appName}` : appName),\n  resolve: name =>\n    resolvePageComponent(\n      `./pages/${name}.vue`,\n      import.meta.glob\u003CDefineComponent>('./pages/**/*.vue')\n    ),\n  setup({ el, App, props, plugin }) {\n    createApp({ render: () => h(App, props) })\n      .use(plugin)\n      .use(ui)\n      .mount(el)\n  }\n})\n",[976],[970,3203,3204,3216,3236,3254,3268,3286,3308,3312,3342,3346,3354,3388,3398,3404,3422,3450,3456,3480,3512,3524,3536,3548,3552],{"__ignoreMap":968},[973,3205,3207,3209,3211,3214],{"class":3206,"line":976},[975,1122],[973,3208,1079],{"class":1078},[973,3210,1095],{"class":1052},[973,3212,3213],{"class":982},"../css/app.css",[973,3215,1100],{"class":1052},[973,3217,3218,3220,3222,3224,3226,3228,3230,3232,3234],{"class":975,"line":1103},[973,3219,1079],{"class":1078},[973,3221,2139],{"class":1078},[973,3223,1082],{"class":1052},[973,3225,2144],{"class":1085},[973,3227,1089],{"class":1052},[973,3229,1092],{"class":1078},[973,3231,1095],{"class":1052},[973,3233,34],{"class":982},[973,3235,1100],{"class":1052},[973,3237,3238,3240,3242,3244,3246,3248,3250,3252],{"class":975,"line":1070},[973,3239,1079],{"class":1078},[973,3241,1082],{"class":1052},[973,3243,2163],{"class":1085},[973,3245,1089],{"class":1052},[973,3247,1092],{"class":1078},[973,3249,1095],{"class":1052},[973,3251,2172],{"class":982},[973,3253,1100],{"class":1052},[973,3255,3256,3258,3260,3262,3264,3266],{"class":975,"line":1139},[973,3257,1079],{"class":1078},[973,3259,1127],{"class":1085},[973,3261,1111],{"class":1078},[973,3263,1095],{"class":1052},[973,3265,1986],{"class":982},[973,3267,1100],{"class":1052},[973,3269,3270,3272,3274,3276,3278,3280,3282,3284],{"class":975,"line":1145},[973,3271,1079],{"class":1078},[973,3273,1082],{"class":1052},[973,3275,2198],{"class":1085},[973,3277,1089],{"class":1052},[973,3279,1092],{"class":1078},[973,3281,1095],{"class":1052},[973,3283,2207],{"class":982},[973,3285,1100],{"class":1052},[973,3287,3288,3290,3292,3294,3296,3298,3300,3302,3304,3306],{"class":975,"line":1163},[973,3289,1079],{"class":1078},[973,3291,1082],{"class":1052},[973,3293,1937],{"class":1085},[973,3295,1760],{"class":1052},[973,3297,2222],{"class":1085},[973,3299,1089],{"class":1052},[973,3301,1092],{"class":1078},[973,3303,1095],{"class":1052},[973,3305,34],{"class":982},[973,3307,1100],{"class":1052},[973,3309,3310],{"class":975,"line":1176},[973,3311,1142],{"emptyLinePlaceholder":21},[973,3313,3314,3316,3318,3320,3322,3324,3326,3328,3330,3332,3334,3336,3338,3340],{"class":975,"line":1071},[973,3315,2013],{"class":1742},[973,3317,2243],{"class":1085},[973,3319,2019],{"class":1052},[973,3321,2248],{"class":1078},[973,3323,1053],{"class":1052},[973,3325,2253],{"class":1085},[973,3327,1053],{"class":1052},[973,3329,2258],{"class":1085},[973,3331,1053],{"class":1052},[973,3333,2263],{"class":1085},[973,3335,2266],{"class":1052},[973,3337,1095],{"class":1052},[973,3339,2271],{"class":982},[973,3341,1100],{"class":1052},[973,3343,3344],{"class":975,"line":1197},[973,3345,1142],{"emptyLinePlaceholder":21},[973,3347,3348,3350,3352],{"class":975,"line":1203},[973,3349,2282],{"class":1154},[973,3351,1157],{"class":1085},[973,3353,1160],{"class":1052},[973,3355,3356,3358,3360,3362,3364,3366,3368,3370,3372,3374,3376,3378,3380,3382,3384,3386],{"class":975,"line":1352},[973,3357,2291],{"class":1154},[973,3359,1170],{"class":1052},[973,3361,2297],{"class":2296},[973,3363,2300],{"class":1742},[973,3365,2303],{"class":1085},[973,3367,2306],{"class":1052},[973,3369,2309],{"class":1052},[973,3371,2312],{"class":1085},[973,3373,1206],{"class":1052},[973,3375,2317],{"class":982},[973,3377,2320],{"class":1052},[973,3379,2323],{"class":1085},[973,3381,2326],{"class":1052},[973,3383,2329],{"class":1052},[973,3385,2332],{"class":1085},[973,3387,1185],{"class":1052},[973,3389,3390,3392,3394,3396],{"class":975,"line":1363},[973,3391,2339],{"class":1154},[973,3393,1170],{"class":1052},[973,3395,2344],{"class":2296},[973,3397,2347],{"class":1742},[973,3399,3400,3402],{"class":975,"line":1372},[973,3401,2352],{"class":1154},[973,3403,2355],{"class":1085},[973,3405,3406,3408,3410,3412,3414,3416,3418,3420],{"class":975,"line":1383},[973,3407,2360],{"class":1052},[973,3409,2363],{"class":982},[973,3411,2320],{"class":1052},[973,3413,2368],{"class":1085},[973,3415,1206],{"class":1052},[973,3417,2373],{"class":982},[973,3419,2376],{"class":1052},[973,3421,1185],{"class":1052},[973,3423,3424,3426,3428,3430,3432,3434,3436,3438,3440,3442,3444,3446,3448],{"class":975,"line":1393},[973,3425,2383],{"class":1078},[973,3427,1053],{"class":1052},[973,3429,2253],{"class":1085},[973,3431,1053],{"class":1052},[973,3433,2392],{"class":1154},[973,3435,2395],{"class":1052},[973,3437,2398],{"class":979},[973,3439,2401],{"class":1052},[973,3441,1157],{"class":1085},[973,3443,1328],{"class":1052},[973,3445,2408],{"class":982},[973,3447,1328],{"class":1052},[973,3449,1209],{"class":1085},[973,3451,3452,3454],{"class":975,"line":1404},[973,3453,2417],{"class":1085},[973,3455,1185],{"class":1052},[973,3457,3458,3460,3462,3464,3466,3468,3470,3472,3474,3476,3478],{"class":975,"line":1415},[973,3459,2424],{"class":1166},[973,3461,2427],{"class":1052},[973,3463,2430],{"class":2296},[973,3465,1760],{"class":1052},[973,3467,2435],{"class":2296},[973,3469,1760],{"class":1052},[973,3471,2440],{"class":2296},[973,3473,1760],{"class":1052},[973,3475,2445],{"class":2296},[973,3477,2448],{"class":1052},[973,3479,1380],{"class":1052},[973,3481,3482,3484,3486,3488,3490,3492,3494,3496,3498,3500,3502,3504,3506,3508,3510],{"class":975,"line":1421},[973,3483,2455],{"class":1154},[973,3485,1157],{"class":1166},[973,3487,2460],{"class":1052},[973,3489,2463],{"class":1154},[973,3491,1170],{"class":1052},[973,3493,2468],{"class":1052},[973,3495,2300],{"class":1742},[973,3497,2222],{"class":1154},[973,3499,1157],{"class":1166},[973,3501,175],{"class":1085},[973,3503,1760],{"class":1052},[973,3505,2440],{"class":1085},[973,3507,2483],{"class":1166},[973,3509,1206],{"class":1052},[973,3511,1209],{"class":1166},[973,3513,3514,3516,3518,3520,3522],{"class":975,"line":1427},[973,3515,2492],{"class":1052},[973,3517,2086],{"class":1154},[973,3519,1157],{"class":1166},[973,3521,2499],{"class":1085},[973,3523,1209],{"class":1166},[973,3525,3526,3528,3530,3532,3534],{"class":975,"line":1215},[973,3527,2492],{"class":1052},[973,3529,2086],{"class":1154},[973,3531,1157],{"class":1166},[973,3533,2513],{"class":1085},[973,3535,1209],{"class":1166},[973,3537,3538,3540,3542,3544,3546],{"class":975,"line":1216},[973,3539,2492],{"class":1052},[973,3541,2114],{"class":1154},[973,3543,1157],{"class":1166},[973,3545,2526],{"class":1085},[973,3547,1209],{"class":1166},[973,3549,3550],{"class":975,"line":1217},[973,3551,1911],{"class":1052},[973,3553,3554,3556],{"class":975,"line":1467},[973,3555,1206],{"class":1052},[973,3557,1209],{"class":1085},[962,3559,3562],{"className":1066,"code":3560,"filename":2542,"highlights":3561,"language":1061,"meta":968,"style":968},"import '../css/app.css'\nimport type { DefineComponent } from 'vue'\nimport { createInertiaApp } from '@inertiajs/vue3'\nimport ui from '@nuxt/ui/vue-plugin'\nimport { resolvePageComponent } from '@adonisjs/inertia/helpers'\nimport { createApp, h } from 'vue'\n\nconst appName = import.meta.env.VITE_APP_NAME || 'AdonisJS x Nuxt UI'\n\ncreateInertiaApp({\n  title: title => (title ? `${title} - ${appName}` : appName),\n  resolve: name =>\n    resolvePageComponent(\n      `../pages/${name}.vue`,\n      import.meta.glob\u003CDefineComponent>('../pages/**/*.vue')\n    ),\n  setup({ el, App, props, plugin }) {\n    createApp({ render: () => h(App, props) })\n      .use(plugin)\n      .use(ui)\n      .mount(el)\n  }\n})\n",[976],[970,3563,3564,3575,3595,3613,3627,3645,3667,3671,3701,3705,3713,3747,3757,3763,3781,3809,3815,3839,3871,3883,3895,3907,3911],{"__ignoreMap":968},[973,3565,3567,3569,3571,3573],{"class":3566,"line":976},[975,1122],[973,3568,1079],{"class":1078},[973,3570,1095],{"class":1052},[973,3572,3213],{"class":982},[973,3574,1100],{"class":1052},[973,3576,3577,3579,3581,3583,3585,3587,3589,3591,3593],{"class":975,"line":1103},[973,3578,1079],{"class":1078},[973,3580,2139],{"class":1078},[973,3582,1082],{"class":1052},[973,3584,2144],{"class":1085},[973,3586,1089],{"class":1052},[973,3588,1092],{"class":1078},[973,3590,1095],{"class":1052},[973,3592,34],{"class":982},[973,3594,1100],{"class":1052},[973,3596,3597,3599,3601,3603,3605,3607,3609,3611],{"class":975,"line":1070},[973,3598,1079],{"class":1078},[973,3600,1082],{"class":1052},[973,3602,2163],{"class":1085},[973,3604,1089],{"class":1052},[973,3606,1092],{"class":1078},[973,3608,1095],{"class":1052},[973,3610,2172],{"class":982},[973,3612,1100],{"class":1052},[973,3614,3615,3617,3619,3621,3623,3625],{"class":975,"line":1139},[973,3616,1079],{"class":1078},[973,3618,1127],{"class":1085},[973,3620,1111],{"class":1078},[973,3622,1095],{"class":1052},[973,3624,1986],{"class":982},[973,3626,1100],{"class":1052},[973,3628,3629,3631,3633,3635,3637,3639,3641,3643],{"class":975,"line":1145},[973,3630,1079],{"class":1078},[973,3632,1082],{"class":1052},[973,3634,2198],{"class":1085},[973,3636,1089],{"class":1052},[973,3638,1092],{"class":1078},[973,3640,1095],{"class":1052},[973,3642,2615],{"class":982},[973,3644,1100],{"class":1052},[973,3646,3647,3649,3651,3653,3655,3657,3659,3661,3663,3665],{"class":975,"line":1163},[973,3648,1079],{"class":1078},[973,3650,1082],{"class":1052},[973,3652,1937],{"class":1085},[973,3654,1760],{"class":1052},[973,3656,2222],{"class":1085},[973,3658,1089],{"class":1052},[973,3660,1092],{"class":1078},[973,3662,1095],{"class":1052},[973,3664,34],{"class":982},[973,3666,1100],{"class":1052},[973,3668,3669],{"class":975,"line":1176},[973,3670,1142],{"emptyLinePlaceholder":21},[973,3672,3673,3675,3677,3679,3681,3683,3685,3687,3689,3691,3693,3695,3697,3699],{"class":975,"line":1071},[973,3674,2013],{"class":1742},[973,3676,2243],{"class":1085},[973,3678,2019],{"class":1052},[973,3680,2248],{"class":1078},[973,3682,1053],{"class":1052},[973,3684,2253],{"class":1085},[973,3686,1053],{"class":1052},[973,3688,2258],{"class":1085},[973,3690,1053],{"class":1052},[973,3692,2263],{"class":1085},[973,3694,2266],{"class":1052},[973,3696,1095],{"class":1052},[973,3698,2672],{"class":982},[973,3700,1100],{"class":1052},[973,3702,3703],{"class":975,"line":1197},[973,3704,1142],{"emptyLinePlaceholder":21},[973,3706,3707,3709,3711],{"class":975,"line":1203},[973,3708,2282],{"class":1154},[973,3710,1157],{"class":1085},[973,3712,1160],{"class":1052},[973,3714,3715,3717,3719,3721,3723,3725,3727,3729,3731,3733,3735,3737,3739,3741,3743,3745],{"class":975,"line":1352},[973,3716,2291],{"class":1154},[973,3718,1170],{"class":1052},[973,3720,2297],{"class":2296},[973,3722,2300],{"class":1742},[973,3724,2303],{"class":1085},[973,3726,2306],{"class":1052},[973,3728,2309],{"class":1052},[973,3730,2312],{"class":1085},[973,3732,1206],{"class":1052},[973,3734,2317],{"class":982},[973,3736,2320],{"class":1052},[973,3738,2323],{"class":1085},[973,3740,2326],{"class":1052},[973,3742,2329],{"class":1052},[973,3744,2332],{"class":1085},[973,3746,1185],{"class":1052},[973,3748,3749,3751,3753,3755],{"class":975,"line":1363},[973,3750,2339],{"class":1154},[973,3752,1170],{"class":1052},[973,3754,2344],{"class":2296},[973,3756,2347],{"class":1742},[973,3758,3759,3761],{"class":975,"line":1372},[973,3760,2352],{"class":1154},[973,3762,2355],{"class":1085},[973,3764,3765,3767,3769,3771,3773,3775,3777,3779],{"class":975,"line":1383},[973,3766,2360],{"class":1052},[973,3768,2743],{"class":982},[973,3770,2320],{"class":1052},[973,3772,2368],{"class":1085},[973,3774,1206],{"class":1052},[973,3776,2373],{"class":982},[973,3778,2376],{"class":1052},[973,3780,1185],{"class":1052},[973,3782,3783,3785,3787,3789,3791,3793,3795,3797,3799,3801,3803,3805,3807],{"class":975,"line":1393},[973,3784,2383],{"class":1078},[973,3786,1053],{"class":1052},[973,3788,2253],{"class":1085},[973,3790,1053],{"class":1052},[973,3792,2392],{"class":1154},[973,3794,2395],{"class":1052},[973,3796,2398],{"class":979},[973,3798,2401],{"class":1052},[973,3800,1157],{"class":1085},[973,3802,1328],{"class":1052},[973,3804,2780],{"class":982},[973,3806,1328],{"class":1052},[973,3808,1209],{"class":1085},[973,3810,3811,3813],{"class":975,"line":1404},[973,3812,2417],{"class":1085},[973,3814,1185],{"class":1052},[973,3816,3817,3819,3821,3823,3825,3827,3829,3831,3833,3835,3837],{"class":975,"line":1415},[973,3818,2424],{"class":1166},[973,3820,2427],{"class":1052},[973,3822,2430],{"class":2296},[973,3824,1760],{"class":1052},[973,3826,2435],{"class":2296},[973,3828,1760],{"class":1052},[973,3830,2440],{"class":2296},[973,3832,1760],{"class":1052},[973,3834,2445],{"class":2296},[973,3836,2448],{"class":1052},[973,3838,1380],{"class":1052},[973,3840,3841,3843,3845,3847,3849,3851,3853,3855,3857,3859,3861,3863,3865,3867,3869],{"class":975,"line":1421},[973,3842,2455],{"class":1154},[973,3844,1157],{"class":1166},[973,3846,2460],{"class":1052},[973,3848,2463],{"class":1154},[973,3850,1170],{"class":1052},[973,3852,2468],{"class":1052},[973,3854,2300],{"class":1742},[973,3856,2222],{"class":1154},[973,3858,1157],{"class":1166},[973,3860,175],{"class":1085},[973,3862,1760],{"class":1052},[973,3864,2440],{"class":1085},[973,3866,2483],{"class":1166},[973,3868,1206],{"class":1052},[973,3870,1209],{"class":1166},[973,3872,3873,3875,3877,3879,3881],{"class":975,"line":1427},[973,3874,2492],{"class":1052},[973,3876,2086],{"class":1154},[973,3878,1157],{"class":1166},[973,3880,2499],{"class":1085},[973,3882,1209],{"class":1166},[973,3884,3885,3887,3889,3891,3893],{"class":975,"line":1215},[973,3886,2492],{"class":1052},[973,3888,2086],{"class":1154},[973,3890,1157],{"class":1166},[973,3892,2513],{"class":1085},[973,3894,1209],{"class":1166},[973,3896,3897,3899,3901,3903,3905],{"class":975,"line":1216},[973,3898,2492],{"class":1052},[973,3900,2114],{"class":1154},[973,3902,1157],{"class":1166},[973,3904,2526],{"class":1085},[973,3906,1209],{"class":1166},[973,3908,3909],{"class":975,"line":1217},[973,3910,1911],{"class":1052},[973,3912,3913,3915],{"class":975,"line":1467},[973,3914,1206],{"class":1052},[973,3916,1209],{"class":1085},[930,3918,3919],{},"::",[924,3921,3923,3934],{"icon":3922},"i-simple-icons-visualstudiocode",[930,3924,3925,3926,3933],{},"It's recommended to install the ",[3927,3928,3932],"a",{"href":3929,"rel":3930},"https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss",[3931],"nofollow","Tailwind CSS IntelliSense"," extension for VSCode and add the following settings:",[962,3935,3938],{"className":1725,"code":3936,"filename":3937,"language":1728,"meta":968,"style":968},"{\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",[970,3939,3940,3944,3957,3974,3979,3992,4010,4014,4045,4058,4103,4107],{"__ignoreMap":968},[973,3941,3942],{"class":975,"line":976},[973,3943,1160],{"class":1052},[973,3945,3946,3948,3951,3953,3955],{"class":975,"line":1103},[973,3947,1739],{"class":1052},[973,3949,3950],{"class":1742},"files.associations",[973,3952,1746],{"class":1052},[973,3954,1170],{"class":1052},[973,3956,1380],{"class":1052},[973,3958,3959,3961,3964,3966,3968,3970,3972],{"class":975,"line":1070},[973,3960,1861],{"class":1052},[973,3962,3963],{"class":979},"*.css",[973,3965,1746],{"class":1052},[973,3967,1170],{"class":1052},[973,3969,1763],{"class":1052},[973,3971,2917],{"class":982},[973,3973,1896],{"class":1052},[973,3975,3976],{"class":975,"line":1139},[973,3977,3978],{"class":1052},"  },\n",[973,3980,3981,3983,3986,3988,3990],{"class":975,"line":1145},[973,3982,1739],{"class":1052},[973,3984,3985],{"class":1742},"editor.quickSuggestions",[973,3987,1746],{"class":1052},[973,3989,1170],{"class":1052},[973,3991,1380],{"class":1052},[973,3993,3994,3996,3999,4001,4003,4005,4008],{"class":975,"line":1163},[973,3995,1861],{"class":1052},[973,3997,3998],{"class":979},"strings",[973,4000,1746],{"class":1052},[973,4002,1170],{"class":1052},[973,4004,1763],{"class":1052},[973,4006,4007],{"class":982},"on",[973,4009,1896],{"class":1052},[973,4011,4012],{"class":975,"line":1176},[973,4013,3978],{"class":1052},[973,4015,4016,4018,4021,4023,4025,4027,4029,4032,4034,4036,4038,4040,4042],{"class":975,"line":1071},[973,4017,1739],{"class":1052},[973,4019,4020],{"class":1742},"tailwindCSS.classAttributes",[973,4022,1746],{"class":1052},[973,4024,1170],{"class":1052},[973,4026,1325],{"class":1052},[973,4028,1746],{"class":1052},[973,4030,4031],{"class":982},"class",[973,4033,1746],{"class":1052},[973,4035,1760],{"class":1052},[973,4037,1763],{"class":1052},[973,4039,2513],{"class":982},[973,4041,1746],{"class":1052},[973,4043,4044],{"class":1052},"],\n",[973,4046,4047,4049,4052,4054,4056],{"class":975,"line":1197},[973,4048,1739],{"class":1052},[973,4050,4051],{"class":1742},"tailwindCSS.experimental.classRegex",[973,4053,1746],{"class":1052},[973,4055,1170],{"class":1052},[973,4057,1173],{"class":1052},[973,4059,4060,4063,4065,4068,4071,4074,4076,4079,4081,4083,4085,4088,4091,4094,4096,4099,4101],{"class":975,"line":1203},[973,4061,4062],{"class":1052},"    [",[973,4064,1746],{"class":1052},[973,4066,4067],{"class":982},"ui:",[973,4069,4070],{"class":1085},"\\\\",[973,4072,4073],{"class":982},"s*{([^)]*)",[973,4075,4070],{"class":1085},[973,4077,4078],{"class":982},"s*}",[973,4080,1746],{"class":1052},[973,4082,1760],{"class":1052},[973,4084,1763],{"class":1052},[973,4086,4087],{"class":982},"(?:'|",[973,4089,4090],{"class":1085},"\\\"",[973,4092,4093],{"class":982},"|`)([^']*)(?:'|",[973,4095,4090],{"class":1085},[973,4097,4098],{"class":982},"|`)",[973,4100,1746],{"class":1052},[973,4102,1634],{"class":1052},[973,4104,4105],{"class":975,"line":1352},[973,4106,1200],{"class":1052},[973,4108,4109],{"class":975,"line":1363},[973,4110,1800],{"class":1052},[953,4112,4114],{"id":4113},"wrap-your-app-with-app-component","Wrap your app with App component",[958,4116,4117,4173,4216],{"sync":1049},[962,4118,4122],{"className":4119,"code":4120,"filename":4121,"language":34,"meta":968,"style":968},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003CUApp>\n    \u003CRouterView />\n  \u003C/UApp>\n\u003C/template>\n","src/App.vue (Vite)",[970,4123,4124,4134,4144,4155,4164],{"__ignoreMap":968},[973,4125,4126,4128,4131],{"class":975,"line":976},[973,4127,2395],{"class":1052},[973,4129,4130],{"class":1166},"template",[973,4132,4133],{"class":1052},">\n",[973,4135,4136,4139,4142],{"class":975,"line":1103},[973,4137,4138],{"class":1052},"  \u003C",[973,4140,4141],{"class":1166},"UApp",[973,4143,4133],{"class":1052},[973,4145,4146,4149,4152],{"class":975,"line":1070},[973,4147,4148],{"class":1052},"    \u003C",[973,4150,4151],{"class":1166},"RouterView",[973,4153,4154],{"class":1052}," />\n",[973,4156,4157,4160,4162],{"class":975,"line":1139},[973,4158,4159],{"class":1052},"  \u003C/",[973,4161,4141],{"class":1166},[973,4163,4133],{"class":1052},[973,4165,4166,4169,4171],{"class":975,"line":1145},[973,4167,4168],{"class":1052},"\u003C/",[973,4170,4130],{"class":1166},[973,4172,4133],{"class":1052},[962,4174,4177],{"className":4119,"code":4175,"filename":4176,"language":34,"meta":968,"style":968},"\u003Ctemplate>\n  \u003CUApp>\n    \u003C!-- Your content goes here -->\n  \u003C/UApp>\n\u003C/template>\n","resources/js/pages/index.vue (Laravel Inertia)",[970,4178,4179,4187,4195,4200,4208],{"__ignoreMap":968},[973,4180,4181,4183,4185],{"class":975,"line":976},[973,4182,2395],{"class":1052},[973,4184,4130],{"class":1166},[973,4186,4133],{"class":1052},[973,4188,4189,4191,4193],{"class":975,"line":1103},[973,4190,4138],{"class":1052},[973,4192,4141],{"class":1166},[973,4194,4133],{"class":1052},[973,4196,4197],{"class":975,"line":1070},[973,4198,4199],{"class":1811},"    \u003C!-- Your content goes here -->\n",[973,4201,4202,4204,4206],{"class":975,"line":1139},[973,4203,4159],{"class":1052},[973,4205,4141],{"class":1166},[973,4207,4133],{"class":1052},[973,4209,4210,4212,4214],{"class":975,"line":1145},[973,4211,4168],{"class":1052},[973,4213,4130],{"class":1166},[973,4215,4133],{"class":1052},[962,4217,4219],{"className":4119,"code":4175,"filename":4218,"language":34,"meta":968,"style":968},"inertia/pages/index.vue (AdonisJS Inertia)",[970,4220,4221,4229,4237,4241,4249],{"__ignoreMap":968},[973,4222,4223,4225,4227],{"class":975,"line":976},[973,4224,2395],{"class":1052},[973,4226,4130],{"class":1166},[973,4228,4133],{"class":1052},[973,4230,4231,4233,4235],{"class":975,"line":1103},[973,4232,4138],{"class":1052},[973,4234,4141],{"class":1166},[973,4236,4133],{"class":1052},[973,4238,4239],{"class":975,"line":1070},[973,4240,4199],{"class":1811},[973,4242,4243,4245,4247],{"class":975,"line":1139},[973,4244,4159],{"class":1052},[973,4246,4141],{"class":1166},[973,4248,4133],{"class":1052},[973,4250,4251,4253,4255],{"class":975,"line":1145},[973,4252,4168],{"class":1052},[973,4254,4130],{"class":1166},[973,4256,4133],{"class":1052},[4258,4259,4260],"note",{"to":176},[930,4261,4262,4263,4265,4266,4268,4269,1708,4271,1053],{},"The ",[970,4264,175],{}," component sets up global config and is required for ",[934,4267,762],{},", ",[934,4270,767],{},[934,4272,4273],{},"programmatic overlays",[953,4275,4277,4278,4281],{"id":4276},"add-the-isolate-class-to-your-root-container","Add the ",[970,4279,4280],{},"isolate"," class to your root container",[958,4283,4284,4509,4677],{"sync":1049},[962,4285,4291],{"className":4286,"code":4287,"filename":4288,"highlights":4289,"language":4290,"meta":968,"style":968},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003C!DOCTYPE html>\n\u003Chtml lang=\"en\">\n  \u003Chead>\n    \u003Cmeta charset=\"UTF-8\" />\n    \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    \u003Ctitle>Nuxt UI\u003C/title>\n  \u003C/head>\n  \u003Cbody>\n    \u003Cdiv id=\"app\" class=\"isolate\">\u003C/div>\n    \u003Cscript type=\"module\" src=\"/src/main.ts\">\u003C/script>\n  \u003C/body>\n\u003C/html>\n","index.html (Vite)",[1197],"html",[970,4292,4293,4306,4326,4335,4355,4386,4403,4411,4420,4457,4493,4501],{"__ignoreMap":968},[973,4294,4295,4298,4301,4304],{"class":975,"line":976},[973,4296,4297],{"class":1052},"\u003C!",[973,4299,4300],{"class":1166},"DOCTYPE",[973,4302,4303],{"class":1742}," html",[973,4305,4133],{"class":1052},[973,4307,4308,4310,4312,4315,4317,4319,4322,4324],{"class":975,"line":1103},[973,4309,2395],{"class":1052},[973,4311,4290],{"class":1166},[973,4313,4314],{"class":1742}," lang",[973,4316,2019],{"class":1052},[973,4318,1746],{"class":1052},[973,4320,4321],{"class":982},"en",[973,4323,1746],{"class":1052},[973,4325,4133],{"class":1052},[973,4327,4328,4330,4333],{"class":975,"line":1070},[973,4329,4138],{"class":1052},[973,4331,4332],{"class":1166},"head",[973,4334,4133],{"class":1052},[973,4336,4337,4339,4341,4344,4346,4348,4351,4353],{"class":975,"line":1139},[973,4338,4148],{"class":1052},[973,4340,2253],{"class":1166},[973,4342,4343],{"class":1742}," charset",[973,4345,2019],{"class":1052},[973,4347,1746],{"class":1052},[973,4349,4350],{"class":982},"UTF-8",[973,4352,1746],{"class":1052},[973,4354,4154],{"class":1052},[973,4356,4357,4359,4361,4363,4365,4367,4370,4372,4375,4377,4379,4382,4384],{"class":975,"line":1145},[973,4358,4148],{"class":1052},[973,4360,2253],{"class":1166},[973,4362,2344],{"class":1742},[973,4364,2019],{"class":1052},[973,4366,1746],{"class":1052},[973,4368,4369],{"class":982},"viewport",[973,4371,1746],{"class":1052},[973,4373,4374],{"class":1742}," content",[973,4376,2019],{"class":1052},[973,4378,1746],{"class":1052},[973,4380,4381],{"class":982},"width=device-width, initial-scale=1.0",[973,4383,1746],{"class":1052},[973,4385,4154],{"class":1052},[973,4387,4388,4390,4392,4394,4397,4399,4401],{"class":975,"line":1163},[973,4389,4148],{"class":1052},[973,4391,2312],{"class":1166},[973,4393,2401],{"class":1052},[973,4395,4396],{"class":1085},"Nuxt UI",[973,4398,4168],{"class":1052},[973,4400,2312],{"class":1166},[973,4402,4133],{"class":1052},[973,4404,4405,4407,4409],{"class":975,"line":1176},[973,4406,4159],{"class":1052},[973,4408,4332],{"class":1166},[973,4410,4133],{"class":1052},[973,4412,4413,4415,4418],{"class":975,"line":1071},[973,4414,4138],{"class":1052},[973,4416,4417],{"class":1166},"body",[973,4419,4133],{"class":1052},[973,4421,4423,4425,4428,4431,4433,4435,4437,4439,4442,4444,4446,4448,4450,4453,4455],{"class":4422,"line":1197},[975,1122],[973,4424,4148],{"class":1052},[973,4426,4427],{"class":1166},"div",[973,4429,4430],{"class":1742}," id",[973,4432,2019],{"class":1052},[973,4434,1746],{"class":1052},[973,4436,2081],{"class":982},[973,4438,1746],{"class":1052},[973,4440,4441],{"class":1742}," class",[973,4443,2019],{"class":1052},[973,4445,1746],{"class":1052},[973,4447,4280],{"class":982},[973,4449,1746],{"class":1052},[973,4451,4452],{"class":1052},">\u003C/",[973,4454,4427],{"class":1166},[973,4456,4133],{"class":1052},[973,4458,4459,4461,4464,4466,4468,4470,4473,4475,4478,4480,4482,4485,4487,4489,4491],{"class":975,"line":1203},[973,4460,4148],{"class":1052},[973,4462,4463],{"class":1166},"script",[973,4465,2139],{"class":1742},[973,4467,2019],{"class":1052},[973,4469,1746],{"class":1052},[973,4471,4472],{"class":982},"module",[973,4474,1746],{"class":1052},[973,4476,4477],{"class":1742}," src",[973,4479,2019],{"class":1052},[973,4481,1746],{"class":1052},[973,4483,4484],{"class":982},"/src/main.ts",[973,4486,1746],{"class":1052},[973,4488,4452],{"class":1052},[973,4490,4463],{"class":1166},[973,4492,4133],{"class":1052},[973,4494,4495,4497,4499],{"class":975,"line":1352},[973,4496,4159],{"class":1052},[973,4498,4417],{"class":1166},[973,4500,4133],{"class":1052},[973,4502,4503,4505,4507],{"class":975,"line":1363},[973,4504,4168],{"class":1052},[973,4506,4290],{"class":1166},[973,4508,4133],{"class":1052},[962,4510,4516],{"className":4511,"code":4512,"filename":4513,"highlights":4514,"language":4515,"meta":968,"style":968},"language-blade shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003C!DOCTYPE html>\n\u003Chtml>\n  \u003Chead>\n    \u003Cmeta charset=\"utf-8\" />\n    \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    @inertiaHead\n    @vite('resources/js/app.ts')\n  \u003C/head>\n  \u003Cbody>\n    \u003Cdiv class=\"isolate\">\n        @inertia\n    \u003C/div>\n  \u003C/body>\n\u003C/html>\n","resources/views/app.blade.php (Laravel Inertia)",[1203],"blade",[970,4517,4518,4528,4536,4544,4563,4592,4597,4612,4620,4628,4647,4652,4661,4669],{"__ignoreMap":968},[973,4519,4520,4522,4524,4526],{"class":975,"line":976},[973,4521,4297],{"class":1052},[973,4523,4300],{"class":1166},[973,4525,4303],{"class":1742},[973,4527,4133],{"class":1052},[973,4529,4530,4532,4534],{"class":975,"line":1103},[973,4531,2395],{"class":1052},[973,4533,4290],{"class":1166},[973,4535,4133],{"class":1052},[973,4537,4538,4540,4542],{"class":975,"line":1070},[973,4539,4138],{"class":1052},[973,4541,4332],{"class":1166},[973,4543,4133],{"class":1052},[973,4545,4546,4548,4550,4552,4554,4556,4559,4561],{"class":975,"line":1139},[973,4547,4148],{"class":1052},[973,4549,2253],{"class":1166},[973,4551,4343],{"class":1742},[973,4553,2019],{"class":1052},[973,4555,1746],{"class":1052},[973,4557,4558],{"class":982},"utf-8",[973,4560,1746],{"class":1052},[973,4562,4154],{"class":1052},[973,4564,4565,4567,4569,4571,4573,4575,4577,4579,4581,4583,4585,4588,4590],{"class":975,"line":1145},[973,4566,4148],{"class":1052},[973,4568,2253],{"class":1166},[973,4570,2344],{"class":1742},[973,4572,2019],{"class":1052},[973,4574,1746],{"class":1052},[973,4576,4369],{"class":982},[973,4578,1746],{"class":1052},[973,4580,4374],{"class":1742},[973,4582,2019],{"class":1052},[973,4584,1746],{"class":1052},[973,4586,4587],{"class":982},"width=device-width, initial-scale=1",[973,4589,1746],{"class":1052},[973,4591,4133],{"class":1052},[973,4593,4594],{"class":975,"line":1163},[973,4595,4596],{"class":1154},"    @inertiaHead\n",[973,4598,4599,4602,4604,4606,4608,4610],{"class":975,"line":1176},[973,4600,4601],{"class":1052},"    @vite",[973,4603,1157],{"class":1085},[973,4605,1328],{"class":1052},[973,4607,1331],{"class":982},[973,4609,1328],{"class":1052},[973,4611,1209],{"class":1085},[973,4613,4614,4616,4618],{"class":975,"line":1071},[973,4615,4159],{"class":1052},[973,4617,4332],{"class":1166},[973,4619,4133],{"class":1052},[973,4621,4622,4624,4626],{"class":975,"line":1197},[973,4623,4138],{"class":1052},[973,4625,4417],{"class":1166},[973,4627,4133],{"class":1052},[973,4629,4631,4633,4635,4637,4639,4641,4643,4645],{"class":4630,"line":1203},[975,1122],[973,4632,4148],{"class":1052},[973,4634,4427],{"class":1166},[973,4636,4441],{"class":1742},[973,4638,2019],{"class":1052},[973,4640,1746],{"class":1052},[973,4642,4280],{"class":982},[973,4644,1746],{"class":1052},[973,4646,4133],{"class":1052},[973,4648,4649],{"class":975,"line":1352},[973,4650,4651],{"class":1154},"        @inertia\n",[973,4653,4654,4657,4659],{"class":975,"line":1363},[973,4655,4656],{"class":1052},"    \u003C/",[973,4658,4427],{"class":1166},[973,4660,4133],{"class":1052},[973,4662,4663,4665,4667],{"class":975,"line":1372},[973,4664,4159],{"class":1052},[973,4666,4417],{"class":1166},[973,4668,4133],{"class":1052},[973,4670,4671,4673,4675],{"class":975,"line":1383},[973,4672,4168],{"class":1052},[973,4674,4290],{"class":1166},[973,4676,4133],{"class":1052},[962,4678,4684],{"className":4679,"code":4680,"filename":4681,"highlights":4682,"language":4683,"meta":968,"style":968},"language-edge shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003C!DOCTYPE html>\n\u003Chtml>\n  \u003Chead>\n    \u003Cmeta charset=\"utf-8\" />\n    \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    @inertiaHead()\n    @vite(['inertia/app/app.ts', `inertia/pages/${page.component}.vue`])\n  \u003C/head>\n  \u003Cbody>\n    @inertia({ class: 'isolate' })\n  \u003C/body>\n\u003C/html>\n","resources/views/inertia_layout.edge (AdonisJS Inertia)",[1203],"edge",[970,4685,4686,4696,4704,4712,4730,4758,4765,4807,4815,4823,4844,4852],{"__ignoreMap":968},[973,4687,4688,4690,4692,4694],{"class":975,"line":976},[973,4689,4297],{"class":1052},[973,4691,4300],{"class":1166},[973,4693,4303],{"class":1742},[973,4695,4133],{"class":1052},[973,4697,4698,4700,4702],{"class":975,"line":1103},[973,4699,2395],{"class":1052},[973,4701,4290],{"class":1166},[973,4703,4133],{"class":1052},[973,4705,4706,4708,4710],{"class":975,"line":1070},[973,4707,4138],{"class":1052},[973,4709,4332],{"class":1166},[973,4711,4133],{"class":1052},[973,4713,4714,4716,4718,4720,4722,4724,4726,4728],{"class":975,"line":1139},[973,4715,4148],{"class":1052},[973,4717,2253],{"class":1166},[973,4719,4343],{"class":1742},[973,4721,2019],{"class":1052},[973,4723,1746],{"class":1052},[973,4725,4558],{"class":982},[973,4727,1746],{"class":1052},[973,4729,4154],{"class":1052},[973,4731,4732,4734,4736,4738,4740,4742,4744,4746,4748,4750,4752,4754,4756],{"class":975,"line":1145},[973,4733,4148],{"class":1052},[973,4735,2253],{"class":1166},[973,4737,2344],{"class":1742},[973,4739,2019],{"class":1052},[973,4741,1746],{"class":1052},[973,4743,4369],{"class":982},[973,4745,1746],{"class":1052},[973,4747,4374],{"class":1742},[973,4749,2019],{"class":1052},[973,4751,1746],{"class":1052},[973,4753,4587],{"class":982},[973,4755,1746],{"class":1052},[973,4757,4133],{"class":1052},[973,4759,4760,4763],{"class":975,"line":1163},[973,4761,4762],{"class":1154},"    @inertiaHead",[973,4764,1194],{"class":1052},[973,4766,4767,4769,4771,4774,4776,4778,4780,4782,4785,4788,4790,4792,4794,4797,4799,4801,4803,4805],{"class":975,"line":1176},[973,4768,4601],{"class":1154},[973,4770,1157],{"class":1052},[973,4772,4773],{"class":1085},"[",[973,4775,1328],{"class":1052},[973,4777,1609],{"class":982},[973,4779,1328],{"class":1052},[973,4781,1760],{"class":1052},[973,4783,4784],{"class":1052}," `",[973,4786,4787],{"class":982},"inertia/pages/",[973,4789,2320],{"class":1052},[973,4791,184],{"class":1085},[973,4793,1053],{"class":1052},[973,4795,4796],{"class":1085},"component",[973,4798,1206],{"class":1052},[973,4800,2373],{"class":982},[973,4802,2376],{"class":1052},[973,4804,1336],{"class":1085},[973,4806,1209],{"class":1052},[973,4808,4809,4811,4813],{"class":975,"line":1071},[973,4810,4159],{"class":1052},[973,4812,4332],{"class":1166},[973,4814,4133],{"class":1052},[973,4816,4817,4819,4821],{"class":975,"line":1197},[973,4818,4138],{"class":1052},[973,4820,4417],{"class":1166},[973,4822,4133],{"class":1052},[973,4824,4826,4829,4831,4833,4835,4837,4839,4841],{"class":4825,"line":1203},[975,1122],[973,4827,4828],{"class":1154},"    @inertia",[973,4830,2427],{"class":1052},[973,4832,4441],{"class":1166},[973,4834,1170],{"class":1052},[973,4836,1095],{"class":1052},[973,4838,4280],{"class":982},[973,4840,1328],{"class":1052},[973,4842,4843],{"class":1052}," })\n",[973,4845,4846,4848,4850],{"class":975,"line":1352},[973,4847,4159],{"class":1052},[973,4849,4417],{"class":1166},[973,4851,4133],{"class":1052},[973,4853,4854,4856,4858],{"class":975,"line":1363},[973,4855,4168],{"class":1052},[973,4857,4290],{"class":1166},[973,4859,4133],{"class":1052},[4258,4861,4862],{},[930,4863,4864],{},"This ensures styles are scoped to your app and prevents issues with overlays and stacking contexts.",[930,4866,3919],{},[944,4868,4870],{"id":4869},"use-a-vue-template","Use a Vue template",[930,4872,4873,4874,4879],{},"To quickly get started with Nuxt UI, you can use the ",[3927,4875,4878],{"href":4876,"rel":4877},"https://github.com/nuxt-ui-templates/starter-vue",[3931],"starter template"," by running:",[962,4881,4884],{"className":964,"code":4882,"filename":4883,"language":967,"meta":968,"style":968},"npm create nuxt@latest -- --no-modules -t ui-vue\n","Terminal",[970,4885,4886],{"__ignoreMap":968},[973,4887,4888,4890,4893,4896,4899,4902,4905],{"class":975,"line":976},[973,4889,1009],{"class":979},[973,4891,4892],{"class":982}," create",[973,4894,4895],{"class":982}," nuxt@latest",[973,4897,4898],{"class":982}," --",[973,4900,4901],{"class":982}," --no-modules",[973,4903,4904],{"class":982}," -t",[973,4906,4907],{"class":982}," ui-vue\n",[930,4909,4910,4911,1170],{},"You can also get started with one of our ",[3927,4912,4914],{"href":4913},"/templates","official templates",[4916,4917,4918,4928,4936,4943],"card-group",{},[4919,4920,4925],"card",{"color":4921,"icon":4922,"target":4923,"title":4924,"to":4876},"neutral","i-simple-icons-github","_blank","Starter",[930,4926,4927],{},"A minimal template to get started with Nuxt UI.",[4919,4929,4933],{"color":4921,"icon":4922,"target":4923,"title":4930,"to":4931,"variant":4932},"Dashboard","https://github.com/nuxt-ui-templates/dashboard-vue","subtle",[930,4934,4935],{},"A dashboard template with multi-column layout for building sophisticated admin interfaces.",[4919,4937,4940],{"color":4921,"icon":4922,"target":4923,"title":4938,"to":4939},"Starter Adonis","https://github.com/nuxt-ui-templates/starter-adonis",[930,4941,4942],{},"A minimal Nuxt UI template for AdonisJS using Inertia.js.",[4919,4944,4947],{"color":4921,"icon":4922,"target":4923,"title":4945,"to":4946},"Starter Laravel","https://github.com/nuxt-ui-templates/starter-laravel",[930,4948,4949],{},"A minimal Nuxt UI template for Laravel using Inertia.js.",[930,4951,4952,4953,4956],{},"You can use the ",[970,4954,4955],{},"Use this template"," button on GitHub to create a new repository or use the CLI:",[958,4958,4959,4979],{},[962,4960,4961],{"className":964,"code":4882,"filename":4924,"language":967,"meta":968,"style":968},[970,4962,4963],{"__ignoreMap":968},[973,4964,4965,4967,4969,4971,4973,4975,4977],{"class":975,"line":976},[973,4966,1009],{"class":979},[973,4968,4892],{"class":982},[973,4970,4895],{"class":982},[973,4972,4898],{"class":982},[973,4974,4901],{"class":982},[973,4976,4904],{"class":982},[973,4978,4907],{"class":982},[962,4980,4982],{"className":964,"code":4981,"filename":4930,"language":967,"meta":968,"style":968},"npm create nuxt@latest -- --no-modules -t ui-vue/dashboard\n",[970,4983,4984],{"__ignoreMap":968},[973,4985,4986,4988,4990,4992,4994,4996,4998],{"class":975,"line":976},[973,4987,1009],{"class":979},[973,4989,4892],{"class":982},[973,4991,4895],{"class":982},[973,4993,4898],{"class":982},[973,4995,4901],{"class":982},[973,4997,4904],{"class":982},[973,4999,5000],{"class":982}," ui-vue/dashboard\n",[939,5002,5004],{"id":5003},"options","Options",[930,5006,5007,5008,1053],{},"You can customize Nuxt UI by providing options in your ",[970,5009,1833],{},[944,5011,5013],{"id":5012},"prefix",[970,5014,5012],{},[930,5016,5017,5018,5020],{},"Use the ",[970,5019,5012],{}," option to change the prefix of the components.",[5022,5023,5024],"ul",{},[5025,5026,5027,5028],"li",{},"Default: ",[970,5029,5030],{"className":1045,"language":1046,"style":968},[973,5031,5032],{"class":979},"U",[962,5034,5037],{"className":1066,"code":5035,"filename":1833,"highlights":5036,"language":1061,"meta":968,"style":968},"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      prefix: 'Nuxt'\n    })\n  ]\n})\n",[1197],[970,5038,5039,5057,5071,5085,5089,5101,5109,5117,5125,5139,5145,5149],{"__ignoreMap":968},[973,5040,5041,5043,5045,5047,5049,5051,5053,5055],{"class":975,"line":976},[973,5042,1079],{"class":1078},[973,5044,1082],{"class":1052},[973,5046,1086],{"class":1085},[973,5048,1089],{"class":1052},[973,5050,1092],{"class":1078},[973,5052,1095],{"class":1052},[973,5054,1049],{"class":982},[973,5056,1100],{"class":1052},[973,5058,5059,5061,5063,5065,5067,5069],{"class":975,"line":1103},[973,5060,1079],{"class":1078},[973,5062,1108],{"class":1085},[973,5064,1111],{"class":1078},[973,5066,1095],{"class":1052},[973,5068,1116],{"class":982},[973,5070,1100],{"class":1052},[973,5072,5073,5075,5077,5079,5081,5083],{"class":975,"line":1070},[973,5074,1079],{"class":1078},[973,5076,1127],{"class":1085},[973,5078,1111],{"class":1078},[973,5080,1095],{"class":1052},[973,5082,1134],{"class":982},[973,5084,1100],{"class":1052},[973,5086,5087],{"class":975,"line":1139},[973,5088,1142],{"emptyLinePlaceholder":21},[973,5090,5091,5093,5095,5097,5099],{"class":975,"line":1145},[973,5092,1148],{"class":1078},[973,5094,1151],{"class":1078},[973,5096,1086],{"class":1154},[973,5098,1157],{"class":1085},[973,5100,1160],{"class":1052},[973,5102,5103,5105,5107],{"class":975,"line":1163},[973,5104,1167],{"class":1166},[973,5106,1170],{"class":1052},[973,5108,1173],{"class":1085},[973,5110,5111,5113,5115],{"class":975,"line":1176},[973,5112,1179],{"class":1154},[973,5114,1182],{"class":1085},[973,5116,1185],{"class":1052},[973,5118,5119,5121,5123],{"class":975,"line":1071},[973,5120,1191],{"class":1154},[973,5122,1157],{"class":1085},[973,5124,1160],{"class":1052},[973,5126,5128,5131,5133,5135,5137],{"class":5127,"line":1197},[975,1122],[973,5129,5130],{"class":1166},"      prefix",[973,5132,1170],{"class":1052},[973,5134,1095],{"class":1052},[973,5136,936],{"class":982},[973,5138,1100],{"class":1052},[973,5140,5141,5143],{"class":975,"line":1203},[973,5142,1355],{"class":1052},[973,5144,1209],{"class":1085},[973,5146,5147],{"class":975,"line":1352},[973,5148,1200],{"class":1085},[973,5150,5151,5153],{"class":975,"line":1363},[973,5152,1206],{"class":1052},[973,5154,1209],{"class":1085},[944,5156,5157],{"id":2513},[970,5158,2513],{},[930,5160,5017,5161,5163],{},[970,5162,2513],{}," option to provide configuration for Nuxt UI.",[962,5165,5168],{"className":1066,"code":5166,"filename":1833,"highlights":5167,"language":1061,"meta":968,"style":968},"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        colors: {\n          primary: 'green',\n          neutral: 'slate'\n        }\n      }\n    })\n  ]\n})\n",[1197,1203,1352,1363,1372,1383],[970,5169,5170,5188,5202,5216,5220,5232,5240,5248,5256,5266,5276,5293,5308,5313,5318,5324,5328],{"__ignoreMap":968},[973,5171,5172,5174,5176,5178,5180,5182,5184,5186],{"class":975,"line":976},[973,5173,1079],{"class":1078},[973,5175,1082],{"class":1052},[973,5177,1086],{"class":1085},[973,5179,1089],{"class":1052},[973,5181,1092],{"class":1078},[973,5183,1095],{"class":1052},[973,5185,1049],{"class":982},[973,5187,1100],{"class":1052},[973,5189,5190,5192,5194,5196,5198,5200],{"class":975,"line":1103},[973,5191,1079],{"class":1078},[973,5193,1108],{"class":1085},[973,5195,1111],{"class":1078},[973,5197,1095],{"class":1052},[973,5199,1116],{"class":982},[973,5201,1100],{"class":1052},[973,5203,5204,5206,5208,5210,5212,5214],{"class":975,"line":1070},[973,5205,1079],{"class":1078},[973,5207,1127],{"class":1085},[973,5209,1111],{"class":1078},[973,5211,1095],{"class":1052},[973,5213,1134],{"class":982},[973,5215,1100],{"class":1052},[973,5217,5218],{"class":975,"line":1139},[973,5219,1142],{"emptyLinePlaceholder":21},[973,5221,5222,5224,5226,5228,5230],{"class":975,"line":1145},[973,5223,1148],{"class":1078},[973,5225,1151],{"class":1078},[973,5227,1086],{"class":1154},[973,5229,1157],{"class":1085},[973,5231,1160],{"class":1052},[973,5233,5234,5236,5238],{"class":975,"line":1163},[973,5235,1167],{"class":1166},[973,5237,1170],{"class":1052},[973,5239,1173],{"class":1085},[973,5241,5242,5244,5246],{"class":975,"line":1176},[973,5243,1179],{"class":1154},[973,5245,1182],{"class":1085},[973,5247,1185],{"class":1052},[973,5249,5250,5252,5254],{"class":975,"line":1071},[973,5251,1191],{"class":1154},[973,5253,1157],{"class":1085},[973,5255,1160],{"class":1052},[973,5257,5259,5262,5264],{"class":5258,"line":1197},[975,1122],[973,5260,5261],{"class":1166},"      ui",[973,5263,1170],{"class":1052},[973,5265,1380],{"class":1052},[973,5267,5269,5272,5274],{"class":5268,"line":1203},[975,1122],[973,5270,5271],{"class":1166},"        colors",[973,5273,1170],{"class":1052},[973,5275,1380],{"class":1052},[973,5277,5279,5282,5284,5286,5289,5291],{"class":5278,"line":1352},[975,1122],[973,5280,5281],{"class":1166},"          primary",[973,5283,1170],{"class":1052},[973,5285,1095],{"class":1052},[973,5287,5288],{"class":982},"green",[973,5290,1328],{"class":1052},[973,5292,1185],{"class":1052},[973,5294,5296,5299,5301,5303,5306],{"class":5295,"line":1363},[975,1122],[973,5297,5298],{"class":1166},"          neutral",[973,5300,1170],{"class":1052},[973,5302,1095],{"class":1052},[973,5304,5305],{"class":982},"slate",[973,5307,1100],{"class":1052},[973,5309,5311],{"class":5310,"line":1372},[975,1122],[973,5312,1418],{"class":1052},[973,5314,5316],{"class":5315,"line":1383},[975,1122],[973,5317,1424],{"class":1052},[973,5319,5320,5322],{"class":975,"line":1393},[973,5321,1355],{"class":1052},[973,5323,1209],{"class":1085},[973,5325,5326],{"class":975,"line":1404},[973,5327,1200],{"class":1085},[973,5329,5330,5332],{"class":975,"line":1415},[973,5331,1206],{"class":1052},[973,5333,1209],{"class":1085},[944,5335,5337],{"id":5336},"colormode",[970,5338,5339],{},"colorMode",[930,5341,5017,5342,5344,5345,1053],{},[970,5343,5339],{}," option to enable or disable the color mode integration from ",[970,5346,5347],{},"@vueuse/core",[5022,5349,5350],{},[5025,5351,5027,5352],{},[970,5353,5354],{"className":1045,"language":1046,"style":968},[973,5355,5356],{"class":979},"true",[962,5358,5361],{"className":1066,"code":5359,"filename":1833,"highlights":5360,"language":1061,"meta":968,"style":968},"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      colorMode: false\n    })\n  ]\n})\n",[1197],[970,5362,5363,5381,5395,5409,5413,5425,5433,5441,5449,5459,5465,5469],{"__ignoreMap":968},[973,5364,5365,5367,5369,5371,5373,5375,5377,5379],{"class":975,"line":976},[973,5366,1079],{"class":1078},[973,5368,1082],{"class":1052},[973,5370,1086],{"class":1085},[973,5372,1089],{"class":1052},[973,5374,1092],{"class":1078},[973,5376,1095],{"class":1052},[973,5378,1049],{"class":982},[973,5380,1100],{"class":1052},[973,5382,5383,5385,5387,5389,5391,5393],{"class":975,"line":1103},[973,5384,1079],{"class":1078},[973,5386,1108],{"class":1085},[973,5388,1111],{"class":1078},[973,5390,1095],{"class":1052},[973,5392,1116],{"class":982},[973,5394,1100],{"class":1052},[973,5396,5397,5399,5401,5403,5405,5407],{"class":975,"line":1070},[973,5398,1079],{"class":1078},[973,5400,1127],{"class":1085},[973,5402,1111],{"class":1078},[973,5404,1095],{"class":1052},[973,5406,1134],{"class":982},[973,5408,1100],{"class":1052},[973,5410,5411],{"class":975,"line":1139},[973,5412,1142],{"emptyLinePlaceholder":21},[973,5414,5415,5417,5419,5421,5423],{"class":975,"line":1145},[973,5416,1148],{"class":1078},[973,5418,1151],{"class":1078},[973,5420,1086],{"class":1154},[973,5422,1157],{"class":1085},[973,5424,1160],{"class":1052},[973,5426,5427,5429,5431],{"class":975,"line":1163},[973,5428,1167],{"class":1166},[973,5430,1170],{"class":1052},[973,5432,1173],{"class":1085},[973,5434,5435,5437,5439],{"class":975,"line":1176},[973,5436,1179],{"class":1154},[973,5438,1182],{"class":1085},[973,5440,1185],{"class":1052},[973,5442,5443,5445,5447],{"class":975,"line":1071},[973,5444,1191],{"class":1154},[973,5446,1157],{"class":1085},[973,5448,1160],{"class":1052},[973,5450,5452,5455,5457],{"class":5451,"line":1197},[975,1122],[973,5453,5454],{"class":1166},"      colorMode",[973,5456,1170],{"class":1052},[973,5458,1412],{"class":1348},[973,5460,5461,5463],{"class":975,"line":1203},[973,5462,1355],{"class":1052},[973,5464,1209],{"class":1085},[973,5466,5467],{"class":975,"line":1352},[973,5468,1200],{"class":1085},[973,5470,5471,5473],{"class":975,"line":1363},[973,5472,1206],{"class":1052},[973,5474,1209],{"class":1085},[944,5476,5478],{"id":5477},"themecolors",[970,5479,5480],{},"theme.colors",[930,5482,5017,5483,5485],{},[970,5484,5480],{}," option to define the dynamic color aliases used to generate components theme.",[5022,5487,5488],{},[5025,5489,5027,5490],{},[970,5491,5493,5495,5497,5500,5502,5504,5506,5509,5511,5513,5515,5518,5520,5522,5524,5527,5529,5531,5533,5536,5538,5540,5542,5545,5547],{"className":5492,"language":1046,"style":968},"inline,language-ts-type shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",[973,5494,4773],{"class":1085},[973,5496,1328],{"class":1052},[973,5498,5499],{"class":982},"primary",[973,5501,1328],{"class":1052},[973,5503,1760],{"class":1052},[973,5505,1095],{"class":1052},[973,5507,5508],{"class":982},"secondary",[973,5510,1328],{"class":1052},[973,5512,1760],{"class":1052},[973,5514,1095],{"class":1052},[973,5516,5517],{"class":982},"success",[973,5519,1328],{"class":1052},[973,5521,1760],{"class":1052},[973,5523,1095],{"class":1052},[973,5525,5526],{"class":982},"info",[973,5528,1328],{"class":1052},[973,5530,1760],{"class":1052},[973,5532,1095],{"class":1052},[973,5534,5535],{"class":982},"warning",[973,5537,1328],{"class":1052},[973,5539,1760],{"class":1052},[973,5541,1095],{"class":1052},[973,5543,5544],{"class":982},"error",[973,5546,1328],{"class":1052},[973,5548,1336],{"class":1085},[962,5550,5553],{"className":1066,"code":5551,"filename":1833,"highlights":5552,"language":1061,"meta":968,"style":968},"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      theme: {\n        colors: ['primary', 'error']\n      }\n    })\n  ]\n})\n",[1197,1203,1352],[970,5554,5555,5573,5587,5601,5605,5617,5625,5633,5641,5651,5676,5681,5687,5691],{"__ignoreMap":968},[973,5556,5557,5559,5561,5563,5565,5567,5569,5571],{"class":975,"line":976},[973,5558,1079],{"class":1078},[973,5560,1082],{"class":1052},[973,5562,1086],{"class":1085},[973,5564,1089],{"class":1052},[973,5566,1092],{"class":1078},[973,5568,1095],{"class":1052},[973,5570,1049],{"class":982},[973,5572,1100],{"class":1052},[973,5574,5575,5577,5579,5581,5583,5585],{"class":975,"line":1103},[973,5576,1079],{"class":1078},[973,5578,1108],{"class":1085},[973,5580,1111],{"class":1078},[973,5582,1095],{"class":1052},[973,5584,1116],{"class":982},[973,5586,1100],{"class":1052},[973,5588,5589,5591,5593,5595,5597,5599],{"class":975,"line":1070},[973,5590,1079],{"class":1078},[973,5592,1127],{"class":1085},[973,5594,1111],{"class":1078},[973,5596,1095],{"class":1052},[973,5598,1134],{"class":982},[973,5600,1100],{"class":1052},[973,5602,5603],{"class":975,"line":1139},[973,5604,1142],{"emptyLinePlaceholder":21},[973,5606,5607,5609,5611,5613,5615],{"class":975,"line":1145},[973,5608,1148],{"class":1078},[973,5610,1151],{"class":1078},[973,5612,1086],{"class":1154},[973,5614,1157],{"class":1085},[973,5616,1160],{"class":1052},[973,5618,5619,5621,5623],{"class":975,"line":1163},[973,5620,1167],{"class":1166},[973,5622,1170],{"class":1052},[973,5624,1173],{"class":1085},[973,5626,5627,5629,5631],{"class":975,"line":1176},[973,5628,1179],{"class":1154},[973,5630,1182],{"class":1085},[973,5632,1185],{"class":1052},[973,5634,5635,5637,5639],{"class":975,"line":1071},[973,5636,1191],{"class":1154},[973,5638,1157],{"class":1085},[973,5640,1160],{"class":1052},[973,5642,5644,5647,5649],{"class":5643,"line":1197},[975,1122],[973,5645,5646],{"class":1166},"      theme",[973,5648,1170],{"class":1052},[973,5650,1380],{"class":1052},[973,5652,5654,5656,5658,5660,5662,5664,5666,5668,5670,5672,5674],{"class":5653,"line":1203},[975,1122],[973,5655,5271],{"class":1166},[973,5657,1170],{"class":1052},[973,5659,1325],{"class":1085},[973,5661,1328],{"class":1052},[973,5663,5499],{"class":982},[973,5665,1328],{"class":1052},[973,5667,1760],{"class":1052},[973,5669,1095],{"class":1052},[973,5671,5544],{"class":982},[973,5673,1328],{"class":1052},[973,5675,1634],{"class":1085},[973,5677,5679],{"class":5678,"line":1352},[975,1122],[973,5680,1424],{"class":1052},[973,5682,5683,5685],{"class":975,"line":1363},[973,5684,1355],{"class":1052},[973,5686,1209],{"class":1085},[973,5688,5689],{"class":975,"line":1372},[973,5690,1200],{"class":1085},[973,5692,5693,5695],{"class":975,"line":1383},[973,5694,1206],{"class":1052},[973,5696,1209],{"class":1085},[1700,5698,5700],{"to":5699},"/docs/getting-started/theme/design-system#colors",[930,5701,5702],{},"Learn more about color customization and theming in the Theme section.",[944,5704,5706],{"id":5705},"themetransitions",[970,5707,5708],{},"theme.transitions",[930,5710,5017,5711,5713],{},[970,5712,5708],{}," option to enable or disable transitions on components.",[5022,5715,5716],{},[5025,5717,5027,5718],{},[970,5719,5720],{"className":1045,"language":1046,"style":968},[973,5721,5356],{"class":979},[962,5723,5726],{"className":1066,"code":5724,"filename":1833,"highlights":5725,"language":1061,"meta":968,"style":968},"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      theme: {\n        transitions: false\n      }\n    })\n  ]\n})\n",[1197,1203,1352],[970,5727,5728,5746,5760,5774,5778,5790,5798,5806,5814,5823,5833,5838,5844,5848],{"__ignoreMap":968},[973,5729,5730,5732,5734,5736,5738,5740,5742,5744],{"class":975,"line":976},[973,5731,1079],{"class":1078},[973,5733,1082],{"class":1052},[973,5735,1086],{"class":1085},[973,5737,1089],{"class":1052},[973,5739,1092],{"class":1078},[973,5741,1095],{"class":1052},[973,5743,1049],{"class":982},[973,5745,1100],{"class":1052},[973,5747,5748,5750,5752,5754,5756,5758],{"class":975,"line":1103},[973,5749,1079],{"class":1078},[973,5751,1108],{"class":1085},[973,5753,1111],{"class":1078},[973,5755,1095],{"class":1052},[973,5757,1116],{"class":982},[973,5759,1100],{"class":1052},[973,5761,5762,5764,5766,5768,5770,5772],{"class":975,"line":1070},[973,5763,1079],{"class":1078},[973,5765,1127],{"class":1085},[973,5767,1111],{"class":1078},[973,5769,1095],{"class":1052},[973,5771,1134],{"class":982},[973,5773,1100],{"class":1052},[973,5775,5776],{"class":975,"line":1139},[973,5777,1142],{"emptyLinePlaceholder":21},[973,5779,5780,5782,5784,5786,5788],{"class":975,"line":1145},[973,5781,1148],{"class":1078},[973,5783,1151],{"class":1078},[973,5785,1086],{"class":1154},[973,5787,1157],{"class":1085},[973,5789,1160],{"class":1052},[973,5791,5792,5794,5796],{"class":975,"line":1163},[973,5793,1167],{"class":1166},[973,5795,1170],{"class":1052},[973,5797,1173],{"class":1085},[973,5799,5800,5802,5804],{"class":975,"line":1176},[973,5801,1179],{"class":1154},[973,5803,1182],{"class":1085},[973,5805,1185],{"class":1052},[973,5807,5808,5810,5812],{"class":975,"line":1071},[973,5809,1191],{"class":1154},[973,5811,1157],{"class":1085},[973,5813,1160],{"class":1052},[973,5815,5817,5819,5821],{"class":5816,"line":1197},[975,1122],[973,5818,5646],{"class":1166},[973,5820,1170],{"class":1052},[973,5822,1380],{"class":1052},[973,5824,5826,5829,5831],{"class":5825,"line":1203},[975,1122],[973,5827,5828],{"class":1166},"        transitions",[973,5830,1170],{"class":1052},[973,5832,1412],{"class":1348},[973,5834,5836],{"class":5835,"line":1352},[975,1122],[973,5837,1424],{"class":1052},[973,5839,5840,5842],{"class":975,"line":1363},[973,5841,1355],{"class":1052},[973,5843,1209],{"class":1085},[973,5845,5846],{"class":975,"line":1372},[973,5847,1200],{"class":1085},[973,5849,5850,5852],{"class":975,"line":1383},[973,5851,1206],{"class":1052},[973,5853,1209],{"class":1085},[4258,5855,5856],{},[930,5857,5858,5859,5862],{},"This option adds the ",[970,5860,5861],{},"transition-colors"," class on components with hover or active states.",[944,5864,5866],{"id":5865},"themedefaultvariants",[970,5867,5868],{},"theme.defaultVariants",[930,5870,5017,5871,5873,5874,1708,5877,5880],{},[970,5872,5868],{}," option to override the default ",[970,5875,5876],{},"color",[970,5878,5879],{},"size"," variants for components.",[5022,5882,5883],{},[5025,5884,5027,5885],{},[970,5886,5887,5889,5892,5894,5896,5898,5900,5902,5905,5907,5909,5912,5914],{"className":1045,"language":1046,"style":968},[973,5888,2460],{"class":1052},[973,5890,5891],{"class":1166}," color",[973,5893,1170],{"class":1052},[973,5895,1095],{"class":1052},[973,5897,5499],{"class":982},[973,5899,1328],{"class":1052},[973,5901,1760],{"class":1052},[973,5903,5904],{"class":1166}," size",[973,5906,1170],{"class":1052},[973,5908,1095],{"class":1052},[973,5910,5911],{"class":982},"md",[973,5913,1328],{"class":1052},[973,5915,1089],{"class":1052},[962,5917,5920],{"className":1066,"code":5918,"filename":1833,"highlights":5919,"language":1061,"meta":968,"style":968},"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      theme: {\n        defaultVariants: {\n          color: 'neutral',\n          size: 'sm'\n        }\n      }\n    })\n  ]\n})\n",[1197,1203,1352,1363,1372,1383],[970,5921,5922,5940,5954,5968,5972,5984,5992,6000,6008,6017,6027,6043,6058,6063,6068,6074,6078],{"__ignoreMap":968},[973,5923,5924,5926,5928,5930,5932,5934,5936,5938],{"class":975,"line":976},[973,5925,1079],{"class":1078},[973,5927,1082],{"class":1052},[973,5929,1086],{"class":1085},[973,5931,1089],{"class":1052},[973,5933,1092],{"class":1078},[973,5935,1095],{"class":1052},[973,5937,1049],{"class":982},[973,5939,1100],{"class":1052},[973,5941,5942,5944,5946,5948,5950,5952],{"class":975,"line":1103},[973,5943,1079],{"class":1078},[973,5945,1108],{"class":1085},[973,5947,1111],{"class":1078},[973,5949,1095],{"class":1052},[973,5951,1116],{"class":982},[973,5953,1100],{"class":1052},[973,5955,5956,5958,5960,5962,5964,5966],{"class":975,"line":1070},[973,5957,1079],{"class":1078},[973,5959,1127],{"class":1085},[973,5961,1111],{"class":1078},[973,5963,1095],{"class":1052},[973,5965,1134],{"class":982},[973,5967,1100],{"class":1052},[973,5969,5970],{"class":975,"line":1139},[973,5971,1142],{"emptyLinePlaceholder":21},[973,5973,5974,5976,5978,5980,5982],{"class":975,"line":1145},[973,5975,1148],{"class":1078},[973,5977,1151],{"class":1078},[973,5979,1086],{"class":1154},[973,5981,1157],{"class":1085},[973,5983,1160],{"class":1052},[973,5985,5986,5988,5990],{"class":975,"line":1163},[973,5987,1167],{"class":1166},[973,5989,1170],{"class":1052},[973,5991,1173],{"class":1085},[973,5993,5994,5996,5998],{"class":975,"line":1176},[973,5995,1179],{"class":1154},[973,5997,1182],{"class":1085},[973,5999,1185],{"class":1052},[973,6001,6002,6004,6006],{"class":975,"line":1071},[973,6003,1191],{"class":1154},[973,6005,1157],{"class":1085},[973,6007,1160],{"class":1052},[973,6009,6011,6013,6015],{"class":6010,"line":1197},[975,1122],[973,6012,5646],{"class":1166},[973,6014,1170],{"class":1052},[973,6016,1380],{"class":1052},[973,6018,6020,6023,6025],{"class":6019,"line":1203},[975,1122],[973,6021,6022],{"class":1166},"        defaultVariants",[973,6024,1170],{"class":1052},[973,6026,1380],{"class":1052},[973,6028,6030,6033,6035,6037,6039,6041],{"class":6029,"line":1352},[975,1122],[973,6031,6032],{"class":1166},"          color",[973,6034,1170],{"class":1052},[973,6036,1095],{"class":1052},[973,6038,4921],{"class":982},[973,6040,1328],{"class":1052},[973,6042,1185],{"class":1052},[973,6044,6046,6049,6051,6053,6056],{"class":6045,"line":1363},[975,1122],[973,6047,6048],{"class":1166},"          size",[973,6050,1170],{"class":1052},[973,6052,1095],{"class":1052},[973,6054,6055],{"class":982},"sm",[973,6057,1100],{"class":1052},[973,6059,6061],{"class":6060,"line":1372},[975,1122],[973,6062,1418],{"class":1052},[973,6064,6066],{"class":6065,"line":1383},[975,1122],[973,6067,1424],{"class":1052},[973,6069,6070,6072],{"class":975,"line":1393},[973,6071,1355],{"class":1052},[973,6073,1209],{"class":1085},[973,6075,6076],{"class":975,"line":1404},[973,6077,1200],{"class":1085},[973,6079,6080,6082],{"class":975,"line":1415},[973,6081,1206],{"class":1052},[973,6083,1209],{"class":1085},[944,6085,6087,6090,6091],{"id":6086},"themeprefix",[970,6088,6089],{},"theme.prefix"," ",[6092,6093],"badge",{"className":6094,"label":6096},[6095],"align-text-top","4.2+",[930,6098,5017,6099,6101],{},[970,6100,6089],{}," option to configure the same prefix you set on your Tailwind CSS import. This ensures Nuxt UI components use the correct prefixed utility classes and CSS variables.",[958,6103,6104,6241],{},[962,6105,6108],{"className":1066,"code":6106,"filename":1833,"highlights":6107,"language":1061,"meta":968,"style":968},"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      theme: {\n        prefix: 'tw'\n      }\n    })\n  ]\n})\n",[1197,1203,1352],[970,6109,6110,6128,6142,6156,6160,6172,6180,6188,6196,6205,6220,6225,6231,6235],{"__ignoreMap":968},[973,6111,6112,6114,6116,6118,6120,6122,6124,6126],{"class":975,"line":976},[973,6113,1079],{"class":1078},[973,6115,1082],{"class":1052},[973,6117,1086],{"class":1085},[973,6119,1089],{"class":1052},[973,6121,1092],{"class":1078},[973,6123,1095],{"class":1052},[973,6125,1049],{"class":982},[973,6127,1100],{"class":1052},[973,6129,6130,6132,6134,6136,6138,6140],{"class":975,"line":1103},[973,6131,1079],{"class":1078},[973,6133,1108],{"class":1085},[973,6135,1111],{"class":1078},[973,6137,1095],{"class":1052},[973,6139,1116],{"class":982},[973,6141,1100],{"class":1052},[973,6143,6144,6146,6148,6150,6152,6154],{"class":975,"line":1070},[973,6145,1079],{"class":1078},[973,6147,1127],{"class":1085},[973,6149,1111],{"class":1078},[973,6151,1095],{"class":1052},[973,6153,1134],{"class":982},[973,6155,1100],{"class":1052},[973,6157,6158],{"class":975,"line":1139},[973,6159,1142],{"emptyLinePlaceholder":21},[973,6161,6162,6164,6166,6168,6170],{"class":975,"line":1145},[973,6163,1148],{"class":1078},[973,6165,1151],{"class":1078},[973,6167,1086],{"class":1154},[973,6169,1157],{"class":1085},[973,6171,1160],{"class":1052},[973,6173,6174,6176,6178],{"class":975,"line":1163},[973,6175,1167],{"class":1166},[973,6177,1170],{"class":1052},[973,6179,1173],{"class":1085},[973,6181,6182,6184,6186],{"class":975,"line":1176},[973,6183,1179],{"class":1154},[973,6185,1182],{"class":1085},[973,6187,1185],{"class":1052},[973,6189,6190,6192,6194],{"class":975,"line":1071},[973,6191,1191],{"class":1154},[973,6193,1157],{"class":1085},[973,6195,1160],{"class":1052},[973,6197,6199,6201,6203],{"class":6198,"line":1197},[975,1122],[973,6200,5646],{"class":1166},[973,6202,1170],{"class":1052},[973,6204,1380],{"class":1052},[973,6206,6208,6211,6213,6215,6218],{"class":6207,"line":1203},[975,1122],[973,6209,6210],{"class":1166},"        prefix",[973,6212,1170],{"class":1052},[973,6214,1095],{"class":1052},[973,6216,6217],{"class":982},"tw",[973,6219,1100],{"class":1052},[973,6221,6223],{"class":6222,"line":1352},[975,1122],[973,6224,1424],{"class":1052},[973,6226,6227,6229],{"class":975,"line":1363},[973,6228,1355],{"class":1052},[973,6230,1209],{"class":1085},[973,6232,6233],{"class":975,"line":1372},[973,6234,1200],{"class":1085},[973,6236,6237,6239],{"class":975,"line":1383},[973,6238,1206],{"class":1052},[973,6240,1209],{"class":1085},[962,6242,6246],{"className":2902,"code":6243,"filename":6244,"highlights":6245,"language":2905,"meta":968,"style":968},"@import \"tailwindcss\" prefix(tw);\n@import \"@nuxt/ui\";\n","assets/main.css",[976],[970,6247,6248,6269],{"__ignoreMap":968},[973,6249,6251,6253,6255,6257,6259,6262,6264,6266],{"class":6250,"line":976},[975,1122],[973,6252,2912],{"class":1078},[973,6254,1763],{"class":1052},[973,6256,2917],{"class":982},[973,6258,1746],{"class":1052},[973,6260,6261],{"class":1085}," prefix",[973,6263,1157],{"class":1052},[973,6265,6217],{"class":1085},[973,6267,6268],{"class":1052},");\n",[973,6270,6271,6273,6275,6277,6279],{"class":975,"line":1103},[973,6272,2912],{"class":1078},[973,6274,1763],{"class":1052},[973,6276,2931],{"class":982},[973,6278,1746],{"class":1052},[973,6280,2922],{"class":1052},[930,6282,6283],{},"This will automatically prefix all Tailwind utility classes and CSS variables in Nuxt UI component themes:",[962,6285,6287],{"className":4286,"code":6286,"language":4290,"meta":968,"style":968},"\u003C!-- Without prefix -->\n\u003Cbutton class=\"px-2 py-1 text-xs hover:bg-primary/75\">Button\u003C/button>\n\n\u003C!-- With prefix: tw -->\n\u003Cbutton class=\"tw:px-2 tw:py-1 tw:text-xs tw:hover:bg-primary/75\">Button\u003C/button>\n",[970,6288,6289,6294,6322,6326,6331],{"__ignoreMap":968},[973,6290,6291],{"class":975,"line":976},[973,6292,6293],{"class":1811},"\u003C!-- Without prefix -->\n",[973,6295,6296,6298,6301,6303,6305,6307,6310,6312,6314,6316,6318,6320],{"class":975,"line":1103},[973,6297,2395],{"class":1052},[973,6299,6300],{"class":1166},"button",[973,6302,4441],{"class":1742},[973,6304,2019],{"class":1052},[973,6306,1746],{"class":1052},[973,6308,6309],{"class":982},"px-2 py-1 text-xs hover:bg-primary/75",[973,6311,1746],{"class":1052},[973,6313,2401],{"class":1052},[973,6315,223],{"class":1085},[973,6317,4168],{"class":1052},[973,6319,6300],{"class":1166},[973,6321,4133],{"class":1052},[973,6323,6324],{"class":975,"line":1070},[973,6325,1142],{"emptyLinePlaceholder":21},[973,6327,6328],{"class":975,"line":1139},[973,6329,6330],{"class":1811},"\u003C!-- With prefix: tw -->\n",[973,6332,6333,6335,6337,6339,6341,6343,6346,6348,6350,6352,6354,6356],{"class":975,"line":1145},[973,6334,2395],{"class":1052},[973,6336,6300],{"class":1166},[973,6338,4441],{"class":1742},[973,6340,2019],{"class":1052},[973,6342,1746],{"class":1052},[973,6344,6345],{"class":982},"tw:px-2 tw:py-1 tw:text-xs tw:hover:bg-primary/75",[973,6347,1746],{"class":1052},[973,6349,2401],{"class":1052},[973,6351,223],{"class":1085},[973,6353,4168],{"class":1052},[973,6355,6300],{"class":1166},[973,6357,4133],{"class":1052},[4258,6359,6361],{"to":6360,"target":4923},"https://tailwindcss.com/docs/styling-with-utility-classes#using-the-prefix-option",[930,6362,6363],{},"Learn more about using a prefix in the Tailwind CSS documentation.",[944,6365,6367,6090,6369],{"id":6366},"router",[970,6368,6366],{},[6092,6370],{"className":6371,"label":6372},[6095],"4.3+",[930,6374,5017,6375,6377,6378,6380,6381,6386,6387,1053],{},[970,6376,6366],{}," option to configure routing integration. This is useful for applications that don't use ",[970,6379,1970],{},", such as Electron apps, MPAs, or frameworks like ",[3927,6382,6385],{"href":6383,"rel":6384},"https://inertiajs.com/",[3931],"Inertia.js"," or ",[3927,6388,6391],{"href":6389,"rel":6390},"https://hybridly.dev/",[3931],"Hybridly",[5022,6393,6394],{},[5025,6395,5027,6396],{},[970,6397,6398],{"className":1045,"language":1046,"style":968},[973,6399,5356],{"class":979},[6401,6402,6403,6416],"table",{},[6404,6405,6406],"thead",{},[6407,6408,6409,6413],"tr",{},[6410,6411,6412],"th",{},"Value",[6410,6414,6415],{},"Description",[6417,6418,6419,6438,6454],"tbody",{},[6407,6420,6421,6428],{},[6422,6423,6424],"td",{},[970,6425,6426],{"className":1045,"language":1046,"style":968},[973,6427,5356],{"class":979},[6422,6429,6430,6431,6433,6434,6437],{},"Uses ",[970,6432,1970],{}," for navigation with ",[970,6435,6436],{},"RouterLink"," component.",[6407,6439,6440,6447],{},[6422,6441,6442],{},[970,6443,6444],{"className":1045,"language":1046,"style":968},[973,6445,6446],{"class":979},"false",[6422,6448,6449,6450,6453],{},"Disables routing integration, links render as plain ",[970,6451,6452],{},"\u003Ca>"," tags.",[6407,6455,6456,6466],{},[6422,6457,6458],{},[970,6459,6460,6462,6464],{"className":1045,"language":1046,"style":968},[973,6461,1328],{"class":1052},[973,6463,1455],{"class":982},[973,6465,1328],{"class":1052},[6422,6467,6468,6469,6437],{},"Uses Inertia.js for navigation with its ",[970,6470,551],{},[962,6472,6475],{"className":1066,"code":6473,"filename":1833,"highlights":6474,"language":1061,"meta":968,"style":968},"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      router: false\n    })\n  ]\n})\n",[1197],[970,6476,6477,6495,6509,6523,6527,6539,6547,6555,6563,6572,6578,6582],{"__ignoreMap":968},[973,6478,6479,6481,6483,6485,6487,6489,6491,6493],{"class":975,"line":976},[973,6480,1079],{"class":1078},[973,6482,1082],{"class":1052},[973,6484,1086],{"class":1085},[973,6486,1089],{"class":1052},[973,6488,1092],{"class":1078},[973,6490,1095],{"class":1052},[973,6492,1049],{"class":982},[973,6494,1100],{"class":1052},[973,6496,6497,6499,6501,6503,6505,6507],{"class":975,"line":1103},[973,6498,1079],{"class":1078},[973,6500,1108],{"class":1085},[973,6502,1111],{"class":1078},[973,6504,1095],{"class":1052},[973,6506,1116],{"class":982},[973,6508,1100],{"class":1052},[973,6510,6511,6513,6515,6517,6519,6521],{"class":975,"line":1070},[973,6512,1079],{"class":1078},[973,6514,1127],{"class":1085},[973,6516,1111],{"class":1078},[973,6518,1095],{"class":1052},[973,6520,1134],{"class":982},[973,6522,1100],{"class":1052},[973,6524,6525],{"class":975,"line":1139},[973,6526,1142],{"emptyLinePlaceholder":21},[973,6528,6529,6531,6533,6535,6537],{"class":975,"line":1145},[973,6530,1148],{"class":1078},[973,6532,1151],{"class":1078},[973,6534,1086],{"class":1154},[973,6536,1157],{"class":1085},[973,6538,1160],{"class":1052},[973,6540,6541,6543,6545],{"class":975,"line":1163},[973,6542,1167],{"class":1166},[973,6544,1170],{"class":1052},[973,6546,1173],{"class":1085},[973,6548,6549,6551,6553],{"class":975,"line":1176},[973,6550,1179],{"class":1154},[973,6552,1182],{"class":1085},[973,6554,1185],{"class":1052},[973,6556,6557,6559,6561],{"class":975,"line":1071},[973,6558,1191],{"class":1154},[973,6560,1157],{"class":1085},[973,6562,1160],{"class":1052},[973,6564,6566,6568,6570],{"class":6565,"line":1197},[975,1122],[973,6567,1448],{"class":1166},[973,6569,1170],{"class":1052},[973,6571,1412],{"class":1348},[973,6573,6574,6576],{"class":975,"line":1203},[973,6575,1355],{"class":1052},[973,6577,1209],{"class":1085},[973,6579,6580],{"class":975,"line":1352},[973,6581,1200],{"class":1085},[973,6583,6584,6586],{"class":975,"line":1363},[973,6585,1206],{"class":1052},[973,6587,1209],{"class":1085},[4258,6589,6590],{},[930,6591,6592,6593,6386,6595,4268,6598,6600],{},"When set to ",[970,6594,6446],{},[970,6596,6597],{},"'inertia'",[970,6599,1970],{}," is not required as a dependency.",[944,6602,6604,6090,6607],{"id":6603},"scanpackages",[970,6605,6606],{},"scanPackages",[6092,6608],{"className":6609,"label":6372},[6095],[930,6611,5017,6612,6614],{},[970,6613,6606],{}," option to specify additional npm packages that should be scanned for components using Nuxt UI. This is useful when you have a shared component library that uses Nuxt UI components internally.",[962,6616,6619],{"className":1066,"code":6617,"filename":1833,"highlights":6618,"language":1061,"meta":968,"style":968},"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      scanPackages: ['@my-org/ui-components']\n    })\n  ]\n})\n",[1197],[970,6620,6621,6639,6653,6667,6671,6683,6691,6699,6707,6726,6732,6736],{"__ignoreMap":968},[973,6622,6623,6625,6627,6629,6631,6633,6635,6637],{"class":975,"line":976},[973,6624,1079],{"class":1078},[973,6626,1082],{"class":1052},[973,6628,1086],{"class":1085},[973,6630,1089],{"class":1052},[973,6632,1092],{"class":1078},[973,6634,1095],{"class":1052},[973,6636,1049],{"class":982},[973,6638,1100],{"class":1052},[973,6640,6641,6643,6645,6647,6649,6651],{"class":975,"line":1103},[973,6642,1079],{"class":1078},[973,6644,1108],{"class":1085},[973,6646,1111],{"class":1078},[973,6648,1095],{"class":1052},[973,6650,1116],{"class":982},[973,6652,1100],{"class":1052},[973,6654,6655,6657,6659,6661,6663,6665],{"class":975,"line":1070},[973,6656,1079],{"class":1078},[973,6658,1127],{"class":1085},[973,6660,1111],{"class":1078},[973,6662,1095],{"class":1052},[973,6664,1134],{"class":982},[973,6666,1100],{"class":1052},[973,6668,6669],{"class":975,"line":1139},[973,6670,1142],{"emptyLinePlaceholder":21},[973,6672,6673,6675,6677,6679,6681],{"class":975,"line":1145},[973,6674,1148],{"class":1078},[973,6676,1151],{"class":1078},[973,6678,1086],{"class":1154},[973,6680,1157],{"class":1085},[973,6682,1160],{"class":1052},[973,6684,6685,6687,6689],{"class":975,"line":1163},[973,6686,1167],{"class":1166},[973,6688,1170],{"class":1052},[973,6690,1173],{"class":1085},[973,6692,6693,6695,6697],{"class":975,"line":1176},[973,6694,1179],{"class":1154},[973,6696,1182],{"class":1085},[973,6698,1185],{"class":1052},[973,6700,6701,6703,6705],{"class":975,"line":1071},[973,6702,1191],{"class":1154},[973,6704,1157],{"class":1085},[973,6706,1160],{"class":1052},[973,6708,6710,6713,6715,6717,6719,6722,6724],{"class":6709,"line":1197},[975,1122],[973,6711,6712],{"class":1166},"      scanPackages",[973,6714,1170],{"class":1052},[973,6716,1325],{"class":1085},[973,6718,1328],{"class":1052},[973,6720,6721],{"class":982},"@my-org/ui-components",[973,6723,1328],{"class":1052},[973,6725,1634],{"class":1085},[973,6727,6728,6730],{"class":975,"line":1203},[973,6729,1355],{"class":1052},[973,6731,1209],{"class":1085},[973,6733,6734],{"class":975,"line":1352},[973,6735,1200],{"class":1085},[973,6737,6738,6740],{"class":975,"line":1363},[973,6739,1206],{"class":1052},[973,6741,1209],{"class":1085},[4258,6743,6744],{},[930,6745,6746,6747,6749],{},"By default, only ",[970,6748,2931],{}," is scanned. Use this option when your external packages contain Vue components that use Nuxt UI.",[939,6751,6753],{"id":6752},"continuous-releases","Continuous releases",[930,6755,6756,6757,6762],{},"Nuxt UI uses ",[3927,6758,6761],{"href":6759,"rel":6760},"https://github.com/stackblitz-labs/pkg.pr.new",[3931],"pkg.pr.new"," for continuous preview releases, providing developers with instant access to the latest features and bug fixes without waiting for official releases.",[930,6764,6765,6766,6769],{},"Automatic preview releases are created for all commits and PRs to the ",[970,6767,6768],{},"v4"," branch. Use them by replacing your package version with the specific commit hash or PR number.",[962,6771,6776],{"className":6772,"code":6773,"filename":6774,"language":6775,"meta":968,"style":968},"language-diff shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n  \"dependencies\": {\n-   \"@nuxt/ui\": \"^4.0.0\",\n+   \"@nuxt/ui\": \"https://pkg.pr.new/@nuxt/ui@4c96909\",\n  }\n}\n","package.json","diff",[970,6777,6778,6782,6787,6795,6803,6807],{"__ignoreMap":968},[973,6779,6780],{"class":975,"line":976},[973,6781,1160],{"class":1085},[973,6783,6784],{"class":975,"line":1103},[973,6785,6786],{"class":1085},"  \"dependencies\": {\n",[973,6788,6789,6792],{"class":975,"line":1070},[973,6790,6791],{"class":1052},"-",[973,6793,6794],{"class":1166},"   \"@nuxt/ui\": \"^4.0.0\",\n",[973,6796,6797,6800],{"class":975,"line":1139},[973,6798,6799],{"class":1052},"+",[973,6801,6802],{"class":982},"   \"@nuxt/ui\": \"https://pkg.pr.new/@nuxt/ui@4c96909\",\n",[973,6804,6805],{"class":975,"line":1145},[973,6806,1911],{"class":1085},[973,6808,6809],{"class":975,"line":1163},[973,6810,1800],{"class":1085},[4258,6812,6813],{},[930,6814,6815,6817],{},[934,6816,6761],{}," will automatically comment on PRs with the installation URL, making it easy to test changes.",[6819,6820,6821],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}",{"title":968,"searchDepth":1103,"depth":1103,"links":6823},[6824,6828,6842],{"id":941,"depth":1103,"text":942,"children":6825},[6826,6827],{"id":946,"depth":1070,"text":947},{"id":4869,"depth":1070,"text":4870},{"id":5003,"depth":1103,"text":5004,"children":6829},[6830,6831,6832,6833,6834,6835,6836,6838,6840],{"id":5012,"depth":1070,"text":5012},{"id":2513,"depth":1070,"text":2513},{"id":5336,"depth":1070,"text":5339},{"id":5477,"depth":1070,"text":5480},{"id":5705,"depth":1070,"text":5708},{"id":5865,"depth":1070,"text":5868},{"id":6086,"depth":1070,"text":6837},"theme.prefix ",{"id":6366,"depth":1070,"text":6839},"router ",{"id":6603,"depth":1070,"text":6841},"scanPackages ",{"id":6752,"depth":1103,"text":6753},[6844],{"label":6845,"to":6846,"icon":6847},"Template","https://codesandbox.io/p/devbox/nuxt-ui-vue-f2qp34","i-lucide-codesandbox",{},{"icon":30},{"title":20,"description":35},"Kur7RHysfJbLr3BQB2WjyCBy8UtHQojnrODbInNHEPo",{"data":6853,"body":6854},{},{"type":6855,"children":6856},"root",[6857],{"type":172,"tag":930,"props":6858,"children":6859},{},[6860],{"type":6861,"value":35},"text",1768492393018]