[{"data":1,"prerenderedAt":2285},["ShallowReactive",2],{"navigation":3,"-getting-started-content":576,"-getting-started-content-surround":2269,"-getting-started-content-description":2274},[4,103,121],{"title":5,"path":6,"stem":7,"children":8,"framework":11,"module":11,"icon":24},"Getting Started","/getting-started","1.getting-started/1.index",[9,13,42,46,51,63,68,80,93,98],{"title":10,"path":6,"stem":7,"framework":11,"module":11,"icon":12},"Introduction",null,"i-lucide-house",{"title":14,"framework":11,"module":11,"shadow":15,"path":16,"stem":17,"children":18,"page":41},"Installation",true,"/getting-started/installation","1.getting-started/2.installation",[19,25,29],{"title":14,"path":20,"stem":21,"framework":22,"module":23,"icon":24},"/getting-started/installation/nuxt","1.getting-started/2.installation/1.nuxt","nuxt","ui","i-lucide-square-play",{"title":14,"path":26,"stem":27,"framework":28,"module":23,"icon":24},"/getting-started/installation/vue","1.getting-started/2.installation/2.vue","vue",{"title":30,"framework":11,"module":11,"shadow":15,"path":31,"stem":32,"children":33,"page":41},"Pro","/getting-started/installation/pro","1.getting-started/2.installation/pro",[34,38],{"title":14,"path":35,"stem":36,"framework":22,"module":37,"icon":24},"/getting-started/installation/pro/nuxt","1.getting-started/2.installation/pro/1.nuxt","ui-pro",{"title":14,"path":39,"stem":40,"framework":28,"module":37,"icon":24},"/getting-started/installation/pro/vue","1.getting-started/2.installation/pro/2.vue",false,{"title":43,"path":44,"stem":45,"framework":11,"module":11},"Migration","/getting-started/migration","1.getting-started/2.migration",{"title":47,"path":48,"stem":49,"framework":11,"module":11,"icon":50},"Theme","/getting-started/theme","1.getting-started/3.theme","i-lucide-swatch-book",{"title":52,"framework":11,"module":11,"shadow":15,"path":53,"stem":54,"children":55,"page":41},"Icons","/getting-started/icons","1.getting-started/4.icons",[56,60],{"title":52,"path":57,"stem":58,"framework":22,"module":11,"icon":59},"/getting-started/icons/nuxt","1.getting-started/4.icons/1.nuxt","i-lucide-smile",{"title":52,"path":61,"stem":62,"framework":28,"module":11,"icon":59},"/getting-started/icons/vue","1.getting-started/4.icons/2.vue",{"title":64,"path":65,"stem":66,"framework":22,"module":11,"icon":67},"Fonts","/getting-started/fonts","1.getting-started/5.fonts","i-lucide-a-large-small",{"title":69,"framework":11,"module":11,"shadow":15,"path":70,"stem":71,"children":72,"page":41},"Color Mode","/getting-started/color-mode","1.getting-started/6.color-mode",[73,77],{"title":69,"path":74,"stem":75,"framework":22,"module":11,"icon":76},"/getting-started/color-mode/nuxt","1.getting-started/6.color-mode/1.nuxt","i-lucide-sun-moon",{"title":69,"path":78,"stem":79,"framework":28,"module":11,"icon":76},"/getting-started/color-mode/vue","1.getting-started/6.color-mode/2.vue",{"title":81,"framework":11,"module":11,"shadow":15,"path":82,"stem":83,"children":84,"page":41},"I18n","/getting-started/i18n","1.getting-started/7.i18n",[85,90],{"title":86,"path":87,"stem":88,"framework":22,"module":11,"icon":89},"Internationalization (i18n)","/getting-started/i18n/nuxt","1.getting-started/7.i18n/1.nuxt","i-lucide-languages",{"title":86,"path":91,"stem":92,"framework":28,"module":11,"icon":89},"/getting-started/i18n/vue","1.getting-started/7.i18n/2.vue",{"title":94,"path":95,"stem":96,"framework":22,"module":37,"icon":97},"Content","/getting-started/content","1.getting-started/8.content","i-simple-icons-markdown",{"title":99,"path":100,"stem":101,"framework":22,"module":37,"icon":102},"Typography","/getting-started/typography","1.getting-started/9.typography","i-lucide-type",{"title":104,"framework":11,"module":11,"icon":105,"path":106,"stem":107,"children":108,"page":41},"Composables","i-lucide-square-function","/composables","2.composables",[109,113,117],{"title":110,"path":111,"stem":112,"framework":11,"module":11},"defineShortcuts","/composables/define-shortcuts","2.composables/define-shortcuts",{"title":114,"path":115,"stem":116,"framework":11,"module":11},"useOverlay","/composables/use-overlay","2.composables/use-overlay",{"title":118,"path":119,"stem":120,"framework":11,"module":11},"useToast","/composables/use-toast","2.composables/use-toast",{"title":122,"framework":11,"module":11,"icon":123,"path":124,"stem":125,"children":126,"page":41},"Components","i-lucide-square-code","/components","3.components",[127,131,135,139,143,147,151,155,159,163,167,171,175,179,183,187,191,195,199,203,207,211,215,219,223,227,231,235,239,243,247,251,255,259,263,267,271,275,279,283,287,291,295,299,303,307,311,315,319,323,327,331,335,339,343,348,352,356,360,364,368,372,376,380,384,388,392,396,400,404,408,412,416,420,424,428,432,436,440,444,448,452,456,460,464,468,472,476,480,484,488,492,496,500,504,508,512,516,520,524,528,532,536,540,544,548,552,556,560,564,568,572],{"title":128,"path":129,"stem":130,"framework":11,"module":11},"App","/components/app","3.components/0.app",{"title":132,"path":133,"stem":134,"framework":11,"module":11},"Accordion","/components/accordion","3.components/accordion",{"title":136,"path":137,"stem":138,"framework":11,"module":11},"Alert","/components/alert","3.components/alert",{"title":140,"path":141,"stem":142,"framework":11,"module":37},"AuthForm","/components/auth-form","3.components/auth-form",{"title":144,"path":145,"stem":146,"framework":11,"module":11},"Avatar","/components/avatar","3.components/avatar",{"title":148,"path":149,"stem":150,"framework":11,"module":11},"AvatarGroup","/components/avatar-group","3.components/avatar-group",{"title":152,"path":153,"stem":154,"framework":11,"module":11},"Badge","/components/badge","3.components/badge",{"title":156,"path":157,"stem":158,"framework":11,"module":37},"Banner","/components/banner","3.components/banner",{"title":160,"path":161,"stem":162,"framework":11,"module":37},"BlogPost","/components/blog-post","3.components/blog-post",{"title":164,"path":165,"stem":166,"framework":11,"module":37},"BlogPosts","/components/blog-posts","3.components/blog-posts",{"title":168,"path":169,"stem":170,"framework":11,"module":11},"Breadcrumb","/components/breadcrumb","3.components/breadcrumb",{"title":172,"path":173,"stem":174,"framework":11,"module":11},"Button","/components/button","3.components/button",{"title":176,"path":177,"stem":178,"framework":11,"module":11},"ButtonGroup","/components/button-group","3.components/button-group",{"title":180,"path":181,"stem":182,"framework":11,"module":11},"Calendar","/components/calendar","3.components/calendar",{"title":184,"path":185,"stem":186,"framework":11,"module":11},"Card","/components/card","3.components/card",{"title":188,"path":189,"stem":190,"framework":11,"module":11},"Carousel","/components/carousel","3.components/carousel",{"title":192,"path":193,"stem":194,"framework":11,"module":37},"ChangelogVersion","/components/changelog-version","3.components/changelog-version",{"title":196,"path":197,"stem":198,"framework":11,"module":37},"ChangelogVersions","/components/changelog-versions","3.components/changelog-versions",{"title":200,"path":201,"stem":202,"framework":11,"module":37},"ChatMessage","/components/chat-message","3.components/chat-message",{"title":204,"path":205,"stem":206,"framework":11,"module":37},"ChatMessages","/components/chat-messages","3.components/chat-messages",{"title":208,"path":209,"stem":210,"framework":11,"module":37},"ChatPalette","/components/chat-palette","3.components/chat-palette",{"title":212,"path":213,"stem":214,"framework":11,"module":37},"ChatPrompt","/components/chat-prompt","3.components/chat-prompt",{"title":216,"path":217,"stem":218,"framework":11,"module":37},"ChatPromptSubmit","/components/chat-prompt-submit","3.components/chat-prompt-submit",{"title":220,"path":221,"stem":222,"framework":11,"module":11},"Checkbox","/components/checkbox","3.components/checkbox",{"title":224,"path":225,"stem":226,"framework":11,"module":11},"CheckboxGroup","/components/checkbox-group","3.components/checkbox-group",{"title":228,"path":229,"stem":230,"framework":11,"module":11},"Chip","/components/chip","3.components/chip",{"title":232,"path":233,"stem":234,"framework":11,"module":11},"Collapsible","/components/collapsible","3.components/collapsible",{"title":236,"path":237,"stem":238,"framework":11,"module":37},"ColorModeAvatar","/components/color-mode-avatar","3.components/color-mode-avatar",{"title":240,"path":241,"stem":242,"framework":11,"module":37},"ColorModeButton","/components/color-mode-button","3.components/color-mode-button",{"title":244,"path":245,"stem":246,"framework":11,"module":37},"ColorModeImage","/components/color-mode-image","3.components/color-mode-image",{"title":248,"path":249,"stem":250,"framework":11,"module":37},"ColorModeSelect","/components/color-mode-select","3.components/color-mode-select",{"title":252,"path":253,"stem":254,"framework":11,"module":37},"ColorModeSwitch","/components/color-mode-switch","3.components/color-mode-switch",{"title":256,"path":257,"stem":258,"framework":11,"module":11},"ColorPicker","/components/color-picker","3.components/color-picker",{"title":260,"path":261,"stem":262,"framework":11,"module":11},"CommandPalette","/components/command-palette","3.components/command-palette",{"title":264,"path":265,"stem":266,"framework":11,"module":11},"Container","/components/container","3.components/container",{"title":268,"path":269,"stem":270,"framework":22,"module":37},"ContentNavigation","/components/content-navigation","3.components/content-navigation",{"title":272,"path":273,"stem":274,"framework":22,"module":37},"ContentSearch","/components/content-search","3.components/content-search",{"title":276,"path":277,"stem":278,"framework":22,"module":37},"ContentSearchButton","/components/content-search-button","3.components/content-search-button",{"title":280,"path":281,"stem":282,"framework":22,"module":37},"ContentSurround","/components/content-surround","3.components/content-surround",{"title":284,"path":285,"stem":286,"framework":22,"module":37},"ContentToc","/components/content-toc","3.components/content-toc",{"title":288,"path":289,"stem":290,"framework":11,"module":11},"ContextMenu","/components/context-menu","3.components/context-menu",{"title":292,"path":293,"stem":294,"framework":11,"module":37},"DashboardGroup","/components/dashboard-group","3.components/dashboard-group",{"title":296,"path":297,"stem":298,"framework":11,"module":37},"DashboardNavbar","/components/dashboard-navbar","3.components/dashboard-navbar",{"title":300,"path":301,"stem":302,"framework":11,"module":37},"DashboardPanel","/components/dashboard-panel","3.components/dashboard-panel",{"title":304,"path":305,"stem":306,"framework":11,"module":37},"DashboardResizeHandle","/components/dashboard-resize-handle","3.components/dashboard-resize-handle",{"title":308,"path":309,"stem":310,"framework":11,"module":37},"DashboardSearch","/components/dashboard-search","3.components/dashboard-search",{"title":312,"path":313,"stem":314,"framework":11,"module":37},"DashboardSearchButton","/components/dashboard-search-button","3.components/dashboard-search-button",{"title":316,"path":317,"stem":318,"framework":11,"module":37},"DashboardSidebar","/components/dashboard-sidebar","3.components/dashboard-sidebar",{"title":320,"path":321,"stem":322,"framework":11,"module":37},"DashboardSidebarCollapse","/components/dashboard-sidebar-collapse","3.components/dashboard-sidebar-collapse",{"title":324,"path":325,"stem":326,"framework":11,"module":37},"DashboardSidebarToggle","/components/dashboard-sidebar-toggle","3.components/dashboard-sidebar-toggle",{"title":328,"path":329,"stem":330,"framework":11,"module":37},"DashboardToolbar","/components/dashboard-toolbar","3.components/dashboard-toolbar",{"title":332,"path":333,"stem":334,"framework":11,"module":11},"Drawer","/components/drawer","3.components/drawer",{"title":336,"path":337,"stem":338,"framework":11,"module":11},"DropdownMenu","/components/dropdown-menu","3.components/dropdown-menu",{"title":340,"path":341,"stem":342,"framework":11,"module":37},"Error","/components/error","3.components/error",{"title":344,"path":345,"stem":346,"framework":11,"module":11,"badge":347},"FileUpload","/components/file-upload","3.components/file-upload","New",{"title":349,"path":350,"stem":351,"framework":11,"module":37},"Footer","/components/footer","3.components/footer",{"title":353,"path":354,"stem":355,"framework":11,"module":37},"FooterColumns","/components/footer-columns","3.components/footer-columns",{"title":357,"path":358,"stem":359,"framework":11,"module":11},"Form","/components/form","3.components/form",{"title":361,"path":362,"stem":363,"framework":11,"module":11},"FormField","/components/form-field","3.components/form-field",{"title":365,"path":366,"stem":367,"framework":11,"module":37},"Header","/components/header","3.components/header",{"title":369,"path":370,"stem":371,"framework":11,"module":11},"Icon","/components/icon","3.components/icon",{"title":373,"path":374,"stem":375,"framework":11,"module":11},"Input","/components/input","3.components/input",{"title":377,"path":378,"stem":379,"framework":11,"module":11},"InputMenu","/components/input-menu","3.components/input-menu",{"title":381,"path":382,"stem":383,"framework":11,"module":11},"InputNumber","/components/input-number","3.components/input-number",{"title":385,"path":386,"stem":387,"framework":11,"module":11},"InputTags","/components/input-tags","3.components/input-tags",{"title":389,"path":390,"stem":391,"framework":11,"module":11},"Kbd","/components/kbd","3.components/kbd",{"title":393,"path":394,"stem":395,"framework":11,"module":11},"Link","/components/link","3.components/link",{"title":397,"path":398,"stem":399,"framework":11,"module":37},"LocaleSelect","/components/locale-select","3.components/locale-select",{"title":401,"path":402,"stem":403,"framework":11,"module":37},"Main","/components/main","3.components/main",{"title":405,"path":406,"stem":407,"framework":11,"module":11},"Modal","/components/modal","3.components/modal",{"title":409,"path":410,"stem":411,"framework":11,"module":11},"NavigationMenu","/components/navigation-menu","3.components/navigation-menu",{"title":413,"path":414,"stem":415,"framework":11,"module":37},"Page","/components/page","3.components/page",{"title":417,"path":418,"stem":419,"framework":11,"module":37},"PageAccordion","/components/page-accordion","3.components/page-accordion",{"title":421,"path":422,"stem":423,"framework":11,"module":37},"PageAnchors","/components/page-anchors","3.components/page-anchors",{"title":425,"path":426,"stem":427,"framework":11,"module":37},"PageAside","/components/page-aside","3.components/page-aside",{"title":429,"path":430,"stem":431,"framework":11,"module":37},"PageBody","/components/page-body","3.components/page-body",{"title":433,"path":434,"stem":435,"framework":11,"module":37},"PageCard","/components/page-card","3.components/page-card",{"title":437,"path":438,"stem":439,"framework":11,"module":37},"PageColumns","/components/page-columns","3.components/page-columns",{"title":441,"path":442,"stem":443,"framework":11,"module":37},"PageCTA","/components/page-cta","3.components/page-cta",{"title":445,"path":446,"stem":447,"framework":11,"module":37},"PageFeature","/components/page-feature","3.components/page-feature",{"title":449,"path":450,"stem":451,"framework":11,"module":37},"PageGrid","/components/page-grid","3.components/page-grid",{"title":453,"path":454,"stem":455,"framework":11,"module":37},"PageHeader","/components/page-header","3.components/page-header",{"title":457,"path":458,"stem":459,"framework":11,"module":37},"PageHero","/components/page-hero","3.components/page-hero",{"title":461,"path":462,"stem":463,"framework":11,"module":37},"PageLinks","/components/page-links","3.components/page-links",{"title":465,"path":466,"stem":467,"framework":11,"module":37},"PageList","/components/page-list","3.components/page-list",{"title":469,"path":470,"stem":471,"framework":11,"module":37},"PageLogos","/components/page-logos","3.components/page-logos",{"title":473,"path":474,"stem":475,"framework":11,"module":37},"PageMarquee","/components/page-marquee","3.components/page-marquee",{"title":477,"path":478,"stem":479,"framework":11,"module":37},"PageSection","/components/page-section","3.components/page-section",{"title":481,"path":482,"stem":483,"framework":11,"module":11},"Pagination","/components/pagination","3.components/pagination",{"title":485,"path":486,"stem":487,"framework":11,"module":11},"PinInput","/components/pin-input","3.components/pin-input",{"title":489,"path":490,"stem":491,"framework":11,"module":11},"Popover","/components/popover","3.components/popover",{"title":493,"path":494,"stem":495,"framework":11,"module":37},"PricingPlan","/components/pricing-plan","3.components/pricing-plan",{"title":497,"path":498,"stem":499,"framework":11,"module":37},"PricingPlans","/components/pricing-plans","3.components/pricing-plans",{"title":501,"path":502,"stem":503,"framework":11,"module":37},"PricingTable","/components/pricing-table","3.components/pricing-table",{"title":505,"path":506,"stem":507,"framework":11,"module":11},"Progress","/components/progress","3.components/progress",{"title":509,"path":510,"stem":511,"framework":11,"module":11},"RadioGroup","/components/radio-group","3.components/radio-group",{"title":513,"path":514,"stem":515,"framework":11,"module":11},"Select","/components/select","3.components/select",{"title":517,"path":518,"stem":519,"framework":11,"module":11},"SelectMenu","/components/select-menu","3.components/select-menu",{"title":521,"path":522,"stem":523,"framework":11,"module":11},"Separator","/components/separator","3.components/separator",{"title":525,"path":526,"stem":527,"framework":11,"module":11},"Skeleton","/components/skeleton","3.components/skeleton",{"title":529,"path":530,"stem":531,"framework":11,"module":11},"Slideover","/components/slideover","3.components/slideover",{"title":533,"path":534,"stem":535,"framework":11,"module":11},"Slider","/components/slider","3.components/slider",{"title":537,"path":538,"stem":539,"framework":11,"module":11},"Stepper","/components/stepper","3.components/stepper",{"title":541,"path":542,"stem":543,"framework":11,"module":11},"Switch","/components/switch","3.components/switch",{"title":545,"path":546,"stem":547,"framework":11,"module":11},"Table","/components/table","3.components/table",{"title":549,"path":550,"stem":551,"framework":11,"module":11},"Tabs","/components/tabs","3.components/tabs",{"title":553,"path":554,"stem":555,"framework":11,"module":11},"Textarea","/components/textarea","3.components/textarea",{"title":557,"path":558,"stem":559,"framework":11,"module":11},"Timeline","/components/timeline","3.components/timeline",{"title":561,"path":562,"stem":563,"framework":11,"module":11},"Toast","/components/toast","3.components/toast",{"title":565,"path":566,"stem":567,"framework":11,"module":11},"Tooltip","/components/tooltip","3.components/tooltip",{"title":569,"path":570,"stem":571,"framework":11,"module":11},"Tree","/components/tree","3.components/tree",{"title":573,"path":574,"stem":575,"framework":11,"module":37},"User","/components/user","3.components/user",{"id":577,"title":94,"body":578,"category":11,"description":2263,"extension":2264,"framework":22,"links":11,"meta":2265,"module":37,"navigation":2266,"path":95,"seo":2267,"stem":96,"__hash__":2268},"content/1.getting-started/8.content.md",{"type":579,"value":580,"toc":2251},"minimark",[581,593,597,608,681,692,798,814,825,828,834,860,863,873,881,885,893,905,918,1203,1308,1316,1325,1431,1731,1865,1871,1878,1883,1918,1924,2247],[582,583,584],"warning",{},[585,586,587,588,592],"p",{},"Nuxt UI Pro v3 is ",[589,590,591],"strong",{},"only compatible with Nuxt Content v3",". If you're using Nuxt Content v2, you must use Nuxt UI Pro v1.",[594,595,14],"h2",{"id":596},"installation",[585,598,599,600,607],{},"To get started, you can follow the official ",[601,602,606],"a",{"href":603,"rel":604},"https://content.nuxt.com/docs/getting-started/installation",[605],"nofollow","guide"," or in summary:",[609,610,612,638,652,667],"code-group",{"sync":611},"pm",[613,614,620],"pre",{"className":615,"code":616,"filename":617,"language":618,"meta":619,"style":619},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm add @nuxt/content\n","pnpm","bash","",[621,622,623],"code",{"__ignoreMap":619},[624,625,628,631,635],"span",{"class":626,"line":627},"line",1,[624,629,617],{"class":630},"sBMFI",[624,632,634],{"class":633},"sfazB"," add",[624,636,637],{"class":633}," @nuxt/content\n",[613,639,642],{"className":615,"code":640,"filename":641,"language":618,"meta":619,"style":619},"yarn add @nuxt/content\n","yarn",[621,643,644],{"__ignoreMap":619},[624,645,646,648,650],{"class":626,"line":627},[624,647,641],{"class":630},[624,649,634],{"class":633},[624,651,637],{"class":633},[613,653,656],{"className":615,"code":654,"filename":655,"language":618,"meta":619,"style":619},"npm install @nuxt/content\n","npm",[621,657,658],{"__ignoreMap":619},[624,659,660,662,665],{"class":626,"line":627},[624,661,655],{"class":630},[624,663,664],{"class":633}," install",[624,666,637],{"class":633},[613,668,671],{"className":615,"code":669,"filename":670,"language":618,"meta":619,"style":619},"bun add @nuxt/content\n","bun",[621,672,673],{"__ignoreMap":619},[624,674,675,677,679],{"class":626,"line":627},[624,676,670],{"class":630},[624,678,634],{"class":633},[624,680,637],{"class":633},[585,682,683,684,687,688,691],{},"Then, add the ",[621,685,686],{},"@nuxt/content"," module in your ",[621,689,690],{},"nuxt.config.ts",":",[613,693,699],{"className":694,"code":695,"filename":690,"highlights":696,"language":698,"meta":619,"style":619},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  modules: [\n    '@nuxt/ui-pro',\n    '@nuxt/content'\n  ],\n  css: ['~/assets/css/main.css']\n})\n",[697],4,"ts",[621,700,701,722,734,749,760,768,789],{"__ignoreMap":619},[624,702,703,707,710,714,718],{"class":626,"line":627},[624,704,706],{"class":705},"s7zQu","export",[624,708,709],{"class":705}," default",[624,711,713],{"class":712},"s2Zo4"," defineNuxtConfig",[624,715,717],{"class":716},"sTEyZ","(",[624,719,721],{"class":720},"sMK4o","{\n",[624,723,725,729,731],{"class":626,"line":724},2,[624,726,728],{"class":727},"swJcz","  modules",[624,730,691],{"class":720},[624,732,733],{"class":716}," [\n",[624,735,737,740,743,746],{"class":626,"line":736},3,[624,738,739],{"class":720},"    '",[624,741,742],{"class":633},"@nuxt/ui-pro",[624,744,745],{"class":720},"'",[624,747,748],{"class":720},",\n",[624,750,753,755,757],{"class":751,"line":697},[626,752],"highlight",[624,754,739],{"class":720},[624,756,686],{"class":633},[624,758,759],{"class":720},"'\n",[624,761,763,766],{"class":626,"line":762},5,[624,764,765],{"class":716},"  ]",[624,767,748],{"class":720},[624,769,771,774,776,779,781,784,786],{"class":626,"line":770},6,[624,772,773],{"class":727},"  css",[624,775,691],{"class":720},[624,777,778],{"class":716}," [",[624,780,745],{"class":720},[624,782,783],{"class":633},"~/assets/css/main.css",[624,785,745],{"class":720},[624,787,788],{"class":716},"]\n",[624,790,792,795],{"class":626,"line":791},7,[624,793,794],{"class":720},"}",[624,796,797],{"class":716},")\n",[799,800,801],"caution",{},[585,802,803,804,806,807,809,810,813],{},"You need to register ",[621,805,686],{}," after ",[621,808,742],{}," in the ",[621,811,812],{},"modules"," array, otherwise the prose components will not be available.",[815,816,818],"note",{"to":817},"/getting-started/theme#source",[585,819,820,821,824],{},"If your content includes Tailwind CSS classes, make sure to use the ",[621,822,823],{},"@source"," directive in your CSS file.",[594,826,122],{"id":827},"components",[585,829,830,831,833],{},"You might be using ",[621,832,686],{}," to build a documentation. To help you with that, we've built some components that you can use in your pages:",[835,836,837,844,850,855],"ul",{},[838,839,840,841,843],"li",{},"a built-in full-text search command palette with ",[601,842,272],{"href":273},", replacing the need for Algolia DocSearch",[838,845,846,847,849],{},"a navigation tree with the ",[601,848,268],{"href":269}," component",[838,851,852,853,849],{},"a sticky Table of Contents with the ",[601,854,284],{"href":285},[838,856,857,858,849],{},"a prev / next navigation with the ",[601,859,280],{"href":281},[594,861,99],{"id":862},"typography",[585,864,865,866,868,869,872],{},"To make the most out of ",[621,867,686],{},", we've revamped our typography system in v3. Instead of using the ",[621,870,871],{},"@tailwindcss/typography"," plugin like in v1, we now provide custom implementations of all prose components directly within Nuxt UI Pro. This gives us precise control over styling while ensuring perfect visual harmony with our design system.",[815,874,875],{"to":100},[585,876,877,878,880],{},"Learn more about the new ",[589,879,99],{}," system and all the available components.",[594,882,884],{"id":883},"utils","Utils",[585,886,887,888,890,891,691],{},"Some utils are provided to make the bridge between ",[621,889,686],{}," and ",[621,892,742],{},[894,895,897,900,901],"h3",{"id":896},"findpageheadline-deprecated",[621,898,899],{},"findPageHeadline"," ",[902,903,904],"badge",{"color":582}," Deprecated",[585,906,907,908,809,911,913,914,917],{},"This util will allow you to bind an ",[621,909,910],{},"headline",[601,912,453],{"href":454}," based on the page ",[621,915,916],{},".navigation",".",[613,919,923],{"className":920,"code":921,"filename":922,"language":28,"meta":619,"style":619},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { findPageHeadline } from '@nuxt/ui-pro/utils/content'\n\nconst route = useRoute()\n\nconst { data: page } = await useAsyncData(route.path, () => queryCollection('content').path(route.path).first())\n\nconst headline = computed(() => findPageHeadline(page.value))\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CUPage>\n    \u003CUPageHeader v-bind=\"page\" :headline=\"headline\" />\n  \u003C/UPage>\n\u003C/template>\n","pages/[...slug].vue",[621,924,925,953,978,983,999,1003,1079,1083,1113,1123,1128,1138,1149,1184,1194],{"__ignoreMap":619},[624,926,927,930,933,937,940,943,946,948,950],{"class":626,"line":627},[624,928,929],{"class":720},"\u003C",[624,931,932],{"class":727},"script",[624,934,936],{"class":935},"spNyl"," setup",[624,938,939],{"class":935}," lang",[624,941,942],{"class":720},"=",[624,944,945],{"class":720},"\"",[624,947,698],{"class":633},[624,949,945],{"class":720},[624,951,952],{"class":720},">\n",[624,954,955,958,961,964,967,970,973,976],{"class":626,"line":724},[624,956,957],{"class":705},"import",[624,959,960],{"class":720}," {",[624,962,963],{"class":716}," findPageHeadline",[624,965,966],{"class":720}," }",[624,968,969],{"class":705}," from",[624,971,972],{"class":720}," '",[624,974,975],{"class":633},"@nuxt/ui-pro/utils/content",[624,977,759],{"class":720},[624,979,980],{"class":626,"line":736},[624,981,982],{"emptyLinePlaceholder":15},"\n",[624,984,985,988,991,993,996],{"class":626,"line":697},[624,986,987],{"class":935},"const",[624,989,990],{"class":716}," route ",[624,992,942],{"class":720},[624,994,995],{"class":712}," useRoute",[624,997,998],{"class":716},"()\n",[624,1000,1001],{"class":626,"line":762},[624,1002,982],{"emptyLinePlaceholder":15},[624,1004,1005,1007,1009,1012,1014,1017,1019,1022,1025,1028,1031,1033,1036,1039,1042,1045,1048,1050,1052,1055,1057,1060,1062,1064,1066,1068,1071,1073,1076],{"class":626,"line":770},[624,1006,987],{"class":935},[624,1008,960],{"class":720},[624,1010,1011],{"class":727}," data",[624,1013,691],{"class":720},[624,1015,1016],{"class":716}," page ",[624,1018,794],{"class":720},[624,1020,1021],{"class":720}," =",[624,1023,1024],{"class":705}," await",[624,1026,1027],{"class":712}," useAsyncData",[624,1029,1030],{"class":716},"(route",[624,1032,917],{"class":720},[624,1034,1035],{"class":716},"path",[624,1037,1038],{"class":720},",",[624,1040,1041],{"class":720}," ()",[624,1043,1044],{"class":935}," =>",[624,1046,1047],{"class":712}," queryCollection",[624,1049,717],{"class":716},[624,1051,745],{"class":720},[624,1053,1054],{"class":633},"content",[624,1056,745],{"class":720},[624,1058,1059],{"class":716},")",[624,1061,917],{"class":720},[624,1063,1035],{"class":712},[624,1065,1030],{"class":716},[624,1067,917],{"class":720},[624,1069,1070],{"class":716},"path)",[624,1072,917],{"class":720},[624,1074,1075],{"class":712},"first",[624,1077,1078],{"class":716},"())\n",[624,1080,1081],{"class":626,"line":791},[624,1082,982],{"emptyLinePlaceholder":15},[624,1084,1086,1088,1091,1093,1096,1098,1101,1103,1105,1108,1110],{"class":626,"line":1085},8,[624,1087,987],{"class":935},[624,1089,1090],{"class":716}," headline ",[624,1092,942],{"class":720},[624,1094,1095],{"class":712}," computed",[624,1097,717],{"class":716},[624,1099,1100],{"class":720},"()",[624,1102,1044],{"class":935},[624,1104,963],{"class":712},[624,1106,1107],{"class":716},"(page",[624,1109,917],{"class":720},[624,1111,1112],{"class":716},"value))\n",[624,1114,1116,1119,1121],{"class":626,"line":1115},9,[624,1117,1118],{"class":720},"\u003C/",[624,1120,932],{"class":727},[624,1122,952],{"class":720},[624,1124,1126],{"class":626,"line":1125},10,[624,1127,982],{"emptyLinePlaceholder":15},[624,1129,1131,1133,1136],{"class":626,"line":1130},11,[624,1132,929],{"class":720},[624,1134,1135],{"class":727},"template",[624,1137,952],{"class":720},[624,1139,1141,1144,1147],{"class":626,"line":1140},12,[624,1142,1143],{"class":720},"  \u003C",[624,1145,1146],{"class":727},"UPage",[624,1148,952],{"class":720},[624,1150,1152,1155,1158,1161,1163,1165,1168,1170,1173,1175,1177,1179,1181],{"class":626,"line":1151},13,[624,1153,1154],{"class":720},"    \u003C",[624,1156,1157],{"class":727},"UPageHeader",[624,1159,1160],{"class":935}," v-bind",[624,1162,942],{"class":720},[624,1164,945],{"class":720},[624,1166,1167],{"class":633},"page",[624,1169,945],{"class":720},[624,1171,1172],{"class":935}," :headline",[624,1174,942],{"class":720},[624,1176,945],{"class":720},[624,1178,910],{"class":633},[624,1180,945],{"class":720},[624,1182,1183],{"class":720}," />\n",[624,1185,1187,1190,1192],{"class":626,"line":1186},14,[624,1188,1189],{"class":720},"  \u003C/",[624,1191,1146],{"class":727},[624,1193,952],{"class":720},[624,1195,1197,1199,1201],{"class":626,"line":1196},15,[624,1198,1118],{"class":720},[624,1200,1135],{"class":727},[624,1202,952],{"class":720},[582,1204,1205,1218],{},[585,1206,1207,900,1210,1217],{},[589,1208,1209],{},"Update required:",[601,1211,1214,1216],{"href":1212,"rel":1213},"https://content.nuxt.com/docs/utils/query-collection-navigation#extra-utilities-to-work-with-navigation",[605],[621,1215,899],{}," is now provided by Nuxt Content",". Make sure to update the import and usage accordingly.",[613,1219,1223],{"className":1220,"code":1221,"language":1222,"meta":619,"style":619},"language-diff shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","  \u003Cscript setup lang=\"ts\">\n- import { findPageHeadline } from '@nuxt/ui-pro/utils/content'\n+ import { findPageHeadline } from '@nuxt/content/utils'\n\n  const route = useRoute()\n\n  const { data: page } = await useAsyncData(route.path, () => queryCollection('content').path(route.path).first())\n\n  const headline = computed(() => findPageHeadline(page.value))\n  \u003C/script>\n\n  \u003Ctemplate>\n    \u003CUPage>\n      \u003CUPageHeader v-bind=\"page\" :headline=\"headline\" />\n    \u003C/UPage>\n  \u003C/template>\n","diff",[621,1224,1225,1230,1238,1246,1250,1255,1259,1264,1268,1273,1278,1282,1287,1292,1297,1302],{"__ignoreMap":619},[624,1226,1227],{"class":626,"line":627},[624,1228,1229],{"class":716},"  \u003Cscript setup lang=\"ts\">\n",[624,1231,1232,1235],{"class":626,"line":724},[624,1233,1234],{"class":720},"-",[624,1236,1237],{"class":727}," import { findPageHeadline } from '@nuxt/ui-pro/utils/content'\n",[624,1239,1240,1243],{"class":626,"line":736},[624,1241,1242],{"class":720},"+",[624,1244,1245],{"class":633}," import { findPageHeadline } from '@nuxt/content/utils'\n",[624,1247,1248],{"class":626,"line":697},[624,1249,982],{"emptyLinePlaceholder":15},[624,1251,1252],{"class":626,"line":762},[624,1253,1254],{"class":716},"  const route = useRoute()\n",[624,1256,1257],{"class":626,"line":770},[624,1258,982],{"emptyLinePlaceholder":15},[624,1260,1261],{"class":626,"line":791},[624,1262,1263],{"class":716},"  const { data: page } = await useAsyncData(route.path, () => queryCollection('content').path(route.path).first())\n",[624,1265,1266],{"class":626,"line":1085},[624,1267,982],{"emptyLinePlaceholder":15},[624,1269,1270],{"class":626,"line":1115},[624,1271,1272],{"class":716},"  const headline = computed(() => findPageHeadline(page.value))\n",[624,1274,1275],{"class":626,"line":1125},[624,1276,1277],{"class":716},"  \u003C/script>\n",[624,1279,1280],{"class":626,"line":1130},[624,1281,982],{"emptyLinePlaceholder":15},[624,1283,1284],{"class":626,"line":1140},[624,1285,1286],{"class":716},"  \u003Ctemplate>\n",[624,1288,1289],{"class":626,"line":1151},[624,1290,1291],{"class":716},"    \u003CUPage>\n",[624,1293,1294],{"class":626,"line":1186},[624,1295,1296],{"class":716},"      \u003CUPageHeader v-bind=\"page\" :headline=\"headline\" />\n",[624,1298,1299],{"class":626,"line":1196},[624,1300,1301],{"class":716},"    \u003C/UPage>\n",[624,1303,1305],{"class":626,"line":1304},16,[624,1306,1307],{"class":716},"  \u003C/template>\n",[894,1309,1311,900,1314],{"id":1310},"findpagebreadcrumb-deprecated",[621,1312,1313],{},"findPageBreadcrumb",[902,1315,904],{"color":582},[585,1317,1318,1319,900,1321,1324],{},"This util will recursively find the breadcrumb of a page based on the navigation so you can use it in the ",[601,1320,453],{"href":454},[621,1322,1323],{},"#headline"," slot.",[613,1326,1329],{"className":920,"code":1327,"filename":1328,"language":28,"meta":619,"style":619},"\u003Cscript setup lang=\"ts\">\nconst { data: navigation } = await useAsyncData('navigation', () => queryCollectionNavigation('content'))\n\nprovide('navigation', navigation)\n\u003C/script>\n","app.vue",[621,1330,1331,1351,1401,1405,1423],{"__ignoreMap":619},[624,1332,1333,1335,1337,1339,1341,1343,1345,1347,1349],{"class":626,"line":627},[624,1334,929],{"class":720},[624,1336,932],{"class":727},[624,1338,936],{"class":935},[624,1340,939],{"class":935},[624,1342,942],{"class":720},[624,1344,945],{"class":720},[624,1346,698],{"class":633},[624,1348,945],{"class":720},[624,1350,952],{"class":720},[624,1352,1353,1355,1357,1359,1361,1364,1366,1368,1370,1372,1374,1376,1379,1381,1383,1385,1387,1390,1392,1394,1396,1398],{"class":626,"line":724},[624,1354,987],{"class":935},[624,1356,960],{"class":720},[624,1358,1011],{"class":727},[624,1360,691],{"class":720},[624,1362,1363],{"class":716}," navigation ",[624,1365,794],{"class":720},[624,1367,1021],{"class":720},[624,1369,1024],{"class":705},[624,1371,1027],{"class":712},[624,1373,717],{"class":716},[624,1375,745],{"class":720},[624,1377,1378],{"class":633},"navigation",[624,1380,745],{"class":720},[624,1382,1038],{"class":720},[624,1384,1041],{"class":720},[624,1386,1044],{"class":935},[624,1388,1389],{"class":712}," queryCollectionNavigation",[624,1391,717],{"class":716},[624,1393,745],{"class":720},[624,1395,1054],{"class":633},[624,1397,745],{"class":720},[624,1399,1400],{"class":716},"))\n",[624,1402,1403],{"class":626,"line":736},[624,1404,982],{"emptyLinePlaceholder":15},[624,1406,1407,1410,1412,1414,1416,1418,1420],{"class":626,"line":697},[624,1408,1409],{"class":712},"provide",[624,1411,717],{"class":716},[624,1413,745],{"class":720},[624,1415,1378],{"class":633},[624,1417,745],{"class":720},[624,1419,1038],{"class":720},[624,1421,1422],{"class":716}," navigation)\n",[624,1424,1425,1427,1429],{"class":626,"line":762},[624,1426,1118],{"class":720},[624,1428,932],{"class":727},[624,1430,952],{"class":720},[613,1432,1434],{"className":920,"code":1433,"filename":922,"language":28,"meta":619,"style":619},"\u003Cscript setup lang=\"ts\">\nimport type { ContentNavigationItem } from '@nuxt/content'\n\nconst route = useRoute()\n\nconst navigation = inject\u003CRef\u003CContentNavigationItem[]>>('navigation')\n\nconst breadcrumb = computed(() => mapContentNavigation(findPageBreadcrumb(navigation?.value, page.value)).map(({ icon, ...link }) => link))\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CUPage>\n    \u003CUPageHeader v-bind=\"page\">\n      \u003Ctemplate #headline>\n        \u003CUBreadcrumb :items=\"breadcrumb\" />\n      \u003C/template>\n    \u003C/UPageHeader>\n  \u003C/UPage>\n\u003C/template>\n",[621,1435,1436,1456,1478,1482,1494,1498,1535,1539,1612,1620,1624,1632,1640,1658,1672,1694,1703,1713,1722],{"__ignoreMap":619},[624,1437,1438,1440,1442,1444,1446,1448,1450,1452,1454],{"class":626,"line":627},[624,1439,929],{"class":720},[624,1441,932],{"class":727},[624,1443,936],{"class":935},[624,1445,939],{"class":935},[624,1447,942],{"class":720},[624,1449,945],{"class":720},[624,1451,698],{"class":633},[624,1453,945],{"class":720},[624,1455,952],{"class":720},[624,1457,1458,1460,1463,1465,1468,1470,1472,1474,1476],{"class":626,"line":724},[624,1459,957],{"class":705},[624,1461,1462],{"class":705}," type",[624,1464,960],{"class":720},[624,1466,1467],{"class":716}," ContentNavigationItem",[624,1469,966],{"class":720},[624,1471,969],{"class":705},[624,1473,972],{"class":720},[624,1475,686],{"class":633},[624,1477,759],{"class":720},[624,1479,1480],{"class":626,"line":736},[624,1481,982],{"emptyLinePlaceholder":15},[624,1483,1484,1486,1488,1490,1492],{"class":626,"line":697},[624,1485,987],{"class":935},[624,1487,990],{"class":716},[624,1489,942],{"class":720},[624,1491,995],{"class":712},[624,1493,998],{"class":716},[624,1495,1496],{"class":626,"line":762},[624,1497,982],{"emptyLinePlaceholder":15},[624,1499,1500,1502,1504,1506,1509,1511,1514,1516,1519,1522,1525,1527,1529,1531,1533],{"class":626,"line":770},[624,1501,987],{"class":935},[624,1503,1363],{"class":716},[624,1505,942],{"class":720},[624,1507,1508],{"class":712}," inject",[624,1510,929],{"class":720},[624,1512,1513],{"class":630},"Ref",[624,1515,929],{"class":720},[624,1517,1518],{"class":630},"ContentNavigationItem",[624,1520,1521],{"class":716},"[]",[624,1523,1524],{"class":720},">>",[624,1526,717],{"class":716},[624,1528,745],{"class":720},[624,1530,1378],{"class":633},[624,1532,745],{"class":720},[624,1534,797],{"class":716},[624,1536,1537],{"class":626,"line":791},[624,1538,982],{"emptyLinePlaceholder":15},[624,1540,1541,1543,1546,1548,1550,1552,1554,1556,1559,1561,1563,1566,1569,1572,1574,1577,1579,1582,1584,1587,1589,1592,1596,1598,1601,1604,1607,1609],{"class":626,"line":1085},[624,1542,987],{"class":935},[624,1544,1545],{"class":716}," breadcrumb ",[624,1547,942],{"class":720},[624,1549,1095],{"class":712},[624,1551,717],{"class":716},[624,1553,1100],{"class":720},[624,1555,1044],{"class":935},[624,1557,1558],{"class":712}," mapContentNavigation",[624,1560,717],{"class":716},[624,1562,1313],{"class":712},[624,1564,1565],{"class":716},"(navigation",[624,1567,1568],{"class":720},"?.",[624,1570,1571],{"class":716},"value",[624,1573,1038],{"class":720},[624,1575,1576],{"class":716}," page",[624,1578,917],{"class":720},[624,1580,1581],{"class":716},"value))",[624,1583,917],{"class":720},[624,1585,1586],{"class":712},"map",[624,1588,717],{"class":716},[624,1590,1591],{"class":720},"({",[624,1593,1595],{"class":1594},"sHdIc"," icon",[624,1597,1038],{"class":720},[624,1599,1600],{"class":720}," ...",[624,1602,1603],{"class":1594},"link",[624,1605,1606],{"class":720}," })",[624,1608,1044],{"class":935},[624,1610,1611],{"class":716}," link))\n",[624,1613,1614,1616,1618],{"class":626,"line":1115},[624,1615,1118],{"class":720},[624,1617,932],{"class":727},[624,1619,952],{"class":720},[624,1621,1622],{"class":626,"line":1125},[624,1623,982],{"emptyLinePlaceholder":15},[624,1625,1626,1628,1630],{"class":626,"line":1130},[624,1627,929],{"class":720},[624,1629,1135],{"class":727},[624,1631,952],{"class":720},[624,1633,1634,1636,1638],{"class":626,"line":1140},[624,1635,1143],{"class":720},[624,1637,1146],{"class":727},[624,1639,952],{"class":720},[624,1641,1642,1644,1646,1648,1650,1652,1654,1656],{"class":626,"line":1151},[624,1643,1154],{"class":720},[624,1645,1157],{"class":727},[624,1647,1160],{"class":935},[624,1649,942],{"class":720},[624,1651,945],{"class":720},[624,1653,1167],{"class":633},[624,1655,945],{"class":720},[624,1657,952],{"class":720},[624,1659,1660,1663,1665,1668,1670],{"class":626,"line":1186},[624,1661,1662],{"class":720},"      \u003C",[624,1664,1135],{"class":727},[624,1666,1667],{"class":720}," #",[624,1669,910],{"class":935},[624,1671,952],{"class":720},[624,1673,1674,1677,1680,1683,1685,1687,1690,1692],{"class":626,"line":1196},[624,1675,1676],{"class":720},"        \u003C",[624,1678,1679],{"class":727},"UBreadcrumb",[624,1681,1682],{"class":935}," :items",[624,1684,942],{"class":720},[624,1686,945],{"class":720},[624,1688,1689],{"class":633},"breadcrumb",[624,1691,945],{"class":720},[624,1693,1183],{"class":720},[624,1695,1696,1699,1701],{"class":626,"line":1304},[624,1697,1698],{"class":720},"      \u003C/",[624,1700,1135],{"class":727},[624,1702,952],{"class":720},[624,1704,1706,1709,1711],{"class":626,"line":1705},17,[624,1707,1708],{"class":720},"    \u003C/",[624,1710,1157],{"class":727},[624,1712,952],{"class":720},[624,1714,1716,1718,1720],{"class":626,"line":1715},18,[624,1717,1189],{"class":720},[624,1719,1146],{"class":727},[624,1721,952],{"class":720},[624,1723,1725,1727,1729],{"class":626,"line":1724},19,[624,1726,1118],{"class":720},[624,1728,1135],{"class":727},[624,1730,952],{"class":720},[582,1732,1733,1742],{},[585,1734,1735,900,1737,1217],{},[589,1736,1209],{},[601,1738,1740,1216],{"href":1212,"rel":1739},[605],[621,1741,1313],{},[613,1743,1745],{"className":1220,"code":1744,"language":1222,"meta":619,"style":619},"  \u003Cscript setup lang=\"ts\">\n  import type { ContentNavigationItem } from '@nuxt/content'\n- import { findPageBreadcrumb, mapContentNavigation } from '@nuxt/ui-pro/utils/content'\n+ import { mapContentNavigation } from '@nuxt/ui-pro/utils/content'\n+ import { findPageBreadcrumb } from '@nuxt/content/utils'\n\n  const route = useRoute()\n\n  const navigation = inject\u003CRef\u003CContentNavigationItem[]>>('navigation')\n\n- const breadcrumb = computed(() => mapContentNavigation(findPageBreadcrumb(navigation?.value, page.value)).map(({ icon, ...link }) => link))\n+ const breadcrumb = computed(() => mapContentNavigation(findPageBreadcrumb(navigation?.value, page.value?.path, { indexAsChild: true })).map(({ icon, ...link }) => link))\n  \u003C/script>\n\n  \u003Ctemplate>\n    \u003CUPage>\n      \u003CUPageHeader v-bind=\"page\">\n        \u003Ctemplate #headline>\n          \u003CUBreadcrumb :items=\"breadcrumb\" />\n        \u003C/template>\n      \u003C/UPageHeader>\n    \u003C/UPage>\n  \u003C/template>\n",[621,1746,1747,1751,1756,1763,1770,1777,1781,1785,1789,1794,1798,1805,1812,1816,1820,1824,1828,1833,1838,1843,1849,1855,1860],{"__ignoreMap":619},[624,1748,1749],{"class":626,"line":627},[624,1750,1229],{"class":716},[624,1752,1753],{"class":626,"line":724},[624,1754,1755],{"class":716},"  import type { ContentNavigationItem } from '@nuxt/content'\n",[624,1757,1758,1760],{"class":626,"line":736},[624,1759,1234],{"class":720},[624,1761,1762],{"class":727}," import { findPageBreadcrumb, mapContentNavigation } from '@nuxt/ui-pro/utils/content'\n",[624,1764,1765,1767],{"class":626,"line":697},[624,1766,1242],{"class":720},[624,1768,1769],{"class":633}," import { mapContentNavigation } from '@nuxt/ui-pro/utils/content'\n",[624,1771,1772,1774],{"class":626,"line":762},[624,1773,1242],{"class":720},[624,1775,1776],{"class":633}," import { findPageBreadcrumb } from '@nuxt/content/utils'\n",[624,1778,1779],{"class":626,"line":770},[624,1780,982],{"emptyLinePlaceholder":15},[624,1782,1783],{"class":626,"line":791},[624,1784,1254],{"class":716},[624,1786,1787],{"class":626,"line":1085},[624,1788,982],{"emptyLinePlaceholder":15},[624,1790,1791],{"class":626,"line":1115},[624,1792,1793],{"class":716},"  const navigation = inject\u003CRef\u003CContentNavigationItem[]>>('navigation')\n",[624,1795,1796],{"class":626,"line":1125},[624,1797,982],{"emptyLinePlaceholder":15},[624,1799,1800,1802],{"class":626,"line":1130},[624,1801,1234],{"class":720},[624,1803,1804],{"class":727}," const breadcrumb = computed(() => mapContentNavigation(findPageBreadcrumb(navigation?.value, page.value)).map(({ icon, ...link }) => link))\n",[624,1806,1807,1809],{"class":626,"line":1140},[624,1808,1242],{"class":720},[624,1810,1811],{"class":633}," const breadcrumb = computed(() => mapContentNavigation(findPageBreadcrumb(navigation?.value, page.value?.path, { indexAsChild: true })).map(({ icon, ...link }) => link))\n",[624,1813,1814],{"class":626,"line":1151},[624,1815,1277],{"class":716},[624,1817,1818],{"class":626,"line":1186},[624,1819,982],{"emptyLinePlaceholder":15},[624,1821,1822],{"class":626,"line":1196},[624,1823,1286],{"class":716},[624,1825,1826],{"class":626,"line":1304},[624,1827,1291],{"class":716},[624,1829,1830],{"class":626,"line":1705},[624,1831,1832],{"class":716},"      \u003CUPageHeader v-bind=\"page\">\n",[624,1834,1835],{"class":626,"line":1715},[624,1836,1837],{"class":716},"        \u003Ctemplate #headline>\n",[624,1839,1840],{"class":626,"line":1724},[624,1841,1842],{"class":716},"          \u003CUBreadcrumb :items=\"breadcrumb\" />\n",[624,1844,1846],{"class":626,"line":1845},20,[624,1847,1848],{"class":716},"        \u003C/template>\n",[624,1850,1852],{"class":626,"line":1851},21,[624,1853,1854],{"class":716},"      \u003C/UPageHeader>\n",[624,1856,1858],{"class":626,"line":1857},22,[624,1859,1301],{"class":716},[624,1861,1863],{"class":626,"line":1862},23,[624,1864,1307],{"class":716},[894,1866,1868],{"id":1867},"mapcontentnavigation",[621,1869,1870],{},"mapContentNavigation",[585,1872,1873,1874,1877],{},"This util will map the navigation from ",[621,1875,1876],{},"queryCollectionNavigation"," and transform it recursively into an array of objects that can be used by various components.",[585,1879,1880],{},[621,1881,1882],{},"mapContentNavigation(navigation, options?)",[835,1884,1885,1890],{},[838,1886,1887,1889],{},[621,1888,1378],{},": The navigation tree (array of ContentNavigationItem).",[838,1891,1892,1895,1896],{},[621,1893,1894],{},"options"," (optional):\n",[835,1897,1898,1908],{},[838,1899,1900,1903,1904,1907],{},[621,1901,1902],{},"labelAttribute",": (string) Which field to use as label (",[621,1905,1906],{},"title"," by default)",[838,1909,1910,1913,1914,1917],{},[621,1911,1912],{},"deep",": (number or undefined) Controls how many levels of navigation are included (",[621,1915,1916],{},"undefined"," by default : includes all levels)",[585,1919,1920,1923],{},[589,1921,1922],{},"Example:"," As shown in the breadcrumb example below, it's commonly used to transform the navigation data into the correct format.",[613,1925,1927],{"className":920,"code":1926,"filename":1328,"language":28,"meta":619,"style":619},"\u003Cscript setup lang=\"ts\">\nimport { mapContentNavigation } from '@nuxt/ui-pro/utils/content'\nimport { findPageBreadcrumb } from '@nuxt/content/utils'\n\nconst { data: navigation } = await useAsyncData('navigation', () => queryCollectionNavigation('content'))\n\nconst breadcrumb = computed(() => mapContentNavigation(findPageBreadcrumb(navigation?.value, page.value?.path, { indexAsChild: true })).map(({ icon, ...link }) => link), { deep: 0 })\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CUPage>\n    \u003CUPageHeader v-bind=\"page\">\n      \u003Ctemplate #headline>\n        \u003CUBreadcrumb :items=\"breadcrumb\" />\n      \u003C/template>\n    \u003C/UPageHeader>\n  \u003C/UPage>\n\u003C/template>\n",[621,1928,1929,1949,1967,1987,1991,2037,2041,2139,2147,2151,2159,2167,2185,2197,2215,2223,2231,2239],{"__ignoreMap":619},[624,1930,1931,1933,1935,1937,1939,1941,1943,1945,1947],{"class":626,"line":627},[624,1932,929],{"class":720},[624,1934,932],{"class":727},[624,1936,936],{"class":935},[624,1938,939],{"class":935},[624,1940,942],{"class":720},[624,1942,945],{"class":720},[624,1944,698],{"class":633},[624,1946,945],{"class":720},[624,1948,952],{"class":720},[624,1950,1951,1953,1955,1957,1959,1961,1963,1965],{"class":626,"line":724},[624,1952,957],{"class":705},[624,1954,960],{"class":720},[624,1956,1558],{"class":716},[624,1958,966],{"class":720},[624,1960,969],{"class":705},[624,1962,972],{"class":720},[624,1964,975],{"class":633},[624,1966,759],{"class":720},[624,1968,1969,1971,1973,1976,1978,1980,1982,1985],{"class":626,"line":736},[624,1970,957],{"class":705},[624,1972,960],{"class":720},[624,1974,1975],{"class":716}," findPageBreadcrumb",[624,1977,966],{"class":720},[624,1979,969],{"class":705},[624,1981,972],{"class":720},[624,1983,1984],{"class":633},"@nuxt/content/utils",[624,1986,759],{"class":720},[624,1988,1989],{"class":626,"line":697},[624,1990,982],{"emptyLinePlaceholder":15},[624,1992,1993,1995,1997,1999,2001,2003,2005,2007,2009,2011,2013,2015,2017,2019,2021,2023,2025,2027,2029,2031,2033,2035],{"class":626,"line":762},[624,1994,987],{"class":935},[624,1996,960],{"class":720},[624,1998,1011],{"class":727},[624,2000,691],{"class":720},[624,2002,1363],{"class":716},[624,2004,794],{"class":720},[624,2006,1021],{"class":720},[624,2008,1024],{"class":705},[624,2010,1027],{"class":712},[624,2012,717],{"class":716},[624,2014,745],{"class":720},[624,2016,1378],{"class":633},[624,2018,745],{"class":720},[624,2020,1038],{"class":720},[624,2022,1041],{"class":720},[624,2024,1044],{"class":935},[624,2026,1389],{"class":712},[624,2028,717],{"class":716},[624,2030,745],{"class":720},[624,2032,1054],{"class":633},[624,2034,745],{"class":720},[624,2036,1400],{"class":716},[624,2038,2039],{"class":626,"line":770},[624,2040,982],{"emptyLinePlaceholder":15},[624,2042,2043,2045,2047,2049,2051,2053,2055,2057,2059,2061,2063,2065,2067,2069,2071,2073,2075,2077,2079,2081,2083,2085,2088,2090,2094,2096,2099,2101,2103,2105,2107,2109,2111,2113,2115,2117,2119,2122,2124,2126,2129,2131,2135,2137],{"class":626,"line":791},[624,2044,987],{"class":935},[624,2046,1545],{"class":716},[624,2048,942],{"class":720},[624,2050,1095],{"class":712},[624,2052,717],{"class":716},[624,2054,1100],{"class":720},[624,2056,1044],{"class":935},[624,2058,1558],{"class":712},[624,2060,717],{"class":716},[624,2062,1313],{"class":712},[624,2064,1565],{"class":716},[624,2066,1568],{"class":720},[624,2068,1571],{"class":716},[624,2070,1038],{"class":720},[624,2072,1576],{"class":716},[624,2074,917],{"class":720},[624,2076,1571],{"class":716},[624,2078,1568],{"class":720},[624,2080,1035],{"class":716},[624,2082,1038],{"class":720},[624,2084,960],{"class":720},[624,2086,2087],{"class":727}," indexAsChild",[624,2089,691],{"class":720},[624,2091,2093],{"class":2092},"sfNiH"," true",[624,2095,966],{"class":720},[624,2097,2098],{"class":716},"))",[624,2100,917],{"class":720},[624,2102,1586],{"class":712},[624,2104,717],{"class":716},[624,2106,1591],{"class":720},[624,2108,1595],{"class":1594},[624,2110,1038],{"class":720},[624,2112,1600],{"class":720},[624,2114,1603],{"class":1594},[624,2116,1606],{"class":720},[624,2118,1044],{"class":935},[624,2120,2121],{"class":716}," link)",[624,2123,1038],{"class":720},[624,2125,960],{"class":720},[624,2127,2128],{"class":727}," deep",[624,2130,691],{"class":720},[624,2132,2134],{"class":2133},"sbssI"," 0",[624,2136,966],{"class":720},[624,2138,797],{"class":716},[624,2140,2141,2143,2145],{"class":626,"line":1085},[624,2142,1118],{"class":720},[624,2144,932],{"class":727},[624,2146,952],{"class":720},[624,2148,2149],{"class":626,"line":1115},[624,2150,982],{"emptyLinePlaceholder":15},[624,2152,2153,2155,2157],{"class":626,"line":1125},[624,2154,929],{"class":720},[624,2156,1135],{"class":727},[624,2158,952],{"class":720},[624,2160,2161,2163,2165],{"class":626,"line":1130},[624,2162,1143],{"class":720},[624,2164,1146],{"class":727},[624,2166,952],{"class":720},[624,2168,2169,2171,2173,2175,2177,2179,2181,2183],{"class":626,"line":1140},[624,2170,1154],{"class":720},[624,2172,1157],{"class":727},[624,2174,1160],{"class":935},[624,2176,942],{"class":720},[624,2178,945],{"class":720},[624,2180,1167],{"class":633},[624,2182,945],{"class":720},[624,2184,952],{"class":720},[624,2186,2187,2189,2191,2193,2195],{"class":626,"line":1151},[624,2188,1662],{"class":720},[624,2190,1135],{"class":727},[624,2192,1667],{"class":720},[624,2194,910],{"class":935},[624,2196,952],{"class":720},[624,2198,2199,2201,2203,2205,2207,2209,2211,2213],{"class":626,"line":1186},[624,2200,1676],{"class":720},[624,2202,1679],{"class":727},[624,2204,1682],{"class":935},[624,2206,942],{"class":720},[624,2208,945],{"class":720},[624,2210,1689],{"class":633},[624,2212,945],{"class":720},[624,2214,1183],{"class":720},[624,2216,2217,2219,2221],{"class":626,"line":1196},[624,2218,1698],{"class":720},[624,2220,1135],{"class":727},[624,2222,952],{"class":720},[624,2224,2225,2227,2229],{"class":626,"line":1304},[624,2226,1708],{"class":720},[624,2228,1157],{"class":727},[624,2230,952],{"class":720},[624,2232,2233,2235,2237],{"class":626,"line":1705},[624,2234,1189],{"class":720},[624,2236,1146],{"class":727},[624,2238,952],{"class":720},[624,2240,2241,2243,2245],{"class":626,"line":1715},[624,2242,1118],{"class":720},[624,2244,1135],{"class":727},[624,2246,952],{"class":720},[2248,2249,2250],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":619,"searchDepth":724,"depth":724,"links":2252},[2253,2254,2255,2256],{"id":596,"depth":724,"text":14},{"id":827,"depth":724,"text":122},{"id":862,"depth":724,"text":99},{"id":883,"depth":724,"text":884,"children":2257},[2258,2260,2262],{"id":896,"depth":736,"text":2259},"findPageHeadline  Deprecated",{"id":1310,"depth":736,"text":2261},"findPageBreadcrumb  Deprecated",{"id":1867,"depth":736,"text":1870},"Nuxt UI Pro enhances Nuxt Content with beautiful components and styling.","md",{},{"icon":97},{"title":94,"description":2263},"PnosxmMYXVFU6vQaZ8Zy7pxdVSQGhImPw2QGEJaIXgY",[2270,2272],{"title":86,"path":87,"stem":88,"description":2271,"icon":89,"children":-1},"Learn how to internationalize your Nuxt app with multi-directional support (LTR/RTL).",{"title":99,"path":100,"stem":101,"description":2273,"icon":102,"children":-1},"Nuxt UI Pro provides beautiful typography components and utilities to style your content.",{"data":2275,"body":2276},{},{"type":2277,"children":2278},"root",[2279],{"type":2280,"tag":585,"props":2281,"children":2282},"element",{},[2283],{"type":2284,"value":2263},"text",1767003433561]