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