[{"data":1,"prerenderedAt":849},["ShallowReactive",2],{"navigation_docs_en":3,"-en-concepts-customization":128,"-en-concepts-customization-surround":844},[4,41,77,103],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":40},"Getting Started","i-lucide-rocket","\u002Fen\u002Fgetting-started","en\u002F1.getting-started",[10,15,20,25,30,35],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fen\u002Fgetting-started\u002Fintroduction","en\u002F1.getting-started\u002F2.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fen\u002Fgetting-started\u002Finstallation","en\u002F1.getting-started\u002F3.installation","i-lucide-download",{"title":21,"path":22,"stem":23,"icon":24},"Project Structure","\u002Fen\u002Fgetting-started\u002Fproject-structure","en\u002F1.getting-started\u002F4.project-structure","i-lucide-folder-tree",{"title":26,"path":27,"stem":28,"icon":29},"Studio module","\u002Fen\u002Fgetting-started\u002Fstudio","en\u002F1.getting-started\u002F5.studio","i-lucide-mouse-pointer-2",{"title":31,"path":32,"stem":33,"icon":34},"Migration","\u002Fen\u002Fgetting-started\u002Fmigration","en\u002F1.getting-started\u002F6.migration","i-lucide-replace",{"title":36,"path":37,"stem":38,"icon":39},"Troubleshooting","\u002Fen\u002Fgetting-started\u002Ftroubleshooting","en\u002F1.getting-started\u002F7.troubleshooting","i-lucide-wrench",false,{"title":42,"icon":43,"path":44,"stem":45,"children":46,"page":40},"Core Concepts","i-lucide-brain","\u002Fen\u002Fconcepts","en\u002F2.concepts",[47,52,57,62,67,72],{"title":48,"path":49,"stem":50,"icon":51},"Edition","\u002Fen\u002Fconcepts\u002Fedition","en\u002F2.concepts\u002F2.edition","i-lucide-pencil",{"title":53,"path":54,"stem":55,"icon":56},"Configuration","\u002Fen\u002Fconcepts\u002Fconfiguration","en\u002F2.concepts\u002F3.configuration","i-lucide-settings",{"title":58,"path":59,"stem":60,"icon":61},"Theme","\u002Fen\u002Fconcepts\u002Ftheme","en\u002F2.concepts\u002F4.theme","i-lucide-paint-roller",{"title":63,"path":64,"stem":65,"icon":66},"Customization","\u002Fen\u002Fconcepts\u002Fcustomization","en\u002F2.concepts\u002F5.customization","i-lucide-pen-tool",{"title":68,"path":69,"stem":70,"icon":71},"Internationalization","\u002Fen\u002Fconcepts\u002Finternationalization","en\u002F2.concepts\u002F6.internationalization","i-lucide-globe",{"title":73,"path":74,"stem":75,"icon":76},"Nuxt","\u002Fen\u002Fconcepts\u002Fnuxt","en\u002F2.concepts\u002F8.nuxt","i-simple-icons-nuxt",{"title":78,"icon":79,"path":80,"stem":81,"children":82,"page":40},"Essentials","i-lucide-book-open","\u002Fen\u002Fessentials","en\u002F3.essentials",[83,88,93,98],{"title":84,"path":85,"stem":86,"icon":87},"Markdown Syntax","\u002Fen\u002Fessentials\u002Fmarkdown-syntax","en\u002F3.essentials\u002F1.markdown-syntax","i-lucide-heading-1",{"title":89,"path":90,"stem":91,"icon":92},"Code Blocks","\u002Fen\u002Fessentials\u002Fcode-blocks","en\u002F3.essentials\u002F2.code-blocks","i-lucide-code-xml",{"title":94,"path":95,"stem":96,"icon":97},"Components","\u002Fen\u002Fessentials\u002Fcomponents","en\u002F3.essentials\u002F3.components","i-lucide-component",{"title":99,"path":100,"stem":101,"icon":102},"Images and Embeds","\u002Fen\u002Fessentials\u002Fimages-embeds","en\u002F3.essentials\u002F4.images-embeds","i-lucide-image",{"title":104,"icon":105,"path":106,"stem":107,"children":108,"page":40},"AI","i-lucide-sparkles","\u002Fen\u002Fai","en\u002F4.ai",[109,113,118,123],{"title":110,"path":111,"stem":112,"icon":105},"Assistant","\u002Fen\u002Fai\u002Fassistant","en\u002F4.ai\u002F1.assistant",{"title":114,"path":115,"stem":116,"icon":117},"MCP Server","\u002Fen\u002Fai\u002Fmcp","en\u002F4.ai\u002F2.mcp","i-lucide-cpu",{"title":119,"path":120,"stem":121,"icon":122},"Agent Skills","\u002Fen\u002Fai\u002Fskills","en\u002F4.ai\u002F3.skills","i-lucide-wand-sparkles",{"title":124,"path":125,"stem":126,"icon":127},"LLMs Integration","\u002Fen\u002Fai\u002Fllms","en\u002F4.ai\u002F4.llms","i-lucide-message-circle-code",{"id":129,"title":63,"body":130,"description":838,"extension":571,"links":839,"meta":840,"navigation":841,"path":64,"seo":842,"stem":65,"__hash__":843},"docs_en\u002Fen\u002F2.concepts\u002F5.customization.md",{"type":131,"value":132,"toc":817},"minimark",[133,137,145,150,153,160,175,186,193,200,206,213,219,224,230,237,242,245,251,270,276,279,285,302,310,314,318,321,327,334,340,343,349,355,361,364,367,371,374,380,383,410,417,423,426,432,438,444,447,453,460,466,469,475,481,487,491,497,503,509,512,516,538,549,559,566,611,752,805,813],[134,135,136],"p",{},"Docus is built on top of Nuxt 4 which offers a flexible component layer system that allows you to override some part of the UI by redefining specific components in your own app. This makes it easy to fully customize the visual appearance and behavior of your documentation without touching the core theme.",[134,138,139,140,144],{},"To override a component, simply create a Vue file with the same name in the ",[141,142,143],"code",{},"components\u002F"," directory. Docus will automatically use your version instead of the default one.",[146,147,149],"h2",{"id":148},"app-header","App Header",[134,151,152],{},"You can customize different parts of the header by overriding the following components:",[154,155,157],"h3",{"id":156},"appheaderlogo",[141,158,159],{},"AppHeaderLogo",[134,161,162,163,166,167,170,171,174],{},"For simple adjustments like changing the logo size, you can use the ",[141,164,165],{},"logo.class"," option in ",[141,168,169],{},"app.config.ts"," without overriding the component (e.g. ",[141,172,173],{},"class: 'h-8'",").",[134,176,177,178,181,182,185],{},"To fully replace the default logo in the header, create the ",[141,179,180],{},"components\u002FAppHeaderLogo.vue"," file. Your component will replace the default one provided by Docus theme. You can use the ",[141,183,184],{},"useLogoAssets()"," composable to keep the right-click context menu with copy and download actions.",[134,187,188],{},[189,190],"img",{"alt":191,"src":192},"App header logo visualisation","\u002Fdocumentation\u002Fapp-header-logo.webp",[194,195,199],"u-button",{"color":196,"icon":92,"to":197,"variant":198},"neutral","https:\u002F\u002Fgithub.com\u002Fnuxt-content\u002Fdocus\u002Fblob\u002Fmain\u002Flayer\u002Fapp\u002Fcomponents\u002Fapp\u002FAppHeaderLogo.vue","link","Default component code",[154,201,203],{"id":202},"appheadercta",[141,204,205],{},"AppHeaderCTA",[134,207,208,209,212],{},"To customize the call-to-action area in the header (for example, adding a “Get Started” button or external link), override the ",[141,210,211],{},"components\u002FAppHeaderCTA.vue"," component.",[134,214,215],{},[189,216],{"alt":217,"src":218},"App header CTA visualisation","\u002Fdocumentation\u002Fapp-header-cta.webp",[220,221,223],"note",{"to":222},"https:\u002F\u002Fgithub.com\u002Fnuxt-content\u002Fdocus\u002Fblob\u002Fmain\u002Fdocs\u002Fapp\u002Fcomponents\u002FAppHeaderCTA.vue","By default this components is empty but you can have a look at how we're overriding it on Docus documentation itself.",[154,225,227],{"id":226},"appheadercenter",[141,228,229],{},"AppHeaderCenter",[134,231,232,233,236],{},"To customize the center area in the header, override the ",[141,234,235],{},"components\u002FAppHeaderCenter.vue"," component. Your component will replace the search bar provided by Docus theme.",[134,238,239],{},[189,240],{"alt":191,"src":241},"\u002Fdocumentation\u002Fapp-header-center.webp",[194,243,199],{"color":196,"icon":92,"to":244,"variant":198},"https:\u002F\u002Fgithub.com\u002Fnuxt-content\u002Fdocus\u002Fblob\u002Fmain\u002Flayer\u002Fapp\u002Fcomponents\u002Fapp\u002FAppHeaderCenter.vue",[154,246,248],{"id":247},"appheaderbody",[141,249,250],{},"AppHeaderBody",[134,252,253,254,257,258,265,266,269],{},"By default, when you open the menu on mobile view, Docus is displaying your ",[141,255,256],{},"content\u002F"," folder tree as a menu with the ",[259,260,264],"a",{"href":261,"rel":262},"https:\u002F\u002Fui.nuxt.com\u002Fcomponents\u002Fcontent-navigation",[263],"nofollow","ContentNavigation"," component. You can override this menu with the ",[141,267,268],{},"components\u002FAppHeaderBody.vue"," component and fill the menu body (under the header) in mobile.",[134,271,272],{},[189,273],{"alt":274,"src":275},"App header body visualisation","\u002Fdocumentation\u002Fapp-header-body.webp",[194,277,199],{"color":196,"icon":92,"to":278,"variant":198},"https:\u002F\u002Fgithub.com\u002Fnuxt-content\u002Fdocus\u002Fblob\u002Fmain\u002Flayer\u002Fapp\u002Fcomponents\u002Fapp\u002FAppHeaderBody.vue",[154,280,282],{"id":281},"appheaderbottomright",[141,283,284],{},"AppHeaderBottomRight",[134,286,287,288,294,295,298,299,212],{},"When ",[259,289,291],{"href":290},"\u002Fen\u002Fconcepts\u002Fconfiguration#sub-navigation",[141,292,293],{},"navigation.sub"," is set to ",[141,296,297],{},"'header'",", Docus renders a secondary tab bar below the header. To add custom content on the right side of this bar (e.g. a toggle, a badge), create a ",[141,300,301],{},"components\u002FAppHeaderBottomRight.vue",[220,303,305,306,309],{"to":304},"https:\u002F\u002Fgithub.com\u002Fnuxt-content\u002Fdocus\u002Fblob\u002Fmain\u002Flayer\u002Fapp\u002Fcomponents\u002Fapp\u002FAppHeaderBottom.vue","To fully replace the sub navigation bar, override the ",[141,307,308],{},"AppHeaderBottom.vue"," component instead.",[311,312,313],"tip",{"to":74},"If you want to customize the header globally, maybe you should consider using your own layout.",[146,315,317],{"id":316},"app-footer","App Footer",[134,319,320],{},"You can customize different parts of the footer by overriding the following components:",[154,322,324],{"id":323},"appfooterleft",[141,325,326],{},"AppFooterLeft",[134,328,329,330,333],{},"To replace the left side of the header, create the ",[141,331,332],{},"components\u002FAppFooterLeft.vue"," file. Your component will replace the default one provided by Docus theme.",[134,335,336],{},[189,337],{"alt":338,"src":339},"App footer left visualisation","\u002Fdocumentation\u002Fapp-footer-left.webp",[194,341,199],{"color":196,"icon":92,"to":342,"variant":198},"https:\u002F\u002Fgithub.com\u002Fnuxt-content\u002Fdocus\u002Fblob\u002Fmain\u002Flayer\u002Fapp\u002Fcomponents\u002Fapp\u002FAppFooterLeft.vue",[154,344,346],{"id":345},"appfooterright",[141,347,348],{},"AppFooterRight",[134,350,351,352,333],{},"To replace the right side of the footer, create the ",[141,353,354],{},"components\u002FAppFooterRight.vue",[134,356,357],{},[189,358],{"alt":359,"src":360},"App footer right visualisation","\u002Fdocumentation\u002Fapp-footer-right.webp",[194,362,199],{"color":196,"icon":92,"to":363,"variant":198},"https:\u002F\u002Fgithub.com\u002Fnuxt-content\u002Fdocus\u002Fblob\u002Fmain\u002Flayer\u002Fapp\u002Fcomponents\u002Fapp\u002FAppFooterRight.vue",[311,365,366],{"to":74},"If you want to customize the footer globally, maybe you should consider using your own layout.",[146,368,370],{"id":369},"docs","Docs",[134,372,373],{},"You can also customize header and both asides of the documentation pages.",[154,375,377],{"id":376},"docspageheaderlinks",[141,378,379],{},"DocsPageHeaderLinks",[134,381,382],{},"In the header right side of your documentation page, Docus default behaviour is displaying a dropdown with quick actions related to the current page’s Markdown source. It allows the reader of the documentation to:",[384,385,386,398,404],"ul",{},[387,388,389,393,394,397],"li",{},[390,391,392],"strong",{},"Copy a direct link"," to the raw ",[141,395,396],{},".md"," file to the clipboard.",[387,399,400,403],{},[390,401,402],{},"View the Markdown source"," in a new browser tab.",[387,405,406,409],{},[390,407,408],{},"Open the page’s content in ChatGPT or Claude",", pre-filled with a prompt to analyze the Markdown file.",[134,411,412,413,416],{},"These actions are especially useful for contributors, readers, or AI-assisted workflows but you can create your own ",[141,414,415],{},"components\u002FDocsPageHeaderLinks.vue"," component to override it.",[134,418,419],{},[189,420],{"alt":421,"src":422},"App Page Header Links","\u002Fdocumentation\u002Fapp-page-header-links.webp",[194,424,199],{"color":196,"icon":92,"to":425,"variant":198},"https:\u002F\u002Fgithub.com\u002Fnuxt-content\u002Fdocus\u002Ftree\u002Fmain\u002Flayer\u002Fapp\u002Fcomponents\u002Fdocs\u002FDocsPageHeaderLinks.vue",[154,427,429],{"id":428},"docsasideright",[141,430,431],{},"DocsAsideRight",[134,433,434,435,212],{},"To fully replace the right aside of the documentation pages, create a ",[141,436,437],{},"components\u002FDocsAsideRight.vue",[134,439,440],{},[189,441],{"alt":442,"src":443},"Docs right aside","\u002Fdocumentation\u002Fdocs-aside-right.png",[194,445,199],{"color":196,"icon":92,"to":446,"variant":198},"https:\u002F\u002Fgithub.com\u002Fnuxt-content\u002Fdocus\u002Ftree\u002Fmain\u002Flayer\u002Fapp\u002Fcomponents\u002Fdocs\u002FDocsAsideRight.vue",[154,448,450],{"id":449},"docsasiderightbottom",[141,451,452],{},"DocsAsideRightBottom",[134,454,455,456,459],{},"To customize bottom part of the right aside of the documentation pages. You can create the",[141,457,458],{},"components\u002FDocsAsideRightBottom.vue"," component. Your component will replace the default bottom table of content provided by Docus theme.",[134,461,462],{},[189,463],{"alt":464,"src":465},"Docs right aside bottom","\u002Fdocumentation\u002Fdocs-aside-right-bottom.webp",[194,467,199],{"color":196,"icon":92,"to":468,"variant":198},"https:\u002F\u002Fgithub.com\u002Fnuxt-content\u002Fdocus\u002Ftree\u002Fmain\u002Flayer\u002Fapp\u002Fcomponents\u002Fdocs\u002FDocsAsideRightBottom.vue",[154,470,472],{"id":471},"docsasidelefttop",[141,473,474],{},"DocsAsideLeftTop",[134,476,477,478,212],{},"To customize top part of the left aside of the documentation pages. You can create the",[141,479,480],{},"components\u002FDocsAsideLeftTop.vue",[134,482,483],{},[189,484],{"alt":485,"src":486},"Docs Aside Left Top","\u002Fdocumentation\u002Fdocs-aside-left-top.webp",[220,488,490],{"to":489},"https:\u002F\u002Fgithub.com\u002Fnuxt\u002Fimage\u002Fblob\u002Fmain\u002Fdocs\u002Fapp\u002Fcomponents\u002FDocsAsideLeftTop.vue","By default this components is empty but you can have a look at how we're overriding it on Nuxt Image documentation itself.",[154,492,494],{"id":493},"docsasideleftbody",[141,495,496],{},"DocsAsideLeftBody",[134,498,499,500,502],{},"To customize main part of the left aside of the documentation pages. You can create the",[141,501,480],{}," component. Your component will replace the default file navigation provided by Docus theme.",[134,504,505],{},[189,506],{"alt":507,"src":508},"Docs aside left body visualisation","\u002Fdocumentation\u002Fdocs-aside-left-body.webp",[194,510,199],{"color":196,"icon":92,"to":511,"variant":198},"https:\u002F\u002Fgithub.com\u002Fnuxt-content\u002Fdocus\u002Ftree\u002Fmain\u002Flayer\u002Fapp\u002Fcomponents\u002Fdocs\u002FDocsAsideLeftBody.vue",[146,513,515],{"id":514},"custom-icons","Custom Icons",[134,517,518,519,524,525,530,531,534,535,174],{},"Docus uses ",[259,520,523],{"href":521,"rel":522},"https:\u002F\u002Fgithub.com\u002Fnuxt\u002Ficon",[263],"Nuxt Icon"," with the ",[259,526,529],{"href":527,"rel":528},"https:\u002F\u002Ficonify.design\u002F",[263],"Iconify"," provider, giving you access to thousands of icons out of the box (e.g. ",[141,532,533],{},"i-lucide-arrow-right",", ",[141,536,537],{},"i-simple-icons-github",[134,539,540,541,544,545,548],{},"To add your own icons, place SVG files in the ",[141,542,543],{},"assets\u002Ficons\u002F"," directory of your app. They are automatically registered under the ",[141,546,547],{},"custom"," prefix and available everywhere in your project.",[550,551,556],"pre",{"className":552,"code":554,"language":555},[553],"language-text","assets\u002F\n  icons\u002F\n    my-logo.svg\n","text",[141,557,554],{"__ignoreMap":558},"",[134,560,561,562,565],{},"You can then use them with the ",[141,563,564],{},"i-custom:"," prefix:",[550,567,572],{"className":568,"code":569,"filename":570,"language":571,"meta":558,"style":558},"language-md shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","---\nnavigation:\n  icon: i-custom:my-logo\n---\n","content\u002Fgetting-started.md","md",[141,573,574,583,593,606],{"__ignoreMap":558},[575,576,579],"span",{"class":577,"line":578},"line",1,[575,580,582],{"class":581},"sMK4o","---\n",[575,584,586,590],{"class":577,"line":585},2,[575,587,589],{"class":588},"swJcz","navigation",[575,591,592],{"class":581},":\n",[575,594,596,599,602],{"class":577,"line":595},3,[575,597,598],{"class":588},"  icon",[575,600,601],{"class":581},":",[575,603,605],{"class":604},"sfazB"," i-custom:my-logo\n",[575,607,609],{"class":577,"line":608},4,[575,610,582],{"class":581},[550,612,616],{"className":613,"code":614,"filename":169,"language":615,"meta":558,"style":558},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineAppConfig({\n  toc: {\n    bottom: {\n      links: [{\n        icon: 'i-custom:my-logo',\n        label: 'Preview',\n        to: '\u002Fpreview'\n      }]\n    }\n  }\n})\n","ts",[141,617,618,638,648,657,669,689,706,722,731,737,743],{"__ignoreMap":558},[575,619,620,624,627,631,635],{"class":577,"line":578},[575,621,623],{"class":622},"s7zQu","export",[575,625,626],{"class":622}," default",[575,628,630],{"class":629},"s2Zo4"," defineAppConfig",[575,632,634],{"class":633},"sTEyZ","(",[575,636,637],{"class":581},"{\n",[575,639,640,643,645],{"class":577,"line":585},[575,641,642],{"class":588},"  toc",[575,644,601],{"class":581},[575,646,647],{"class":581}," {\n",[575,649,650,653,655],{"class":577,"line":595},[575,651,652],{"class":588},"    bottom",[575,654,601],{"class":581},[575,656,647],{"class":581},[575,658,659,662,664,667],{"class":577,"line":608},[575,660,661],{"class":588},"      links",[575,663,601],{"class":581},[575,665,666],{"class":633}," [",[575,668,637],{"class":581},[575,670,672,675,677,680,683,686],{"class":577,"line":671},5,[575,673,674],{"class":588},"        icon",[575,676,601],{"class":581},[575,678,679],{"class":581}," '",[575,681,682],{"class":604},"i-custom:my-logo",[575,684,685],{"class":581},"'",[575,687,688],{"class":581},",\n",[575,690,692,695,697,699,702,704],{"class":577,"line":691},6,[575,693,694],{"class":588},"        label",[575,696,601],{"class":581},[575,698,679],{"class":581},[575,700,701],{"class":604},"Preview",[575,703,685],{"class":581},[575,705,688],{"class":581},[575,707,709,712,714,716,719],{"class":577,"line":708},7,[575,710,711],{"class":588},"        to",[575,713,601],{"class":581},[575,715,679],{"class":581},[575,717,718],{"class":604},"\u002Fpreview",[575,720,721],{"class":581},"'\n",[575,723,725,728],{"class":577,"line":724},8,[575,726,727],{"class":581},"      }",[575,729,730],{"class":633},"]\n",[575,732,734],{"class":577,"line":733},9,[575,735,736],{"class":581},"    }\n",[575,738,740],{"class":577,"line":739},10,[575,741,742],{"class":581},"  }\n",[575,744,746,749],{"class":577,"line":745},11,[575,747,748],{"class":581},"}",[575,750,751],{"class":633},")\n",[550,753,758],{"className":754,"code":755,"filename":756,"language":757,"meta":558,"style":558},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003CUIcon name=\"i-custom:my-logo\" \u002F>\n\u003C\u002Ftemplate>\n","components\u002FMyComponent.vue","vue",[141,759,760,771,796],{"__ignoreMap":558},[575,761,762,765,768],{"class":577,"line":578},[575,763,764],{"class":581},"\u003C",[575,766,767],{"class":588},"template",[575,769,770],{"class":581},">\n",[575,772,773,776,779,783,786,789,791,793],{"class":577,"line":585},[575,774,775],{"class":581},"  \u003C",[575,777,778],{"class":588},"UIcon",[575,780,782],{"class":781},"spNyl"," name",[575,784,785],{"class":581},"=",[575,787,788],{"class":581},"\"",[575,790,682],{"class":604},[575,792,788],{"class":581},[575,794,795],{"class":581}," \u002F>\n",[575,797,798,801,803],{"class":577,"line":595},[575,799,800],{"class":581},"\u003C\u002F",[575,802,767],{"class":588},[575,804,770],{"class":581},[311,806,808,809,812],{"to":807},"https:\u002F\u002Ficonify.design\u002Fdocs\u002Ficons\u002Ficon-set-basics.html","SVG files should use ",[141,810,811],{},"currentColor"," for fills and strokes so the icon adapts to text color.",[814,815,816],"style",{},"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 .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 .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}",{"title":558,"searchDepth":585,"depth":585,"links":818},[819,826,830,837],{"id":148,"depth":585,"text":149,"children":820},[821,822,823,824,825],{"id":156,"depth":595,"text":159},{"id":202,"depth":595,"text":205},{"id":226,"depth":595,"text":229},{"id":247,"depth":595,"text":250},{"id":281,"depth":595,"text":284},{"id":316,"depth":585,"text":317,"children":827},[828,829],{"id":323,"depth":595,"text":326},{"id":345,"depth":595,"text":348},{"id":369,"depth":585,"text":370,"children":831},[832,833,834,835,836],{"id":376,"depth":595,"text":379},{"id":428,"depth":595,"text":431},{"id":449,"depth":595,"text":452},{"id":471,"depth":595,"text":474},{"id":493,"depth":595,"text":496},{"id":514,"depth":585,"text":515},"Learn how to override built-in components in Docus to customize your documentation.",null,{},{"icon":66},{"title":63,"description":838},"M170vkTJHmB2ewM_qO8U8RHFLODa_Dl_Z6-KXP0YZ5Q",[845,847],{"title":58,"path":59,"stem":60,"description":846,"icon":61,"children":-1},"Custom the appearance of your Docus documentation thanks to Nuxt UI flexible theming.",{"title":68,"path":69,"stem":70,"description":848,"icon":71,"children":-1},"Create multi-language documentation with Docus v4 built-in i18n support.",1775483449929]