[{"data":1,"prerenderedAt":3259},["ShallowReactive",2],{"navigation":3,"-docs-getting-started-integrations-ssr":958,"-docs-getting-started-integrations-ssr-description":3249},[4],{"title":5,"path":6,"stem":7,"children":8,"page":36},"Docs","\u002Fdocs","docs",[9,163,816,857],{"title":10,"path":11,"stem":12,"children":13,"framework":16,"category":16,"description":16,"icon":30},"Get Started","\u002Fdocs\u002Fgetting-started","docs\u002F1.getting-started\u002F1.index",[14,19,37,47,53,76,141],{"title":15,"path":11,"stem":12,"framework":16,"category":16,"description":17,"icon":18},"Introduction",null,"Nuxt UI is a comprehensive Vue UI component library (Nuxt optional), offering 125+ accessible, Tailwind CSS components for building modern web applications.","i-lucide-house",{"title":20,"framework":16,"category":16,"description":16,"shadow":21,"path":22,"stem":23,"children":24,"page":36},"Installation",true,"\u002Fdocs\u002Fgetting-started\u002Finstallation","docs\u002F1.getting-started\u002F2.installation",[25,31],{"title":20,"path":26,"stem":27,"framework":28,"category":16,"description":29,"icon":30},"\u002Fdocs\u002Fgetting-started\u002Finstallation\u002Fnuxt","docs\u002F1.getting-started\u002F2.installation\u002F1.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},"\u002Fdocs\u002Fgetting-started\u002Finstallation\u002Fvue","docs\u002F1.getting-started\u002F2.installation\u002F2.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","\u002Fdocs\u002Fgetting-started\u002Fmigration","docs\u002F1.getting-started\u002F3.migration",[43],{"title":38,"path":44,"stem":45,"framework":16,"category":16,"description":46,"icon":39},"\u002Fdocs\u002Fgetting-started\u002Fmigration\u002Fv4","docs\u002F1.getting-started\u002F3.migration\u002F1.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","\u002Fdocs\u002Fgetting-started\u002Fcontribution","docs\u002F1.getting-started\u002F4.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","\u002Fdocs\u002Fgetting-started\u002Ftheme","docs\u002F1.getting-started\u002F5.theme",[58,64,70],{"title":59,"path":60,"stem":61,"framework":16,"category":16,"description":62,"icon":63},"Design System","\u002Fdocs\u002Fgetting-started\u002Ftheme\u002Fdesign-system","docs\u002F1.getting-started\u002F5.theme\u002F1.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","\u002Fdocs\u002Fgetting-started\u002Ftheme\u002Fcss-variables","docs\u002F1.getting-started\u002F5.theme\u002F2.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","\u002Fdocs\u002Fgetting-started\u002Ftheme\u002Fcomponents","docs\u002F1.getting-started\u002F5.theme\u002F3.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","\u002Fdocs\u002Fgetting-started\u002Fintegrations","docs\u002F1.getting-started\u002F6.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","\u002Fdocs\u002Fgetting-started\u002Fintegrations\u002Ficons","docs\u002F1.getting-started\u002F6.integrations\u002F1.icons",[86,91],{"title":82,"path":87,"stem":88,"framework":28,"category":16,"description":89,"icon":90},"\u002Fdocs\u002Fgetting-started\u002Fintegrations\u002Ficons\u002Fnuxt","docs\u002F1.getting-started\u002F6.integrations\u002F1.icons\u002F1.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},"\u002Fdocs\u002Fgetting-started\u002Fintegrations\u002Ficons\u002Fvue","docs\u002F1.getting-started\u002F6.integrations\u002F1.icons\u002F2.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","\u002Fdocs\u002Fgetting-started\u002Fintegrations\u002Ffonts","docs\u002F1.getting-started\u002F6.integrations\u002F2.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","\u002Fdocs\u002Fgetting-started\u002Fintegrations\u002Fcolor-mode","docs\u002F1.getting-started\u002F6.integrations\u002F3.color-mode",[106,111],{"title":102,"path":107,"stem":108,"framework":28,"category":16,"description":109,"icon":110},"\u002Fdocs\u002Fgetting-started\u002Fintegrations\u002Fcolor-mode\u002Fnuxt","docs\u002F1.getting-started\u002F6.integrations\u002F3.color-mode\u002F1.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},"\u002Fdocs\u002Fgetting-started\u002Fintegrations\u002Fcolor-mode\u002Fvue","docs\u002F1.getting-started\u002F6.integrations\u002F3.color-mode\u002F2.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","\u002Fdocs\u002Fgetting-started\u002Fintegrations\u002Fi18n","docs\u002F1.getting-started\u002F6.integrations\u002F4.i18n",[120,126],{"title":121,"path":122,"stem":123,"framework":28,"category":16,"description":124,"icon":125},"Internationalization (i18n)","\u002Fdocs\u002Fgetting-started\u002Fintegrations\u002Fi18n\u002Fnuxt","docs\u002F1.getting-started\u002F6.integrations\u002F4.i18n\u002F1.nuxt","Nuxt UI supports 50+ locales and multi-directional (LTR\u002FRTL) internationalization.","i-lucide-languages",{"title":121,"path":127,"stem":128,"framework":34,"category":16,"description":124,"icon":125},"\u002Fdocs\u002Fgetting-started\u002Fintegrations\u002Fi18n\u002Fvue","docs\u002F1.getting-started\u002F6.integrations\u002F4.i18n\u002F2.vue",{"title":130,"path":131,"stem":132,"framework":28,"category":16,"description":133,"icon":134},"Content","\u002Fdocs\u002Fgetting-started\u002Fintegrations\u002Fcontent","docs\u002F1.getting-started\u002F6.integrations\u002F5.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":140},"SSR","\u002Fdocs\u002Fgetting-started\u002Fintegrations\u002Fssr","docs\u002F1.getting-started\u002F6.integrations\u002F6.ssr","Nuxt UI has first-party support for Vue SSR. This guide will help you have it fully enabled.","i-lucide-server",{"title":142,"framework":16,"category":16,"description":16,"path":143,"stem":144,"children":145,"page":36},"Agents","\u002Fdocs\u002Fgetting-started\u002Fai","docs\u002F1.getting-started\u002F7.ai",[146,151,157],{"title":147,"path":148,"stem":149,"framework":16,"category":16,"description":150,"icon":140},"MCP Server","\u002Fdocs\u002Fgetting-started\u002Fai\u002Fmcp","docs\u002F1.getting-started\u002F7.ai\u002F1.mcp","Use Nuxt UI components in your AI assistants with Model Context Protocol support.",{"title":152,"path":153,"stem":154,"framework":16,"category":16,"description":155,"icon":156},"LLMs.txt","\u002Fdocs\u002Fgetting-started\u002Fai\u002Fllms-txt","docs\u002F1.getting-started\u002F7.ai\u002F2.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":158,"path":159,"stem":160,"framework":16,"category":16,"description":161,"icon":162},"Skills","\u002Fdocs\u002Fgetting-started\u002Fai\u002Fskills","docs\u002F1.getting-started\u002F7.ai\u002F3.skills","Install Nuxt UI skills to give AI coding agents deep knowledge of components, theming, and best practices.","i-lucide-sparkles",{"title":71,"framework":16,"category":16,"description":16,"icon":164,"path":165,"stem":166,"children":167,"page":36},"i-lucide-square-code","\u002Fdocs\u002Fcomponents","docs\u002F2.components",[168,174,180,186,192,197,202,207,212,217,222,228,233,238,243,248,253,258,264,269,274,279,284,289,295,300,305,311,316,321,326,332,337,342,347,352,357,362,367,373,378,383,388,393,399,405,410,415,420,425,430,435,440,445,450,455,460,466,471,476,481,486,491,496,501,506,511,516,521,526,531,536,541,546,551,556,561,566,571,576,581,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,777,782,787,791,796,801,806,811],{"title":169,"path":170,"stem":171,"framework":16,"category":172,"description":173},"Accordion","\u002Fdocs\u002Fcomponents\u002Faccordion","docs\u002F2.components\u002Faccordion","data","A stacked set of collapsible panels.",{"title":175,"path":176,"stem":177,"framework":16,"category":178,"description":179},"Alert","\u002Fdocs\u002Fcomponents\u002Falert","docs\u002F2.components\u002Falert","element","A callout to draw user's attention.",{"title":181,"path":182,"stem":183,"framework":16,"category":184,"description":185},"App","\u002Fdocs\u002Fcomponents\u002Fapp","docs\u002F2.components\u002Fapp","layout","Wraps your app to provide global configurations and more.",{"title":187,"path":188,"stem":189,"framework":16,"category":190,"description":191},"AuthForm","\u002Fdocs\u002Fcomponents\u002Fauth-form","docs\u002F2.components\u002Fauth-form","page","A customizable Form to create login, register or password reset forms.",{"title":193,"path":194,"stem":195,"framework":16,"category":178,"description":196},"Avatar","\u002Fdocs\u002Fcomponents\u002Favatar","docs\u002F2.components\u002Favatar","An img element with fallback and Nuxt Image support.",{"title":198,"path":199,"stem":200,"framework":16,"category":178,"description":201},"AvatarGroup","\u002Fdocs\u002Fcomponents\u002Favatar-group","docs\u002F2.components\u002Favatar-group","Stack multiple avatars in a group.",{"title":203,"path":204,"stem":205,"framework":16,"category":178,"description":206},"Badge","\u002Fdocs\u002Fcomponents\u002Fbadge","docs\u002F2.components\u002Fbadge","A short text to represent a status or a category.",{"title":208,"path":209,"stem":210,"framework":16,"category":178,"description":211},"Banner","\u002Fdocs\u002Fcomponents\u002Fbanner","docs\u002F2.components\u002Fbanner","Display a banner at the top of your website to inform users about important information.",{"title":213,"path":214,"stem":215,"framework":16,"category":190,"description":216},"BlogPost","\u002Fdocs\u002Fcomponents\u002Fblog-post","docs\u002F2.components\u002Fblog-post","A customizable article to display in a blog page.",{"title":218,"path":219,"stem":220,"framework":16,"category":190,"description":221},"BlogPosts","\u002Fdocs\u002Fcomponents\u002Fblog-posts","docs\u002F2.components\u002Fblog-posts","Display a list of blog posts in a responsive grid layout.",{"title":223,"path":224,"stem":225,"framework":16,"category":226,"description":227},"Breadcrumb","\u002Fdocs\u002Fcomponents\u002Fbreadcrumb","docs\u002F2.components\u002Fbreadcrumb","navigation","A hierarchy of links to navigate through a website.",{"title":229,"path":230,"stem":231,"framework":16,"category":178,"description":232},"Button","\u002Fdocs\u002Fcomponents\u002Fbutton","docs\u002F2.components\u002Fbutton","A button element that can act as a link or trigger an action.",{"title":234,"path":235,"stem":236,"framework":16,"category":178,"description":237},"Calendar","\u002Fdocs\u002Fcomponents\u002Fcalendar","docs\u002F2.components\u002Fcalendar","A calendar component for selecting single dates, multiple dates or date ranges.",{"title":239,"path":240,"stem":241,"framework":16,"category":178,"description":242},"Card","\u002Fdocs\u002Fcomponents\u002Fcard","docs\u002F2.components\u002Fcard","Display content in a card with a header, body and footer.",{"title":244,"path":245,"stem":246,"framework":16,"category":172,"description":247},"Carousel","\u002Fdocs\u002Fcomponents\u002Fcarousel","docs\u002F2.components\u002Fcarousel","A carousel with motion and swipe built using Embla.",{"title":249,"path":250,"stem":251,"framework":16,"category":190,"description":252},"ChangelogVersion","\u002Fdocs\u002Fcomponents\u002Fchangelog-version","docs\u002F2.components\u002Fchangelog-version","A customizable article to display in a changelog.",{"title":254,"path":255,"stem":256,"framework":16,"category":190,"description":257},"ChangelogVersions","\u002Fdocs\u002Fcomponents\u002Fchangelog-versions","docs\u002F2.components\u002Fchangelog-versions","Display a list of changelog versions in a timeline.",{"title":259,"path":260,"stem":261,"framework":16,"category":262,"description":263},"Chat","\u002Fdocs\u002Fcomponents\u002Fchat","docs\u002F2.components\u002Fchat","chat","Build AI chat interfaces with streaming, reasoning, and tool calling.",{"title":265,"path":266,"stem":267,"framework":16,"category":262,"description":268},"ChatMessage","\u002Fdocs\u002Fcomponents\u002Fchat-message","docs\u002F2.components\u002Fchat-message","Display a chat message with icon, avatar, and actions.",{"title":270,"path":271,"stem":272,"framework":16,"category":262,"description":273},"ChatMessages","\u002Fdocs\u002Fcomponents\u002Fchat-messages","docs\u002F2.components\u002Fchat-messages","Display a list of chat messages, designed to work seamlessly with Vercel AI SDK.",{"title":275,"path":276,"stem":277,"framework":16,"category":262,"description":278},"ChatPalette","\u002Fdocs\u002Fcomponents\u002Fchat-palette","docs\u002F2.components\u002Fchat-palette","A chat palette to create a chatbot interface inside an overlay.",{"title":280,"path":281,"stem":282,"framework":16,"category":262,"description":283},"ChatPrompt","\u002Fdocs\u002Fcomponents\u002Fchat-prompt","docs\u002F2.components\u002Fchat-prompt","An enhanced Textarea for submitting prompts in AI chat interfaces.",{"title":285,"path":286,"stem":287,"framework":16,"category":262,"description":288},"ChatPromptSubmit","\u002Fdocs\u002Fcomponents\u002Fchat-prompt-submit","docs\u002F2.components\u002Fchat-prompt-submit","A Button for submitting chat prompts with automatic status handling.",{"title":290,"path":291,"stem":292,"framework":16,"category":262,"description":293,"badge":294},"ChatReasoning","\u002Fdocs\u002Fcomponents\u002Fchat-reasoning","docs\u002F2.components\u002Fchat-reasoning","Display a collapsible AI reasoning or thinking process.","New",{"title":296,"path":297,"stem":298,"framework":16,"category":262,"description":299,"badge":294},"ChatShimmer","\u002Fdocs\u002Fcomponents\u002Fchat-shimmer","docs\u002F2.components\u002Fchat-shimmer","Display a text shimmer animation effect.",{"title":301,"path":302,"stem":303,"framework":16,"category":262,"description":304,"badge":294},"ChatTool","\u002Fdocs\u002Fcomponents\u002Fchat-tool","docs\u002F2.components\u002Fchat-tool","Display a collapsible AI tool invocation status.",{"title":306,"path":307,"stem":308,"framework":16,"category":309,"description":310},"Checkbox","\u002Fdocs\u002Fcomponents\u002Fcheckbox","docs\u002F2.components\u002Fcheckbox","form","An input element to toggle between checked and unchecked states.",{"title":312,"path":313,"stem":314,"framework":16,"category":309,"description":315},"CheckboxGroup","\u002Fdocs\u002Fcomponents\u002Fcheckbox-group","docs\u002F2.components\u002Fcheckbox-group","A set of checklist buttons to select multiple option from a list.",{"title":317,"path":318,"stem":319,"framework":16,"category":178,"description":320},"Chip","\u002Fdocs\u002Fcomponents\u002Fchip","docs\u002F2.components\u002Fchip","An indicator of a numeric value or a state.",{"title":322,"path":323,"stem":324,"framework":16,"category":178,"description":325},"Collapsible","\u002Fdocs\u002Fcomponents\u002Fcollapsible","docs\u002F2.components\u002Fcollapsible","A collapsible element to toggle visibility of its content.",{"title":327,"path":328,"stem":329,"framework":16,"category":330,"description":331},"ColorModeAvatar","\u002Fdocs\u002Fcomponents\u002Fcolor-mode-avatar","docs\u002F2.components\u002Fcolor-mode-avatar","color-mode","An Avatar with a different source for light and dark mode.",{"title":333,"path":334,"stem":335,"framework":16,"category":330,"description":336},"ColorModeButton","\u002Fdocs\u002Fcomponents\u002Fcolor-mode-button","docs\u002F2.components\u002Fcolor-mode-button","A Button to switch between light and dark mode.",{"title":338,"path":339,"stem":340,"framework":16,"category":330,"description":341},"ColorModeImage","\u002Fdocs\u002Fcomponents\u002Fcolor-mode-image","docs\u002F2.components\u002Fcolor-mode-image","An image element with a different source for light and dark mode.",{"title":343,"path":344,"stem":345,"framework":16,"category":330,"description":346},"ColorModeSelect","\u002Fdocs\u002Fcomponents\u002Fcolor-mode-select","docs\u002F2.components\u002Fcolor-mode-select","A Select to switch between system, dark & light mode.",{"title":348,"path":349,"stem":350,"framework":16,"category":330,"description":351},"ColorModeSwitch","\u002Fdocs\u002Fcomponents\u002Fcolor-mode-switch","docs\u002F2.components\u002Fcolor-mode-switch","A switch to toggle between light and dark mode.",{"title":353,"path":354,"stem":355,"framework":16,"category":309,"description":356},"ColorPicker","\u002Fdocs\u002Fcomponents\u002Fcolor-picker","docs\u002F2.components\u002Fcolor-picker","A component to select a color.",{"title":358,"path":359,"stem":360,"framework":16,"category":226,"description":361},"CommandPalette","\u002Fdocs\u002Fcomponents\u002Fcommand-palette","docs\u002F2.components\u002Fcommand-palette","A command palette with full-text search powered by Fuse.js for efficient fuzzy matching.",{"title":363,"path":364,"stem":365,"framework":16,"category":184,"description":366},"Container","\u002Fdocs\u002Fcomponents\u002Fcontainer","docs\u002F2.components\u002Fcontainer","A container lets you center and constrain the width of your content.",{"title":368,"path":369,"stem":370,"framework":28,"category":371,"description":372},"ContentNavigation","\u002Fdocs\u002Fcomponents\u002Fcontent-navigation","docs\u002F2.components\u002Fcontent-navigation","content","An accordion-style navigation component for organizing page links.",{"title":374,"path":375,"stem":376,"framework":28,"category":371,"description":377},"ContentSearch","\u002Fdocs\u002Fcomponents\u002Fcontent-search","docs\u002F2.components\u002Fcontent-search","A ready to use CommandPalette to add to your documentation.",{"title":379,"path":380,"stem":381,"framework":28,"category":371,"description":382},"ContentSearchButton","\u002Fdocs\u002Fcomponents\u002Fcontent-search-button","docs\u002F2.components\u002Fcontent-search-button","A pre-styled Button to open the ContentSearch modal.",{"title":384,"path":385,"stem":386,"framework":28,"category":371,"description":387},"ContentSurround","\u002Fdocs\u002Fcomponents\u002Fcontent-surround","docs\u002F2.components\u002Fcontent-surround","A pair of prev and next links to navigate between pages.",{"title":389,"path":390,"stem":391,"framework":28,"category":371,"description":392},"ContentToc","\u002Fdocs\u002Fcomponents\u002Fcontent-toc","docs\u002F2.components\u002Fcontent-toc","A sticky Table of Contents with automatic active anchor link highlighting.",{"title":394,"path":395,"stem":396,"framework":16,"category":397,"description":398},"ContextMenu","\u002Fdocs\u002Fcomponents\u002Fcontext-menu","docs\u002F2.components\u002Fcontext-menu","overlay","A menu to display actions when right-clicking on an element.",{"title":400,"path":401,"stem":402,"framework":16,"category":403,"description":404},"DashboardGroup","\u002Fdocs\u002Fcomponents\u002Fdashboard-group","docs\u002F2.components\u002Fdashboard-group","dashboard","A fixed layout component that provides context for dashboard components with sidebar state management and persistence.",{"title":406,"path":407,"stem":408,"framework":16,"category":403,"description":409},"DashboardNavbar","\u002Fdocs\u002Fcomponents\u002Fdashboard-navbar","docs\u002F2.components\u002Fdashboard-navbar","A responsive navbar to display in a dashboard.",{"title":411,"path":412,"stem":413,"framework":16,"category":403,"description":414},"DashboardPanel","\u002Fdocs\u002Fcomponents\u002Fdashboard-panel","docs\u002F2.components\u002Fdashboard-panel","A resizable panel to display in a dashboard.",{"title":416,"path":417,"stem":418,"framework":16,"category":403,"description":419},"DashboardResizeHandle","\u002Fdocs\u002Fcomponents\u002Fdashboard-resize-handle","docs\u002F2.components\u002Fdashboard-resize-handle","A handle to resize a sidebar or panel.",{"title":421,"path":422,"stem":423,"framework":16,"category":403,"description":424},"DashboardSearch","\u002Fdocs\u002Fcomponents\u002Fdashboard-search","docs\u002F2.components\u002Fdashboard-search","A ready to use CommandPalette to add to your dashboard.",{"title":426,"path":427,"stem":428,"framework":16,"category":403,"description":429},"DashboardSearchButton","\u002Fdocs\u002Fcomponents\u002Fdashboard-search-button","docs\u002F2.components\u002Fdashboard-search-button","A pre-styled Button to open the DashboardSearch modal.",{"title":431,"path":432,"stem":433,"framework":16,"category":403,"description":434},"DashboardSidebar","\u002Fdocs\u002Fcomponents\u002Fdashboard-sidebar","docs\u002F2.components\u002Fdashboard-sidebar","A resizable and collapsible sidebar to display in a dashboard.",{"title":436,"path":437,"stem":438,"framework":16,"category":403,"description":439},"DashboardSidebarCollapse","\u002Fdocs\u002Fcomponents\u002Fdashboard-sidebar-collapse","docs\u002F2.components\u002Fdashboard-sidebar-collapse","A Button to collapse the sidebar on desktop.",{"title":441,"path":442,"stem":443,"framework":16,"category":403,"description":444},"DashboardSidebarToggle","\u002Fdocs\u002Fcomponents\u002Fdashboard-sidebar-toggle","docs\u002F2.components\u002Fdashboard-sidebar-toggle","A Button to toggle the sidebar on mobile.",{"title":446,"path":447,"stem":448,"framework":16,"category":403,"description":449},"DashboardToolbar","\u002Fdocs\u002Fcomponents\u002Fdashboard-toolbar","docs\u002F2.components\u002Fdashboard-toolbar","A toolbar to display under the navbar in a dashboard.",{"title":451,"path":452,"stem":453,"framework":16,"category":397,"description":454},"Drawer","\u002Fdocs\u002Fcomponents\u002Fdrawer","docs\u002F2.components\u002Fdrawer","A drawer that smoothly slides in & out of the screen.",{"title":456,"path":457,"stem":458,"framework":16,"category":397,"description":459},"DropdownMenu","\u002Fdocs\u002Fcomponents\u002Fdropdown-menu","docs\u002F2.components\u002Fdropdown-menu","A menu to display actions when clicking on an element.",{"title":461,"path":462,"stem":463,"framework":16,"category":464,"description":465},"Editor","\u002Fdocs\u002Fcomponents\u002Feditor","docs\u002F2.components\u002Feditor","editor","A rich text editor component based on TipTap with support for markdown, HTML, and JSON content types.",{"title":467,"path":468,"stem":469,"framework":16,"category":464,"description":470},"EditorDragHandle","\u002Fdocs\u002Fcomponents\u002Feditor-drag-handle","docs\u002F2.components\u002Feditor-drag-handle","A draggable handle for reordering and selecting blocks in the editor.",{"title":472,"path":473,"stem":474,"framework":16,"category":464,"description":475},"EditorEmojiMenu","\u002Fdocs\u002Fcomponents\u002Feditor-emoji-menu","docs\u002F2.components\u002Feditor-emoji-menu","An emoji picker menu that displays emoji suggestions when typing the : character in the editor.",{"title":477,"path":478,"stem":479,"framework":16,"category":464,"description":480},"EditorMentionMenu","\u002Fdocs\u002Fcomponents\u002Feditor-mention-menu","docs\u002F2.components\u002Feditor-mention-menu","A mention menu that displays user suggestions when typing a trigger character in the editor.",{"title":482,"path":483,"stem":484,"framework":16,"category":464,"description":485},"EditorSuggestionMenu","\u002Fdocs\u002Fcomponents\u002Feditor-suggestion-menu","docs\u002F2.components\u002Feditor-suggestion-menu","A command menu that displays formatting and action suggestions when typing the \u002F character in the editor.",{"title":487,"path":488,"stem":489,"framework":16,"category":464,"description":490},"EditorToolbar","\u002Fdocs\u002Fcomponents\u002Feditor-toolbar","docs\u002F2.components\u002Feditor-toolbar","A customizable toolbar for editor actions that can be displayed as fixed, bubble, or floating menu.",{"title":492,"path":493,"stem":494,"framework":16,"category":172,"description":495},"Empty","\u002Fdocs\u002Fcomponents\u002Fempty","docs\u002F2.components\u002Fempty","A component to display an empty state.",{"title":497,"path":498,"stem":499,"framework":16,"category":184,"description":500},"Error","\u002Fdocs\u002Fcomponents\u002Ferror","docs\u002F2.components\u002Ferror","A pre-built error component with NuxtError support.",{"title":502,"path":503,"stem":504,"framework":16,"category":178,"description":505},"FieldGroup","\u002Fdocs\u002Fcomponents\u002Ffield-group","docs\u002F2.components\u002Ffield-group","Group multiple button-like elements together.",{"title":507,"path":508,"stem":509,"framework":16,"category":309,"description":510},"FileUpload","\u002Fdocs\u002Fcomponents\u002Ffile-upload","docs\u002F2.components\u002Ffile-upload","An input element to upload files.",{"title":512,"path":513,"stem":514,"framework":16,"category":184,"description":515},"Footer","\u002Fdocs\u002Fcomponents\u002Ffooter","docs\u002F2.components\u002Ffooter","A responsive footer component.",{"title":517,"path":518,"stem":519,"framework":16,"category":226,"description":520},"FooterColumns","\u002Fdocs\u002Fcomponents\u002Ffooter-columns","docs\u002F2.components\u002Ffooter-columns","A list of links as columns to display in your Footer.",{"title":522,"path":523,"stem":524,"framework":16,"category":309,"description":525},"Form","\u002Fdocs\u002Fcomponents\u002Fform","docs\u002F2.components\u002Fform","A form component with built-in validation and submission handling.",{"title":527,"path":528,"stem":529,"framework":16,"category":309,"description":530},"FormField","\u002Fdocs\u002Fcomponents\u002Fform-field","docs\u002F2.components\u002Fform-field","A wrapper for form elements that provides validation and error handling.",{"title":532,"path":533,"stem":534,"framework":16,"category":184,"description":535},"Header","\u002Fdocs\u002Fcomponents\u002Fheader","docs\u002F2.components\u002Fheader","A responsive header component.",{"title":537,"path":538,"stem":539,"framework":16,"category":178,"description":540},"Icon","\u002Fdocs\u002Fcomponents\u002Ficon","docs\u002F2.components\u002Ficon","A component to display any icon from Iconify or another component.",{"title":542,"path":543,"stem":544,"framework":16,"category":309,"description":545},"Input","\u002Fdocs\u002Fcomponents\u002Finput","docs\u002F2.components\u002Finput","An input element to enter text.",{"title":547,"path":548,"stem":549,"framework":16,"category":309,"description":550},"InputDate","\u002Fdocs\u002Fcomponents\u002Finput-date","docs\u002F2.components\u002Finput-date","An input component for date selection.",{"title":552,"path":553,"stem":554,"framework":16,"category":309,"description":555},"InputMenu","\u002Fdocs\u002Fcomponents\u002Finput-menu","docs\u002F2.components\u002Finput-menu","An autocomplete input with real-time suggestions.",{"title":557,"path":558,"stem":559,"framework":16,"category":309,"description":560},"InputNumber","\u002Fdocs\u002Fcomponents\u002Finput-number","docs\u002F2.components\u002Finput-number","An input for numerical values with a customizable range.",{"title":562,"path":563,"stem":564,"framework":16,"category":309,"description":565},"InputTags","\u002Fdocs\u002Fcomponents\u002Finput-tags","docs\u002F2.components\u002Finput-tags","An input element that displays interactive tags.",{"title":567,"path":568,"stem":569,"framework":16,"category":309,"description":570},"InputTime","\u002Fdocs\u002Fcomponents\u002Finput-time","docs\u002F2.components\u002Finput-time","An input for selecting a time.",{"title":572,"path":573,"stem":574,"framework":16,"category":178,"description":575},"Kbd","\u002Fdocs\u002Fcomponents\u002Fkbd","docs\u002F2.components\u002Fkbd","A kbd element to display a keyboard key.",{"title":577,"path":578,"stem":579,"framework":16,"category":226,"description":580},"Link","\u002Fdocs\u002Fcomponents\u002Flink","docs\u002F2.components\u002Flink","A wrapper around \u003CNuxtLink> with extra props.",{"title":582,"path":583,"stem":584,"framework":16,"category":585,"description":586},"LocaleSelect","\u002Fdocs\u002Fcomponents\u002Flocale-select","docs\u002F2.components\u002Flocale-select","i18n","A Select to switch between locales.",{"title":588,"path":589,"stem":590,"framework":16,"category":184,"description":591},"Main","\u002Fdocs\u002Fcomponents\u002Fmain","docs\u002F2.components\u002Fmain","A main element that fills the available viewport height.",{"title":593,"path":594,"stem":595,"framework":16,"category":172,"description":596},"Marquee","\u002Fdocs\u002Fcomponents\u002Fmarquee","docs\u002F2.components\u002Fmarquee","A component to create infinite scrolling content.",{"title":598,"path":599,"stem":600,"framework":16,"category":397,"description":601},"Modal","\u002Fdocs\u002Fcomponents\u002Fmodal","docs\u002F2.components\u002Fmodal","A dialog window that can be used to display a message or request user input.",{"title":603,"path":604,"stem":605,"framework":16,"category":226,"description":606},"NavigationMenu","\u002Fdocs\u002Fcomponents\u002Fnavigation-menu","docs\u002F2.components\u002Fnavigation-menu","A list of links that can be displayed horizontally or vertically.",{"title":608,"path":609,"stem":610,"framework":16,"category":190,"description":611},"Page","\u002Fdocs\u002Fcomponents\u002Fpage","docs\u002F2.components\u002Fpage","A grid layout for your pages with left and right columns.",{"title":613,"path":614,"stem":615,"framework":16,"category":190,"description":616},"PageAnchors","\u002Fdocs\u002Fcomponents\u002Fpage-anchors","docs\u002F2.components\u002Fpage-anchors","A list of anchors to be displayed in the page.",{"title":618,"path":619,"stem":620,"framework":16,"category":190,"description":621},"PageAside","\u002Fdocs\u002Fcomponents\u002Fpage-aside","docs\u002F2.components\u002Fpage-aside","A sticky aside to display your page navigation.",{"title":623,"path":624,"stem":625,"framework":16,"category":190,"description":626},"PageBody","\u002Fdocs\u002Fcomponents\u002Fpage-body","docs\u002F2.components\u002Fpage-body","The main content of your page.",{"title":628,"path":629,"stem":630,"framework":16,"category":190,"description":631},"PageCard","\u002Fdocs\u002Fcomponents\u002Fpage-card","docs\u002F2.components\u002Fpage-card","A pre-styled card component that displays a title, description and optional link.",{"title":633,"path":634,"stem":635,"framework":16,"category":190,"description":636},"PageColumns","\u002Fdocs\u002Fcomponents\u002Fpage-columns","docs\u002F2.components\u002Fpage-columns","A responsive multi-column layout system for organizing content side-by-side.",{"title":638,"path":639,"stem":640,"framework":16,"category":190,"description":641},"PageCTA","\u002Fdocs\u002Fcomponents\u002Fpage-cta","docs\u002F2.components\u002Fpage-cta","A call to action section to display in your pages.",{"title":643,"path":644,"stem":645,"framework":16,"category":190,"description":646},"PageFeature","\u002Fdocs\u002Fcomponents\u002Fpage-feature","docs\u002F2.components\u002Fpage-feature","A component to showcase key features of your application.",{"title":648,"path":649,"stem":650,"framework":16,"category":190,"description":651},"PageGrid","\u002Fdocs\u002Fcomponents\u002Fpage-grid","docs\u002F2.components\u002Fpage-grid","A responsive grid system for displaying content in a flexible layout.",{"title":653,"path":654,"stem":655,"framework":16,"category":190,"description":656},"PageHeader","\u002Fdocs\u002Fcomponents\u002Fpage-header","docs\u002F2.components\u002Fpage-header","A responsive header for your pages.",{"title":658,"path":659,"stem":660,"framework":16,"category":190,"description":661},"PageHero","\u002Fdocs\u002Fcomponents\u002Fpage-hero","docs\u002F2.components\u002Fpage-hero","A responsive hero for your pages.",{"title":663,"path":664,"stem":665,"framework":16,"category":190,"description":666},"PageLinks","\u002Fdocs\u002Fcomponents\u002Fpage-links","docs\u002F2.components\u002Fpage-links","A list of links to be displayed in the page.",{"title":668,"path":669,"stem":670,"framework":16,"category":190,"description":671},"PageList","\u002Fdocs\u002Fcomponents\u002Fpage-list","docs\u002F2.components\u002Fpage-list","A vertical list layout for displaying content in a stacked format.",{"title":673,"path":674,"stem":675,"framework":16,"category":190,"description":676},"PageLogos","\u002Fdocs\u002Fcomponents\u002Fpage-logos","docs\u002F2.components\u002Fpage-logos","A list of logos or images to display on your pages.",{"title":678,"path":679,"stem":680,"framework":16,"category":190,"description":681},"PageSection","\u002Fdocs\u002Fcomponents\u002Fpage-section","docs\u002F2.components\u002Fpage-section","A responsive section for your pages.",{"title":683,"path":684,"stem":685,"framework":16,"category":226,"description":686},"Pagination","\u002Fdocs\u002Fcomponents\u002Fpagination","docs\u002F2.components\u002Fpagination","A list of buttons or links to navigate through pages.",{"title":688,"path":689,"stem":690,"framework":16,"category":309,"description":691},"PinInput","\u002Fdocs\u002Fcomponents\u002Fpin-input","docs\u002F2.components\u002Fpin-input","An input element to enter a pin.",{"title":693,"path":694,"stem":695,"framework":16,"category":397,"description":696},"Popover","\u002Fdocs\u002Fcomponents\u002Fpopover","docs\u002F2.components\u002Fpopover","A non-modal dialog that floats around a trigger element.",{"title":698,"path":699,"stem":700,"framework":16,"category":190,"description":701},"PricingPlan","\u002Fdocs\u002Fcomponents\u002Fpricing-plan","docs\u002F2.components\u002Fpricing-plan","A customizable pricing plan to display in a pricing page.",{"title":703,"path":704,"stem":705,"framework":16,"category":190,"description":706},"PricingPlans","\u002Fdocs\u002Fcomponents\u002Fpricing-plans","docs\u002F2.components\u002Fpricing-plans","Display a list of pricing plans in a responsive grid layout.",{"title":708,"path":709,"stem":710,"framework":16,"category":190,"description":711},"PricingTable","\u002Fdocs\u002Fcomponents\u002Fpricing-table","docs\u002F2.components\u002Fpricing-table","A responsive pricing table component that displays tiered pricing plans with feature comparisons.",{"title":713,"path":714,"stem":715,"framework":16,"category":178,"description":716},"Progress","\u002Fdocs\u002Fcomponents\u002Fprogress","docs\u002F2.components\u002Fprogress","An indicator showing the progress of a task.",{"title":718,"path":719,"stem":720,"framework":16,"category":309,"description":721},"RadioGroup","\u002Fdocs\u002Fcomponents\u002Fradio-group","docs\u002F2.components\u002Fradio-group","A set of radio buttons to select a single option from a list.",{"title":723,"path":724,"stem":725,"framework":16,"category":172,"description":726},"ScrollArea","\u002Fdocs\u002Fcomponents\u002Fscroll-area","docs\u002F2.components\u002Fscroll-area","A flexible scroll container with virtualization support.",{"title":728,"path":729,"stem":730,"framework":16,"category":309,"description":731},"Select","\u002Fdocs\u002Fcomponents\u002Fselect","docs\u002F2.components\u002Fselect","A select element to choose from a list of options.",{"title":733,"path":734,"stem":735,"framework":16,"category":309,"description":736},"SelectMenu","\u002Fdocs\u002Fcomponents\u002Fselect-menu","docs\u002F2.components\u002Fselect-menu","An advanced searchable select element.",{"title":738,"path":739,"stem":740,"framework":16,"category":178,"description":741},"Separator","\u002Fdocs\u002Fcomponents\u002Fseparator","docs\u002F2.components\u002Fseparator","Separates content horizontally or vertically.",{"title":743,"path":744,"stem":745,"framework":16,"category":184,"description":746,"badge":294},"Sidebar","\u002Fdocs\u002Fcomponents\u002Fsidebar","docs\u002F2.components\u002Fsidebar","A collapsible sidebar with multiple visual variants.",{"title":748,"path":749,"stem":750,"framework":16,"category":178,"description":751},"Skeleton","\u002Fdocs\u002Fcomponents\u002Fskeleton","docs\u002F2.components\u002Fskeleton","A placeholder to show while content is loading.",{"title":753,"path":754,"stem":755,"framework":16,"category":397,"description":756},"Slideover","\u002Fdocs\u002Fcomponents\u002Fslideover","docs\u002F2.components\u002Fslideover","A dialog that slides in from any side of the screen.",{"title":758,"path":759,"stem":760,"framework":16,"category":309,"description":761},"Slider","\u002Fdocs\u002Fcomponents\u002Fslider","docs\u002F2.components\u002Fslider","An input to select a numeric value within a range.",{"title":763,"path":764,"stem":765,"framework":16,"category":226,"description":766},"Stepper","\u002Fdocs\u002Fcomponents\u002Fstepper","docs\u002F2.components\u002Fstepper","A set of steps that are used to indicate progress through a multi-step process.",{"title":768,"path":769,"stem":770,"framework":16,"category":309,"description":771},"Switch","\u002Fdocs\u002Fcomponents\u002Fswitch","docs\u002F2.components\u002Fswitch","A control that toggles between two states.",{"title":773,"path":774,"stem":775,"framework":16,"category":172,"description":776},"Table","\u002Fdocs\u002Fcomponents\u002Ftable","docs\u002F2.components\u002Ftable","A responsive table element to display data in rows and columns.",{"title":778,"path":779,"stem":780,"framework":16,"category":226,"description":781},"Tabs","\u002Fdocs\u002Fcomponents\u002Ftabs","docs\u002F2.components\u002Ftabs","A set of tab panels that are displayed one at a time.",{"title":783,"path":784,"stem":785,"framework":16,"category":309,"description":786},"Textarea","\u002Fdocs\u002Fcomponents\u002Ftextarea","docs\u002F2.components\u002Ftextarea","A textarea element to input multi-line text.",{"title":54,"path":788,"stem":789,"framework":16,"category":184,"description":790},"\u002Fdocs\u002Fcomponents\u002Ftheme","docs\u002F2.components\u002Ftheme","A headless component to theme child components.",{"title":792,"path":793,"stem":794,"framework":16,"category":172,"description":795},"Timeline","\u002Fdocs\u002Fcomponents\u002Ftimeline","docs\u002F2.components\u002Ftimeline","A component that displays a sequence of events with dates, titles, icons or avatars.",{"title":797,"path":798,"stem":799,"framework":16,"category":397,"description":800},"Toast","\u002Fdocs\u002Fcomponents\u002Ftoast","docs\u002F2.components\u002Ftoast","A succinct message to provide information or feedback to the user.",{"title":802,"path":803,"stem":804,"framework":16,"category":397,"description":805},"Tooltip","\u002Fdocs\u002Fcomponents\u002Ftooltip","docs\u002F2.components\u002Ftooltip","A popup that reveals information when hovering over an element.",{"title":807,"path":808,"stem":809,"framework":16,"category":172,"description":810},"Tree","\u002Fdocs\u002Fcomponents\u002Ftree","docs\u002F2.components\u002Ftree","A tree view component to display and interact with hierarchical data structures.",{"title":812,"path":813,"stem":814,"framework":16,"category":172,"description":815},"User","\u002Fdocs\u002Fcomponents\u002Fuser","docs\u002F2.components\u002Fuser","Display user information with name, description and avatar.",{"title":817,"framework":16,"category":16,"description":16,"icon":818,"path":819,"stem":820,"children":821,"page":36},"Composables","i-lucide-square-function","\u002Fdocs\u002Fcomposables","docs\u002F3.composables",[822,827,832,837,842,847,852],{"title":823,"path":824,"stem":825,"framework":16,"category":16,"description":826},"defineLocale","\u002Fdocs\u002Fcomposables\u002Fdefine-locale","docs\u002F3.composables\u002Fdefine-locale","A utility to create a custom locale for your app.",{"title":828,"path":829,"stem":830,"framework":16,"category":16,"description":831},"defineShortcuts","\u002Fdocs\u002Fcomposables\u002Fdefine-shortcuts","docs\u002F3.composables\u002Fdefine-shortcuts","A composable to define keyboard shortcuts in your app.",{"title":833,"path":834,"stem":835,"framework":16,"category":16,"description":836},"extendLocale","\u002Fdocs\u002Fcomposables\u002Fextend-locale","docs\u002F3.composables\u002Fextend-locale","A utility to extend an existing locale with custom translations.",{"title":838,"path":839,"stem":840,"framework":16,"category":16,"description":841},"extractShortcuts","\u002Fdocs\u002Fcomposables\u002Fextract-shortcuts","docs\u002F3.composables\u002Fextract-shortcuts","A utility to extract keyboard shortcuts from menu items.",{"title":843,"path":844,"stem":845,"framework":16,"category":16,"description":846},"useOverlay","\u002Fdocs\u002Fcomposables\u002Fuse-overlay","docs\u002F3.composables\u002Fuse-overlay","A composable to programmatically control overlays.",{"title":848,"path":849,"stem":850,"framework":16,"category":16,"description":851,"badge":294},"useScrollShadow","\u002Fdocs\u002Fcomposables\u002Fuse-scroll-shadow","docs\u002F3.composables\u002Fuse-scroll-shadow","A composable to apply scroll shadow effects on any scrollable element.",{"title":853,"path":854,"stem":855,"framework":16,"category":16,"description":856},"useToast","\u002Fdocs\u002Fcomposables\u002Fuse-toast","docs\u002F3.composables\u002Fuse-toast","A composable to display toast notifications in your app.",{"title":858,"path":859,"stem":860,"children":861,"framework":28,"category":16,"description":16,"icon":957},"Typography","\u002Fdocs\u002Ftypography","docs\u002F4.typography\u002F1.index",[862,864,869,874,879,884,889,893,898,902,907,912,917,922,927,931,936,940,944,948,953],{"title":15,"path":859,"stem":860,"framework":28,"category":16,"description":863},"Beautiful typography components and utilities to style your content with Nuxt UI.",{"title":865,"path":866,"stem":867,"framework":28,"category":16,"description":868},"Headers and text","\u002Fdocs\u002Ftypography\u002Fheaders-and-text","docs\u002F4.typography\u002F2.headers-and-text","Beautifully styled headings, paragraphs, text formatting, and links for optimal readability.",{"title":870,"path":871,"stem":872,"framework":28,"category":16,"description":873},"Lists and tables","\u002Fdocs\u002Ftypography\u002Flists-and-tables","docs\u002F4.typography\u002F3.lists-and-tables","Organize information with styled lists and responsive tables for clear, consistent readability.",{"title":875,"path":876,"stem":877,"framework":28,"category":16,"description":878},"Images and embeds","\u002Fdocs\u002Ftypography\u002Fimages-and-embeds","docs\u002F4.typography\u002F4.images-and-embeds","Responsive images, videos, and rich media embeds to enhance and illustrate your documentation.",{"title":880,"path":881,"stem":882,"framework":28,"category":16,"description":883},"Code","\u002Fdocs\u002Ftypography\u002Fcode","docs\u002F4.typography\u002F5.code","Display inline code and syntax-highlighted code blocks with copy-to-clipboard support.",{"title":169,"path":885,"stem":886,"framework":28,"category":887,"description":888},"\u002Fdocs\u002Ftypography\u002Faccordion","docs\u002F4.typography\u002Faccordion","components","Create expandable content sections for better information organization.",{"title":203,"path":890,"stem":891,"framework":28,"category":887,"description":892},"\u002Fdocs\u002Ftypography\u002Fbadge","docs\u002F4.typography\u002Fbadge","Display version numbers, status labels, and tags within your content.",{"title":894,"path":895,"stem":896,"framework":28,"category":887,"description":897},"Callout","\u002Fdocs\u002Ftypography\u002Fcallout","docs\u002F4.typography\u002Fcallout","Highlight important information with eye-catching colored boxes and icons.",{"title":239,"path":899,"stem":900,"framework":28,"category":887,"description":901},"\u002Fdocs\u002Ftypography\u002Fcard","docs\u002F4.typography\u002Fcard","Create highlighted content blocks with optional links and navigation.",{"title":903,"path":904,"stem":905,"framework":28,"category":887,"description":906},"CardGroup","\u002Fdocs\u002Ftypography\u002Fcard-group","docs\u002F4.typography\u002Fcard-group","Organize multiple cards in responsive grid layouts for better content presentation.",{"title":908,"path":909,"stem":910,"framework":28,"category":887,"description":911},"CodeCollapse","\u002Fdocs\u002Ftypography\u002Fcode-collapse","docs\u002F4.typography\u002Fcode-collapse","Make long code blocks collapsible to save space and improve readability.",{"title":913,"path":914,"stem":915,"framework":28,"category":887,"description":916},"CodeGroup","\u002Fdocs\u002Ftypography\u002Fcode-group","docs\u002F4.typography\u002Fcode-group","Group multiple code examples in tabbed interfaces for easy comparison.",{"title":918,"path":919,"stem":920,"framework":28,"category":887,"description":921},"CodePreview","\u002Fdocs\u002Ftypography\u002Fcode-preview","docs\u002F4.typography\u002Fcode-preview","Display code examples with a preview and their source for clearer documentation.",{"title":923,"path":924,"stem":925,"framework":28,"category":887,"description":926},"CodeTree","\u002Fdocs\u002Ftypography\u002Fcode-tree","docs\u002F4.typography\u002Fcode-tree","Visualize file and folder structures with syntax-highlighted code.",{"title":322,"path":928,"stem":929,"framework":28,"category":887,"description":930},"\u002Fdocs\u002Ftypography\u002Fcollapsible","docs\u002F4.typography\u002Fcollapsible","Toggle content visibility with smooth expand and collapse animations.",{"title":932,"path":933,"stem":934,"framework":28,"category":887,"description":935},"Field","\u002Fdocs\u002Ftypography\u002Ffield","docs\u002F4.typography\u002Ffield","Document API parameters, props, and configuration options clearly.",{"title":502,"path":937,"stem":938,"framework":28,"category":887,"description":939},"\u002Fdocs\u002Ftypography\u002Ffield-group","docs\u002F4.typography\u002Ffield-group","Group related fields together for comprehensive API documentation.",{"title":537,"path":941,"stem":942,"framework":28,"category":887,"description":943},"\u002Fdocs\u002Ftypography\u002Ficon","docs\u002F4.typography\u002Ficon","Display icons from popular icon libraries to enhance your content.",{"title":572,"path":945,"stem":946,"framework":28,"category":887,"description":947},"\u002Fdocs\u002Ftypography\u002Fkbd","docs\u002F4.typography\u002Fkbd","Display keyboard shortcuts and key combinations with proper styling.",{"title":949,"path":950,"stem":951,"framework":28,"category":887,"description":952},"Steps","\u002Fdocs\u002Ftypography\u002Fsteps","docs\u002F4.typography\u002Fsteps","Transform headings into numbered step-by-step guides and tutorials.",{"title":778,"path":954,"stem":955,"framework":28,"category":887,"description":956},"\u002Fdocs\u002Ftypography\u002Ftabs","docs\u002F4.typography\u002Ftabs","Organize related content in interactive tabbed interfaces.","i-lucide-square-pilcrow",{"id":959,"title":136,"body":960,"category":16,"description":139,"extension":3244,"framework":34,"index":36,"links":16,"meta":3245,"navigation":3246,"path":137,"seo":3247,"stem":138,"__hash__":3248},"docs\u002Fdocs\u002F1.getting-started\u002F6.integrations\u002F6.ssr.md",{"type":961,"value":962,"toc":3237},"minimark",[963,968,972,977,985,992,2375,2379,2382,2388,3226,3230,3233],[964,965,967],"h2",{"id":966},"usage","Usage",[969,970,971],"p",{},"When using Nuxt UI with Nuxt framework, SSR server will fully work out of the box. However, when using it with pure Vue, you will need to pay attention to some details to make it function as expected.",[973,974,976],"h3",{"id":975},"color-variables-injection","Color Variables Injection",[969,978,979,980,984],{},"Nuxt UI, by default, injects to the ",[981,982,983],"code",{},"\u003Chead>"," of the document color variables that are used across all components. Since the document is not managed by the UI library in the Vue SSR, you will need to inject that manually.",[969,986,987,988,991],{},"You can do that by using ",[981,989,990],{},"@unhead"," in the following way:",[993,994,996,1131,1816],"code-group",{"sync":995},"vite",[997,998,1004],"pre",{"className":999,"code":1000,"filename":1001,"language":1002,"meta":1003,"style":1003},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { createHead, renderSSRHead } from '@unhead\u002Fvue\u002Fserver'\n\n\u002F\u002F Create the header with unhead\nconst head = createHead()\n\n\u002F\u002F Render SSR header and append it to the SSR application instance\nconst payload = await renderSSRHead(head)\napp.head.push(payload.headTags)\n","ssr.ts","ts","",[981,1005,1006,1045,1051,1058,1077,1082,1088,1106],{"__ignoreMap":1003},[1007,1008,1011,1015,1019,1023,1026,1029,1032,1035,1038,1042],"span",{"class":1009,"line":1010},"line",1,[1007,1012,1014],{"class":1013},"s7zQu","import",[1007,1016,1018],{"class":1017},"sMK4o"," {",[1007,1020,1022],{"class":1021},"sTEyZ"," createHead",[1007,1024,1025],{"class":1017},",",[1007,1027,1028],{"class":1021}," renderSSRHead",[1007,1030,1031],{"class":1017}," }",[1007,1033,1034],{"class":1013}," from",[1007,1036,1037],{"class":1017}," '",[1007,1039,1041],{"class":1040},"sfazB","@unhead\u002Fvue\u002Fserver",[1007,1043,1044],{"class":1017},"'\n",[1007,1046,1048],{"class":1009,"line":1047},2,[1007,1049,1050],{"emptyLinePlaceholder":21},"\n",[1007,1052,1054],{"class":1009,"line":1053},3,[1007,1055,1057],{"class":1056},"sHwdD","\u002F\u002F Create the header with unhead\n",[1007,1059,1061,1065,1068,1071,1074],{"class":1009,"line":1060},4,[1007,1062,1064],{"class":1063},"spNyl","const",[1007,1066,1067],{"class":1021}," head ",[1007,1069,1070],{"class":1017},"=",[1007,1072,1022],{"class":1073},"s2Zo4",[1007,1075,1076],{"class":1021},"()\n",[1007,1078,1080],{"class":1009,"line":1079},5,[1007,1081,1050],{"emptyLinePlaceholder":21},[1007,1083,1085],{"class":1009,"line":1084},6,[1007,1086,1087],{"class":1056},"\u002F\u002F Render SSR header and append it to the SSR application instance\n",[1007,1089,1091,1093,1096,1098,1101,1103],{"class":1009,"line":1090},7,[1007,1092,1064],{"class":1063},[1007,1094,1095],{"class":1021}," payload ",[1007,1097,1070],{"class":1017},[1007,1099,1100],{"class":1013}," await",[1007,1102,1028],{"class":1073},[1007,1104,1105],{"class":1021},"(head)\n",[1007,1107,1109,1112,1115,1118,1120,1123,1126,1128],{"class":1009,"line":1108},8,[1007,1110,1111],{"class":1021},"app",[1007,1113,1114],{"class":1017},".",[1007,1116,1117],{"class":1021},"head",[1007,1119,1114],{"class":1017},[1007,1121,1122],{"class":1073},"push",[1007,1124,1125],{"class":1021},"(payload",[1007,1127,1114],{"class":1017},[1007,1129,1130],{"class":1021},"headTags)\n",[997,1132,1143],{"className":999,"code":1133,"filename":1134,"highlights":1135,"language":1002,"meta":1003,"style":1003},"import { createInertiaApp } from '@inertiajs\u002Fvue3'\nimport createServer from '@inertiajs\u002Fvue3\u002Fserver'\nimport ui from '@nuxt\u002Fui\u002Fvue-plugin'\nimport { createHead, renderSSRHead } from '@unhead\u002Fvue\u002Fserver'\nimport { resolvePageComponent } from 'laravel-vite-plugin\u002Finertia-helpers'\nimport { createSSRApp, h } from 'vue'\nimport { renderToString } from 'vue\u002Fserver-renderer'\nimport type { DefineComponent } from 'vue'\n\nconst appName = import.meta.env.VITE_APP_NAME || 'Laravel x Nuxt UI'\n\ncreateServer(\n  (page) => {\n    const head = createHead()\n    return createInertiaApp({\n      page,\n      render: renderToString,\n      title: (title) => (title ? `${title} - ${appName}` : appName),\n      resolve: (name) =>\n        resolvePageComponent(\n          `.\u002Fpages\u002F${name}.vue`,\n          import.meta.glob\u003CDefineComponent>('.\u002Fpages\u002F**\u002F*.vue')\n        ),\n      setup: ({ App, props, plugin }) =>\n        createSSRApp({ render: () => h(App, props) })\n          .use(plugin)\n          .use(head)\n          .use(ui)\n    }).then(async (app) => {\n      const payload = await renderSSRHead(head)\n      app.head.push(payload.headTags)\n      return app\n    })\n  },\n  { cluster: true }\n)\n","resources\u002Fjs\u002Fssr.ts (Laravel Inertia)",[1060,1136,1137,1138,1139,1140,1141,1142],14,27,29,30,31,32,33,[981,1144,1145,1165,1182,1198,1222,1242,1266,1286,1308,1313,1351,1356,1365,1383,1400,1414,1423,1436,1491,1509,1517,1540,1578,1586,1615,1653,1669,1682,1696,1724,1745,1771,1780,1787,1793,1811],{"__ignoreMap":1003},[1007,1146,1147,1149,1151,1154,1156,1158,1160,1163],{"class":1009,"line":1010},[1007,1148,1014],{"class":1013},[1007,1150,1018],{"class":1017},[1007,1152,1153],{"class":1021}," createInertiaApp",[1007,1155,1031],{"class":1017},[1007,1157,1034],{"class":1013},[1007,1159,1037],{"class":1017},[1007,1161,1162],{"class":1040},"@inertiajs\u002Fvue3",[1007,1164,1044],{"class":1017},[1007,1166,1167,1169,1172,1175,1177,1180],{"class":1009,"line":1047},[1007,1168,1014],{"class":1013},[1007,1170,1171],{"class":1021}," createServer ",[1007,1173,1174],{"class":1013},"from",[1007,1176,1037],{"class":1017},[1007,1178,1179],{"class":1040},"@inertiajs\u002Fvue3\u002Fserver",[1007,1181,1044],{"class":1017},[1007,1183,1184,1186,1189,1191,1193,1196],{"class":1009,"line":1053},[1007,1185,1014],{"class":1013},[1007,1187,1188],{"class":1021}," ui ",[1007,1190,1174],{"class":1013},[1007,1192,1037],{"class":1017},[1007,1194,1195],{"class":1040},"@nuxt\u002Fui\u002Fvue-plugin",[1007,1197,1044],{"class":1017},[1007,1199,1202,1204,1206,1208,1210,1212,1214,1216,1218,1220],{"class":1200,"line":1060},[1009,1201],"highlight",[1007,1203,1014],{"class":1013},[1007,1205,1018],{"class":1017},[1007,1207,1022],{"class":1021},[1007,1209,1025],{"class":1017},[1007,1211,1028],{"class":1021},[1007,1213,1031],{"class":1017},[1007,1215,1034],{"class":1013},[1007,1217,1037],{"class":1017},[1007,1219,1041],{"class":1040},[1007,1221,1044],{"class":1017},[1007,1223,1224,1226,1228,1231,1233,1235,1237,1240],{"class":1009,"line":1079},[1007,1225,1014],{"class":1013},[1007,1227,1018],{"class":1017},[1007,1229,1230],{"class":1021}," resolvePageComponent",[1007,1232,1031],{"class":1017},[1007,1234,1034],{"class":1013},[1007,1236,1037],{"class":1017},[1007,1238,1239],{"class":1040},"laravel-vite-plugin\u002Finertia-helpers",[1007,1241,1044],{"class":1017},[1007,1243,1244,1246,1248,1251,1253,1256,1258,1260,1262,1264],{"class":1009,"line":1084},[1007,1245,1014],{"class":1013},[1007,1247,1018],{"class":1017},[1007,1249,1250],{"class":1021}," createSSRApp",[1007,1252,1025],{"class":1017},[1007,1254,1255],{"class":1021}," h",[1007,1257,1031],{"class":1017},[1007,1259,1034],{"class":1013},[1007,1261,1037],{"class":1017},[1007,1263,34],{"class":1040},[1007,1265,1044],{"class":1017},[1007,1267,1268,1270,1272,1275,1277,1279,1281,1284],{"class":1009,"line":1090},[1007,1269,1014],{"class":1013},[1007,1271,1018],{"class":1017},[1007,1273,1274],{"class":1021}," renderToString",[1007,1276,1031],{"class":1017},[1007,1278,1034],{"class":1013},[1007,1280,1037],{"class":1017},[1007,1282,1283],{"class":1040},"vue\u002Fserver-renderer",[1007,1285,1044],{"class":1017},[1007,1287,1288,1290,1293,1295,1298,1300,1302,1304,1306],{"class":1009,"line":1108},[1007,1289,1014],{"class":1013},[1007,1291,1292],{"class":1013}," type",[1007,1294,1018],{"class":1017},[1007,1296,1297],{"class":1021}," DefineComponent",[1007,1299,1031],{"class":1017},[1007,1301,1034],{"class":1013},[1007,1303,1037],{"class":1017},[1007,1305,34],{"class":1040},[1007,1307,1044],{"class":1017},[1007,1309,1311],{"class":1009,"line":1310},9,[1007,1312,1050],{"emptyLinePlaceholder":21},[1007,1314,1316,1318,1321,1323,1326,1328,1331,1333,1336,1338,1341,1344,1346,1349],{"class":1009,"line":1315},10,[1007,1317,1064],{"class":1063},[1007,1319,1320],{"class":1021}," appName ",[1007,1322,1070],{"class":1017},[1007,1324,1325],{"class":1013}," import",[1007,1327,1114],{"class":1017},[1007,1329,1330],{"class":1021},"meta",[1007,1332,1114],{"class":1017},[1007,1334,1335],{"class":1021},"env",[1007,1337,1114],{"class":1017},[1007,1339,1340],{"class":1021},"VITE_APP_NAME ",[1007,1342,1343],{"class":1017},"||",[1007,1345,1037],{"class":1017},[1007,1347,1348],{"class":1040},"Laravel x Nuxt UI",[1007,1350,1044],{"class":1017},[1007,1352,1354],{"class":1009,"line":1353},11,[1007,1355,1050],{"emptyLinePlaceholder":21},[1007,1357,1359,1362],{"class":1009,"line":1358},12,[1007,1360,1361],{"class":1073},"createServer",[1007,1363,1364],{"class":1021},"(\n",[1007,1366,1368,1371,1374,1377,1380],{"class":1009,"line":1367},13,[1007,1369,1370],{"class":1017},"  (",[1007,1372,190],{"class":1373},"sHdIc",[1007,1375,1376],{"class":1017},")",[1007,1378,1379],{"class":1063}," =>",[1007,1381,1382],{"class":1017}," {\n",[1007,1384,1386,1389,1392,1395,1397],{"class":1385,"line":1136},[1009,1201],[1007,1387,1388],{"class":1063},"    const",[1007,1390,1391],{"class":1021}," head",[1007,1393,1394],{"class":1017}," =",[1007,1396,1022],{"class":1073},[1007,1398,1076],{"class":1399},"swJcz",[1007,1401,1403,1406,1408,1411],{"class":1009,"line":1402},15,[1007,1404,1405],{"class":1013},"    return",[1007,1407,1153],{"class":1073},[1007,1409,1410],{"class":1399},"(",[1007,1412,1413],{"class":1017},"{\n",[1007,1415,1417,1420],{"class":1009,"line":1416},16,[1007,1418,1419],{"class":1021},"      page",[1007,1421,1422],{"class":1017},",\n",[1007,1424,1426,1429,1432,1434],{"class":1009,"line":1425},17,[1007,1427,1428],{"class":1399},"      render",[1007,1430,1431],{"class":1017},":",[1007,1433,1274],{"class":1021},[1007,1435,1422],{"class":1017},[1007,1437,1439,1442,1444,1447,1450,1452,1454,1456,1458,1461,1464,1466,1469,1472,1475,1478,1481,1484,1487,1489],{"class":1009,"line":1438},18,[1007,1440,1441],{"class":1073},"      title",[1007,1443,1431],{"class":1017},[1007,1445,1446],{"class":1017}," (",[1007,1448,1449],{"class":1373},"title",[1007,1451,1376],{"class":1017},[1007,1453,1379],{"class":1063},[1007,1455,1446],{"class":1399},[1007,1457,1449],{"class":1021},[1007,1459,1460],{"class":1017}," ?",[1007,1462,1463],{"class":1017}," `${",[1007,1465,1449],{"class":1021},[1007,1467,1468],{"class":1017},"}",[1007,1470,1471],{"class":1040}," - ",[1007,1473,1474],{"class":1017},"${",[1007,1476,1477],{"class":1021},"appName",[1007,1479,1480],{"class":1017},"}`",[1007,1482,1483],{"class":1017}," :",[1007,1485,1486],{"class":1021}," appName",[1007,1488,1376],{"class":1399},[1007,1490,1422],{"class":1017},[1007,1492,1494,1497,1499,1501,1504,1506],{"class":1009,"line":1493},19,[1007,1495,1496],{"class":1073},"      resolve",[1007,1498,1431],{"class":1017},[1007,1500,1446],{"class":1017},[1007,1502,1503],{"class":1373},"name",[1007,1505,1376],{"class":1017},[1007,1507,1508],{"class":1063}," =>\n",[1007,1510,1512,1515],{"class":1009,"line":1511},20,[1007,1513,1514],{"class":1073},"        resolvePageComponent",[1007,1516,1364],{"class":1399},[1007,1518,1520,1523,1526,1528,1530,1532,1535,1538],{"class":1009,"line":1519},21,[1007,1521,1522],{"class":1017},"          `",[1007,1524,1525],{"class":1040},".\u002Fpages\u002F",[1007,1527,1474],{"class":1017},[1007,1529,1503],{"class":1021},[1007,1531,1468],{"class":1017},[1007,1533,1534],{"class":1040},".vue",[1007,1536,1537],{"class":1017},"`",[1007,1539,1422],{"class":1017},[1007,1541,1543,1546,1548,1550,1552,1555,1558,1562,1565,1567,1570,1573,1575],{"class":1009,"line":1542},22,[1007,1544,1545],{"class":1013},"          import",[1007,1547,1114],{"class":1017},[1007,1549,1330],{"class":1021},[1007,1551,1114],{"class":1017},[1007,1553,1554],{"class":1073},"glob",[1007,1556,1557],{"class":1017},"\u003C",[1007,1559,1561],{"class":1560},"sBMFI","DefineComponent",[1007,1563,1564],{"class":1017},">",[1007,1566,1410],{"class":1399},[1007,1568,1569],{"class":1017},"'",[1007,1571,1572],{"class":1040},".\u002Fpages\u002F**\u002F*.vue",[1007,1574,1569],{"class":1017},[1007,1576,1577],{"class":1399},")\n",[1007,1579,1581,1584],{"class":1009,"line":1580},23,[1007,1582,1583],{"class":1399},"        )",[1007,1585,1422],{"class":1017},[1007,1587,1589,1592,1594,1597,1600,1602,1605,1607,1610,1613],{"class":1009,"line":1588},24,[1007,1590,1591],{"class":1073},"      setup",[1007,1593,1431],{"class":1017},[1007,1595,1596],{"class":1017}," ({",[1007,1598,1599],{"class":1373}," App",[1007,1601,1025],{"class":1017},[1007,1603,1604],{"class":1373}," props",[1007,1606,1025],{"class":1017},[1007,1608,1609],{"class":1373}," plugin",[1007,1611,1612],{"class":1017}," })",[1007,1614,1508],{"class":1063},[1007,1616,1618,1621,1623,1626,1629,1631,1634,1636,1638,1640,1642,1644,1646,1649,1651],{"class":1009,"line":1617},25,[1007,1619,1620],{"class":1073},"        createSSRApp",[1007,1622,1410],{"class":1399},[1007,1624,1625],{"class":1017},"{",[1007,1627,1628],{"class":1073}," render",[1007,1630,1431],{"class":1017},[1007,1632,1633],{"class":1017}," ()",[1007,1635,1379],{"class":1063},[1007,1637,1255],{"class":1073},[1007,1639,1410],{"class":1399},[1007,1641,181],{"class":1021},[1007,1643,1025],{"class":1017},[1007,1645,1604],{"class":1021},[1007,1647,1648],{"class":1399},") ",[1007,1650,1468],{"class":1017},[1007,1652,1577],{"class":1399},[1007,1654,1656,1659,1662,1664,1667],{"class":1009,"line":1655},26,[1007,1657,1658],{"class":1017},"          .",[1007,1660,1661],{"class":1073},"use",[1007,1663,1410],{"class":1399},[1007,1665,1666],{"class":1021},"plugin",[1007,1668,1577],{"class":1399},[1007,1670,1672,1674,1676,1678,1680],{"class":1671,"line":1137},[1009,1201],[1007,1673,1658],{"class":1017},[1007,1675,1661],{"class":1073},[1007,1677,1410],{"class":1399},[1007,1679,1117],{"class":1021},[1007,1681,1577],{"class":1399},[1007,1683,1685,1687,1689,1691,1694],{"class":1009,"line":1684},28,[1007,1686,1658],{"class":1017},[1007,1688,1661],{"class":1073},[1007,1690,1410],{"class":1399},[1007,1692,1693],{"class":1021},"ui",[1007,1695,1577],{"class":1399},[1007,1697,1699,1702,1704,1706,1709,1711,1714,1716,1718,1720,1722],{"class":1698,"line":1138},[1009,1201],[1007,1700,1701],{"class":1017},"    }",[1007,1703,1376],{"class":1399},[1007,1705,1114],{"class":1017},[1007,1707,1708],{"class":1073},"then",[1007,1710,1410],{"class":1399},[1007,1712,1713],{"class":1063},"async",[1007,1715,1446],{"class":1017},[1007,1717,1111],{"class":1373},[1007,1719,1376],{"class":1017},[1007,1721,1379],{"class":1063},[1007,1723,1382],{"class":1017},[1007,1725,1727,1730,1733,1735,1737,1739,1741,1743],{"class":1726,"line":1139},[1009,1201],[1007,1728,1729],{"class":1063},"      const",[1007,1731,1732],{"class":1021}," payload",[1007,1734,1394],{"class":1017},[1007,1736,1100],{"class":1013},[1007,1738,1028],{"class":1073},[1007,1740,1410],{"class":1399},[1007,1742,1117],{"class":1021},[1007,1744,1577],{"class":1399},[1007,1746,1748,1751,1753,1755,1757,1759,1761,1764,1766,1769],{"class":1747,"line":1140},[1009,1201],[1007,1749,1750],{"class":1021},"      app",[1007,1752,1114],{"class":1017},[1007,1754,1117],{"class":1021},[1007,1756,1114],{"class":1017},[1007,1758,1122],{"class":1073},[1007,1760,1410],{"class":1399},[1007,1762,1763],{"class":1021},"payload",[1007,1765,1114],{"class":1017},[1007,1767,1768],{"class":1021},"headTags",[1007,1770,1577],{"class":1399},[1007,1772,1774,1777],{"class":1773,"line":1141},[1009,1201],[1007,1775,1776],{"class":1013},"      return",[1007,1778,1779],{"class":1021}," app\n",[1007,1781,1783,1785],{"class":1782,"line":1142},[1009,1201],[1007,1784,1701],{"class":1017},[1007,1786,1577],{"class":1399},[1007,1788,1790],{"class":1009,"line":1789},34,[1007,1791,1792],{"class":1017},"  },\n",[1007,1794,1796,1799,1802,1804,1808],{"class":1009,"line":1795},35,[1007,1797,1798],{"class":1017},"  {",[1007,1800,1801],{"class":1399}," cluster",[1007,1803,1431],{"class":1017},[1007,1805,1807],{"class":1806},"sfNiH"," true",[1007,1809,1810],{"class":1017}," }\n",[1007,1812,1814],{"class":1009,"line":1813},36,[1007,1815,1577],{"class":1021},[997,1817,1821],{"className":999,"code":1818,"filename":1819,"highlights":1820,"language":1002,"meta":1003,"style":1003},"import { createInertiaApp } from '@inertiajs\u002Fvue3'\nimport createServer from '@inertiajs\u002Fvue3\u002Fserver'\nimport ui from '@nuxt\u002Fui\u002Fvue-plugin'\nimport { createHead, renderSSRHead } from '@unhead\u002Fvue\u002Fserver'\nimport { resolvePageComponent } from '@adonisjs\u002Finertia\u002Fhelpers'\nimport { createSSRApp, h } from 'vue'\nimport { renderToString } from 'vue\u002Fserver-renderer'\nimport type { DefineComponent } from 'vue'\n\nconst appName = import.meta.env.VITE_APP_NAME || 'AdonisJS x Nuxt UI'\n\ncreateServer(\n  (page) => {\n    const head = createHead()\n    return createInertiaApp({\n      page,\n      render: renderToString,\n      title: (title) => (title ? `${title} - ${appName}` : appName),\n      resolve: (name) =>\n        resolvePageComponent(\n          `..\u002Fpages\u002F${name}.vue`,\n          import.meta.glob\u003CDefineComponent>('..\u002Fpages\u002F**\u002F*.vue')\n        ),\n      setup: ({ App, props, plugin }) =>\n        createSSRApp({ render: () => h(App, props) })\n          .use(plugin)\n          .use(head)\n          .use(ui)\n    }).then(async (app) => {\n      const payload = await renderSSRHead(head)\n      app.head.push(payload.headTags)\n      return app\n    })\n  },\n  { cluster: true }\n)\n","inertia\u002Fapp\u002Fssr.ts (AdonisJS Inertia)",[1060,1136,1137,1138,1139,1140,1141,1142],[981,1822,1823,1841,1855,1869,1892,1911,1933,1951,1971,1975,2006,2010,2016,2028,2041,2051,2057,2067,2109,2123,2129,2148,2177,2183,2205,2237,2249,2262,2274,2299,2318,2341,2348,2355,2359,2371],{"__ignoreMap":1003},[1007,1824,1825,1827,1829,1831,1833,1835,1837,1839],{"class":1009,"line":1010},[1007,1826,1014],{"class":1013},[1007,1828,1018],{"class":1017},[1007,1830,1153],{"class":1021},[1007,1832,1031],{"class":1017},[1007,1834,1034],{"class":1013},[1007,1836,1037],{"class":1017},[1007,1838,1162],{"class":1040},[1007,1840,1044],{"class":1017},[1007,1842,1843,1845,1847,1849,1851,1853],{"class":1009,"line":1047},[1007,1844,1014],{"class":1013},[1007,1846,1171],{"class":1021},[1007,1848,1174],{"class":1013},[1007,1850,1037],{"class":1017},[1007,1852,1179],{"class":1040},[1007,1854,1044],{"class":1017},[1007,1856,1857,1859,1861,1863,1865,1867],{"class":1009,"line":1053},[1007,1858,1014],{"class":1013},[1007,1860,1188],{"class":1021},[1007,1862,1174],{"class":1013},[1007,1864,1037],{"class":1017},[1007,1866,1195],{"class":1040},[1007,1868,1044],{"class":1017},[1007,1870,1872,1874,1876,1878,1880,1882,1884,1886,1888,1890],{"class":1871,"line":1060},[1009,1201],[1007,1873,1014],{"class":1013},[1007,1875,1018],{"class":1017},[1007,1877,1022],{"class":1021},[1007,1879,1025],{"class":1017},[1007,1881,1028],{"class":1021},[1007,1883,1031],{"class":1017},[1007,1885,1034],{"class":1013},[1007,1887,1037],{"class":1017},[1007,1889,1041],{"class":1040},[1007,1891,1044],{"class":1017},[1007,1893,1894,1896,1898,1900,1902,1904,1906,1909],{"class":1009,"line":1079},[1007,1895,1014],{"class":1013},[1007,1897,1018],{"class":1017},[1007,1899,1230],{"class":1021},[1007,1901,1031],{"class":1017},[1007,1903,1034],{"class":1013},[1007,1905,1037],{"class":1017},[1007,1907,1908],{"class":1040},"@adonisjs\u002Finertia\u002Fhelpers",[1007,1910,1044],{"class":1017},[1007,1912,1913,1915,1917,1919,1921,1923,1925,1927,1929,1931],{"class":1009,"line":1084},[1007,1914,1014],{"class":1013},[1007,1916,1018],{"class":1017},[1007,1918,1250],{"class":1021},[1007,1920,1025],{"class":1017},[1007,1922,1255],{"class":1021},[1007,1924,1031],{"class":1017},[1007,1926,1034],{"class":1013},[1007,1928,1037],{"class":1017},[1007,1930,34],{"class":1040},[1007,1932,1044],{"class":1017},[1007,1934,1935,1937,1939,1941,1943,1945,1947,1949],{"class":1009,"line":1090},[1007,1936,1014],{"class":1013},[1007,1938,1018],{"class":1017},[1007,1940,1274],{"class":1021},[1007,1942,1031],{"class":1017},[1007,1944,1034],{"class":1013},[1007,1946,1037],{"class":1017},[1007,1948,1283],{"class":1040},[1007,1950,1044],{"class":1017},[1007,1952,1953,1955,1957,1959,1961,1963,1965,1967,1969],{"class":1009,"line":1108},[1007,1954,1014],{"class":1013},[1007,1956,1292],{"class":1013},[1007,1958,1018],{"class":1017},[1007,1960,1297],{"class":1021},[1007,1962,1031],{"class":1017},[1007,1964,1034],{"class":1013},[1007,1966,1037],{"class":1017},[1007,1968,34],{"class":1040},[1007,1970,1044],{"class":1017},[1007,1972,1973],{"class":1009,"line":1310},[1007,1974,1050],{"emptyLinePlaceholder":21},[1007,1976,1977,1979,1981,1983,1985,1987,1989,1991,1993,1995,1997,1999,2001,2004],{"class":1009,"line":1315},[1007,1978,1064],{"class":1063},[1007,1980,1320],{"class":1021},[1007,1982,1070],{"class":1017},[1007,1984,1325],{"class":1013},[1007,1986,1114],{"class":1017},[1007,1988,1330],{"class":1021},[1007,1990,1114],{"class":1017},[1007,1992,1335],{"class":1021},[1007,1994,1114],{"class":1017},[1007,1996,1340],{"class":1021},[1007,1998,1343],{"class":1017},[1007,2000,1037],{"class":1017},[1007,2002,2003],{"class":1040},"AdonisJS x Nuxt UI",[1007,2005,1044],{"class":1017},[1007,2007,2008],{"class":1009,"line":1353},[1007,2009,1050],{"emptyLinePlaceholder":21},[1007,2011,2012,2014],{"class":1009,"line":1358},[1007,2013,1361],{"class":1073},[1007,2015,1364],{"class":1021},[1007,2017,2018,2020,2022,2024,2026],{"class":1009,"line":1367},[1007,2019,1370],{"class":1017},[1007,2021,190],{"class":1373},[1007,2023,1376],{"class":1017},[1007,2025,1379],{"class":1063},[1007,2027,1382],{"class":1017},[1007,2029,2031,2033,2035,2037,2039],{"class":2030,"line":1136},[1009,1201],[1007,2032,1388],{"class":1063},[1007,2034,1391],{"class":1021},[1007,2036,1394],{"class":1017},[1007,2038,1022],{"class":1073},[1007,2040,1076],{"class":1399},[1007,2042,2043,2045,2047,2049],{"class":1009,"line":1402},[1007,2044,1405],{"class":1013},[1007,2046,1153],{"class":1073},[1007,2048,1410],{"class":1399},[1007,2050,1413],{"class":1017},[1007,2052,2053,2055],{"class":1009,"line":1416},[1007,2054,1419],{"class":1021},[1007,2056,1422],{"class":1017},[1007,2058,2059,2061,2063,2065],{"class":1009,"line":1425},[1007,2060,1428],{"class":1399},[1007,2062,1431],{"class":1017},[1007,2064,1274],{"class":1021},[1007,2066,1422],{"class":1017},[1007,2068,2069,2071,2073,2075,2077,2079,2081,2083,2085,2087,2089,2091,2093,2095,2097,2099,2101,2103,2105,2107],{"class":1009,"line":1438},[1007,2070,1441],{"class":1073},[1007,2072,1431],{"class":1017},[1007,2074,1446],{"class":1017},[1007,2076,1449],{"class":1373},[1007,2078,1376],{"class":1017},[1007,2080,1379],{"class":1063},[1007,2082,1446],{"class":1399},[1007,2084,1449],{"class":1021},[1007,2086,1460],{"class":1017},[1007,2088,1463],{"class":1017},[1007,2090,1449],{"class":1021},[1007,2092,1468],{"class":1017},[1007,2094,1471],{"class":1040},[1007,2096,1474],{"class":1017},[1007,2098,1477],{"class":1021},[1007,2100,1480],{"class":1017},[1007,2102,1483],{"class":1017},[1007,2104,1486],{"class":1021},[1007,2106,1376],{"class":1399},[1007,2108,1422],{"class":1017},[1007,2110,2111,2113,2115,2117,2119,2121],{"class":1009,"line":1493},[1007,2112,1496],{"class":1073},[1007,2114,1431],{"class":1017},[1007,2116,1446],{"class":1017},[1007,2118,1503],{"class":1373},[1007,2120,1376],{"class":1017},[1007,2122,1508],{"class":1063},[1007,2124,2125,2127],{"class":1009,"line":1511},[1007,2126,1514],{"class":1073},[1007,2128,1364],{"class":1399},[1007,2130,2131,2133,2136,2138,2140,2142,2144,2146],{"class":1009,"line":1519},[1007,2132,1522],{"class":1017},[1007,2134,2135],{"class":1040},"..\u002Fpages\u002F",[1007,2137,1474],{"class":1017},[1007,2139,1503],{"class":1021},[1007,2141,1468],{"class":1017},[1007,2143,1534],{"class":1040},[1007,2145,1537],{"class":1017},[1007,2147,1422],{"class":1017},[1007,2149,2150,2152,2154,2156,2158,2160,2162,2164,2166,2168,2170,2173,2175],{"class":1009,"line":1542},[1007,2151,1545],{"class":1013},[1007,2153,1114],{"class":1017},[1007,2155,1330],{"class":1021},[1007,2157,1114],{"class":1017},[1007,2159,1554],{"class":1073},[1007,2161,1557],{"class":1017},[1007,2163,1561],{"class":1560},[1007,2165,1564],{"class":1017},[1007,2167,1410],{"class":1399},[1007,2169,1569],{"class":1017},[1007,2171,2172],{"class":1040},"..\u002Fpages\u002F**\u002F*.vue",[1007,2174,1569],{"class":1017},[1007,2176,1577],{"class":1399},[1007,2178,2179,2181],{"class":1009,"line":1580},[1007,2180,1583],{"class":1399},[1007,2182,1422],{"class":1017},[1007,2184,2185,2187,2189,2191,2193,2195,2197,2199,2201,2203],{"class":1009,"line":1588},[1007,2186,1591],{"class":1073},[1007,2188,1431],{"class":1017},[1007,2190,1596],{"class":1017},[1007,2192,1599],{"class":1373},[1007,2194,1025],{"class":1017},[1007,2196,1604],{"class":1373},[1007,2198,1025],{"class":1017},[1007,2200,1609],{"class":1373},[1007,2202,1612],{"class":1017},[1007,2204,1508],{"class":1063},[1007,2206,2207,2209,2211,2213,2215,2217,2219,2221,2223,2225,2227,2229,2231,2233,2235],{"class":1009,"line":1617},[1007,2208,1620],{"class":1073},[1007,2210,1410],{"class":1399},[1007,2212,1625],{"class":1017},[1007,2214,1628],{"class":1073},[1007,2216,1431],{"class":1017},[1007,2218,1633],{"class":1017},[1007,2220,1379],{"class":1063},[1007,2222,1255],{"class":1073},[1007,2224,1410],{"class":1399},[1007,2226,181],{"class":1021},[1007,2228,1025],{"class":1017},[1007,2230,1604],{"class":1021},[1007,2232,1648],{"class":1399},[1007,2234,1468],{"class":1017},[1007,2236,1577],{"class":1399},[1007,2238,2239,2241,2243,2245,2247],{"class":1009,"line":1655},[1007,2240,1658],{"class":1017},[1007,2242,1661],{"class":1073},[1007,2244,1410],{"class":1399},[1007,2246,1666],{"class":1021},[1007,2248,1577],{"class":1399},[1007,2250,2252,2254,2256,2258,2260],{"class":2251,"line":1137},[1009,1201],[1007,2253,1658],{"class":1017},[1007,2255,1661],{"class":1073},[1007,2257,1410],{"class":1399},[1007,2259,1117],{"class":1021},[1007,2261,1577],{"class":1399},[1007,2263,2264,2266,2268,2270,2272],{"class":1009,"line":1684},[1007,2265,1658],{"class":1017},[1007,2267,1661],{"class":1073},[1007,2269,1410],{"class":1399},[1007,2271,1693],{"class":1021},[1007,2273,1577],{"class":1399},[1007,2275,2277,2279,2281,2283,2285,2287,2289,2291,2293,2295,2297],{"class":2276,"line":1138},[1009,1201],[1007,2278,1701],{"class":1017},[1007,2280,1376],{"class":1399},[1007,2282,1114],{"class":1017},[1007,2284,1708],{"class":1073},[1007,2286,1410],{"class":1399},[1007,2288,1713],{"class":1063},[1007,2290,1446],{"class":1017},[1007,2292,1111],{"class":1373},[1007,2294,1376],{"class":1017},[1007,2296,1379],{"class":1063},[1007,2298,1382],{"class":1017},[1007,2300,2302,2304,2306,2308,2310,2312,2314,2316],{"class":2301,"line":1139},[1009,1201],[1007,2303,1729],{"class":1063},[1007,2305,1732],{"class":1021},[1007,2307,1394],{"class":1017},[1007,2309,1100],{"class":1013},[1007,2311,1028],{"class":1073},[1007,2313,1410],{"class":1399},[1007,2315,1117],{"class":1021},[1007,2317,1577],{"class":1399},[1007,2319,2321,2323,2325,2327,2329,2331,2333,2335,2337,2339],{"class":2320,"line":1140},[1009,1201],[1007,2322,1750],{"class":1021},[1007,2324,1114],{"class":1017},[1007,2326,1117],{"class":1021},[1007,2328,1114],{"class":1017},[1007,2330,1122],{"class":1073},[1007,2332,1410],{"class":1399},[1007,2334,1763],{"class":1021},[1007,2336,1114],{"class":1017},[1007,2338,1768],{"class":1021},[1007,2340,1577],{"class":1399},[1007,2342,2344,2346],{"class":2343,"line":1141},[1009,1201],[1007,2345,1776],{"class":1013},[1007,2347,1779],{"class":1021},[1007,2349,2351,2353],{"class":2350,"line":1142},[1009,1201],[1007,2352,1701],{"class":1017},[1007,2354,1577],{"class":1399},[1007,2356,2357],{"class":1009,"line":1789},[1007,2358,1792],{"class":1017},[1007,2360,2361,2363,2365,2367,2369],{"class":1009,"line":1795},[1007,2362,1798],{"class":1017},[1007,2364,1801],{"class":1399},[1007,2366,1431],{"class":1017},[1007,2368,1807],{"class":1806},[1007,2370,1810],{"class":1017},[1007,2372,2373],{"class":1009,"line":1813},[1007,2374,1577],{"class":1021},[973,2376,2378],{"id":2377},"color-scheme-detection","Color Scheme Detection",[969,2380,2381],{},"The same goes to the color scheme detection. To avoid flashings in the SSR because of the selected color scheme difference, you will need to detect the user's color scheme before the application initialization.",[969,2383,2384,2385,2387],{},"Adding the script below to the ",[981,2386,983],{}," of your document will detect if the user is using dark theme, and therefore, render the SSR in the dark theme as well.",[993,2389,2390,2585,2930],{"sync":995},[997,2391,2396],{"className":2392,"code":2393,"filename":2394,"language":2395,"meta":1003,"style":1003},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript>\nconst theme = localStorage.getItem('vueuse-color-scheme') || 'auto'\nif (theme === 'dark' || (theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches)) {\n  document.documentElement.classList.add('dark')\n} else {\n  document.documentElement.classList.remove('dark')\n}\n\u003C\u002Fscript>\n","index.html","html",[981,2397,2398,2408,2445,2505,2535,2544,2571,2576],{"__ignoreMap":1003},[1007,2399,2400,2402,2405],{"class":1009,"line":1010},[1007,2401,1557],{"class":1017},[1007,2403,2404],{"class":1399},"script",[1007,2406,2407],{"class":1017},">\n",[1007,2409,2410,2412,2415,2417,2420,2422,2425,2427,2429,2432,2434,2436,2438,2440,2443],{"class":1009,"line":1047},[1007,2411,1064],{"class":1063},[1007,2413,2414],{"class":1021}," theme ",[1007,2416,1070],{"class":1017},[1007,2418,2419],{"class":1021}," localStorage",[1007,2421,1114],{"class":1017},[1007,2423,2424],{"class":1073},"getItem",[1007,2426,1410],{"class":1021},[1007,2428,1569],{"class":1017},[1007,2430,2431],{"class":1040},"vueuse-color-scheme",[1007,2433,1569],{"class":1017},[1007,2435,1648],{"class":1021},[1007,2437,1343],{"class":1017},[1007,2439,1037],{"class":1017},[1007,2441,2442],{"class":1040},"auto",[1007,2444,1044],{"class":1017},[1007,2446,2447,2450,2453,2456,2458,2461,2463,2466,2468,2470,2472,2474,2476,2479,2482,2484,2487,2489,2491,2494,2496,2498,2500,2503],{"class":1009,"line":1053},[1007,2448,2449],{"class":1013},"if",[1007,2451,2452],{"class":1021}," (theme ",[1007,2454,2455],{"class":1017},"===",[1007,2457,1037],{"class":1017},[1007,2459,2460],{"class":1040},"dark",[1007,2462,1569],{"class":1017},[1007,2464,2465],{"class":1017}," ||",[1007,2467,2452],{"class":1021},[1007,2469,2455],{"class":1017},[1007,2471,1037],{"class":1017},[1007,2473,2442],{"class":1040},[1007,2475,1569],{"class":1017},[1007,2477,2478],{"class":1017}," &&",[1007,2480,2481],{"class":1021}," window",[1007,2483,1114],{"class":1017},[1007,2485,2486],{"class":1073},"matchMedia",[1007,2488,1410],{"class":1021},[1007,2490,1569],{"class":1017},[1007,2492,2493],{"class":1040},"(prefers-color-scheme: dark)",[1007,2495,1569],{"class":1017},[1007,2497,1376],{"class":1021},[1007,2499,1114],{"class":1017},[1007,2501,2502],{"class":1021},"matches)) ",[1007,2504,1413],{"class":1017},[1007,2506,2507,2510,2512,2515,2517,2520,2522,2525,2527,2529,2531,2533],{"class":1009,"line":1060},[1007,2508,2509],{"class":1021},"  document",[1007,2511,1114],{"class":1017},[1007,2513,2514],{"class":1021},"documentElement",[1007,2516,1114],{"class":1017},[1007,2518,2519],{"class":1021},"classList",[1007,2521,1114],{"class":1017},[1007,2523,2524],{"class":1073},"add",[1007,2526,1410],{"class":1399},[1007,2528,1569],{"class":1017},[1007,2530,2460],{"class":1040},[1007,2532,1569],{"class":1017},[1007,2534,1577],{"class":1399},[1007,2536,2537,2539,2542],{"class":1009,"line":1079},[1007,2538,1468],{"class":1017},[1007,2540,2541],{"class":1013}," else",[1007,2543,1382],{"class":1017},[1007,2545,2546,2548,2550,2552,2554,2556,2558,2561,2563,2565,2567,2569],{"class":1009,"line":1084},[1007,2547,2509],{"class":1021},[1007,2549,1114],{"class":1017},[1007,2551,2514],{"class":1021},[1007,2553,1114],{"class":1017},[1007,2555,2519],{"class":1021},[1007,2557,1114],{"class":1017},[1007,2559,2560],{"class":1073},"remove",[1007,2562,1410],{"class":1399},[1007,2564,1569],{"class":1017},[1007,2566,2460],{"class":1040},[1007,2568,1569],{"class":1017},[1007,2570,1577],{"class":1399},[1007,2572,2573],{"class":1009,"line":1090},[1007,2574,2575],{"class":1017},"}\n",[1007,2577,2578,2581,2583],{"class":1009,"line":1108},[1007,2579,2580],{"class":1017},"\u003C\u002F",[1007,2582,2404],{"class":1399},[1007,2584,2407],{"class":1017},[997,2586,2590],{"className":2392,"code":2587,"filename":2588,"highlights":2589,"language":2395,"meta":1003,"style":1003},"\u003C!DOCTYPE html>\n\u003Chtml>\n  \u003Chead>\n    \u003Cmeta charset=\"utf-8\" \u002F>\n    \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    @inertiaHead\n    @vite('resources\u002Fjs\u002Fapp.ts')\n    \u003Cscript>\n      const theme = localStorage.getItem('vueuse-color-scheme') || 'auto'\n      if (theme === 'dark' || (theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches)) {\n        document.documentElement.classList.add('dark')\n      } else {\n        document.documentElement.classList.remove('dark')\n      }\n    \u003C\u002Fscript>\n  \u003C\u002Fhead>\n  \u003Cbody>\n    \u003Cdiv class=\"isolate\">\n      @inertia\n    \u003C\u002Fdiv>\n  \u003C\u002Fbody>\n\u003C\u002Fhtml>\n","resources\u002Fviews\u002Fapp.blade.php (Laravel Inertia)",[1108,1310,1315,1353,1358,1367,1136,1402],[981,2591,2592,2605,2613,2622,2645,2677,2682,2687,2696,2729,2781,2809,2819,2846,2852,2862,2871,2880,2901,2906,2914,2922],{"__ignoreMap":1003},[1007,2593,2594,2597,2600,2603],{"class":1009,"line":1010},[1007,2595,2596],{"class":1017},"\u003C!",[1007,2598,2599],{"class":1399},"DOCTYPE",[1007,2601,2602],{"class":1063}," html",[1007,2604,2407],{"class":1017},[1007,2606,2607,2609,2611],{"class":1009,"line":1047},[1007,2608,1557],{"class":1017},[1007,2610,2395],{"class":1399},[1007,2612,2407],{"class":1017},[1007,2614,2615,2618,2620],{"class":1009,"line":1053},[1007,2616,2617],{"class":1017},"  \u003C",[1007,2619,1117],{"class":1399},[1007,2621,2407],{"class":1017},[1007,2623,2624,2627,2629,2632,2634,2637,2640,2642],{"class":1009,"line":1060},[1007,2625,2626],{"class":1017},"    \u003C",[1007,2628,1330],{"class":1399},[1007,2630,2631],{"class":1063}," charset",[1007,2633,1070],{"class":1017},[1007,2635,2636],{"class":1017},"\"",[1007,2638,2639],{"class":1040},"utf-8",[1007,2641,2636],{"class":1017},[1007,2643,2644],{"class":1017}," \u002F>\n",[1007,2646,2647,2649,2651,2654,2656,2658,2661,2663,2666,2668,2670,2673,2675],{"class":1009,"line":1079},[1007,2648,2626],{"class":1017},[1007,2650,1330],{"class":1399},[1007,2652,2653],{"class":1063}," name",[1007,2655,1070],{"class":1017},[1007,2657,2636],{"class":1017},[1007,2659,2660],{"class":1040},"viewport",[1007,2662,2636],{"class":1017},[1007,2664,2665],{"class":1063}," content",[1007,2667,1070],{"class":1017},[1007,2669,2636],{"class":1017},[1007,2671,2672],{"class":1040},"width=device-width, initial-scale=1",[1007,2674,2636],{"class":1017},[1007,2676,2407],{"class":1017},[1007,2678,2679],{"class":1009,"line":1084},[1007,2680,2681],{"class":1021},"    @inertiaHead\n",[1007,2683,2684],{"class":1009,"line":1090},[1007,2685,2686],{"class":1021},"    @vite('resources\u002Fjs\u002Fapp.ts')\n",[1007,2688,2690,2692,2694],{"class":2689,"line":1108},[1009,1201],[1007,2691,2626],{"class":1017},[1007,2693,2404],{"class":1399},[1007,2695,2407],{"class":1017},[1007,2697,2699,2701,2703,2705,2707,2709,2711,2713,2715,2717,2719,2721,2723,2725,2727],{"class":2698,"line":1310},[1009,1201],[1007,2700,1729],{"class":1063},[1007,2702,2414],{"class":1021},[1007,2704,1070],{"class":1017},[1007,2706,2419],{"class":1021},[1007,2708,1114],{"class":1017},[1007,2710,2424],{"class":1073},[1007,2712,1410],{"class":1021},[1007,2714,1569],{"class":1017},[1007,2716,2431],{"class":1040},[1007,2718,1569],{"class":1017},[1007,2720,1648],{"class":1021},[1007,2722,1343],{"class":1017},[1007,2724,1037],{"class":1017},[1007,2726,2442],{"class":1040},[1007,2728,1044],{"class":1017},[1007,2730,2732,2735,2737,2739,2741,2743,2745,2747,2749,2751,2753,2755,2757,2759,2761,2763,2765,2767,2769,2771,2773,2775,2777,2779],{"class":2731,"line":1315},[1009,1201],[1007,2733,2734],{"class":1013},"      if",[1007,2736,2452],{"class":1021},[1007,2738,2455],{"class":1017},[1007,2740,1037],{"class":1017},[1007,2742,2460],{"class":1040},[1007,2744,1569],{"class":1017},[1007,2746,2465],{"class":1017},[1007,2748,2452],{"class":1021},[1007,2750,2455],{"class":1017},[1007,2752,1037],{"class":1017},[1007,2754,2442],{"class":1040},[1007,2756,1569],{"class":1017},[1007,2758,2478],{"class":1017},[1007,2760,2481],{"class":1021},[1007,2762,1114],{"class":1017},[1007,2764,2486],{"class":1073},[1007,2766,1410],{"class":1021},[1007,2768,1569],{"class":1017},[1007,2770,2493],{"class":1040},[1007,2772,1569],{"class":1017},[1007,2774,1376],{"class":1021},[1007,2776,1114],{"class":1017},[1007,2778,2502],{"class":1021},[1007,2780,1413],{"class":1017},[1007,2782,2784,2787,2789,2791,2793,2795,2797,2799,2801,2803,2805,2807],{"class":2783,"line":1353},[1009,1201],[1007,2785,2786],{"class":1021},"        document",[1007,2788,1114],{"class":1017},[1007,2790,2514],{"class":1021},[1007,2792,1114],{"class":1017},[1007,2794,2519],{"class":1021},[1007,2796,1114],{"class":1017},[1007,2798,2524],{"class":1073},[1007,2800,1410],{"class":1399},[1007,2802,1569],{"class":1017},[1007,2804,2460],{"class":1040},[1007,2806,1569],{"class":1017},[1007,2808,1577],{"class":1399},[1007,2810,2812,2815,2817],{"class":2811,"line":1358},[1009,1201],[1007,2813,2814],{"class":1017},"      }",[1007,2816,2541],{"class":1013},[1007,2818,1382],{"class":1017},[1007,2820,2822,2824,2826,2828,2830,2832,2834,2836,2838,2840,2842,2844],{"class":2821,"line":1367},[1009,1201],[1007,2823,2786],{"class":1021},[1007,2825,1114],{"class":1017},[1007,2827,2514],{"class":1021},[1007,2829,1114],{"class":1017},[1007,2831,2519],{"class":1021},[1007,2833,1114],{"class":1017},[1007,2835,2560],{"class":1073},[1007,2837,1410],{"class":1399},[1007,2839,1569],{"class":1017},[1007,2841,2460],{"class":1040},[1007,2843,1569],{"class":1017},[1007,2845,1577],{"class":1399},[1007,2847,2849],{"class":2848,"line":1136},[1009,1201],[1007,2850,2851],{"class":1017},"      }\n",[1007,2853,2855,2858,2860],{"class":2854,"line":1402},[1009,1201],[1007,2856,2857],{"class":1017},"    \u003C\u002F",[1007,2859,2404],{"class":1399},[1007,2861,2407],{"class":1017},[1007,2863,2864,2867,2869],{"class":1009,"line":1416},[1007,2865,2866],{"class":1017},"  \u003C\u002F",[1007,2868,1117],{"class":1399},[1007,2870,2407],{"class":1017},[1007,2872,2873,2875,2878],{"class":1009,"line":1425},[1007,2874,2617],{"class":1017},[1007,2876,2877],{"class":1399},"body",[1007,2879,2407],{"class":1017},[1007,2881,2882,2884,2887,2890,2892,2894,2897,2899],{"class":1009,"line":1438},[1007,2883,2626],{"class":1017},[1007,2885,2886],{"class":1399},"div",[1007,2888,2889],{"class":1063}," class",[1007,2891,1070],{"class":1017},[1007,2893,2636],{"class":1017},[1007,2895,2896],{"class":1040},"isolate",[1007,2898,2636],{"class":1017},[1007,2900,2407],{"class":1017},[1007,2902,2903],{"class":1009,"line":1493},[1007,2904,2905],{"class":1021},"      @inertia\n",[1007,2907,2908,2910,2912],{"class":1009,"line":1511},[1007,2909,2857],{"class":1017},[1007,2911,2886],{"class":1399},[1007,2913,2407],{"class":1017},[1007,2915,2916,2918,2920],{"class":1009,"line":1519},[1007,2917,2866],{"class":1017},[1007,2919,2877],{"class":1399},[1007,2921,2407],{"class":1017},[1007,2923,2924,2926,2928],{"class":1009,"line":1542},[1007,2925,2580],{"class":1017},[1007,2927,2395],{"class":1399},[1007,2929,2407],{"class":1017},[997,2931,2935],{"className":2392,"code":2932,"filename":2933,"highlights":2934,"language":2395,"meta":1003,"style":1003},"\u003C!DOCTYPE html>\n\u003Chtml>\n  \u003Chead>\n    \u003Cmeta charset=\"utf-8\" \u002F>\n    \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    @inertiaHead()\n    @vite(['inertia\u002Fapp\u002Fapp.ts', `inertia\u002Fpages\u002F${page.component}.vue`])\n    \u003Cscript>\n      const theme = localStorage.getItem('vueuse-color-scheme') || 'auto'\n      if (theme === 'dark' || (theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches)) {\n        document.documentElement.classList.add('dark')\n      } else {\n        document.documentElement.classList.remove('dark')\n      }\n    \u003C\u002Fscript>\n  \u003C\u002Fhead>\n  \u003Cbody>\n    @inertia({ class: 'isolate' })\n  \u003C\u002Fbody>\n\u003C\u002Fhtml>\n","resources\u002Fviews\u002Finertia_layout.edge (AdonisJS Inertia)",[1108,1310,1315,1353,1358,1367,1136,1402],[981,2936,2937,2947,2955,2963,2981,3009,3014,3019,3028,3061,3112,3139,3148,3175,3180,3189,3197,3205,3210,3218],{"__ignoreMap":1003},[1007,2938,2939,2941,2943,2945],{"class":1009,"line":1010},[1007,2940,2596],{"class":1017},[1007,2942,2599],{"class":1399},[1007,2944,2602],{"class":1063},[1007,2946,2407],{"class":1017},[1007,2948,2949,2951,2953],{"class":1009,"line":1047},[1007,2950,1557],{"class":1017},[1007,2952,2395],{"class":1399},[1007,2954,2407],{"class":1017},[1007,2956,2957,2959,2961],{"class":1009,"line":1053},[1007,2958,2617],{"class":1017},[1007,2960,1117],{"class":1399},[1007,2962,2407],{"class":1017},[1007,2964,2965,2967,2969,2971,2973,2975,2977,2979],{"class":1009,"line":1060},[1007,2966,2626],{"class":1017},[1007,2968,1330],{"class":1399},[1007,2970,2631],{"class":1063},[1007,2972,1070],{"class":1017},[1007,2974,2636],{"class":1017},[1007,2976,2639],{"class":1040},[1007,2978,2636],{"class":1017},[1007,2980,2644],{"class":1017},[1007,2982,2983,2985,2987,2989,2991,2993,2995,2997,2999,3001,3003,3005,3007],{"class":1009,"line":1079},[1007,2984,2626],{"class":1017},[1007,2986,1330],{"class":1399},[1007,2988,2653],{"class":1063},[1007,2990,1070],{"class":1017},[1007,2992,2636],{"class":1017},[1007,2994,2660],{"class":1040},[1007,2996,2636],{"class":1017},[1007,2998,2665],{"class":1063},[1007,3000,1070],{"class":1017},[1007,3002,2636],{"class":1017},[1007,3004,2672],{"class":1040},[1007,3006,2636],{"class":1017},[1007,3008,2407],{"class":1017},[1007,3010,3011],{"class":1009,"line":1084},[1007,3012,3013],{"class":1021},"    @inertiaHead()\n",[1007,3015,3016],{"class":1009,"line":1090},[1007,3017,3018],{"class":1021},"    @vite(['inertia\u002Fapp\u002Fapp.ts', `inertia\u002Fpages\u002F${page.component}.vue`])\n",[1007,3020,3022,3024,3026],{"class":3021,"line":1108},[1009,1201],[1007,3023,2626],{"class":1017},[1007,3025,2404],{"class":1399},[1007,3027,2407],{"class":1017},[1007,3029,3031,3033,3035,3037,3039,3041,3043,3045,3047,3049,3051,3053,3055,3057,3059],{"class":3030,"line":1310},[1009,1201],[1007,3032,1729],{"class":1063},[1007,3034,2414],{"class":1021},[1007,3036,1070],{"class":1017},[1007,3038,2419],{"class":1021},[1007,3040,1114],{"class":1017},[1007,3042,2424],{"class":1073},[1007,3044,1410],{"class":1021},[1007,3046,1569],{"class":1017},[1007,3048,2431],{"class":1040},[1007,3050,1569],{"class":1017},[1007,3052,1648],{"class":1021},[1007,3054,1343],{"class":1017},[1007,3056,1037],{"class":1017},[1007,3058,2442],{"class":1040},[1007,3060,1044],{"class":1017},[1007,3062,3064,3066,3068,3070,3072,3074,3076,3078,3080,3082,3084,3086,3088,3090,3092,3094,3096,3098,3100,3102,3104,3106,3108,3110],{"class":3063,"line":1315},[1009,1201],[1007,3065,2734],{"class":1013},[1007,3067,2452],{"class":1021},[1007,3069,2455],{"class":1017},[1007,3071,1037],{"class":1017},[1007,3073,2460],{"class":1040},[1007,3075,1569],{"class":1017},[1007,3077,2465],{"class":1017},[1007,3079,2452],{"class":1021},[1007,3081,2455],{"class":1017},[1007,3083,1037],{"class":1017},[1007,3085,2442],{"class":1040},[1007,3087,1569],{"class":1017},[1007,3089,2478],{"class":1017},[1007,3091,2481],{"class":1021},[1007,3093,1114],{"class":1017},[1007,3095,2486],{"class":1073},[1007,3097,1410],{"class":1021},[1007,3099,1569],{"class":1017},[1007,3101,2493],{"class":1040},[1007,3103,1569],{"class":1017},[1007,3105,1376],{"class":1021},[1007,3107,1114],{"class":1017},[1007,3109,2502],{"class":1021},[1007,3111,1413],{"class":1017},[1007,3113,3115,3117,3119,3121,3123,3125,3127,3129,3131,3133,3135,3137],{"class":3114,"line":1353},[1009,1201],[1007,3116,2786],{"class":1021},[1007,3118,1114],{"class":1017},[1007,3120,2514],{"class":1021},[1007,3122,1114],{"class":1017},[1007,3124,2519],{"class":1021},[1007,3126,1114],{"class":1017},[1007,3128,2524],{"class":1073},[1007,3130,1410],{"class":1399},[1007,3132,1569],{"class":1017},[1007,3134,2460],{"class":1040},[1007,3136,1569],{"class":1017},[1007,3138,1577],{"class":1399},[1007,3140,3142,3144,3146],{"class":3141,"line":1358},[1009,1201],[1007,3143,2814],{"class":1017},[1007,3145,2541],{"class":1013},[1007,3147,1382],{"class":1017},[1007,3149,3151,3153,3155,3157,3159,3161,3163,3165,3167,3169,3171,3173],{"class":3150,"line":1367},[1009,1201],[1007,3152,2786],{"class":1021},[1007,3154,1114],{"class":1017},[1007,3156,2514],{"class":1021},[1007,3158,1114],{"class":1017},[1007,3160,2519],{"class":1021},[1007,3162,1114],{"class":1017},[1007,3164,2560],{"class":1073},[1007,3166,1410],{"class":1399},[1007,3168,1569],{"class":1017},[1007,3170,2460],{"class":1040},[1007,3172,1569],{"class":1017},[1007,3174,1577],{"class":1399},[1007,3176,3178],{"class":3177,"line":1136},[1009,1201],[1007,3179,2851],{"class":1017},[1007,3181,3183,3185,3187],{"class":3182,"line":1402},[1009,1201],[1007,3184,2857],{"class":1017},[1007,3186,2404],{"class":1399},[1007,3188,2407],{"class":1017},[1007,3190,3191,3193,3195],{"class":1009,"line":1416},[1007,3192,2866],{"class":1017},[1007,3194,1117],{"class":1399},[1007,3196,2407],{"class":1017},[1007,3198,3199,3201,3203],{"class":1009,"line":1425},[1007,3200,2617],{"class":1017},[1007,3202,2877],{"class":1399},[1007,3204,2407],{"class":1017},[1007,3206,3207],{"class":1009,"line":1438},[1007,3208,3209],{"class":1021},"    @inertia({ class: 'isolate' })\n",[1007,3211,3212,3214,3216],{"class":1009,"line":1493},[1007,3213,2866],{"class":1017},[1007,3215,2877],{"class":1399},[1007,3217,2407],{"class":1017},[1007,3219,3220,3222,3224],{"class":1009,"line":1511},[1007,3221,2580],{"class":1017},[1007,3223,2395],{"class":1399},[1007,3225,2407],{"class":1017},[973,3227,3229],{"id":3228},"icons-display","Icons Display",[969,3231,3232],{},"Unfortunately displaying icons with the SSR server of the Vue version is currently not supported. The icons will only be displayed after the application is initialized at the user's end.",[3234,3235,3236],"style",{},"html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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 .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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 .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}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":1003,"searchDepth":1047,"depth":1047,"links":3238},[3239],{"id":966,"depth":1047,"text":967,"children":3240},[3241,3242,3243],{"id":975,"depth":1053,"text":976},{"id":2377,"depth":1053,"text":2378},{"id":3228,"depth":1053,"text":3229},"md",{},{"icon":140},{"title":136,"description":139},"cB80qmCu7uS2xD-hHSdc-vX-5IJtBvwzMvEfnCOZIIE",{"data":3250,"body":3251},{},{"type":3252,"children":3253},"root",[3254],{"type":178,"tag":969,"props":3255,"children":3256},{},[3257],{"type":3258,"value":139},"text",1774822298959]