[{"data":1,"prerenderedAt":3799},["ShallowReactive",2],{"navigation":3,"-docs-components-page-grid":918,"-docs-components-page-grid-description":1012,"component-theme-pageGrid-f8fAB3nzRWFAPhCZ7pNfZJ9xEBnySmJBtxvIx4E7L-I":1022,"-docs-components-page-grid-as-description":1489,"component-example-pageGridExampletdCNQ6226iiZKNkds9W7nqV771lTw8VEX0JmHKG7zWU":1498,"component-example-pageGridBentoExampleiITTVDKu8vbgUe_TUgdINcUFLxSEv3-4WBWBKFaeKFs":2201,"component-changelog-page-grid":3764,"mdc--5b5ukd-key":3769},[4],{"title":5,"path":6,"stem":7,"children":8,"page":36},"Docs","/docs","docs",[9,157,781,817],{"title":10,"path":11,"stem":12,"children":13,"framework":16,"category":16,"description":16,"icon":30},"Get Started","/docs/getting-started","docs/1.getting-started/1.index",[14,19,37,47,53,76,140],{"title":15,"path":11,"stem":12,"framework":16,"category":16,"description":17,"icon":18},"Introduction",null,"Nuxt UI is a comprehensive UI library for Vue and Nuxt applications, offering a collection of fully styled and accessible components.","i-lucide-house",{"title":20,"framework":16,"category":16,"description":16,"shadow":21,"path":22,"stem":23,"children":24,"page":36},"Installation",true,"/docs/getting-started/installation","docs/1.getting-started/2.installation",[25,31],{"title":20,"path":26,"stem":27,"framework":28,"category":16,"description":29,"icon":30},"/docs/getting-started/installation/nuxt","docs/1.getting-started/2.installation/1.nuxt","nuxt","Learn how to install and configure Nuxt UI in your Nuxt application.","i-lucide-square-play",{"title":20,"path":32,"stem":33,"framework":34,"category":16,"description":35,"icon":30},"/docs/getting-started/installation/vue","docs/1.getting-started/2.installation/2.vue","vue","Learn how to install and configure Nuxt UI in your Vue application, compatible with both plain Vite and Inertia.",false,{"title":38,"framework":16,"category":16,"description":16,"icon":39,"shadow":21,"path":40,"stem":41,"children":42,"page":36},"Migration","i-lucide-arrow-right-left","/docs/getting-started/migration","docs/1.getting-started/3.migration",[43],{"title":38,"path":44,"stem":45,"framework":16,"category":16,"description":46,"icon":39},"/docs/getting-started/migration/v4","docs/1.getting-started/3.migration/1.v4","A comprehensive guide to migrate your application from Nuxt UI v3 to Nuxt UI v4.",{"title":48,"path":49,"stem":50,"framework":16,"category":16,"description":51,"icon":52},"Contribution","/docs/getting-started/contribution","docs/1.getting-started/4.contribution","A comprehensive guide on contributing to Nuxt UI, including project structure, development workflow, and best practices.","i-lucide-handshake",{"title":54,"path":55,"stem":56,"children":57,"page":36},"Theme","/docs/getting-started/theme","docs/1.getting-started/5.theme",[58,64,70],{"title":59,"path":60,"stem":61,"framework":16,"category":16,"description":62,"icon":63},"Design System","/docs/getting-started/theme/design-system","docs/1.getting-started/5.theme/1.design-system","Nuxt UI's design system uses Tailwind CSS for simple theming and easy customization.","i-lucide-palette",{"title":65,"path":66,"stem":67,"framework":16,"category":16,"description":68,"icon":69},"CSS Variables","/docs/getting-started/theme/css-variables","docs/1.getting-started/5.theme/2.css-variables","Nuxt UI uses CSS variables as design tokens for flexible, consistent theming with built-in light and dark mode support.","i-lucide-swatch-book",{"title":71,"path":72,"stem":73,"framework":16,"category":16,"description":74,"icon":75},"Components","/docs/getting-started/theme/components","docs/1.getting-started/5.theme/3.components","Learn how to customize Nuxt UI components with the Tailwind Variants API for advanced, flexible, and maintainable styling.","i-lucide-layout-grid",{"title":77,"framework":16,"category":16,"description":16,"path":78,"stem":79,"children":80,"page":36},"Integrations","/docs/getting-started/integrations","docs/1.getting-started/6.integrations",[81,95,101,115,129,135],{"title":82,"framework":16,"category":16,"description":16,"shadow":21,"path":83,"stem":84,"children":85,"page":36},"Icons","/docs/getting-started/integrations/icons","docs/1.getting-started/6.integrations/1.icons",[86,91],{"title":82,"path":87,"stem":88,"framework":28,"category":16,"description":89,"icon":90},"/docs/getting-started/integrations/icons/nuxt","docs/1.getting-started/6.integrations/1.icons/1.nuxt","Nuxt UI integrates with Nuxt Icon to access over 200,000+ icons from Iconify.","i-lucide-smile",{"title":82,"path":92,"stem":93,"framework":34,"category":16,"description":94,"icon":90},"/docs/getting-started/integrations/icons/vue","docs/1.getting-started/6.integrations/1.icons/2.vue","Nuxt UI integrates with Iconify to access over 200,000+ icons.",{"title":96,"path":97,"stem":98,"framework":28,"category":16,"description":99,"icon":100},"Fonts","/docs/getting-started/integrations/fonts","docs/1.getting-started/6.integrations/2.fonts","Nuxt UI integrates with Nuxt Fonts to provide plug-and-play font optimization.","i-lucide-a-large-small",{"title":102,"framework":16,"category":16,"description":16,"shadow":21,"path":103,"stem":104,"children":105,"page":36},"Color Mode","/docs/getting-started/integrations/color-mode","docs/1.getting-started/6.integrations/3.color-mode",[106,111],{"title":102,"path":107,"stem":108,"framework":28,"category":16,"description":109,"icon":110},"/docs/getting-started/integrations/color-mode/nuxt","docs/1.getting-started/6.integrations/3.color-mode/1.nuxt","Nuxt UI integrates with Nuxt Color Mode to allow for easy switching between light and dark themes.","i-lucide-sun-moon",{"title":102,"path":112,"stem":113,"framework":34,"category":16,"description":114,"icon":110},"/docs/getting-started/integrations/color-mode/vue","docs/1.getting-started/6.integrations/3.color-mode/2.vue","Nuxt UI integrates with VueUse to allow for easy switching between light and dark themes.",{"title":116,"framework":16,"category":16,"description":16,"shadow":21,"path":117,"stem":118,"children":119,"page":36},"I18n","/docs/getting-started/integrations/i18n","docs/1.getting-started/6.integrations/4.i18n",[120,126],{"title":121,"path":122,"stem":123,"framework":28,"category":16,"description":124,"icon":125},"Internationalization (i18n)","/docs/getting-started/integrations/i18n/nuxt","docs/1.getting-started/6.integrations/4.i18n/1.nuxt","Nuxt UI supports 50+ locales and multi-directional (LTR/RTL) internationalization.","i-lucide-languages",{"title":121,"path":127,"stem":128,"framework":34,"category":16,"description":124,"icon":125},"/docs/getting-started/integrations/i18n/vue","docs/1.getting-started/6.integrations/4.i18n/2.vue",{"title":130,"path":131,"stem":132,"framework":28,"category":16,"description":133,"icon":134},"Content","/docs/getting-started/integrations/content","docs/1.getting-started/6.integrations/5.content","Nuxt UI integrates with Nuxt Content to deliver beautiful typography and consistent component styling.","i-simple-icons-markdown",{"title":136,"path":137,"stem":138,"framework":34,"category":16,"description":139,"icon":134},"SSR","/docs/getting-started/integrations/ssr","docs/1.getting-started/6.integrations/6.ssr","Nuxt UI have first-party support for Vue.js SSR. This guide will help you have it fully enabled.",{"title":141,"framework":16,"category":16,"description":16,"path":142,"stem":143,"children":144,"page":36},"AI Tools","/docs/getting-started/ai","docs/1.getting-started/7.ai",[145,151],{"title":146,"path":147,"stem":148,"framework":16,"category":16,"description":149,"icon":150},"MCP Server","/docs/getting-started/ai/mcp","docs/1.getting-started/7.ai/1.mcp","Use Nuxt UI components in your AI assistants with Model Context Protocol support.","i-lucide-server",{"title":152,"path":153,"stem":154,"framework":16,"category":16,"description":155,"icon":156},"LLMs.txt","/docs/getting-started/ai/llms-txt","docs/1.getting-started/7.ai/2.llms-txt","How to get AI tools like Cursor, Windsurf, GitHub Copilot, ChatGPT, and Claude to understand Nuxt UI components, theming, and best practices.","i-lucide-bot",{"title":71,"framework":16,"category":16,"description":16,"icon":158,"path":159,"stem":160,"children":161,"page":36},"i-lucide-square-code","/docs/components","docs/2.components",[162,168,174,180,186,191,196,201,206,211,216,222,227,232,237,242,247,252,258,263,268,273,278,284,289,294,299,305,310,315,320,325,330,335,340,346,351,356,361,366,372,378,383,388,393,398,403,408,413,418,423,428,433,440,445,450,455,460,465,470,475,480,485,490,495,500,505,510,515,520,525,530,535,540,545,550,555,561,566,571,576,581,586,591,596,601,606,611,616,621,626,631,636,641,646,651,656,661,666,671,676,681,686,691,696,701,706,711,716,721,726,731,736,741,746,751,756,761,766,771,776],{"title":163,"path":164,"stem":165,"framework":16,"category":166,"description":167},"Accordion","/docs/components/accordion","docs/2.components/accordion","data","A stacked set of collapsible panels.",{"title":169,"path":170,"stem":171,"framework":16,"category":172,"description":173},"Alert","/docs/components/alert","docs/2.components/alert","element","A callout to draw user's attention.",{"title":175,"path":176,"stem":177,"framework":16,"category":178,"description":179},"App","/docs/components/app","docs/2.components/app","layout","Wraps your app to provide global configurations and more.",{"title":181,"path":182,"stem":183,"framework":16,"category":184,"description":185},"AuthForm","/docs/components/auth-form","docs/2.components/auth-form","page","A customizable Form to create login, register or password reset forms.",{"title":187,"path":188,"stem":189,"framework":16,"category":172,"description":190},"Avatar","/docs/components/avatar","docs/2.components/avatar","An img element with fallback and Nuxt Image support.",{"title":192,"path":193,"stem":194,"framework":16,"category":172,"description":195},"AvatarGroup","/docs/components/avatar-group","docs/2.components/avatar-group","Stack multiple avatars in a group.",{"title":197,"path":198,"stem":199,"framework":16,"category":172,"description":200},"Badge","/docs/components/badge","docs/2.components/badge","A short text to represent a status or a category.",{"title":202,"path":203,"stem":204,"framework":16,"category":172,"description":205},"Banner","/docs/components/banner","docs/2.components/banner","Display a banner at the top of your website to inform users about important information.",{"title":207,"path":208,"stem":209,"framework":16,"category":184,"description":210},"BlogPost","/docs/components/blog-post","docs/2.components/blog-post","A customizable article to display in a blog page.",{"title":212,"path":213,"stem":214,"framework":16,"category":184,"description":215},"BlogPosts","/docs/components/blog-posts","docs/2.components/blog-posts","Display a list of blog posts in a responsive grid layout.",{"title":217,"path":218,"stem":219,"framework":16,"category":220,"description":221},"Breadcrumb","/docs/components/breadcrumb","docs/2.components/breadcrumb","navigation","A hierarchy of links to navigate through a website.",{"title":223,"path":224,"stem":225,"framework":16,"category":172,"description":226},"Button","/docs/components/button","docs/2.components/button","A button element that can act as a link or trigger an action.",{"title":228,"path":229,"stem":230,"framework":16,"category":172,"description":231},"Calendar","/docs/components/calendar","docs/2.components/calendar","A calendar component for selecting single dates, multiple dates or date ranges.",{"title":233,"path":234,"stem":235,"framework":16,"category":172,"description":236},"Card","/docs/components/card","docs/2.components/card","Display content in a card with a header, body and footer.",{"title":238,"path":239,"stem":240,"framework":16,"category":166,"description":241},"Carousel","/docs/components/carousel","docs/2.components/carousel","A carousel with motion and swipe built using Embla.",{"title":243,"path":244,"stem":245,"framework":16,"category":184,"description":246},"ChangelogVersion","/docs/components/changelog-version","docs/2.components/changelog-version","A customizable article to display in a changelog.",{"title":248,"path":249,"stem":250,"framework":16,"category":184,"description":251},"ChangelogVersions","/docs/components/changelog-versions","docs/2.components/changelog-versions","Display a list of changelog versions in a timeline.",{"title":253,"path":254,"stem":255,"framework":16,"category":256,"description":257},"ChatMessage","/docs/components/chat-message","docs/2.components/chat-message","chat","Display a chat message with icon, avatar, and actions.",{"title":259,"path":260,"stem":261,"framework":16,"category":256,"description":262},"ChatMessages","/docs/components/chat-messages","docs/2.components/chat-messages","Display a list of chat messages, designed to work seamlessly with Vercel AI SDK.",{"title":264,"path":265,"stem":266,"framework":16,"category":256,"description":267},"ChatPalette","/docs/components/chat-palette","docs/2.components/chat-palette","A chat palette to create a chatbot interface inside an overlay.",{"title":269,"path":270,"stem":271,"framework":16,"category":256,"description":272},"ChatPrompt","/docs/components/chat-prompt","docs/2.components/chat-prompt","An enhanced Textarea for submitting prompts in AI chat interfaces.",{"title":274,"path":275,"stem":276,"framework":16,"category":256,"description":277},"ChatPromptSubmit","/docs/components/chat-prompt-submit","docs/2.components/chat-prompt-submit","A Button for submitting chat prompts with automatic status handling.",{"title":279,"path":280,"stem":281,"framework":16,"category":282,"description":283},"Checkbox","/docs/components/checkbox","docs/2.components/checkbox","form","An input element to toggle between checked and unchecked states.",{"title":285,"path":286,"stem":287,"framework":16,"category":282,"description":288},"CheckboxGroup","/docs/components/checkbox-group","docs/2.components/checkbox-group","A set of checklist buttons to select multiple option from a list.",{"title":290,"path":291,"stem":292,"framework":16,"category":172,"description":293},"Chip","/docs/components/chip","docs/2.components/chip","An indicator of a numeric value or a state.",{"title":295,"path":296,"stem":297,"framework":16,"category":172,"description":298},"Collapsible","/docs/components/collapsible","docs/2.components/collapsible","A collapsible element to toggle visibility of its content.",{"title":300,"path":301,"stem":302,"framework":16,"category":303,"description":304},"ColorModeAvatar","/docs/components/color-mode-avatar","docs/2.components/color-mode-avatar","color-mode","An Avatar with a different source for light and dark mode.",{"title":306,"path":307,"stem":308,"framework":16,"category":303,"description":309},"ColorModeButton","/docs/components/color-mode-button","docs/2.components/color-mode-button","A Button to switch between light and dark mode.",{"title":311,"path":312,"stem":313,"framework":16,"category":303,"description":314},"ColorModeImage","/docs/components/color-mode-image","docs/2.components/color-mode-image","An image element with a different source for light and dark mode.",{"title":316,"path":317,"stem":318,"framework":16,"category":303,"description":319},"ColorModeSelect","/docs/components/color-mode-select","docs/2.components/color-mode-select","A Select to switch between system, dark & light mode.",{"title":321,"path":322,"stem":323,"framework":16,"category":303,"description":324},"ColorModeSwitch","/docs/components/color-mode-switch","docs/2.components/color-mode-switch","A switch to toggle between light and dark mode.",{"title":326,"path":327,"stem":328,"framework":16,"category":282,"description":329},"ColorPicker","/docs/components/color-picker","docs/2.components/color-picker","A component to select a color.",{"title":331,"path":332,"stem":333,"framework":16,"category":220,"description":334},"CommandPalette","/docs/components/command-palette","docs/2.components/command-palette","A command palette with full-text search powered by Fuse.js for efficient fuzzy matching.",{"title":336,"path":337,"stem":338,"framework":16,"category":178,"description":339},"Container","/docs/components/container","docs/2.components/container","A container lets you center and constrain the width of your content.",{"title":341,"path":342,"stem":343,"framework":28,"category":344,"description":345},"ContentNavigation","/docs/components/content-navigation","docs/2.components/content-navigation","content","An accordion-style navigation component for organizing page links.",{"title":347,"path":348,"stem":349,"framework":28,"category":344,"description":350},"ContentSearch","/docs/components/content-search","docs/2.components/content-search","A ready to use CommandPalette to add to your documentation.",{"title":352,"path":353,"stem":354,"framework":28,"category":344,"description":355},"ContentSearchButton","/docs/components/content-search-button","docs/2.components/content-search-button","A pre-styled Button to open the ContentSearch modal.",{"title":357,"path":358,"stem":359,"framework":28,"category":344,"description":360},"ContentSurround","/docs/components/content-surround","docs/2.components/content-surround","A pair of prev and next links to navigate between pages.",{"title":362,"path":363,"stem":364,"framework":28,"category":344,"description":365},"ContentToc","/docs/components/content-toc","docs/2.components/content-toc","A sticky Table of Contents with automatic active anchor link highlighting.",{"title":367,"path":368,"stem":369,"framework":16,"category":370,"description":371},"ContextMenu","/docs/components/context-menu","docs/2.components/context-menu","overlay","A menu to display actions when right-clicking on an element.",{"title":373,"path":374,"stem":375,"framework":16,"category":376,"description":377},"DashboardGroup","/docs/components/dashboard-group","docs/2.components/dashboard-group","dashboard","A fixed layout component that provides context for dashboard components with sidebar state management and persistence.",{"title":379,"path":380,"stem":381,"framework":16,"category":376,"description":382},"DashboardNavbar","/docs/components/dashboard-navbar","docs/2.components/dashboard-navbar","A responsive navbar to display in a dashboard.",{"title":384,"path":385,"stem":386,"framework":16,"category":376,"description":387},"DashboardPanel","/docs/components/dashboard-panel","docs/2.components/dashboard-panel","A resizable panel to display in a dashboard.",{"title":389,"path":390,"stem":391,"framework":16,"category":376,"description":392},"DashboardResizeHandle","/docs/components/dashboard-resize-handle","docs/2.components/dashboard-resize-handle","A handle to resize a sidebar or panel.",{"title":394,"path":395,"stem":396,"framework":16,"category":376,"description":397},"DashboardSearch","/docs/components/dashboard-search","docs/2.components/dashboard-search","A ready to use CommandPalette to add to your dashboard.",{"title":399,"path":400,"stem":401,"framework":16,"category":376,"description":402},"DashboardSearchButton","/docs/components/dashboard-search-button","docs/2.components/dashboard-search-button","A pre-styled Button to open the DashboardSearch modal.",{"title":404,"path":405,"stem":406,"framework":16,"category":376,"description":407},"DashboardSidebar","/docs/components/dashboard-sidebar","docs/2.components/dashboard-sidebar","A resizable and collapsible sidebar to display in a dashboard.",{"title":409,"path":410,"stem":411,"framework":16,"category":376,"description":412},"DashboardSidebarCollapse","/docs/components/dashboard-sidebar-collapse","docs/2.components/dashboard-sidebar-collapse","A Button to collapse the sidebar on desktop.",{"title":414,"path":415,"stem":416,"framework":16,"category":376,"description":417},"DashboardSidebarToggle","/docs/components/dashboard-sidebar-toggle","docs/2.components/dashboard-sidebar-toggle","A Button to toggle the sidebar on mobile.",{"title":419,"path":420,"stem":421,"framework":16,"category":376,"description":422},"DashboardToolbar","/docs/components/dashboard-toolbar","docs/2.components/dashboard-toolbar","A toolbar to display under the navbar in a dashboard.",{"title":424,"path":425,"stem":426,"framework":16,"category":370,"description":427},"Drawer","/docs/components/drawer","docs/2.components/drawer","A drawer that smoothly slides in & out of the screen.",{"title":429,"path":430,"stem":431,"framework":16,"category":370,"description":432},"DropdownMenu","/docs/components/dropdown-menu","docs/2.components/dropdown-menu","A menu to display actions when clicking on an element.",{"title":434,"path":435,"stem":436,"framework":16,"category":437,"description":438,"badge":439},"Editor","/docs/components/editor","docs/2.components/editor","editor","A rich text editor component based on TipTap with support for markdown, HTML, and JSON content types.","New",{"title":441,"path":442,"stem":443,"framework":16,"category":437,"description":444,"badge":439},"EditorDragHandle","/docs/components/editor-drag-handle","docs/2.components/editor-drag-handle","A draggable handle for reordering and selecting blocks in the editor.",{"title":446,"path":447,"stem":448,"framework":16,"category":437,"description":449,"badge":439},"EditorEmojiMenu","/docs/components/editor-emoji-menu","docs/2.components/editor-emoji-menu","An emoji picker menu that displays emoji suggestions when typing the : character in the editor.",{"title":451,"path":452,"stem":453,"framework":16,"category":437,"description":454,"badge":439},"EditorMentionMenu","/docs/components/editor-mention-menu","docs/2.components/editor-mention-menu","A mention menu that displays user suggestions when typing the @ character in the editor.",{"title":456,"path":457,"stem":458,"framework":16,"category":437,"description":459,"badge":439},"EditorSuggestionMenu","/docs/components/editor-suggestion-menu","docs/2.components/editor-suggestion-menu","A command menu that displays formatting and action suggestions when typing the / character in the editor.",{"title":461,"path":462,"stem":463,"framework":16,"category":437,"description":464,"badge":439},"EditorToolbar","/docs/components/editor-toolbar","docs/2.components/editor-toolbar","A customizable toolbar for editor actions that can be displayed as fixed, bubble, or floating menu.",{"title":466,"path":467,"stem":468,"framework":16,"category":166,"description":469},"Empty","/docs/components/empty","docs/2.components/empty","A component to display an empty state.",{"title":471,"path":472,"stem":473,"framework":16,"category":178,"description":474},"Error","/docs/components/error","docs/2.components/error","A pre-built error component with NuxtError support.",{"title":476,"path":477,"stem":478,"framework":16,"category":172,"description":479},"FieldGroup","/docs/components/field-group","docs/2.components/field-group","Group multiple button-like elements together.",{"title":481,"path":482,"stem":483,"framework":16,"category":282,"description":484},"FileUpload","/docs/components/file-upload","docs/2.components/file-upload","An input element to upload files.",{"title":486,"path":487,"stem":488,"framework":16,"category":178,"description":489},"Footer","/docs/components/footer","docs/2.components/footer","A responsive footer component.",{"title":491,"path":492,"stem":493,"framework":16,"category":220,"description":494},"FooterColumns","/docs/components/footer-columns","docs/2.components/footer-columns","A list of links as columns to display in your Footer.",{"title":496,"path":497,"stem":498,"framework":16,"category":282,"description":499},"Form","/docs/components/form","docs/2.components/form","A form component with built-in validation and submission handling.",{"title":501,"path":502,"stem":503,"framework":16,"category":282,"description":504},"FormField","/docs/components/form-field","docs/2.components/form-field","A wrapper for form elements that provides validation and error handling.",{"title":506,"path":507,"stem":508,"framework":16,"category":178,"description":509},"Header","/docs/components/header","docs/2.components/header","A responsive header component.",{"title":511,"path":512,"stem":513,"framework":16,"category":172,"description":514},"Icon","/docs/components/icon","docs/2.components/icon","A component to display any icon from Iconify or another component.",{"title":516,"path":517,"stem":518,"framework":16,"category":282,"description":519},"Input","/docs/components/input","docs/2.components/input","An input element to enter text.",{"title":521,"path":522,"stem":523,"framework":16,"category":282,"description":524},"InputDate","/docs/components/input-date","docs/2.components/input-date","An input component for date selection.",{"title":526,"path":527,"stem":528,"framework":16,"category":282,"description":529},"InputMenu","/docs/components/input-menu","docs/2.components/input-menu","An autocomplete input with real-time suggestions.",{"title":531,"path":532,"stem":533,"framework":16,"category":282,"description":534},"InputNumber","/docs/components/input-number","docs/2.components/input-number","An input for numerical values with a customizable range.",{"title":536,"path":537,"stem":538,"framework":16,"category":282,"description":539},"InputTags","/docs/components/input-tags","docs/2.components/input-tags","An input element that displays interactive tags.",{"title":541,"path":542,"stem":543,"framework":16,"category":282,"description":544},"InputTime","/docs/components/input-time","docs/2.components/input-time","An input for selecting a time.",{"title":546,"path":547,"stem":548,"framework":16,"category":172,"description":549},"Kbd","/docs/components/kbd","docs/2.components/kbd","A kbd element to display a keyboard key.",{"title":551,"path":552,"stem":553,"framework":16,"category":220,"description":554},"Link","/docs/components/link","docs/2.components/link","A wrapper around \u003CNuxtLink> with extra props.",{"title":556,"path":557,"stem":558,"framework":16,"category":559,"description":560},"LocaleSelect","/docs/components/locale-select","docs/2.components/locale-select","i18n","A Select to switch between locales.",{"title":562,"path":563,"stem":564,"framework":16,"category":178,"description":565},"Main","/docs/components/main","docs/2.components/main","A main element that fills the available viewport height.",{"title":567,"path":568,"stem":569,"framework":16,"category":166,"description":570},"Marquee","/docs/components/marquee","docs/2.components/marquee","A component to create infinite scrolling content.",{"title":572,"path":573,"stem":574,"framework":16,"category":370,"description":575},"Modal","/docs/components/modal","docs/2.components/modal","A dialog window that can be used to display a message or request user input.",{"title":577,"path":578,"stem":579,"framework":16,"category":220,"description":580},"NavigationMenu","/docs/components/navigation-menu","docs/2.components/navigation-menu","A list of links that can be displayed horizontally or vertically.",{"title":582,"path":583,"stem":584,"framework":16,"category":184,"description":585},"Page","/docs/components/page","docs/2.components/page","A grid layout for your pages with left and right columns.",{"title":587,"path":588,"stem":589,"framework":16,"category":184,"description":590},"PageAnchors","/docs/components/page-anchors","docs/2.components/page-anchors","A list of anchors to be displayed in the page.",{"title":592,"path":593,"stem":594,"framework":16,"category":184,"description":595},"PageAside","/docs/components/page-aside","docs/2.components/page-aside","A sticky aside to display your page navigation.",{"title":597,"path":598,"stem":599,"framework":16,"category":184,"description":600},"PageBody","/docs/components/page-body","docs/2.components/page-body","The main content of your page.",{"title":602,"path":603,"stem":604,"framework":16,"category":184,"description":605},"PageCard","/docs/components/page-card","docs/2.components/page-card","A pre-styled card component that displays a title, description and optional link.",{"title":607,"path":608,"stem":609,"framework":16,"category":184,"description":610},"PageColumns","/docs/components/page-columns","docs/2.components/page-columns","A responsive multi-column layout system for organizing content side-by-side.",{"title":612,"path":613,"stem":614,"framework":16,"category":184,"description":615},"PageCTA","/docs/components/page-cta","docs/2.components/page-cta","A call to action section to display in your pages.",{"title":617,"path":618,"stem":619,"framework":16,"category":184,"description":620},"PageFeature","/docs/components/page-feature","docs/2.components/page-feature","A component to showcase key features of your application.",{"title":622,"path":623,"stem":624,"framework":16,"category":184,"description":625},"PageGrid","/docs/components/page-grid","docs/2.components/page-grid","A responsive grid system for displaying content in a flexible layout.",{"title":627,"path":628,"stem":629,"framework":16,"category":184,"description":630},"PageHeader","/docs/components/page-header","docs/2.components/page-header","A responsive header for your pages.",{"title":632,"path":633,"stem":634,"framework":16,"category":184,"description":635},"PageHero","/docs/components/page-hero","docs/2.components/page-hero","A responsive hero for your pages.",{"title":637,"path":638,"stem":639,"framework":16,"category":184,"description":640},"PageLinks","/docs/components/page-links","docs/2.components/page-links","A list of links to be displayed in the page.",{"title":642,"path":643,"stem":644,"framework":16,"category":184,"description":645},"PageList","/docs/components/page-list","docs/2.components/page-list","A vertical list layout for displaying content in a stacked format.",{"title":647,"path":648,"stem":649,"framework":16,"category":184,"description":650},"PageLogos","/docs/components/page-logos","docs/2.components/page-logos","A list of logos or images to display on your pages.",{"title":652,"path":653,"stem":654,"framework":16,"category":184,"description":655},"PageSection","/docs/components/page-section","docs/2.components/page-section","A responsive section for your pages.",{"title":657,"path":658,"stem":659,"framework":16,"category":220,"description":660},"Pagination","/docs/components/pagination","docs/2.components/pagination","A list of buttons or links to navigate through pages.",{"title":662,"path":663,"stem":664,"framework":16,"category":282,"description":665},"PinInput","/docs/components/pin-input","docs/2.components/pin-input","An input element to enter a pin.",{"title":667,"path":668,"stem":669,"framework":16,"category":370,"description":670},"Popover","/docs/components/popover","docs/2.components/popover","A non-modal dialog that floats around a trigger element.",{"title":672,"path":673,"stem":674,"framework":16,"category":184,"description":675},"PricingPlan","/docs/components/pricing-plan","docs/2.components/pricing-plan","A customizable pricing plan to display in a pricing page.",{"title":677,"path":678,"stem":679,"framework":16,"category":184,"description":680},"PricingPlans","/docs/components/pricing-plans","docs/2.components/pricing-plans","Display a list of pricing plans in a responsive grid layout.",{"title":682,"path":683,"stem":684,"framework":16,"category":184,"description":685},"PricingTable","/docs/components/pricing-table","docs/2.components/pricing-table","A responsive pricing table component that displays tiered pricing plans with feature comparisons.",{"title":687,"path":688,"stem":689,"framework":16,"category":172,"description":690},"Progress","/docs/components/progress","docs/2.components/progress","An indicator showing the progress of a task.",{"title":692,"path":693,"stem":694,"framework":16,"category":282,"description":695},"RadioGroup","/docs/components/radio-group","docs/2.components/radio-group","A set of radio buttons to select a single option from a list.",{"title":697,"path":698,"stem":699,"framework":16,"category":166,"description":700,"badge":439},"ScrollArea","/docs/components/scroll-area","docs/2.components/scroll-area","A flexible scroll container with virtualization support.",{"title":702,"path":703,"stem":704,"framework":16,"category":282,"description":705},"Select","/docs/components/select","docs/2.components/select","A select element to choose from a list of options.",{"title":707,"path":708,"stem":709,"framework":16,"category":282,"description":710},"SelectMenu","/docs/components/select-menu","docs/2.components/select-menu","An advanced searchable select element.",{"title":712,"path":713,"stem":714,"framework":16,"category":172,"description":715},"Separator","/docs/components/separator","docs/2.components/separator","Separates content horizontally or vertically.",{"title":717,"path":718,"stem":719,"framework":16,"category":172,"description":720},"Skeleton","/docs/components/skeleton","docs/2.components/skeleton","A placeholder to show while content is loading.",{"title":722,"path":723,"stem":724,"framework":16,"category":370,"description":725},"Slideover","/docs/components/slideover","docs/2.components/slideover","A dialog that slides in from any side of the screen.",{"title":727,"path":728,"stem":729,"framework":16,"category":282,"description":730},"Slider","/docs/components/slider","docs/2.components/slider","An input to select a numeric value within a range.",{"title":732,"path":733,"stem":734,"framework":16,"category":220,"description":735},"Stepper","/docs/components/stepper","docs/2.components/stepper","A set of steps that are used to indicate progress through a multi-step process.",{"title":737,"path":738,"stem":739,"framework":16,"category":282,"description":740},"Switch","/docs/components/switch","docs/2.components/switch","A control that toggles between two states.",{"title":742,"path":743,"stem":744,"framework":16,"category":166,"description":745},"Table","/docs/components/table","docs/2.components/table","A responsive table element to display data in rows and columns.",{"title":747,"path":748,"stem":749,"framework":16,"category":220,"description":750},"Tabs","/docs/components/tabs","docs/2.components/tabs","A set of tab panels that are displayed one at a time.",{"title":752,"path":753,"stem":754,"framework":16,"category":282,"description":755},"Textarea","/docs/components/textarea","docs/2.components/textarea","A textarea element to input multi-line text.",{"title":757,"path":758,"stem":759,"framework":16,"category":166,"description":760},"Timeline","/docs/components/timeline","docs/2.components/timeline","A component that displays a sequence of events with dates, titles, icons or avatars.",{"title":762,"path":763,"stem":764,"framework":16,"category":370,"description":765},"Toast","/docs/components/toast","docs/2.components/toast","A succinct message to provide information or feedback to the user.",{"title":767,"path":768,"stem":769,"framework":16,"category":370,"description":770},"Tooltip","/docs/components/tooltip","docs/2.components/tooltip","A popup that reveals information when hovering over an element.",{"title":772,"path":773,"stem":774,"framework":16,"category":166,"description":775},"Tree","/docs/components/tree","docs/2.components/tree","A tree view component to display and interact with hierarchical data structures.",{"title":777,"path":778,"stem":779,"framework":16,"category":166,"description":780},"User","/docs/components/user","docs/2.components/user","Display user information with name, description and avatar.",{"title":782,"framework":16,"category":16,"description":16,"icon":783,"path":784,"stem":785,"children":786,"page":36},"Composables","i-lucide-square-function","/docs/composables","docs/3.composables",[787,792,797,802,807,812],{"title":788,"path":789,"stem":790,"framework":16,"category":16,"description":791},"defineLocale","/docs/composables/define-locale","docs/3.composables/define-locale","A utility to create a custom locale for your app.",{"title":793,"path":794,"stem":795,"framework":16,"category":16,"description":796},"defineShortcuts","/docs/composables/define-shortcuts","docs/3.composables/define-shortcuts","A composable to define keyboard shortcuts in your app.",{"title":798,"path":799,"stem":800,"framework":16,"category":16,"description":801},"extendLocale","/docs/composables/extend-locale","docs/3.composables/extend-locale","A utility to extend an existing locale with custom translations.",{"title":803,"path":804,"stem":805,"framework":16,"category":16,"description":806},"extractShortcuts","/docs/composables/extract-shortcuts","docs/3.composables/extract-shortcuts","A utility to extract keyboard shortcuts from menu items.",{"title":808,"path":809,"stem":810,"framework":16,"category":16,"description":811},"useOverlay","/docs/composables/use-overlay","docs/3.composables/use-overlay","A composable to programmatically control overlays.",{"title":813,"path":814,"stem":815,"framework":16,"category":16,"description":816},"useToast","/docs/composables/use-toast","docs/3.composables/use-toast","A composable to display toast notifications in your app.",{"title":818,"path":819,"stem":820,"children":821,"framework":28,"category":16,"description":16,"icon":917},"Typography","/docs/typography","docs/4.typography/1.index",[822,824,829,834,839,844,849,853,858,862,867,872,877,882,887,891,896,900,904,908,913],{"title":15,"path":819,"stem":820,"framework":28,"category":16,"description":823},"Beautiful typography components and utilities to style your content with Nuxt UI.",{"title":825,"path":826,"stem":827,"framework":28,"category":16,"description":828},"Headers and text","/docs/typography/headers-and-text","docs/4.typography/2.headers-and-text","Beautifully styled headings, paragraphs, text formatting, and links for optimal readability.",{"title":830,"path":831,"stem":832,"framework":28,"category":16,"description":833},"Lists and tables","/docs/typography/lists-and-tables","docs/4.typography/3.lists-and-tables","Organize information with styled lists and responsive tables for clear, consistent readability.",{"title":835,"path":836,"stem":837,"framework":28,"category":16,"description":838},"Images and embeds","/docs/typography/images-and-embeds","docs/4.typography/4.images-and-embeds","Responsive images, videos, and rich media embeds to enhance and illustrate your documentation.",{"title":840,"path":841,"stem":842,"framework":28,"category":16,"description":843},"Code","/docs/typography/code","docs/4.typography/5.code","Display inline code and syntax-highlighted code blocks with copy-to-clipboard support.",{"title":163,"path":845,"stem":846,"framework":28,"category":847,"description":848},"/docs/typography/accordion","docs/4.typography/accordion","components","Create expandable content sections for better information organization.",{"title":197,"path":850,"stem":851,"framework":28,"category":847,"description":852},"/docs/typography/badge","docs/4.typography/badge","Display version numbers, status labels, and tags within your content.",{"title":854,"path":855,"stem":856,"framework":28,"category":847,"description":857},"Callout","/docs/typography/callout","docs/4.typography/callout","Highlight important information with eye-catching colored boxes and icons.",{"title":233,"path":859,"stem":860,"framework":28,"category":847,"description":861},"/docs/typography/card","docs/4.typography/card","Create highlighted content blocks with optional links and navigation.",{"title":863,"path":864,"stem":865,"framework":28,"category":847,"description":866},"CardGroup","/docs/typography/card-group","docs/4.typography/card-group","Organize multiple cards in responsive grid layouts for better content presentation.",{"title":868,"path":869,"stem":870,"framework":28,"category":847,"description":871},"CodeCollapse","/docs/typography/code-collapse","docs/4.typography/code-collapse","Make long code blocks collapsible to save space and improve readability.",{"title":873,"path":874,"stem":875,"framework":28,"category":847,"description":876},"CodeGroup","/docs/typography/code-group","docs/4.typography/code-group","Group multiple code examples in tabbed interfaces for easy comparison.",{"title":878,"path":879,"stem":880,"framework":28,"category":847,"description":881},"CodePreview","/docs/typography/code-preview","docs/4.typography/code-preview","Display code examples with a preview and their source for clearer documentation.",{"title":883,"path":884,"stem":885,"framework":28,"category":847,"description":886},"CodeTree","/docs/typography/code-tree","docs/4.typography/code-tree","Visualize file and folder structures with syntax-highlighted code.",{"title":295,"path":888,"stem":889,"framework":28,"category":847,"description":890},"/docs/typography/collapsible","docs/4.typography/collapsible","Toggle content visibility with smooth expand and collapse animations.",{"title":892,"path":893,"stem":894,"framework":28,"category":847,"description":895},"Field","/docs/typography/field","docs/4.typography/field","Document API parameters, props, and configuration options clearly.",{"title":476,"path":897,"stem":898,"framework":28,"category":847,"description":899},"/docs/typography/field-group","docs/4.typography/field-group","Group related fields together for comprehensive API documentation.",{"title":511,"path":901,"stem":902,"framework":28,"category":847,"description":903},"/docs/typography/icon","docs/4.typography/icon","Display icons from popular icon libraries to enhance your content.",{"title":546,"path":905,"stem":906,"framework":28,"category":847,"description":907},"/docs/typography/kbd","docs/4.typography/kbd","Display keyboard shortcuts and key combinations with proper styling.",{"title":909,"path":910,"stem":911,"framework":28,"category":847,"description":912},"Steps","/docs/typography/steps","docs/4.typography/steps","Transform headings into numbered step-by-step guides and tutorials.",{"title":747,"path":914,"stem":915,"framework":28,"category":847,"description":916},"/docs/typography/tabs","docs/4.typography/tabs","Organize related content in interactive tabbed interfaces.","i-lucide-square-pilcrow",{"id":919,"title":622,"body":920,"category":184,"description":625,"extension":1003,"framework":16,"links":1004,"meta":1009,"navigation":16,"path":623,"seo":1010,"stem":624,"__hash__":1011},"docs/docs/2.components/page-grid.md",{"type":921,"value":922,"toc":991},"minimark",[923,928,936,942,954,959,963,968,971,975,978,981,984,988],[924,925,927],"h2",{"id":926},"usage","Usage",[929,930,931,932,935],"p",{},"The PageGrid component provides a responsive grid layout for displaying ",[933,934,602],"a",{"href":603}," components or any other elements, automatically adjusting from 1 to 3 columns based on screen size.",[937,938],"component-example",{"className":939,"name":941},[940],"p-8","page-grid-example",[929,943,944,945,949,950,953],{},"You can also use it to display a list of cards in a bento style layout by using ",[946,947,948],"code",{},"col-span-*"," and ",[946,951,952],{},"row-span-*"," utility classes.",[937,955],{"className":956,"name":957,":collapse":958},[940],"page-grid-bento-example","true",[924,960,962],{"id":961},"api","API",[964,965,967],"h3",{"id":966},"props","Props",[969,970],"component-props",{},[964,972,974],{"id":973},"slots","Slots",[976,977],"component-slots",{},[924,979,54],{"id":980},"theme",[982,983],"component-theme",{},[924,985,987],{"id":986},"changelog","Changelog",[989,990],"component-changelog",{},{"title":992,"searchDepth":993,"depth":993,"links":994},"",2,[995,996,1001,1002],{"id":926,"depth":993,"text":927},{"id":961,"depth":993,"text":962,"children":997},[998,1000],{"id":966,"depth":999,"text":967},3,{"id":973,"depth":999,"text":974},{"id":980,"depth":993,"text":54},{"id":986,"depth":993,"text":987},"md",[1005],{"label":1006,"icon":1007,"to":1008},"GitHub","i-simple-icons-github","https://github.com/nuxt/ui/blob/v4/src/runtime/components/PageGrid.vue",{},{"title":622,"description":625},"0lSXXeVCzu6mzo_bxK9VesNRVuDhqGJGs_Hi7oH7U2I",{"data":1013,"body":1014},{},{"type":1015,"children":1016},"root",[1017],{"type":172,"tag":929,"props":1018,"children":1019},{},[1020],{"type":1021,"value":625},"text",{"data":1023,"body":1024,"toc":1487},{"title":992,"description":992},{"type":1015,"children":1025},[1026,1174,1481],{"type":172,"tag":1027,"props":1028,"children":1031},"code-collapse",{"className":1029},[1030],"nuxt-only",[1032],{"type":172,"tag":1033,"props":1034,"children":1039},"pre",{"className":1035,"code":1036,"filename":1037,"language":1038,"meta":992,"style":992},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineAppConfig({\n  ui: {\n    pageGrid: {\n      base: 'relative grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8'\n    }\n  }\n})\n","app.config.ts","ts",[1040],{"type":172,"tag":946,"props":1041,"children":1042},{"__ignoreMap":992},[1043,1078,1097,1113,1142,1151,1160],{"type":172,"tag":1044,"props":1045,"children":1048},"span",{"class":1046,"line":1047},"line",1,[1049,1055,1060,1066,1072],{"type":172,"tag":1044,"props":1050,"children":1052},{"style":1051},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[1053],{"type":1021,"value":1054},"export",{"type":172,"tag":1044,"props":1056,"children":1057},{"style":1051},[1058],{"type":1021,"value":1059}," default",{"type":172,"tag":1044,"props":1061,"children":1063},{"style":1062},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[1064],{"type":1021,"value":1065}," defineAppConfig",{"type":172,"tag":1044,"props":1067,"children":1069},{"style":1068},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[1070],{"type":1021,"value":1071},"(",{"type":172,"tag":1044,"props":1073,"children":1075},{"style":1074},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[1076],{"type":1021,"value":1077},"{\n",{"type":172,"tag":1044,"props":1079,"children":1080},{"class":1046,"line":993},[1081,1087,1092],{"type":172,"tag":1044,"props":1082,"children":1084},{"style":1083},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[1085],{"type":1021,"value":1086},"  ui",{"type":172,"tag":1044,"props":1088,"children":1089},{"style":1074},[1090],{"type":1021,"value":1091},":",{"type":172,"tag":1044,"props":1093,"children":1094},{"style":1074},[1095],{"type":1021,"value":1096}," {\n",{"type":172,"tag":1044,"props":1098,"children":1099},{"class":1046,"line":999},[1100,1105,1109],{"type":172,"tag":1044,"props":1101,"children":1102},{"style":1083},[1103],{"type":1021,"value":1104},"    pageGrid",{"type":172,"tag":1044,"props":1106,"children":1107},{"style":1074},[1108],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":1110,"children":1111},{"style":1074},[1112],{"type":1021,"value":1096},{"type":172,"tag":1044,"props":1114,"children":1116},{"class":1046,"line":1115},4,[1117,1122,1126,1131,1137],{"type":172,"tag":1044,"props":1118,"children":1119},{"style":1083},[1120],{"type":1021,"value":1121},"      base",{"type":172,"tag":1044,"props":1123,"children":1124},{"style":1074},[1125],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":1127,"children":1128},{"style":1074},[1129],{"type":1021,"value":1130}," '",{"type":172,"tag":1044,"props":1132,"children":1134},{"style":1133},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[1135],{"type":1021,"value":1136},"relative grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8",{"type":172,"tag":1044,"props":1138,"children":1139},{"style":1074},[1140],{"type":1021,"value":1141},"'\n",{"type":172,"tag":1044,"props":1143,"children":1145},{"class":1046,"line":1144},5,[1146],{"type":172,"tag":1044,"props":1147,"children":1148},{"style":1074},[1149],{"type":1021,"value":1150},"    }\n",{"type":172,"tag":1044,"props":1152,"children":1154},{"class":1046,"line":1153},6,[1155],{"type":172,"tag":1044,"props":1156,"children":1157},{"style":1074},[1158],{"type":1021,"value":1159},"  }\n",{"type":172,"tag":1044,"props":1161,"children":1163},{"class":1046,"line":1162},7,[1164,1169],{"type":172,"tag":1044,"props":1165,"children":1166},{"style":1074},[1167],{"type":1021,"value":1168},"}",{"type":172,"tag":1044,"props":1170,"children":1171},{"style":1068},[1172],{"type":1021,"value":1173},")\n",{"type":172,"tag":1027,"props":1175,"children":1178},{"className":1176},[1177],"vue-only",[1179],{"type":172,"tag":1033,"props":1180,"children":1183},{"className":1035,"code":1181,"filename":1182,"language":1038,"meta":992,"style":992},"import { defineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport ui from '@nuxt/ui/vite'\n\nexport default defineConfig({\n  plugins: [\n    vue(),\n    ui({\n      ui: {\n        pageGrid: {\n          base: 'relative grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8'\n        }\n      }\n    })\n  ]\n})\n","vite.config.ts",[1184],{"type":172,"tag":946,"props":1185,"children":1186},{"__ignoreMap":992},[1187,1228,1258,1287,1295,1318,1335,1353,1370,1387,1404,1429,1438,1447,1460,1469],{"type":172,"tag":1044,"props":1188,"children":1189},{"class":1046,"line":1047},[1190,1195,1200,1205,1210,1215,1219,1224],{"type":172,"tag":1044,"props":1191,"children":1192},{"style":1051},[1193],{"type":1021,"value":1194},"import",{"type":172,"tag":1044,"props":1196,"children":1197},{"style":1074},[1198],{"type":1021,"value":1199}," {",{"type":172,"tag":1044,"props":1201,"children":1202},{"style":1068},[1203],{"type":1021,"value":1204}," defineConfig",{"type":172,"tag":1044,"props":1206,"children":1207},{"style":1074},[1208],{"type":1021,"value":1209}," }",{"type":172,"tag":1044,"props":1211,"children":1212},{"style":1051},[1213],{"type":1021,"value":1214}," from",{"type":172,"tag":1044,"props":1216,"children":1217},{"style":1074},[1218],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":1220,"children":1221},{"style":1133},[1222],{"type":1021,"value":1223},"vite",{"type":172,"tag":1044,"props":1225,"children":1226},{"style":1074},[1227],{"type":1021,"value":1141},{"type":172,"tag":1044,"props":1229,"children":1230},{"class":1046,"line":993},[1231,1235,1240,1245,1249,1254],{"type":172,"tag":1044,"props":1232,"children":1233},{"style":1051},[1234],{"type":1021,"value":1194},{"type":172,"tag":1044,"props":1236,"children":1237},{"style":1068},[1238],{"type":1021,"value":1239}," vue ",{"type":172,"tag":1044,"props":1241,"children":1242},{"style":1051},[1243],{"type":1021,"value":1244},"from",{"type":172,"tag":1044,"props":1246,"children":1247},{"style":1074},[1248],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":1250,"children":1251},{"style":1133},[1252],{"type":1021,"value":1253},"@vitejs/plugin-vue",{"type":172,"tag":1044,"props":1255,"children":1256},{"style":1074},[1257],{"type":1021,"value":1141},{"type":172,"tag":1044,"props":1259,"children":1260},{"class":1046,"line":999},[1261,1265,1270,1274,1278,1283],{"type":172,"tag":1044,"props":1262,"children":1263},{"style":1051},[1264],{"type":1021,"value":1194},{"type":172,"tag":1044,"props":1266,"children":1267},{"style":1068},[1268],{"type":1021,"value":1269}," ui ",{"type":172,"tag":1044,"props":1271,"children":1272},{"style":1051},[1273],{"type":1021,"value":1244},{"type":172,"tag":1044,"props":1275,"children":1276},{"style":1074},[1277],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":1279,"children":1280},{"style":1133},[1281],{"type":1021,"value":1282},"@nuxt/ui/vite",{"type":172,"tag":1044,"props":1284,"children":1285},{"style":1074},[1286],{"type":1021,"value":1141},{"type":172,"tag":1044,"props":1288,"children":1289},{"class":1046,"line":1115},[1290],{"type":172,"tag":1044,"props":1291,"children":1292},{"emptyLinePlaceholder":21},[1293],{"type":1021,"value":1294},"\n",{"type":172,"tag":1044,"props":1296,"children":1297},{"class":1046,"line":1144},[1298,1302,1306,1310,1314],{"type":172,"tag":1044,"props":1299,"children":1300},{"style":1051},[1301],{"type":1021,"value":1054},{"type":172,"tag":1044,"props":1303,"children":1304},{"style":1051},[1305],{"type":1021,"value":1059},{"type":172,"tag":1044,"props":1307,"children":1308},{"style":1062},[1309],{"type":1021,"value":1204},{"type":172,"tag":1044,"props":1311,"children":1312},{"style":1068},[1313],{"type":1021,"value":1071},{"type":172,"tag":1044,"props":1315,"children":1316},{"style":1074},[1317],{"type":1021,"value":1077},{"type":172,"tag":1044,"props":1319,"children":1320},{"class":1046,"line":1153},[1321,1326,1330],{"type":172,"tag":1044,"props":1322,"children":1323},{"style":1083},[1324],{"type":1021,"value":1325},"  plugins",{"type":172,"tag":1044,"props":1327,"children":1328},{"style":1074},[1329],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":1331,"children":1332},{"style":1068},[1333],{"type":1021,"value":1334}," [\n",{"type":172,"tag":1044,"props":1336,"children":1337},{"class":1046,"line":1162},[1338,1343,1348],{"type":172,"tag":1044,"props":1339,"children":1340},{"style":1062},[1341],{"type":1021,"value":1342},"    vue",{"type":172,"tag":1044,"props":1344,"children":1345},{"style":1068},[1346],{"type":1021,"value":1347},"()",{"type":172,"tag":1044,"props":1349,"children":1350},{"style":1074},[1351],{"type":1021,"value":1352},",\n",{"type":172,"tag":1044,"props":1354,"children":1356},{"class":1046,"line":1355},8,[1357,1362,1366],{"type":172,"tag":1044,"props":1358,"children":1359},{"style":1062},[1360],{"type":1021,"value":1361},"    ui",{"type":172,"tag":1044,"props":1363,"children":1364},{"style":1068},[1365],{"type":1021,"value":1071},{"type":172,"tag":1044,"props":1367,"children":1368},{"style":1074},[1369],{"type":1021,"value":1077},{"type":172,"tag":1044,"props":1371,"children":1373},{"class":1046,"line":1372},9,[1374,1379,1383],{"type":172,"tag":1044,"props":1375,"children":1376},{"style":1083},[1377],{"type":1021,"value":1378},"      ui",{"type":172,"tag":1044,"props":1380,"children":1381},{"style":1074},[1382],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":1384,"children":1385},{"style":1074},[1386],{"type":1021,"value":1096},{"type":172,"tag":1044,"props":1388,"children":1390},{"class":1046,"line":1389},10,[1391,1396,1400],{"type":172,"tag":1044,"props":1392,"children":1393},{"style":1083},[1394],{"type":1021,"value":1395},"        pageGrid",{"type":172,"tag":1044,"props":1397,"children":1398},{"style":1074},[1399],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":1401,"children":1402},{"style":1074},[1403],{"type":1021,"value":1096},{"type":172,"tag":1044,"props":1405,"children":1407},{"class":1046,"line":1406},11,[1408,1413,1417,1421,1425],{"type":172,"tag":1044,"props":1409,"children":1410},{"style":1083},[1411],{"type":1021,"value":1412},"          base",{"type":172,"tag":1044,"props":1414,"children":1415},{"style":1074},[1416],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":1418,"children":1419},{"style":1074},[1420],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":1422,"children":1423},{"style":1133},[1424],{"type":1021,"value":1136},{"type":172,"tag":1044,"props":1426,"children":1427},{"style":1074},[1428],{"type":1021,"value":1141},{"type":172,"tag":1044,"props":1430,"children":1432},{"class":1046,"line":1431},12,[1433],{"type":172,"tag":1044,"props":1434,"children":1435},{"style":1074},[1436],{"type":1021,"value":1437},"        }\n",{"type":172,"tag":1044,"props":1439,"children":1441},{"class":1046,"line":1440},13,[1442],{"type":172,"tag":1044,"props":1443,"children":1444},{"style":1074},[1445],{"type":1021,"value":1446},"      }\n",{"type":172,"tag":1044,"props":1448,"children":1450},{"class":1046,"line":1449},14,[1451,1456],{"type":172,"tag":1044,"props":1452,"children":1453},{"style":1074},[1454],{"type":1021,"value":1455},"    }",{"type":172,"tag":1044,"props":1457,"children":1458},{"style":1068},[1459],{"type":1021,"value":1173},{"type":172,"tag":1044,"props":1461,"children":1463},{"class":1046,"line":1462},15,[1464],{"type":172,"tag":1044,"props":1465,"children":1466},{"style":1068},[1467],{"type":1021,"value":1468},"  ]\n",{"type":172,"tag":1044,"props":1470,"children":1472},{"class":1046,"line":1471},16,[1473,1477],{"type":172,"tag":1044,"props":1474,"children":1475},{"style":1074},[1476],{"type":1021,"value":1168},{"type":172,"tag":1044,"props":1478,"children":1479},{"style":1068},[1480],{"type":1021,"value":1173},{"type":172,"tag":1482,"props":1483,"children":1484},"style",{},[1485],{"type":1021,"value":1486},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":992,"searchDepth":993,"depth":993,"links":1488},[],{"data":1490,"body":1491},{},{"type":1015,"children":1492},[1493],{"type":172,"tag":929,"props":1494,"children":1495},{},[1496],{"type":1021,"value":1497},"The element or component this component should render as.",{"data":1499,"body":1500,"toc":2199},{"title":992,"description":992},{"type":1015,"children":1501},[1502,2195],{"type":172,"tag":1033,"props":1503,"children":1506},{"className":1504,"code":1505,"language":34,"meta":992,"style":992},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nconst cards = ref([\n  {\n    title: 'Icons',\n    description: 'Nuxt UI integrates with Nuxt Icon to access over 200,000+ icons from Iconify.',\n    icon: 'i-lucide-smile',\n    to: '/docs/getting-started/integrations/icons'\n  },\n  {\n    title: 'Fonts',\n    description: 'Nuxt UI integrates with Nuxt Fonts to provide plug-and-play font optimization.',\n    icon: 'i-lucide-a-large-small',\n    to: '/docs/getting-started/integrations/fonts'\n  },\n  {\n    title: 'Color Mode',\n    description: 'Nuxt UI integrates with Nuxt Color Mode to switch between light and dark.',\n    icon: 'i-lucide-sun-moon',\n    to: '/docs/getting-started/integrations/color-mode'\n  }\n])\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CUPageGrid>\n    \u003CUPageCard\n      v-for=\"(card, index) in cards\"\n      :key=\"index\"\n      v-bind=\"card\"\n    />\n  \u003C/UPageGrid>\n\u003C/template>\n\n",[1507],{"type":172,"tag":946,"props":1508,"children":1509},{"__ignoreMap":992},[1510,1557,1584,1592,1621,1649,1683,1707,1715,1722,1749,1776,1807,1830,1837,1844,1871,1900,1932,1956,1964,1973,1990,1998,2015,2033,2047,2098,2128,2153,2162,2179],{"type":172,"tag":1044,"props":1511,"children":1512},{"class":1046,"line":1047},[1513,1518,1523,1529,1534,1539,1544,1548,1552],{"type":172,"tag":1044,"props":1514,"children":1515},{"style":1074},[1516],{"type":1021,"value":1517},"\u003C",{"type":172,"tag":1044,"props":1519,"children":1520},{"style":1083},[1521],{"type":1021,"value":1522},"script",{"type":172,"tag":1044,"props":1524,"children":1526},{"style":1525},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[1527],{"type":1021,"value":1528}," setup",{"type":172,"tag":1044,"props":1530,"children":1531},{"style":1525},[1532],{"type":1021,"value":1533}," lang",{"type":172,"tag":1044,"props":1535,"children":1536},{"style":1074},[1537],{"type":1021,"value":1538},"=",{"type":172,"tag":1044,"props":1540,"children":1541},{"style":1074},[1542],{"type":1021,"value":1543},"\"",{"type":172,"tag":1044,"props":1545,"children":1546},{"style":1133},[1547],{"type":1021,"value":1038},{"type":172,"tag":1044,"props":1549,"children":1550},{"style":1074},[1551],{"type":1021,"value":1543},{"type":172,"tag":1044,"props":1553,"children":1554},{"style":1074},[1555],{"type":1021,"value":1556},">\n",{"type":172,"tag":1044,"props":1558,"children":1559},{"class":1046,"line":993},[1560,1565,1570,1574,1579],{"type":172,"tag":1044,"props":1561,"children":1562},{"style":1525},[1563],{"type":1021,"value":1564},"const",{"type":172,"tag":1044,"props":1566,"children":1567},{"style":1068},[1568],{"type":1021,"value":1569}," cards ",{"type":172,"tag":1044,"props":1571,"children":1572},{"style":1074},[1573],{"type":1021,"value":1538},{"type":172,"tag":1044,"props":1575,"children":1576},{"style":1062},[1577],{"type":1021,"value":1578}," ref",{"type":172,"tag":1044,"props":1580,"children":1581},{"style":1068},[1582],{"type":1021,"value":1583},"([\n",{"type":172,"tag":1044,"props":1585,"children":1586},{"class":1046,"line":999},[1587],{"type":172,"tag":1044,"props":1588,"children":1589},{"style":1074},[1590],{"type":1021,"value":1591},"  {\n",{"type":172,"tag":1044,"props":1593,"children":1594},{"class":1046,"line":1115},[1595,1600,1604,1608,1612,1617],{"type":172,"tag":1044,"props":1596,"children":1597},{"style":1083},[1598],{"type":1021,"value":1599},"    title",{"type":172,"tag":1044,"props":1601,"children":1602},{"style":1074},[1603],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":1605,"children":1606},{"style":1074},[1607],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":1609,"children":1610},{"style":1133},[1611],{"type":1021,"value":82},{"type":172,"tag":1044,"props":1613,"children":1614},{"style":1074},[1615],{"type":1021,"value":1616},"'",{"type":172,"tag":1044,"props":1618,"children":1619},{"style":1074},[1620],{"type":1021,"value":1352},{"type":172,"tag":1044,"props":1622,"children":1623},{"class":1046,"line":1144},[1624,1629,1633,1637,1641,1645],{"type":172,"tag":1044,"props":1625,"children":1626},{"style":1083},[1627],{"type":1021,"value":1628},"    description",{"type":172,"tag":1044,"props":1630,"children":1631},{"style":1074},[1632],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":1634,"children":1635},{"style":1074},[1636],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":1638,"children":1639},{"style":1133},[1640],{"type":1021,"value":89},{"type":172,"tag":1044,"props":1642,"children":1643},{"style":1074},[1644],{"type":1021,"value":1616},{"type":172,"tag":1044,"props":1646,"children":1647},{"style":1074},[1648],{"type":1021,"value":1352},{"type":172,"tag":1044,"props":1650,"children":1651},{"class":1046,"line":1153},[1652,1657,1661,1665,1675,1679],{"type":172,"tag":1044,"props":1653,"children":1654},{"style":1083},[1655],{"type":1021,"value":1656},"    icon",{"type":172,"tag":1044,"props":1658,"children":1659},{"style":1074},[1660],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":1662,"children":1663},{"style":1074},[1664],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":1666,"children":1667},{"style":1133},[1668,1674],{"type":172,"tag":1669,"props":1670,"children":1673},"i",{"class":1671,"style":1672},"shiki-icon-highlight","--shiki-icon-url: url('https://api.iconify.design/lucide:smile.svg?color=%23000')",[],{"type":1021,"value":90},{"type":172,"tag":1044,"props":1676,"children":1677},{"style":1074},[1678],{"type":1021,"value":1616},{"type":172,"tag":1044,"props":1680,"children":1681},{"style":1074},[1682],{"type":1021,"value":1352},{"type":172,"tag":1044,"props":1684,"children":1685},{"class":1046,"line":1162},[1686,1691,1695,1699,1703],{"type":172,"tag":1044,"props":1687,"children":1688},{"style":1083},[1689],{"type":1021,"value":1690},"    to",{"type":172,"tag":1044,"props":1692,"children":1693},{"style":1074},[1694],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":1696,"children":1697},{"style":1074},[1698],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":1700,"children":1701},{"style":1133},[1702],{"type":1021,"value":83},{"type":172,"tag":1044,"props":1704,"children":1705},{"style":1074},[1706],{"type":1021,"value":1141},{"type":172,"tag":1044,"props":1708,"children":1709},{"class":1046,"line":1355},[1710],{"type":172,"tag":1044,"props":1711,"children":1712},{"style":1074},[1713],{"type":1021,"value":1714},"  },\n",{"type":172,"tag":1044,"props":1716,"children":1717},{"class":1046,"line":1372},[1718],{"type":172,"tag":1044,"props":1719,"children":1720},{"style":1074},[1721],{"type":1021,"value":1591},{"type":172,"tag":1044,"props":1723,"children":1724},{"class":1046,"line":1389},[1725,1729,1733,1737,1741,1745],{"type":172,"tag":1044,"props":1726,"children":1727},{"style":1083},[1728],{"type":1021,"value":1599},{"type":172,"tag":1044,"props":1730,"children":1731},{"style":1074},[1732],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":1734,"children":1735},{"style":1074},[1736],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":1738,"children":1739},{"style":1133},[1740],{"type":1021,"value":96},{"type":172,"tag":1044,"props":1742,"children":1743},{"style":1074},[1744],{"type":1021,"value":1616},{"type":172,"tag":1044,"props":1746,"children":1747},{"style":1074},[1748],{"type":1021,"value":1352},{"type":172,"tag":1044,"props":1750,"children":1751},{"class":1046,"line":1406},[1752,1756,1760,1764,1768,1772],{"type":172,"tag":1044,"props":1753,"children":1754},{"style":1083},[1755],{"type":1021,"value":1628},{"type":172,"tag":1044,"props":1757,"children":1758},{"style":1074},[1759],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":1761,"children":1762},{"style":1074},[1763],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":1765,"children":1766},{"style":1133},[1767],{"type":1021,"value":99},{"type":172,"tag":1044,"props":1769,"children":1770},{"style":1074},[1771],{"type":1021,"value":1616},{"type":172,"tag":1044,"props":1773,"children":1774},{"style":1074},[1775],{"type":1021,"value":1352},{"type":172,"tag":1044,"props":1777,"children":1778},{"class":1046,"line":1431},[1779,1783,1787,1791,1799,1803],{"type":172,"tag":1044,"props":1780,"children":1781},{"style":1083},[1782],{"type":1021,"value":1656},{"type":172,"tag":1044,"props":1784,"children":1785},{"style":1074},[1786],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":1788,"children":1789},{"style":1074},[1790],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":1792,"children":1793},{"style":1133},[1794,1798],{"type":172,"tag":1669,"props":1795,"children":1797},{"class":1671,"style":1796},"--shiki-icon-url: url('https://api.iconify.design/lucide:a-large-small.svg?color=%23000')",[],{"type":1021,"value":100},{"type":172,"tag":1044,"props":1800,"children":1801},{"style":1074},[1802],{"type":1021,"value":1616},{"type":172,"tag":1044,"props":1804,"children":1805},{"style":1074},[1806],{"type":1021,"value":1352},{"type":172,"tag":1044,"props":1808,"children":1809},{"class":1046,"line":1440},[1810,1814,1818,1822,1826],{"type":172,"tag":1044,"props":1811,"children":1812},{"style":1083},[1813],{"type":1021,"value":1690},{"type":172,"tag":1044,"props":1815,"children":1816},{"style":1074},[1817],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":1819,"children":1820},{"style":1074},[1821],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":1823,"children":1824},{"style":1133},[1825],{"type":1021,"value":97},{"type":172,"tag":1044,"props":1827,"children":1828},{"style":1074},[1829],{"type":1021,"value":1141},{"type":172,"tag":1044,"props":1831,"children":1832},{"class":1046,"line":1449},[1833],{"type":172,"tag":1044,"props":1834,"children":1835},{"style":1074},[1836],{"type":1021,"value":1714},{"type":172,"tag":1044,"props":1838,"children":1839},{"class":1046,"line":1462},[1840],{"type":172,"tag":1044,"props":1841,"children":1842},{"style":1074},[1843],{"type":1021,"value":1591},{"type":172,"tag":1044,"props":1845,"children":1846},{"class":1046,"line":1471},[1847,1851,1855,1859,1863,1867],{"type":172,"tag":1044,"props":1848,"children":1849},{"style":1083},[1850],{"type":1021,"value":1599},{"type":172,"tag":1044,"props":1852,"children":1853},{"style":1074},[1854],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":1856,"children":1857},{"style":1074},[1858],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":1860,"children":1861},{"style":1133},[1862],{"type":1021,"value":102},{"type":172,"tag":1044,"props":1864,"children":1865},{"style":1074},[1866],{"type":1021,"value":1616},{"type":172,"tag":1044,"props":1868,"children":1869},{"style":1074},[1870],{"type":1021,"value":1352},{"type":172,"tag":1044,"props":1872,"children":1874},{"class":1046,"line":1873},17,[1875,1879,1883,1887,1892,1896],{"type":172,"tag":1044,"props":1876,"children":1877},{"style":1083},[1878],{"type":1021,"value":1628},{"type":172,"tag":1044,"props":1880,"children":1881},{"style":1074},[1882],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":1884,"children":1885},{"style":1074},[1886],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":1888,"children":1889},{"style":1133},[1890],{"type":1021,"value":1891},"Nuxt UI integrates with Nuxt Color Mode to switch between light and dark.",{"type":172,"tag":1044,"props":1893,"children":1894},{"style":1074},[1895],{"type":1021,"value":1616},{"type":172,"tag":1044,"props":1897,"children":1898},{"style":1074},[1899],{"type":1021,"value":1352},{"type":172,"tag":1044,"props":1901,"children":1903},{"class":1046,"line":1902},18,[1904,1908,1912,1916,1924,1928],{"type":172,"tag":1044,"props":1905,"children":1906},{"style":1083},[1907],{"type":1021,"value":1656},{"type":172,"tag":1044,"props":1909,"children":1910},{"style":1074},[1911],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":1913,"children":1914},{"style":1074},[1915],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":1917,"children":1918},{"style":1133},[1919,1923],{"type":172,"tag":1669,"props":1920,"children":1922},{"class":1671,"style":1921},"--shiki-icon-url: url('https://api.iconify.design/lucide:sun-moon.svg?color=%23000')",[],{"type":1021,"value":110},{"type":172,"tag":1044,"props":1925,"children":1926},{"style":1074},[1927],{"type":1021,"value":1616},{"type":172,"tag":1044,"props":1929,"children":1930},{"style":1074},[1931],{"type":1021,"value":1352},{"type":172,"tag":1044,"props":1933,"children":1935},{"class":1046,"line":1934},19,[1936,1940,1944,1948,1952],{"type":172,"tag":1044,"props":1937,"children":1938},{"style":1083},[1939],{"type":1021,"value":1690},{"type":172,"tag":1044,"props":1941,"children":1942},{"style":1074},[1943],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":1945,"children":1946},{"style":1074},[1947],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":1949,"children":1950},{"style":1133},[1951],{"type":1021,"value":103},{"type":172,"tag":1044,"props":1953,"children":1954},{"style":1074},[1955],{"type":1021,"value":1141},{"type":172,"tag":1044,"props":1957,"children":1959},{"class":1046,"line":1958},20,[1960],{"type":172,"tag":1044,"props":1961,"children":1962},{"style":1074},[1963],{"type":1021,"value":1159},{"type":172,"tag":1044,"props":1965,"children":1967},{"class":1046,"line":1966},21,[1968],{"type":172,"tag":1044,"props":1969,"children":1970},{"style":1068},[1971],{"type":1021,"value":1972},"])\n",{"type":172,"tag":1044,"props":1974,"children":1976},{"class":1046,"line":1975},22,[1977,1982,1986],{"type":172,"tag":1044,"props":1978,"children":1979},{"style":1074},[1980],{"type":1021,"value":1981},"\u003C/",{"type":172,"tag":1044,"props":1983,"children":1984},{"style":1083},[1985],{"type":1021,"value":1522},{"type":172,"tag":1044,"props":1987,"children":1988},{"style":1074},[1989],{"type":1021,"value":1556},{"type":172,"tag":1044,"props":1991,"children":1993},{"class":1046,"line":1992},23,[1994],{"type":172,"tag":1044,"props":1995,"children":1996},{"emptyLinePlaceholder":21},[1997],{"type":1021,"value":1294},{"type":172,"tag":1044,"props":1999,"children":2001},{"class":1046,"line":2000},24,[2002,2006,2011],{"type":172,"tag":1044,"props":2003,"children":2004},{"style":1074},[2005],{"type":1021,"value":1517},{"type":172,"tag":1044,"props":2007,"children":2008},{"style":1083},[2009],{"type":1021,"value":2010},"template",{"type":172,"tag":1044,"props":2012,"children":2013},{"style":1074},[2014],{"type":1021,"value":1556},{"type":172,"tag":1044,"props":2016,"children":2018},{"class":1046,"line":2017},25,[2019,2024,2029],{"type":172,"tag":1044,"props":2020,"children":2021},{"style":1074},[2022],{"type":1021,"value":2023},"  \u003C",{"type":172,"tag":1044,"props":2025,"children":2026},{"style":1083},[2027],{"type":1021,"value":2028},"UPageGrid",{"type":172,"tag":1044,"props":2030,"children":2031},{"style":1074},[2032],{"type":1021,"value":1556},{"type":172,"tag":1044,"props":2034,"children":2036},{"class":1046,"line":2035},26,[2037,2042],{"type":172,"tag":1044,"props":2038,"children":2039},{"style":1074},[2040],{"type":1021,"value":2041},"    \u003C",{"type":172,"tag":1044,"props":2043,"children":2044},{"style":1083},[2045],{"type":1021,"value":2046},"UPageCard\n",{"type":172,"tag":1044,"props":2048,"children":2050},{"class":1046,"line":2049},27,[2051,2056,2060,2064,2068,2073,2078,2083,2088,2093],{"type":172,"tag":1044,"props":2052,"children":2053},{"style":1051},[2054],{"type":1021,"value":2055},"      v-for",{"type":172,"tag":1044,"props":2057,"children":2058},{"style":1074},[2059],{"type":1021,"value":1538},{"type":172,"tag":1044,"props":2061,"children":2062},{"style":1074},[2063],{"type":1021,"value":1543},{"type":172,"tag":1044,"props":2065,"children":2066},{"style":1074},[2067],{"type":1021,"value":1071},{"type":172,"tag":1044,"props":2069,"children":2070},{"style":1068},[2071],{"type":1021,"value":2072},"card",{"type":172,"tag":1044,"props":2074,"children":2075},{"style":1074},[2076],{"type":1021,"value":2077},", ",{"type":172,"tag":1044,"props":2079,"children":2080},{"style":1068},[2081],{"type":1021,"value":2082},"index",{"type":172,"tag":1044,"props":2084,"children":2085},{"style":1074},[2086],{"type":1021,"value":2087},") in ",{"type":172,"tag":1044,"props":2089,"children":2090},{"style":1068},[2091],{"type":1021,"value":2092},"cards",{"type":172,"tag":1044,"props":2094,"children":2095},{"style":1074},[2096],{"type":1021,"value":2097},"\"\n",{"type":172,"tag":1044,"props":2099,"children":2101},{"class":1046,"line":2100},28,[2102,2107,2112,2116,2120,2124],{"type":172,"tag":1044,"props":2103,"children":2104},{"style":1074},[2105],{"type":1021,"value":2106},"      :",{"type":172,"tag":1044,"props":2108,"children":2109},{"style":1525},[2110],{"type":1021,"value":2111},"key",{"type":172,"tag":1044,"props":2113,"children":2114},{"style":1074},[2115],{"type":1021,"value":1538},{"type":172,"tag":1044,"props":2117,"children":2118},{"style":1074},[2119],{"type":1021,"value":1543},{"type":172,"tag":1044,"props":2121,"children":2122},{"style":1068},[2123],{"type":1021,"value":2082},{"type":172,"tag":1044,"props":2125,"children":2126},{"style":1074},[2127],{"type":1021,"value":2097},{"type":172,"tag":1044,"props":2129,"children":2131},{"class":1046,"line":2130},29,[2132,2137,2141,2145,2149],{"type":172,"tag":1044,"props":2133,"children":2134},{"style":1525},[2135],{"type":1021,"value":2136},"      v-bind",{"type":172,"tag":1044,"props":2138,"children":2139},{"style":1074},[2140],{"type":1021,"value":1538},{"type":172,"tag":1044,"props":2142,"children":2143},{"style":1074},[2144],{"type":1021,"value":1543},{"type":172,"tag":1044,"props":2146,"children":2147},{"style":1068},[2148],{"type":1021,"value":2072},{"type":172,"tag":1044,"props":2150,"children":2151},{"style":1074},[2152],{"type":1021,"value":2097},{"type":172,"tag":1044,"props":2154,"children":2156},{"class":1046,"line":2155},30,[2157],{"type":172,"tag":1044,"props":2158,"children":2159},{"style":1074},[2160],{"type":1021,"value":2161},"    />\n",{"type":172,"tag":1044,"props":2163,"children":2165},{"class":1046,"line":2164},31,[2166,2171,2175],{"type":172,"tag":1044,"props":2167,"children":2168},{"style":1074},[2169],{"type":1021,"value":2170},"  \u003C/",{"type":172,"tag":1044,"props":2172,"children":2173},{"style":1083},[2174],{"type":1021,"value":2028},{"type":172,"tag":1044,"props":2176,"children":2177},{"style":1074},[2178],{"type":1021,"value":1556},{"type":172,"tag":1044,"props":2180,"children":2182},{"class":1046,"line":2181},32,[2183,2187,2191],{"type":172,"tag":1044,"props":2184,"children":2185},{"style":1074},[2186],{"type":1021,"value":1981},{"type":172,"tag":1044,"props":2188,"children":2189},{"style":1083},[2190],{"type":1021,"value":2010},{"type":172,"tag":1044,"props":2192,"children":2193},{"style":1074},[2194],{"type":1021,"value":1556},{"type":172,"tag":1482,"props":2196,"children":2197},{},[2198],{"type":1021,"value":1486},{"title":992,"searchDepth":993,"depth":993,"links":2200},[],{"data":2202,"body":2203,"toc":3762},{"title":992,"description":992},{"type":1015,"children":2204},[2205,3758],{"type":172,"tag":1027,"props":2206,"children":2207},{},[2208],{"type":172,"tag":1033,"props":2209,"children":2211},{"className":1504,"code":2210,"language":34,"meta":992,"style":992},"\u003Cscript setup lang=\"ts\">\nconst cards = ref([\n  {\n    title: 'Theme',\n    description: 'Learn how to customize Nuxt UI components using Tailwind CSS v4.',\n    icon: 'i-lucide-swatch-book',\n    to: '/docs/getting-started/theme/design-system',\n    class: 'lg:col-span-2',\n    image: {\n      path: 'https://ui2.nuxt.com/illustrations/color-palette',\n      width: 363,\n      height: 152\n    },\n    orientation: 'horizontal' as const\n  },\n  {\n    title: 'Fonts',\n    description: 'Nuxt UI integrates with Nuxt Fonts to provide plug-and-play font optimization.',\n    icon: 'i-lucide-a-large-small',\n    to: '/docs/getting-started/integrations/fonts',\n    variant: 'soft' as const\n  },\n  {\n    title: 'Color Mode',\n    description: 'Nuxt UI integrates with Nuxt Color Mode to switch between light and dark.',\n    icon: 'i-lucide-sun-moon',\n    to: '/docs/getting-started/integrations/color-mode',\n    variant: 'soft' as const\n  },\n  {\n    title: 'Icons',\n    description: 'Nuxt UI integrates with Nuxt Icon to access over 200,000+ icons from Iconify.',\n    icon: 'i-lucide-smile',\n    to: '/docs/getting-started/integrations/icons',\n    image: {\n      path: 'https://ui2.nuxt.com/illustrations/icon-library',\n      width: 362,\n      height: 184\n    },\n    class: 'lg:col-span-2',\n    orientation: 'horizontal' as const,\n    reverse: true\n  }\n])\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CUPageGrid>\n    \u003CUPageCard\n      v-for=\"(card, index) in cards\"\n      :key=\"index\"\n      v-bind=\"card\"\n    >\n      \u003CUColorModeImage\n        v-if=\"card.image\"\n        :light=\"`${card.image.path}-light.svg`\"\n        :dark=\"`${card.image.path}-dark.svg`\"\n        :width=\"card.image.width\"\n        :height=\"card.image.height\"\n        :alt=\"card.title\"\n        loading=\"lazy\"\n        class=\"w-full\"\n      />\n    \u003C/UPageCard>\n  \u003C/UPageGrid>\n\u003C/template>\n\n",[2212],{"type":172,"tag":946,"props":2213,"children":2214},{"__ignoreMap":992},[2215,2254,2277,2284,2311,2339,2370,2397,2426,2442,2471,2493,2510,2518,2553,2560,2567,2594,2621,2651,2678,2711,2718,2725,2752,2779,2809,2836,2867,2874,2881,2908,2935,2966,2994,3010,3039,3060,3077,3085,3113,3150,3169,3177,3185,3201,3209,3225,3241,3253,3297,3325,3349,3358,3372,3407,3465,3519,3564,3609,3647,3673,3699,3708,3726,3742],{"type":172,"tag":1044,"props":2216,"children":2217},{"class":1046,"line":1047},[2218,2222,2226,2230,2234,2238,2242,2246,2250],{"type":172,"tag":1044,"props":2219,"children":2220},{"style":1074},[2221],{"type":1021,"value":1517},{"type":172,"tag":1044,"props":2223,"children":2224},{"style":1083},[2225],{"type":1021,"value":1522},{"type":172,"tag":1044,"props":2227,"children":2228},{"style":1525},[2229],{"type":1021,"value":1528},{"type":172,"tag":1044,"props":2231,"children":2232},{"style":1525},[2233],{"type":1021,"value":1533},{"type":172,"tag":1044,"props":2235,"children":2236},{"style":1074},[2237],{"type":1021,"value":1538},{"type":172,"tag":1044,"props":2239,"children":2240},{"style":1074},[2241],{"type":1021,"value":1543},{"type":172,"tag":1044,"props":2243,"children":2244},{"style":1133},[2245],{"type":1021,"value":1038},{"type":172,"tag":1044,"props":2247,"children":2248},{"style":1074},[2249],{"type":1021,"value":1543},{"type":172,"tag":1044,"props":2251,"children":2252},{"style":1074},[2253],{"type":1021,"value":1556},{"type":172,"tag":1044,"props":2255,"children":2256},{"class":1046,"line":993},[2257,2261,2265,2269,2273],{"type":172,"tag":1044,"props":2258,"children":2259},{"style":1525},[2260],{"type":1021,"value":1564},{"type":172,"tag":1044,"props":2262,"children":2263},{"style":1068},[2264],{"type":1021,"value":1569},{"type":172,"tag":1044,"props":2266,"children":2267},{"style":1074},[2268],{"type":1021,"value":1538},{"type":172,"tag":1044,"props":2270,"children":2271},{"style":1062},[2272],{"type":1021,"value":1578},{"type":172,"tag":1044,"props":2274,"children":2275},{"style":1068},[2276],{"type":1021,"value":1583},{"type":172,"tag":1044,"props":2278,"children":2279},{"class":1046,"line":999},[2280],{"type":172,"tag":1044,"props":2281,"children":2282},{"style":1074},[2283],{"type":1021,"value":1591},{"type":172,"tag":1044,"props":2285,"children":2286},{"class":1046,"line":1115},[2287,2291,2295,2299,2303,2307],{"type":172,"tag":1044,"props":2288,"children":2289},{"style":1083},[2290],{"type":1021,"value":1599},{"type":172,"tag":1044,"props":2292,"children":2293},{"style":1074},[2294],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":2296,"children":2297},{"style":1074},[2298],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":2300,"children":2301},{"style":1133},[2302],{"type":1021,"value":54},{"type":172,"tag":1044,"props":2304,"children":2305},{"style":1074},[2306],{"type":1021,"value":1616},{"type":172,"tag":1044,"props":2308,"children":2309},{"style":1074},[2310],{"type":1021,"value":1352},{"type":172,"tag":1044,"props":2312,"children":2313},{"class":1046,"line":1144},[2314,2318,2322,2326,2331,2335],{"type":172,"tag":1044,"props":2315,"children":2316},{"style":1083},[2317],{"type":1021,"value":1628},{"type":172,"tag":1044,"props":2319,"children":2320},{"style":1074},[2321],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":2323,"children":2324},{"style":1074},[2325],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":2327,"children":2328},{"style":1133},[2329],{"type":1021,"value":2330},"Learn how to customize Nuxt UI components using Tailwind CSS v4.",{"type":172,"tag":1044,"props":2332,"children":2333},{"style":1074},[2334],{"type":1021,"value":1616},{"type":172,"tag":1044,"props":2336,"children":2337},{"style":1074},[2338],{"type":1021,"value":1352},{"type":172,"tag":1044,"props":2340,"children":2341},{"class":1046,"line":1153},[2342,2346,2350,2354,2362,2366],{"type":172,"tag":1044,"props":2343,"children":2344},{"style":1083},[2345],{"type":1021,"value":1656},{"type":172,"tag":1044,"props":2347,"children":2348},{"style":1074},[2349],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":2351,"children":2352},{"style":1074},[2353],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":2355,"children":2356},{"style":1133},[2357,2361],{"type":172,"tag":1669,"props":2358,"children":2360},{"class":1671,"style":2359},"--shiki-icon-url: url('https://api.iconify.design/lucide:swatch-book.svg?color=%23000')",[],{"type":1021,"value":69},{"type":172,"tag":1044,"props":2363,"children":2364},{"style":1074},[2365],{"type":1021,"value":1616},{"type":172,"tag":1044,"props":2367,"children":2368},{"style":1074},[2369],{"type":1021,"value":1352},{"type":172,"tag":1044,"props":2371,"children":2372},{"class":1046,"line":1162},[2373,2377,2381,2385,2389,2393],{"type":172,"tag":1044,"props":2374,"children":2375},{"style":1083},[2376],{"type":1021,"value":1690},{"type":172,"tag":1044,"props":2378,"children":2379},{"style":1074},[2380],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":2382,"children":2383},{"style":1074},[2384],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":2386,"children":2387},{"style":1133},[2388],{"type":1021,"value":60},{"type":172,"tag":1044,"props":2390,"children":2391},{"style":1074},[2392],{"type":1021,"value":1616},{"type":172,"tag":1044,"props":2394,"children":2395},{"style":1074},[2396],{"type":1021,"value":1352},{"type":172,"tag":1044,"props":2398,"children":2399},{"class":1046,"line":1355},[2400,2405,2409,2413,2418,2422],{"type":172,"tag":1044,"props":2401,"children":2402},{"style":1083},[2403],{"type":1021,"value":2404},"    class",{"type":172,"tag":1044,"props":2406,"children":2407},{"style":1074},[2408],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":2410,"children":2411},{"style":1074},[2412],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":2414,"children":2415},{"style":1133},[2416],{"type":1021,"value":2417},"lg:col-span-2",{"type":172,"tag":1044,"props":2419,"children":2420},{"style":1074},[2421],{"type":1021,"value":1616},{"type":172,"tag":1044,"props":2423,"children":2424},{"style":1074},[2425],{"type":1021,"value":1352},{"type":172,"tag":1044,"props":2427,"children":2428},{"class":1046,"line":1372},[2429,2434,2438],{"type":172,"tag":1044,"props":2430,"children":2431},{"style":1083},[2432],{"type":1021,"value":2433},"    image",{"type":172,"tag":1044,"props":2435,"children":2436},{"style":1074},[2437],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":2439,"children":2440},{"style":1074},[2441],{"type":1021,"value":1096},{"type":172,"tag":1044,"props":2443,"children":2444},{"class":1046,"line":1389},[2445,2450,2454,2458,2463,2467],{"type":172,"tag":1044,"props":2446,"children":2447},{"style":1083},[2448],{"type":1021,"value":2449},"      path",{"type":172,"tag":1044,"props":2451,"children":2452},{"style":1074},[2453],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":2455,"children":2456},{"style":1074},[2457],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":2459,"children":2460},{"style":1133},[2461],{"type":1021,"value":2462},"https://ui2.nuxt.com/illustrations/color-palette",{"type":172,"tag":1044,"props":2464,"children":2465},{"style":1074},[2466],{"type":1021,"value":1616},{"type":172,"tag":1044,"props":2468,"children":2469},{"style":1074},[2470],{"type":1021,"value":1352},{"type":172,"tag":1044,"props":2472,"children":2473},{"class":1046,"line":1406},[2474,2479,2483,2489],{"type":172,"tag":1044,"props":2475,"children":2476},{"style":1083},[2477],{"type":1021,"value":2478},"      width",{"type":172,"tag":1044,"props":2480,"children":2481},{"style":1074},[2482],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":2484,"children":2486},{"style":2485},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[2487],{"type":1021,"value":2488}," 363",{"type":172,"tag":1044,"props":2490,"children":2491},{"style":1074},[2492],{"type":1021,"value":1352},{"type":172,"tag":1044,"props":2494,"children":2495},{"class":1046,"line":1431},[2496,2501,2505],{"type":172,"tag":1044,"props":2497,"children":2498},{"style":1083},[2499],{"type":1021,"value":2500},"      height",{"type":172,"tag":1044,"props":2502,"children":2503},{"style":1074},[2504],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":2506,"children":2507},{"style":2485},[2508],{"type":1021,"value":2509}," 152\n",{"type":172,"tag":1044,"props":2511,"children":2512},{"class":1046,"line":1440},[2513],{"type":172,"tag":1044,"props":2514,"children":2515},{"style":1074},[2516],{"type":1021,"value":2517},"    },\n",{"type":172,"tag":1044,"props":2519,"children":2520},{"class":1046,"line":1449},[2521,2526,2530,2534,2539,2543,2548],{"type":172,"tag":1044,"props":2522,"children":2523},{"style":1083},[2524],{"type":1021,"value":2525},"    orientation",{"type":172,"tag":1044,"props":2527,"children":2528},{"style":1074},[2529],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":2531,"children":2532},{"style":1074},[2533],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":2535,"children":2536},{"style":1133},[2537],{"type":1021,"value":2538},"horizontal",{"type":172,"tag":1044,"props":2540,"children":2541},{"style":1074},[2542],{"type":1021,"value":1616},{"type":172,"tag":1044,"props":2544,"children":2545},{"style":1051},[2546],{"type":1021,"value":2547}," as",{"type":172,"tag":1044,"props":2549,"children":2550},{"style":1525},[2551],{"type":1021,"value":2552}," const\n",{"type":172,"tag":1044,"props":2554,"children":2555},{"class":1046,"line":1462},[2556],{"type":172,"tag":1044,"props":2557,"children":2558},{"style":1074},[2559],{"type":1021,"value":1714},{"type":172,"tag":1044,"props":2561,"children":2562},{"class":1046,"line":1471},[2563],{"type":172,"tag":1044,"props":2564,"children":2565},{"style":1074},[2566],{"type":1021,"value":1591},{"type":172,"tag":1044,"props":2568,"children":2569},{"class":1046,"line":1873},[2570,2574,2578,2582,2586,2590],{"type":172,"tag":1044,"props":2571,"children":2572},{"style":1083},[2573],{"type":1021,"value":1599},{"type":172,"tag":1044,"props":2575,"children":2576},{"style":1074},[2577],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":2579,"children":2580},{"style":1074},[2581],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":2583,"children":2584},{"style":1133},[2585],{"type":1021,"value":96},{"type":172,"tag":1044,"props":2587,"children":2588},{"style":1074},[2589],{"type":1021,"value":1616},{"type":172,"tag":1044,"props":2591,"children":2592},{"style":1074},[2593],{"type":1021,"value":1352},{"type":172,"tag":1044,"props":2595,"children":2596},{"class":1046,"line":1902},[2597,2601,2605,2609,2613,2617],{"type":172,"tag":1044,"props":2598,"children":2599},{"style":1083},[2600],{"type":1021,"value":1628},{"type":172,"tag":1044,"props":2602,"children":2603},{"style":1074},[2604],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":2606,"children":2607},{"style":1074},[2608],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":2610,"children":2611},{"style":1133},[2612],{"type":1021,"value":99},{"type":172,"tag":1044,"props":2614,"children":2615},{"style":1074},[2616],{"type":1021,"value":1616},{"type":172,"tag":1044,"props":2618,"children":2619},{"style":1074},[2620],{"type":1021,"value":1352},{"type":172,"tag":1044,"props":2622,"children":2623},{"class":1046,"line":1934},[2624,2628,2632,2636,2643,2647],{"type":172,"tag":1044,"props":2625,"children":2626},{"style":1083},[2627],{"type":1021,"value":1656},{"type":172,"tag":1044,"props":2629,"children":2630},{"style":1074},[2631],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":2633,"children":2634},{"style":1074},[2635],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":2637,"children":2638},{"style":1133},[2639,2642],{"type":172,"tag":1669,"props":2640,"children":2641},{"class":1671,"style":1796},[],{"type":1021,"value":100},{"type":172,"tag":1044,"props":2644,"children":2645},{"style":1074},[2646],{"type":1021,"value":1616},{"type":172,"tag":1044,"props":2648,"children":2649},{"style":1074},[2650],{"type":1021,"value":1352},{"type":172,"tag":1044,"props":2652,"children":2653},{"class":1046,"line":1958},[2654,2658,2662,2666,2670,2674],{"type":172,"tag":1044,"props":2655,"children":2656},{"style":1083},[2657],{"type":1021,"value":1690},{"type":172,"tag":1044,"props":2659,"children":2660},{"style":1074},[2661],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":2663,"children":2664},{"style":1074},[2665],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":2667,"children":2668},{"style":1133},[2669],{"type":1021,"value":97},{"type":172,"tag":1044,"props":2671,"children":2672},{"style":1074},[2673],{"type":1021,"value":1616},{"type":172,"tag":1044,"props":2675,"children":2676},{"style":1074},[2677],{"type":1021,"value":1352},{"type":172,"tag":1044,"props":2679,"children":2680},{"class":1046,"line":1966},[2681,2686,2690,2694,2699,2703,2707],{"type":172,"tag":1044,"props":2682,"children":2683},{"style":1083},[2684],{"type":1021,"value":2685},"    variant",{"type":172,"tag":1044,"props":2687,"children":2688},{"style":1074},[2689],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":2691,"children":2692},{"style":1074},[2693],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":2695,"children":2696},{"style":1133},[2697],{"type":1021,"value":2698},"soft",{"type":172,"tag":1044,"props":2700,"children":2701},{"style":1074},[2702],{"type":1021,"value":1616},{"type":172,"tag":1044,"props":2704,"children":2705},{"style":1051},[2706],{"type":1021,"value":2547},{"type":172,"tag":1044,"props":2708,"children":2709},{"style":1525},[2710],{"type":1021,"value":2552},{"type":172,"tag":1044,"props":2712,"children":2713},{"class":1046,"line":1975},[2714],{"type":172,"tag":1044,"props":2715,"children":2716},{"style":1074},[2717],{"type":1021,"value":1714},{"type":172,"tag":1044,"props":2719,"children":2720},{"class":1046,"line":1992},[2721],{"type":172,"tag":1044,"props":2722,"children":2723},{"style":1074},[2724],{"type":1021,"value":1591},{"type":172,"tag":1044,"props":2726,"children":2727},{"class":1046,"line":2000},[2728,2732,2736,2740,2744,2748],{"type":172,"tag":1044,"props":2729,"children":2730},{"style":1083},[2731],{"type":1021,"value":1599},{"type":172,"tag":1044,"props":2733,"children":2734},{"style":1074},[2735],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":2737,"children":2738},{"style":1074},[2739],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":2741,"children":2742},{"style":1133},[2743],{"type":1021,"value":102},{"type":172,"tag":1044,"props":2745,"children":2746},{"style":1074},[2747],{"type":1021,"value":1616},{"type":172,"tag":1044,"props":2749,"children":2750},{"style":1074},[2751],{"type":1021,"value":1352},{"type":172,"tag":1044,"props":2753,"children":2754},{"class":1046,"line":2017},[2755,2759,2763,2767,2771,2775],{"type":172,"tag":1044,"props":2756,"children":2757},{"style":1083},[2758],{"type":1021,"value":1628},{"type":172,"tag":1044,"props":2760,"children":2761},{"style":1074},[2762],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":2764,"children":2765},{"style":1074},[2766],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":2768,"children":2769},{"style":1133},[2770],{"type":1021,"value":1891},{"type":172,"tag":1044,"props":2772,"children":2773},{"style":1074},[2774],{"type":1021,"value":1616},{"type":172,"tag":1044,"props":2776,"children":2777},{"style":1074},[2778],{"type":1021,"value":1352},{"type":172,"tag":1044,"props":2780,"children":2781},{"class":1046,"line":2035},[2782,2786,2790,2794,2801,2805],{"type":172,"tag":1044,"props":2783,"children":2784},{"style":1083},[2785],{"type":1021,"value":1656},{"type":172,"tag":1044,"props":2787,"children":2788},{"style":1074},[2789],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":2791,"children":2792},{"style":1074},[2793],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":2795,"children":2796},{"style":1133},[2797,2800],{"type":172,"tag":1669,"props":2798,"children":2799},{"class":1671,"style":1921},[],{"type":1021,"value":110},{"type":172,"tag":1044,"props":2802,"children":2803},{"style":1074},[2804],{"type":1021,"value":1616},{"type":172,"tag":1044,"props":2806,"children":2807},{"style":1074},[2808],{"type":1021,"value":1352},{"type":172,"tag":1044,"props":2810,"children":2811},{"class":1046,"line":2049},[2812,2816,2820,2824,2828,2832],{"type":172,"tag":1044,"props":2813,"children":2814},{"style":1083},[2815],{"type":1021,"value":1690},{"type":172,"tag":1044,"props":2817,"children":2818},{"style":1074},[2819],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":2821,"children":2822},{"style":1074},[2823],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":2825,"children":2826},{"style":1133},[2827],{"type":1021,"value":103},{"type":172,"tag":1044,"props":2829,"children":2830},{"style":1074},[2831],{"type":1021,"value":1616},{"type":172,"tag":1044,"props":2833,"children":2834},{"style":1074},[2835],{"type":1021,"value":1352},{"type":172,"tag":1044,"props":2837,"children":2838},{"class":1046,"line":2100},[2839,2843,2847,2851,2855,2859,2863],{"type":172,"tag":1044,"props":2840,"children":2841},{"style":1083},[2842],{"type":1021,"value":2685},{"type":172,"tag":1044,"props":2844,"children":2845},{"style":1074},[2846],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":2848,"children":2849},{"style":1074},[2850],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":2852,"children":2853},{"style":1133},[2854],{"type":1021,"value":2698},{"type":172,"tag":1044,"props":2856,"children":2857},{"style":1074},[2858],{"type":1021,"value":1616},{"type":172,"tag":1044,"props":2860,"children":2861},{"style":1051},[2862],{"type":1021,"value":2547},{"type":172,"tag":1044,"props":2864,"children":2865},{"style":1525},[2866],{"type":1021,"value":2552},{"type":172,"tag":1044,"props":2868,"children":2869},{"class":1046,"line":2130},[2870],{"type":172,"tag":1044,"props":2871,"children":2872},{"style":1074},[2873],{"type":1021,"value":1714},{"type":172,"tag":1044,"props":2875,"children":2876},{"class":1046,"line":2155},[2877],{"type":172,"tag":1044,"props":2878,"children":2879},{"style":1074},[2880],{"type":1021,"value":1591},{"type":172,"tag":1044,"props":2882,"children":2883},{"class":1046,"line":2164},[2884,2888,2892,2896,2900,2904],{"type":172,"tag":1044,"props":2885,"children":2886},{"style":1083},[2887],{"type":1021,"value":1599},{"type":172,"tag":1044,"props":2889,"children":2890},{"style":1074},[2891],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":2893,"children":2894},{"style":1074},[2895],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":2897,"children":2898},{"style":1133},[2899],{"type":1021,"value":82},{"type":172,"tag":1044,"props":2901,"children":2902},{"style":1074},[2903],{"type":1021,"value":1616},{"type":172,"tag":1044,"props":2905,"children":2906},{"style":1074},[2907],{"type":1021,"value":1352},{"type":172,"tag":1044,"props":2909,"children":2910},{"class":1046,"line":2181},[2911,2915,2919,2923,2927,2931],{"type":172,"tag":1044,"props":2912,"children":2913},{"style":1083},[2914],{"type":1021,"value":1628},{"type":172,"tag":1044,"props":2916,"children":2917},{"style":1074},[2918],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":2920,"children":2921},{"style":1074},[2922],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":2924,"children":2925},{"style":1133},[2926],{"type":1021,"value":89},{"type":172,"tag":1044,"props":2928,"children":2929},{"style":1074},[2930],{"type":1021,"value":1616},{"type":172,"tag":1044,"props":2932,"children":2933},{"style":1074},[2934],{"type":1021,"value":1352},{"type":172,"tag":1044,"props":2936,"children":2938},{"class":1046,"line":2937},33,[2939,2943,2947,2951,2958,2962],{"type":172,"tag":1044,"props":2940,"children":2941},{"style":1083},[2942],{"type":1021,"value":1656},{"type":172,"tag":1044,"props":2944,"children":2945},{"style":1074},[2946],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":2948,"children":2949},{"style":1074},[2950],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":2952,"children":2953},{"style":1133},[2954,2957],{"type":172,"tag":1669,"props":2955,"children":2956},{"class":1671,"style":1672},[],{"type":1021,"value":90},{"type":172,"tag":1044,"props":2959,"children":2960},{"style":1074},[2961],{"type":1021,"value":1616},{"type":172,"tag":1044,"props":2963,"children":2964},{"style":1074},[2965],{"type":1021,"value":1352},{"type":172,"tag":1044,"props":2967,"children":2969},{"class":1046,"line":2968},34,[2970,2974,2978,2982,2986,2990],{"type":172,"tag":1044,"props":2971,"children":2972},{"style":1083},[2973],{"type":1021,"value":1690},{"type":172,"tag":1044,"props":2975,"children":2976},{"style":1074},[2977],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":2979,"children":2980},{"style":1074},[2981],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":2983,"children":2984},{"style":1133},[2985],{"type":1021,"value":83},{"type":172,"tag":1044,"props":2987,"children":2988},{"style":1074},[2989],{"type":1021,"value":1616},{"type":172,"tag":1044,"props":2991,"children":2992},{"style":1074},[2993],{"type":1021,"value":1352},{"type":172,"tag":1044,"props":2995,"children":2997},{"class":1046,"line":2996},35,[2998,3002,3006],{"type":172,"tag":1044,"props":2999,"children":3000},{"style":1083},[3001],{"type":1021,"value":2433},{"type":172,"tag":1044,"props":3003,"children":3004},{"style":1074},[3005],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":3007,"children":3008},{"style":1074},[3009],{"type":1021,"value":1096},{"type":172,"tag":1044,"props":3011,"children":3013},{"class":1046,"line":3012},36,[3014,3018,3022,3026,3031,3035],{"type":172,"tag":1044,"props":3015,"children":3016},{"style":1083},[3017],{"type":1021,"value":2449},{"type":172,"tag":1044,"props":3019,"children":3020},{"style":1074},[3021],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":3023,"children":3024},{"style":1074},[3025],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":3027,"children":3028},{"style":1133},[3029],{"type":1021,"value":3030},"https://ui2.nuxt.com/illustrations/icon-library",{"type":172,"tag":1044,"props":3032,"children":3033},{"style":1074},[3034],{"type":1021,"value":1616},{"type":172,"tag":1044,"props":3036,"children":3037},{"style":1074},[3038],{"type":1021,"value":1352},{"type":172,"tag":1044,"props":3040,"children":3042},{"class":1046,"line":3041},37,[3043,3047,3051,3056],{"type":172,"tag":1044,"props":3044,"children":3045},{"style":1083},[3046],{"type":1021,"value":2478},{"type":172,"tag":1044,"props":3048,"children":3049},{"style":1074},[3050],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":3052,"children":3053},{"style":2485},[3054],{"type":1021,"value":3055}," 362",{"type":172,"tag":1044,"props":3057,"children":3058},{"style":1074},[3059],{"type":1021,"value":1352},{"type":172,"tag":1044,"props":3061,"children":3063},{"class":1046,"line":3062},38,[3064,3068,3072],{"type":172,"tag":1044,"props":3065,"children":3066},{"style":1083},[3067],{"type":1021,"value":2500},{"type":172,"tag":1044,"props":3069,"children":3070},{"style":1074},[3071],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":3073,"children":3074},{"style":2485},[3075],{"type":1021,"value":3076}," 184\n",{"type":172,"tag":1044,"props":3078,"children":3080},{"class":1046,"line":3079},39,[3081],{"type":172,"tag":1044,"props":3082,"children":3083},{"style":1074},[3084],{"type":1021,"value":2517},{"type":172,"tag":1044,"props":3086,"children":3088},{"class":1046,"line":3087},40,[3089,3093,3097,3101,3105,3109],{"type":172,"tag":1044,"props":3090,"children":3091},{"style":1083},[3092],{"type":1021,"value":2404},{"type":172,"tag":1044,"props":3094,"children":3095},{"style":1074},[3096],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":3098,"children":3099},{"style":1074},[3100],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":3102,"children":3103},{"style":1133},[3104],{"type":1021,"value":2417},{"type":172,"tag":1044,"props":3106,"children":3107},{"style":1074},[3108],{"type":1021,"value":1616},{"type":172,"tag":1044,"props":3110,"children":3111},{"style":1074},[3112],{"type":1021,"value":1352},{"type":172,"tag":1044,"props":3114,"children":3116},{"class":1046,"line":3115},41,[3117,3121,3125,3129,3133,3137,3141,3146],{"type":172,"tag":1044,"props":3118,"children":3119},{"style":1083},[3120],{"type":1021,"value":2525},{"type":172,"tag":1044,"props":3122,"children":3123},{"style":1074},[3124],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":3126,"children":3127},{"style":1074},[3128],{"type":1021,"value":1130},{"type":172,"tag":1044,"props":3130,"children":3131},{"style":1133},[3132],{"type":1021,"value":2538},{"type":172,"tag":1044,"props":3134,"children":3135},{"style":1074},[3136],{"type":1021,"value":1616},{"type":172,"tag":1044,"props":3138,"children":3139},{"style":1051},[3140],{"type":1021,"value":2547},{"type":172,"tag":1044,"props":3142,"children":3143},{"style":1525},[3144],{"type":1021,"value":3145}," const",{"type":172,"tag":1044,"props":3147,"children":3148},{"style":1074},[3149],{"type":1021,"value":1352},{"type":172,"tag":1044,"props":3151,"children":3153},{"class":1046,"line":3152},42,[3154,3159,3163],{"type":172,"tag":1044,"props":3155,"children":3156},{"style":1083},[3157],{"type":1021,"value":3158},"    reverse",{"type":172,"tag":1044,"props":3160,"children":3161},{"style":1074},[3162],{"type":1021,"value":1091},{"type":172,"tag":1044,"props":3164,"children":3166},{"style":3165},"--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC",[3167],{"type":1021,"value":3168}," true\n",{"type":172,"tag":1044,"props":3170,"children":3172},{"class":1046,"line":3171},43,[3173],{"type":172,"tag":1044,"props":3174,"children":3175},{"style":1074},[3176],{"type":1021,"value":1159},{"type":172,"tag":1044,"props":3178,"children":3180},{"class":1046,"line":3179},44,[3181],{"type":172,"tag":1044,"props":3182,"children":3183},{"style":1068},[3184],{"type":1021,"value":1972},{"type":172,"tag":1044,"props":3186,"children":3188},{"class":1046,"line":3187},45,[3189,3193,3197],{"type":172,"tag":1044,"props":3190,"children":3191},{"style":1074},[3192],{"type":1021,"value":1981},{"type":172,"tag":1044,"props":3194,"children":3195},{"style":1083},[3196],{"type":1021,"value":1522},{"type":172,"tag":1044,"props":3198,"children":3199},{"style":1074},[3200],{"type":1021,"value":1556},{"type":172,"tag":1044,"props":3202,"children":3204},{"class":1046,"line":3203},46,[3205],{"type":172,"tag":1044,"props":3206,"children":3207},{"emptyLinePlaceholder":21},[3208],{"type":1021,"value":1294},{"type":172,"tag":1044,"props":3210,"children":3212},{"class":1046,"line":3211},47,[3213,3217,3221],{"type":172,"tag":1044,"props":3214,"children":3215},{"style":1074},[3216],{"type":1021,"value":1517},{"type":172,"tag":1044,"props":3218,"children":3219},{"style":1083},[3220],{"type":1021,"value":2010},{"type":172,"tag":1044,"props":3222,"children":3223},{"style":1074},[3224],{"type":1021,"value":1556},{"type":172,"tag":1044,"props":3226,"children":3228},{"class":1046,"line":3227},48,[3229,3233,3237],{"type":172,"tag":1044,"props":3230,"children":3231},{"style":1074},[3232],{"type":1021,"value":2023},{"type":172,"tag":1044,"props":3234,"children":3235},{"style":1083},[3236],{"type":1021,"value":2028},{"type":172,"tag":1044,"props":3238,"children":3239},{"style":1074},[3240],{"type":1021,"value":1556},{"type":172,"tag":1044,"props":3242,"children":3244},{"class":1046,"line":3243},49,[3245,3249],{"type":172,"tag":1044,"props":3246,"children":3247},{"style":1074},[3248],{"type":1021,"value":2041},{"type":172,"tag":1044,"props":3250,"children":3251},{"style":1083},[3252],{"type":1021,"value":2046},{"type":172,"tag":1044,"props":3254,"children":3256},{"class":1046,"line":3255},50,[3257,3261,3265,3269,3273,3277,3281,3285,3289,3293],{"type":172,"tag":1044,"props":3258,"children":3259},{"style":1051},[3260],{"type":1021,"value":2055},{"type":172,"tag":1044,"props":3262,"children":3263},{"style":1074},[3264],{"type":1021,"value":1538},{"type":172,"tag":1044,"props":3266,"children":3267},{"style":1074},[3268],{"type":1021,"value":1543},{"type":172,"tag":1044,"props":3270,"children":3271},{"style":1074},[3272],{"type":1021,"value":1071},{"type":172,"tag":1044,"props":3274,"children":3275},{"style":1068},[3276],{"type":1021,"value":2072},{"type":172,"tag":1044,"props":3278,"children":3279},{"style":1074},[3280],{"type":1021,"value":2077},{"type":172,"tag":1044,"props":3282,"children":3283},{"style":1068},[3284],{"type":1021,"value":2082},{"type":172,"tag":1044,"props":3286,"children":3287},{"style":1074},[3288],{"type":1021,"value":2087},{"type":172,"tag":1044,"props":3290,"children":3291},{"style":1068},[3292],{"type":1021,"value":2092},{"type":172,"tag":1044,"props":3294,"children":3295},{"style":1074},[3296],{"type":1021,"value":2097},{"type":172,"tag":1044,"props":3298,"children":3300},{"class":1046,"line":3299},51,[3301,3305,3309,3313,3317,3321],{"type":172,"tag":1044,"props":3302,"children":3303},{"style":1074},[3304],{"type":1021,"value":2106},{"type":172,"tag":1044,"props":3306,"children":3307},{"style":1525},[3308],{"type":1021,"value":2111},{"type":172,"tag":1044,"props":3310,"children":3311},{"style":1074},[3312],{"type":1021,"value":1538},{"type":172,"tag":1044,"props":3314,"children":3315},{"style":1074},[3316],{"type":1021,"value":1543},{"type":172,"tag":1044,"props":3318,"children":3319},{"style":1068},[3320],{"type":1021,"value":2082},{"type":172,"tag":1044,"props":3322,"children":3323},{"style":1074},[3324],{"type":1021,"value":2097},{"type":172,"tag":1044,"props":3326,"children":3328},{"class":1046,"line":3327},52,[3329,3333,3337,3341,3345],{"type":172,"tag":1044,"props":3330,"children":3331},{"style":1525},[3332],{"type":1021,"value":2136},{"type":172,"tag":1044,"props":3334,"children":3335},{"style":1074},[3336],{"type":1021,"value":1538},{"type":172,"tag":1044,"props":3338,"children":3339},{"style":1074},[3340],{"type":1021,"value":1543},{"type":172,"tag":1044,"props":3342,"children":3343},{"style":1068},[3344],{"type":1021,"value":2072},{"type":172,"tag":1044,"props":3346,"children":3347},{"style":1074},[3348],{"type":1021,"value":2097},{"type":172,"tag":1044,"props":3350,"children":3352},{"class":1046,"line":3351},53,[3353],{"type":172,"tag":1044,"props":3354,"children":3355},{"style":1074},[3356],{"type":1021,"value":3357},"    >\n",{"type":172,"tag":1044,"props":3359,"children":3361},{"class":1046,"line":3360},54,[3362,3367],{"type":172,"tag":1044,"props":3363,"children":3364},{"style":1074},[3365],{"type":1021,"value":3366},"      \u003C",{"type":172,"tag":1044,"props":3368,"children":3369},{"style":1083},[3370],{"type":1021,"value":3371},"UColorModeImage\n",{"type":172,"tag":1044,"props":3373,"children":3375},{"class":1046,"line":3374},55,[3376,3381,3385,3389,3393,3398,3403],{"type":172,"tag":1044,"props":3377,"children":3378},{"style":1051},[3379],{"type":1021,"value":3380},"        v-if",{"type":172,"tag":1044,"props":3382,"children":3383},{"style":1074},[3384],{"type":1021,"value":1538},{"type":172,"tag":1044,"props":3386,"children":3387},{"style":1074},[3388],{"type":1021,"value":1543},{"type":172,"tag":1044,"props":3390,"children":3391},{"style":1068},[3392],{"type":1021,"value":2072},{"type":172,"tag":1044,"props":3394,"children":3395},{"style":1074},[3396],{"type":1021,"value":3397},".",{"type":172,"tag":1044,"props":3399,"children":3400},{"style":1068},[3401],{"type":1021,"value":3402},"image",{"type":172,"tag":1044,"props":3404,"children":3405},{"style":1074},[3406],{"type":1021,"value":2097},{"type":172,"tag":1044,"props":3408,"children":3410},{"class":1046,"line":3409},56,[3411,3416,3421,3425,3430,3434,3438,3442,3446,3451,3455,3460],{"type":172,"tag":1044,"props":3412,"children":3413},{"style":1074},[3414],{"type":1021,"value":3415},"        :",{"type":172,"tag":1044,"props":3417,"children":3418},{"style":1525},[3419],{"type":1021,"value":3420},"light",{"type":172,"tag":1044,"props":3422,"children":3423},{"style":1074},[3424],{"type":1021,"value":1538},{"type":172,"tag":1044,"props":3426,"children":3427},{"style":1074},[3428],{"type":1021,"value":3429},"\"`${",{"type":172,"tag":1044,"props":3431,"children":3432},{"style":1068},[3433],{"type":1021,"value":2072},{"type":172,"tag":1044,"props":3435,"children":3436},{"style":1074},[3437],{"type":1021,"value":3397},{"type":172,"tag":1044,"props":3439,"children":3440},{"style":1068},[3441],{"type":1021,"value":3402},{"type":172,"tag":1044,"props":3443,"children":3444},{"style":1074},[3445],{"type":1021,"value":3397},{"type":172,"tag":1044,"props":3447,"children":3448},{"style":1068},[3449],{"type":1021,"value":3450},"path",{"type":172,"tag":1044,"props":3452,"children":3453},{"style":1074},[3454],{"type":1021,"value":1168},{"type":172,"tag":1044,"props":3456,"children":3457},{"style":1133},[3458],{"type":1021,"value":3459},"-light.svg",{"type":172,"tag":1044,"props":3461,"children":3462},{"style":1074},[3463],{"type":1021,"value":3464},"`\"\n",{"type":172,"tag":1044,"props":3466,"children":3468},{"class":1046,"line":3467},57,[3469,3473,3478,3482,3486,3490,3494,3498,3502,3506,3510,3515],{"type":172,"tag":1044,"props":3470,"children":3471},{"style":1074},[3472],{"type":1021,"value":3415},{"type":172,"tag":1044,"props":3474,"children":3475},{"style":1525},[3476],{"type":1021,"value":3477},"dark",{"type":172,"tag":1044,"props":3479,"children":3480},{"style":1074},[3481],{"type":1021,"value":1538},{"type":172,"tag":1044,"props":3483,"children":3484},{"style":1074},[3485],{"type":1021,"value":3429},{"type":172,"tag":1044,"props":3487,"children":3488},{"style":1068},[3489],{"type":1021,"value":2072},{"type":172,"tag":1044,"props":3491,"children":3492},{"style":1074},[3493],{"type":1021,"value":3397},{"type":172,"tag":1044,"props":3495,"children":3496},{"style":1068},[3497],{"type":1021,"value":3402},{"type":172,"tag":1044,"props":3499,"children":3500},{"style":1074},[3501],{"type":1021,"value":3397},{"type":172,"tag":1044,"props":3503,"children":3504},{"style":1068},[3505],{"type":1021,"value":3450},{"type":172,"tag":1044,"props":3507,"children":3508},{"style":1074},[3509],{"type":1021,"value":1168},{"type":172,"tag":1044,"props":3511,"children":3512},{"style":1133},[3513],{"type":1021,"value":3514},"-dark.svg",{"type":172,"tag":1044,"props":3516,"children":3517},{"style":1074},[3518],{"type":1021,"value":3464},{"type":172,"tag":1044,"props":3520,"children":3522},{"class":1046,"line":3521},58,[3523,3527,3532,3536,3540,3544,3548,3552,3556,3560],{"type":172,"tag":1044,"props":3524,"children":3525},{"style":1074},[3526],{"type":1021,"value":3415},{"type":172,"tag":1044,"props":3528,"children":3529},{"style":1525},[3530],{"type":1021,"value":3531},"width",{"type":172,"tag":1044,"props":3533,"children":3534},{"style":1074},[3535],{"type":1021,"value":1538},{"type":172,"tag":1044,"props":3537,"children":3538},{"style":1074},[3539],{"type":1021,"value":1543},{"type":172,"tag":1044,"props":3541,"children":3542},{"style":1068},[3543],{"type":1021,"value":2072},{"type":172,"tag":1044,"props":3545,"children":3546},{"style":1074},[3547],{"type":1021,"value":3397},{"type":172,"tag":1044,"props":3549,"children":3550},{"style":1068},[3551],{"type":1021,"value":3402},{"type":172,"tag":1044,"props":3553,"children":3554},{"style":1074},[3555],{"type":1021,"value":3397},{"type":172,"tag":1044,"props":3557,"children":3558},{"style":1068},[3559],{"type":1021,"value":3531},{"type":172,"tag":1044,"props":3561,"children":3562},{"style":1074},[3563],{"type":1021,"value":2097},{"type":172,"tag":1044,"props":3565,"children":3567},{"class":1046,"line":3566},59,[3568,3572,3577,3581,3585,3589,3593,3597,3601,3605],{"type":172,"tag":1044,"props":3569,"children":3570},{"style":1074},[3571],{"type":1021,"value":3415},{"type":172,"tag":1044,"props":3573,"children":3574},{"style":1525},[3575],{"type":1021,"value":3576},"height",{"type":172,"tag":1044,"props":3578,"children":3579},{"style":1074},[3580],{"type":1021,"value":1538},{"type":172,"tag":1044,"props":3582,"children":3583},{"style":1074},[3584],{"type":1021,"value":1543},{"type":172,"tag":1044,"props":3586,"children":3587},{"style":1068},[3588],{"type":1021,"value":2072},{"type":172,"tag":1044,"props":3590,"children":3591},{"style":1074},[3592],{"type":1021,"value":3397},{"type":172,"tag":1044,"props":3594,"children":3595},{"style":1068},[3596],{"type":1021,"value":3402},{"type":172,"tag":1044,"props":3598,"children":3599},{"style":1074},[3600],{"type":1021,"value":3397},{"type":172,"tag":1044,"props":3602,"children":3603},{"style":1068},[3604],{"type":1021,"value":3576},{"type":172,"tag":1044,"props":3606,"children":3607},{"style":1074},[3608],{"type":1021,"value":2097},{"type":172,"tag":1044,"props":3610,"children":3612},{"class":1046,"line":3611},60,[3613,3617,3622,3626,3630,3634,3638,3643],{"type":172,"tag":1044,"props":3614,"children":3615},{"style":1074},[3616],{"type":1021,"value":3415},{"type":172,"tag":1044,"props":3618,"children":3619},{"style":1525},[3620],{"type":1021,"value":3621},"alt",{"type":172,"tag":1044,"props":3623,"children":3624},{"style":1074},[3625],{"type":1021,"value":1538},{"type":172,"tag":1044,"props":3627,"children":3628},{"style":1074},[3629],{"type":1021,"value":1543},{"type":172,"tag":1044,"props":3631,"children":3632},{"style":1068},[3633],{"type":1021,"value":2072},{"type":172,"tag":1044,"props":3635,"children":3636},{"style":1074},[3637],{"type":1021,"value":3397},{"type":172,"tag":1044,"props":3639,"children":3640},{"style":1068},[3641],{"type":1021,"value":3642},"title",{"type":172,"tag":1044,"props":3644,"children":3645},{"style":1074},[3646],{"type":1021,"value":2097},{"type":172,"tag":1044,"props":3648,"children":3650},{"class":1046,"line":3649},61,[3651,3656,3660,3664,3669],{"type":172,"tag":1044,"props":3652,"children":3653},{"style":1525},[3654],{"type":1021,"value":3655},"        loading",{"type":172,"tag":1044,"props":3657,"children":3658},{"style":1074},[3659],{"type":1021,"value":1538},{"type":172,"tag":1044,"props":3661,"children":3662},{"style":1074},[3663],{"type":1021,"value":1543},{"type":172,"tag":1044,"props":3665,"children":3666},{"style":1133},[3667],{"type":1021,"value":3668},"lazy",{"type":172,"tag":1044,"props":3670,"children":3671},{"style":1074},[3672],{"type":1021,"value":2097},{"type":172,"tag":1044,"props":3674,"children":3676},{"class":1046,"line":3675},62,[3677,3682,3686,3690,3695],{"type":172,"tag":1044,"props":3678,"children":3679},{"style":1525},[3680],{"type":1021,"value":3681},"        class",{"type":172,"tag":1044,"props":3683,"children":3684},{"style":1074},[3685],{"type":1021,"value":1538},{"type":172,"tag":1044,"props":3687,"children":3688},{"style":1074},[3689],{"type":1021,"value":1543},{"type":172,"tag":1044,"props":3691,"children":3692},{"style":1133},[3693],{"type":1021,"value":3694},"w-full",{"type":172,"tag":1044,"props":3696,"children":3697},{"style":1074},[3698],{"type":1021,"value":2097},{"type":172,"tag":1044,"props":3700,"children":3702},{"class":1046,"line":3701},63,[3703],{"type":172,"tag":1044,"props":3704,"children":3705},{"style":1074},[3706],{"type":1021,"value":3707},"      />\n",{"type":172,"tag":1044,"props":3709,"children":3711},{"class":1046,"line":3710},64,[3712,3717,3722],{"type":172,"tag":1044,"props":3713,"children":3714},{"style":1074},[3715],{"type":1021,"value":3716},"    \u003C/",{"type":172,"tag":1044,"props":3718,"children":3719},{"style":1083},[3720],{"type":1021,"value":3721},"UPageCard",{"type":172,"tag":1044,"props":3723,"children":3724},{"style":1074},[3725],{"type":1021,"value":1556},{"type":172,"tag":1044,"props":3727,"children":3729},{"class":1046,"line":3728},65,[3730,3734,3738],{"type":172,"tag":1044,"props":3731,"children":3732},{"style":1074},[3733],{"type":1021,"value":2170},{"type":172,"tag":1044,"props":3735,"children":3736},{"style":1083},[3737],{"type":1021,"value":2028},{"type":172,"tag":1044,"props":3739,"children":3740},{"style":1074},[3741],{"type":1021,"value":1556},{"type":172,"tag":1044,"props":3743,"children":3745},{"class":1046,"line":3744},66,[3746,3750,3754],{"type":172,"tag":1044,"props":3747,"children":3748},{"style":1074},[3749],{"type":1021,"value":1981},{"type":172,"tag":1044,"props":3751,"children":3752},{"style":1083},[3753],{"type":1021,"value":2010},{"type":172,"tag":1044,"props":3755,"children":3756},{"style":1074},[3757],{"type":1021,"value":1556},{"type":172,"tag":1482,"props":3759,"children":3760},{},[3761],{"type":1021,"value":1486},{"title":992,"searchDepth":993,"depth":993,"links":3763},[],[3765],{"sha":3766,"date":3767,"message":3768},"5cb65cfbd0d176393e841796bbbcd825be7cd376","2025-08-11T15:10:53Z","feat: import `@nuxt/ui-pro` components (#4675)",{"data":3770,"body":3771},{},{"type":1015,"children":3772},[3773],{"type":172,"tag":929,"props":3774,"children":3775},{},[3776,3788,3790,3797],{"type":172,"tag":933,"props":3777,"children":3781},{"href":3778,"rel":3779},"https://github.com/nuxt/ui/commit/5cb65cfbd0d176393e841796bbbcd825be7cd376",[3780],"nofollow",[3782],{"type":172,"tag":946,"props":3783,"children":3785},{"className":3784},[],[3786],{"type":1021,"value":3787},"5cb65",{"type":1021,"value":3789}," — feat: import ",{"type":172,"tag":946,"props":3791,"children":3794},{"className":3792},[3793],"text-xs",[3795],{"type":1021,"value":3796},"@nuxt/ui-pro",{"type":1021,"value":3798}," components",1766138228211]