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