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