[{"data":1,"prerenderedAt":586},["ShallowReactive",2],{"navigation":3,"/getting-started":382,"/getting-started-surround":582},[4,19,149],{"title":5,"_path":6,"children":7},"Getting Started","/getting-started",[8,10,13,16],{"title":9,"_path":6},"Introduction",{"title":11,"_path":12},"Installation","/getting-started/installation",{"title":14,"_path":15},"Theming","/getting-started/theming",{"title":17,"_path":18},"Shortcuts","/getting-started/shortcuts",{"title":20,"_path":21,"children":22},"Components","/components",[23,26,29,32,35,38,41,44,47,50,53,56,59,62,65,68,71,74,77,80,83,86,89,92,95,98,101,104,107,110,113,116,119,122,125,128,131,134,137,140,143,146],{"title":24,"_path":25},"Accordion","/components/accordion",{"title":27,"_path":28},"Alert","/components/alert",{"title":30,"_path":31},"Avatar","/components/avatar",{"title":33,"_path":34},"Badge","/components/badge",{"title":36,"_path":37},"Breadcrumb","/components/breadcrumb",{"title":39,"_path":40},"Button","/components/button",{"title":42,"_path":43},"Card","/components/card",{"title":45,"_path":46},"Carousel","/components/carousel",{"title":48,"_path":49},"Checkbox","/components/checkbox",{"title":51,"_path":52},"Chip","/components/chip",{"title":54,"_path":55},"CommandPalette","/components/command-palette",{"title":57,"_path":58},"Container","/components/container",{"title":60,"_path":61},"ContextMenu","/components/context-menu",{"title":63,"_path":64},"DatePicker","/components/date-picker",{"title":66,"_path":67},"Divider","/components/divider",{"title":69,"_path":70},"Dropdown","/components/dropdown",{"title":72,"_path":73},"Form","/components/form",{"title":75,"_path":76},"FormGroup","/components/form-group",{"title":78,"_path":79},"HorizontalNavigation","/components/horizontal-navigation",{"title":81,"_path":82},"Icon","/components/icon",{"title":84,"_path":85},"Input","/components/input",{"title":87,"_path":88},"InputMenu","/components/input-menu",{"title":90,"_path":91},"Kbd","/components/kbd",{"title":93,"_path":94},"Link","/components/link",{"title":96,"_path":97},"Meter","/components/meter",{"title":99,"_path":100},"Modal","/components/modal",{"title":102,"_path":103},"Notification","/components/notification",{"title":105,"_path":106},"Pagination","/components/pagination",{"title":108,"_path":109},"Popover","/components/popover",{"title":111,"_path":112},"Progress","/components/progress",{"title":114,"_path":115},"RadioGroup","/components/radio-group",{"title":117,"_path":118},"Range","/components/range",{"title":120,"_path":121},"Select","/components/select",{"title":123,"_path":124},"SelectMenu","/components/select-menu",{"title":126,"_path":127},"Skeleton","/components/skeleton",{"title":129,"_path":130},"Slideover","/components/slideover",{"title":132,"_path":133},"Table","/components/table",{"title":135,"_path":136},"Tabs","/components/tabs",{"title":138,"_path":139},"Textarea","/components/textarea",{"title":141,"_path":142},"Toggle","/components/toggle",{"title":144,"_path":145},"Tooltip","/components/tooltip",{"title":147,"_path":148},"VerticalNavigation","/components/vertical-navigation",{"title":150,"_path":151,"children":152},"Pro","/pro",[153,167,350],{"title":5,"_path":154,"children":155},"/pro/getting-started",[156,157,159,161,164],{"title":9,"_path":154},{"title":11,"_path":158},"/pro/getting-started/installation",{"title":14,"_path":160},"/pro/getting-started/theming",{"title":162,"_path":163},"Structure","/pro/getting-started/structure",{"title":165,"_path":166},"Content","/pro/getting-started/content",{"title":20,"_path":168,"children":169},"/pro/components",[170,173,176,179,182,185,188,191,194,197,200,203,206,209,212,215,218,221,224,227,230,233,236,239,242,245,248,251,254,257,260,263,266,269,272,275,278,281,284,287,290,293,296,299,302,305,308,311,314,317,320,323,326,329,332,335,338,341,344,347],{"title":171,"_path":172},"Aside","/pro/components/aside",{"title":174,"_path":175},"AsideLinks","/pro/components/aside-links",{"title":177,"_path":178},"AuthForm","/pro/components/auth-form",{"title":180,"_path":181},"BlogList","/pro/components/blog-list",{"title":183,"_path":184},"BlogPost","/pro/components/blog-post",{"title":186,"_path":187},"ColorModeAvatar","/pro/components/color-mode-avatar",{"title":189,"_path":190},"ColorModeButton","/pro/components/color-mode-button",{"title":192,"_path":193},"ColorModeImage","/pro/components/color-mode-image",{"title":195,"_path":196},"ColorModeSelect","/pro/components/color-mode-select",{"title":198,"_path":199},"ColorModeToggle","/pro/components/color-mode-toggle",{"title":201,"_path":202},"ContentSearch","/pro/components/content-search",{"title":204,"_path":205},"ContentSearchButton","/pro/components/content-search-button",{"title":207,"_path":208},"ContentSurround","/pro/components/content-surround",{"title":210,"_path":211},"ContentToc","/pro/components/content-toc",{"title":213,"_path":214},"DashboardCard","/pro/components/dashboard-card",{"title":216,"_path":217},"DashboardLayout","/pro/components/dashboard-layout",{"title":219,"_path":220},"DashboardModal","/pro/components/dashboard-modal",{"title":222,"_path":223},"DashboardNavbar","/pro/components/dashboard-navbar",{"title":225,"_path":226},"DashboardNavbarToggle","/pro/components/dashboard-navbar-toggle",{"title":228,"_path":229},"DashboardPage","/pro/components/dashboard-page",{"title":231,"_path":232},"DashboardPanel","/pro/components/dashboard-panel",{"title":234,"_path":235},"DashboardPanelContent","/pro/components/dashboard-panel-content",{"title":237,"_path":238},"DashboardPanelHandle","/pro/components/dashboard-panel-handle",{"title":240,"_path":241},"DashboardSearch","/pro/components/dashboard-search",{"title":243,"_path":244},"DashboardSearchButton","/pro/components/dashboard-search-button",{"title":246,"_path":247},"DashboardSection","/pro/components/dashboard-section",{"title":249,"_path":250},"DashboardSidebar","/pro/components/dashboard-sidebar",{"title":252,"_path":253},"DashboardSidebarLinks","/pro/components/dashboard-sidebar-links",{"title":255,"_path":256},"DashboardSlideover","/pro/components/dashboard-slideover",{"title":258,"_path":259},"DashboardToolbar","/pro/components/dashboard-toolbar",{"title":261,"_path":262},"Footer","/pro/components/footer",{"title":264,"_path":265},"FooterColumns","/pro/components/footer-columns",{"title":267,"_path":268},"FooterLinks","/pro/components/footer-links",{"title":270,"_path":271},"Header","/pro/components/header",{"title":273,"_path":274},"HeaderLinks","/pro/components/header-links",{"title":276,"_path":277},"HeaderPopoverLinks","/pro/components/header-popover-links",{"title":279,"_path":280},"LandingCard","/pro/components/landing-card",{"title":282,"_path":283},"LandingCTA","/pro/components/landing-cta",{"title":285,"_path":286},"LandingFAQ","/pro/components/landing-faq",{"title":288,"_path":289},"LandingGrid","/pro/components/landing-grid",{"title":291,"_path":292},"LandingHero","/pro/components/landing-hero",{"title":294,"_path":295},"LandingLogos","/pro/components/landing-logos",{"title":297,"_path":298},"LandingSection","/pro/components/landing-section",{"title":300,"_path":301},"LandingTestimonial","/pro/components/landing-testimonial",{"title":303,"_path":304},"Main","/pro/components/main",{"title":306,"_path":307},"NavigationAccordion","/pro/components/navigation-accordion",{"title":309,"_path":310},"NavigationLinks","/pro/components/navigation-links",{"title":312,"_path":313},"NavigationTree","/pro/components/navigation-tree",{"title":315,"_path":316},"Page","/pro/components/page",{"title":318,"_path":319},"PageBody","/pro/components/page-body",{"title":321,"_path":322},"PageCard","/pro/components/page-card",{"title":324,"_path":325},"PageColumns","/pro/components/page-columns",{"title":327,"_path":328},"PageError","/pro/components/page-error",{"title":330,"_path":331},"PageGrid","/pro/components/page-grid",{"title":333,"_path":334},"PageHeader","/pro/components/page-header",{"title":336,"_path":337},"PageHero","/pro/components/page-hero",{"title":339,"_path":340},"PageLinks","/pro/components/page-links",{"title":342,"_path":343},"PricingCard","/pro/components/pricing-card",{"title":345,"_path":346},"PricingGrid","/pro/components/pricing-grid",{"title":348,"_path":349},"PricingToggle","/pro/components/pricing-toggle",{"title":351,"_path":352,"children":353},"Prose","/pro/prose",[354,357,359,362,365,368,371,374,377,380],{"title":355,"_path":356},"Callout","/pro/prose/callout",{"title":42,"_path":358},"/pro/prose/card",{"title":360,"_path":361},"CardGroup","/pro/prose/card-group",{"title":363,"_path":364},"CodeBlock","/pro/prose/code-block",{"title":366,"_path":367},"CodeGroup","/pro/prose/code-group",{"title":369,"_path":370},"Collapsible","/pro/prose/collapsible",{"title":372,"_path":373},"Field","/pro/prose/field",{"title":375,"_path":376},"FieldGroup","/pro/prose/field-group",{"title":378,"_path":379},"Shortcut","/pro/prose/shortcut",{"title":135,"_path":381},"/pro/prose/tabs",{"_path":6,"_dir":383,"_draft":385,"_partial":385,"_locale":386,"title":9,"description":387,"body":388,"_type":576,"_id":577,"_source":578,"_file":579,"_stem":580,"_extension":581},{"_path":384,"title":5},"/getting-started/_dir",false,"","Fully styled and customizable components for Nuxt.",{"type":389,"children":390,"toc":571},"root",[391,419,424,431,492,498],{"type":392,"tag":393,"props":394,"children":395},"element","p",{},[396,399,408,410,417],{"type":397,"value":398},"text","Nuxt UI is a module that provides a set of Vue components and composables built with ",{"type":392,"tag":400,"props":401,"children":405},"a",{"href":402,"rel":403},"https://tailwindcss.com/",[404],"nofollow",[406],{"type":397,"value":407},"Tailwind CSS",{"type":397,"value":409}," and ",{"type":392,"tag":400,"props":411,"children":414},{"href":412,"rel":413},"https://headlessui.dev/",[404],[415],{"type":397,"value":416},"Headless UI",{"type":397,"value":418}," to help you build beautiful and accessible user interfaces.",{"type":392,"tag":393,"props":420,"children":421},{},[422],{"type":397,"value":423},"Its goal is to provide everything related to UI when building a Nuxt app. This includes components, icons, colors, dark mode as well as keyboard shortcuts.",{"type":392,"tag":425,"props":426,"children":428},"h2",{"id":427},"features",[429],{"type":397,"value":430},"Features",{"type":392,"tag":432,"props":433,"children":434},"ul",{},[435,452,457,462,467,472,477,482],{"type":392,"tag":436,"props":437,"children":438},"li",{},[439,441,446,447],{"type":397,"value":440},"Built with ",{"type":392,"tag":400,"props":442,"children":444},{"href":412,"rel":443},[404],[445],{"type":397,"value":416},{"type":397,"value":409},{"type":392,"tag":400,"props":448,"children":450},{"href":402,"rel":449},[404],[451],{"type":397,"value":407},{"type":392,"tag":436,"props":453,"children":454},{},[455],{"type":397,"value":456},"HMR support through Nuxt App Config",{"type":392,"tag":436,"props":458,"children":459},{},[460],{"type":397,"value":461},"Dark mode support",{"type":392,"tag":436,"props":463,"children":464},{},[465],{"type":397,"value":466},"Support for LTR and RTL languages",{"type":392,"tag":436,"props":468,"children":469},{},[470],{"type":397,"value":471},"Keyboard shortcuts",{"type":392,"tag":436,"props":473,"children":474},{},[475],{"type":397,"value":476},"Bundled icons",{"type":392,"tag":436,"props":478,"children":479},{},[480],{"type":397,"value":481},"Fully typed",{"type":392,"tag":436,"props":483,"children":484},{},[485],{"type":392,"tag":400,"props":486,"children":489},{"href":487,"rel":488},"https://go.nuxt.com/figma-ui2",[404],[490],{"type":397,"value":491},"Figma Kit",{"type":392,"tag":425,"props":493,"children":495},{"id":494},"credits",[496],{"type":397,"value":497},"Credits",{"type":392,"tag":432,"props":499,"children":500},{},[501,511,521,531,541,551,561],{"type":392,"tag":436,"props":502,"children":503},{},[504],{"type":392,"tag":400,"props":505,"children":508},{"href":506,"rel":507},"https://github.com/nuxt/nuxt",[404],[509],{"type":397,"value":510},"nuxt/nuxt",{"type":392,"tag":436,"props":512,"children":513},{},[514],{"type":392,"tag":400,"props":515,"children":518},{"href":516,"rel":517},"https://github.com/nuxt-modules/color-mode",[404],[519],{"type":397,"value":520},"nuxt-modules/color-mode",{"type":392,"tag":436,"props":522,"children":523},{},[524],{"type":392,"tag":400,"props":525,"children":528},{"href":526,"rel":527},"https://github.com/nuxt-modules/tailwindcss",[404],[529],{"type":397,"value":530},"nuxt-modules/tailwindcss",{"type":392,"tag":436,"props":532,"children":533},{},[534],{"type":392,"tag":400,"props":535,"children":538},{"href":536,"rel":537},"https://github.com/tailwindlabs/tailwindcss",[404],[539],{"type":397,"value":540},"tailwindlabs/tailwindcss",{"type":392,"tag":436,"props":542,"children":543},{},[544],{"type":392,"tag":400,"props":545,"children":548},{"href":546,"rel":547},"https://github.com/tailwindlabs/headlessui",[404],[549],{"type":397,"value":550},"tailwindlabs/headlessui",{"type":392,"tag":436,"props":552,"children":553},{},[554],{"type":392,"tag":400,"props":555,"children":558},{"href":556,"rel":557},"https://github.com/vueuse/vueuse",[404],[559],{"type":397,"value":560},"vueuse/vueuse",{"type":392,"tag":436,"props":562,"children":563},{},[564],{"type":392,"tag":400,"props":565,"children":568},{"href":566,"rel":567},"https://github.com/egoist/tailwindcss-icons",[404],[569],{"type":397,"value":570},"egoist/tailwindcss-icons",{"title":386,"searchDepth":572,"depth":572,"links":573},2,[574,575],{"id":427,"depth":572,"text":430},{"id":494,"depth":572,"text":497},"markdown","content:1.getting-started:1.index.md","content","1.getting-started/1.index.md","1.getting-started/1.index","md",[583,584],null,{"_path":12,"title":11,"description":585},"Learn how to install and configure Nuxt UI in your application.",1768217802027]