[{"data":1,"prerenderedAt":1852},["ShallowReactive",2],{"navigation_docs_en":3,"-en-concepts-configuration":128,"-en-concepts-configuration-surround":1847},[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":53,"body":130,"description":1840,"extension":403,"links":1841,"meta":1842,"navigation":1843,"path":54,"seo":1844,"stem":55,"__hash__":1846},"docs_en\u002Fen\u002F2.concepts\u002F3.configuration.md",{"type":131,"value":132,"toc":1822},"minimark",[133,145,154,159,162,167,173,178,187,201,377,381,398,461,466,473,484,488,497,504,508,511,517,521,534,542,562,566,573,577,584,617,621,628,645,649,658,751,755,758,949,1037,1052,1056,1059,1066,1116,1161,1164,1168,1172,1175,1178,1197,1252,1256,1267,1271,1284,1368,1372,1375,1547,1551,1560,1614,1617,1639,1645,1649,1663,1677,1691,1773,1784,1815,1818],[134,135,136,137,144],"p",{},"Docus allows you to configure your documentation through the ",[138,139,143],"a",{"href":140,"rel":141},"https:\u002F\u002Fnuxt.com\u002Fdocs\u002Fguide\u002Fdirectory-structure\u002Fapp-config",[142],"nofollow","app.config.ts"," file provided by Nuxt.",[146,147,148,149,153],"warning",{},"You need a ",[150,151,152],"code",{},"nuxt.config.ts"," to be set if you want to override your app config. Without an existing Nuxt config file, changes won't be applied.",[155,156,158],"h2",{"id":157},"seo","SEO",[134,160,161],{},"Technical SEO is tricky and boring. Docus offers a solid, opt-in default setup that works out of the box, while giving you full control to customize your SEO metadata, from page titles to social sharing images.",[163,164,166],"h3",{"id":165},"metadata","Metadata",[134,168,169,170,172],{},"Docus offers flexible ",[150,171,158],{}," metadata configuration, allowing you to easily override values globally or on a per-page basis.",[174,175,177],"h4",{"id":176},"global-configuration","Global configuration",[134,179,180,181,183,184,186],{},"Define default ",[150,182,158],{}," metas for your entire documentation in ",[150,185,143],{},". These values will be used as fallbacks across pages that don't specify their own in the front-matter as described in next section.",[134,188,189,190,193,194,196,197,200],{},"You can also configure your ",[150,191,192],{},"site.name"," value from your ",[150,195,152],{}," file, default is based on your ",[150,198,199],{},"package.json"," name.",[202,203,204,321],"code-group",{},[205,206,211],"pre",{"className":207,"code":208,"filename":143,"language":209,"meta":210,"style":210},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineAppConfig({\n  seo: {\n    \u002F\u002F Default to `%s - ${site.name}`\n    titleTemplate: '',\n    \u002F\u002F Default to package.json name\n    title: '',\n    \u002F\u002F Default to package.json description\n    description: ''\n  },\n})\n","ts","",[150,212,213,237,250,257,271,277,289,295,306,312],{"__ignoreMap":210},[214,215,218,222,225,229,233],"span",{"class":216,"line":217},"line",1,[214,219,221],{"class":220},"s7zQu","export",[214,223,224],{"class":220}," default",[214,226,228],{"class":227},"s2Zo4"," defineAppConfig",[214,230,232],{"class":231},"sTEyZ","(",[214,234,236],{"class":235},"sMK4o","{\n",[214,238,240,244,247],{"class":216,"line":239},2,[214,241,243],{"class":242},"swJcz","  seo",[214,245,246],{"class":235},":",[214,248,249],{"class":235}," {\n",[214,251,253],{"class":216,"line":252},3,[214,254,256],{"class":255},"sHwdD","    \u002F\u002F Default to `%s - ${site.name}`\n",[214,258,260,263,265,268],{"class":216,"line":259},4,[214,261,262],{"class":242},"    titleTemplate",[214,264,246],{"class":235},[214,266,267],{"class":235}," ''",[214,269,270],{"class":235},",\n",[214,272,274],{"class":216,"line":273},5,[214,275,276],{"class":255},"    \u002F\u002F Default to package.json name\n",[214,278,280,283,285,287],{"class":216,"line":279},6,[214,281,282],{"class":242},"    title",[214,284,246],{"class":235},[214,286,267],{"class":235},[214,288,270],{"class":235},[214,290,292],{"class":216,"line":291},7,[214,293,294],{"class":255},"    \u002F\u002F Default to package.json description\n",[214,296,298,301,303],{"class":216,"line":297},8,[214,299,300],{"class":242},"    description",[214,302,246],{"class":235},[214,304,305],{"class":235}," ''\n",[214,307,309],{"class":216,"line":308},9,[214,310,311],{"class":235},"  },\n",[214,313,315,318],{"class":216,"line":314},10,[214,316,317],{"class":235},"}",[214,319,320],{"class":231},")\n",[205,322,324],{"className":207,"code":323,"filename":152,"language":209,"meta":210,"style":210},"export default defineNuxtConfig({\n  site: {\n    name: 'Docus',\n  },\n})\n",[150,325,326,339,348,367,371],{"__ignoreMap":210},[214,327,328,330,332,335,337],{"class":216,"line":217},[214,329,221],{"class":220},[214,331,224],{"class":220},[214,333,334],{"class":227}," defineNuxtConfig",[214,336,232],{"class":231},[214,338,236],{"class":235},[214,340,341,344,346],{"class":216,"line":239},[214,342,343],{"class":242},"  site",[214,345,246],{"class":235},[214,347,249],{"class":235},[214,349,350,353,355,358,362,365],{"class":216,"line":252},[214,351,352],{"class":242},"    name",[214,354,246],{"class":235},[214,356,357],{"class":235}," '",[214,359,361],{"class":360},"sfazB","Docus",[214,363,364],{"class":235},"'",[214,366,270],{"class":235},[214,368,369],{"class":216,"line":259},[214,370,311],{"class":235},[214,372,373,375],{"class":216,"line":273},[214,374,317],{"class":235},[214,376,320],{"class":231},[174,378,380],{"id":379},"per-page-configuration","Per-page configuration",[134,382,383,384,387,388,391,392,394,395,397],{},"Each Markdown file in the ",[150,385,386],{},"content\u002F"," directory starts with a frontmatter block (",[150,389,390],{},"---","). You can define ",[150,393,158],{}," metadata per page by using the ",[150,396,157],{}," key:",[205,399,404],{"className":400,"code":401,"filename":402,"language":403,"meta":210,"style":210},"language-md shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","---\nseo:\n  title: 'Configuration'\n  description: 'Customize your Docus documentation from the Nuxt application configuration file.'\n---\n\n\u003C!-- Page content -->\n","content\u002Fconcepts\u002Fconfiguration.md","md",[150,405,406,411,418,432,446,450,456],{"__ignoreMap":210},[214,407,408],{"class":216,"line":217},[214,409,410],{"class":235},"---\n",[214,412,413,415],{"class":216,"line":239},[214,414,157],{"class":242},[214,416,417],{"class":235},":\n",[214,419,420,423,425,427,429],{"class":216,"line":252},[214,421,422],{"class":242},"  title",[214,424,246],{"class":235},[214,426,357],{"class":235},[214,428,53],{"class":360},[214,430,431],{"class":235},"'\n",[214,433,434,437,439,441,444],{"class":216,"line":259},[214,435,436],{"class":242},"  description",[214,438,246],{"class":235},[214,440,357],{"class":235},[214,442,443],{"class":360},"Customize your Docus documentation from the Nuxt application configuration file.",[214,445,431],{"class":235},[214,447,448],{"class":216,"line":273},[214,449,410],{"class":235},[214,451,452],{"class":216,"line":279},[214,453,455],{"emptyLinePlaceholder":454},true,"\n",[214,457,458],{"class":216,"line":291},[214,459,460],{"class":255},"\u003C!-- Page content -->\n",[462,463,465],"tip",{"to":464},"\u002Fen\u002Fconcepts\u002Fedition#frontmatter","For more details on front-matter, see the edition guide.",[163,467,469],{"id":468},"social-sharing-og-image",[470,471,472],"strong",{},"Social sharing (OG) image",[134,474,475,476,479,480,483],{},"When you share a link of your documentation on social media or some chat platforms, the link will be ",[470,477,478],{},"unfurled",", in other terms it gives a glimpse of what someone linked (displaying a title, description, and an image). All of these are powered by the ",[470,481,482],{},"Open Graph Protocol",".",[174,485,487],{"id":486},"documentation-pages","Documentation pages",[134,489,490,491,496],{},"We're using ",[138,492,495],{"href":493,"rel":494},"https:\u002F\u002Fnuxtseo.com\u002Fdocs\u002Fog-image\u002Fgetting-started\u002Fintroduction",[142],"Nuxt OG Image"," under the hood to generate OG image for each documentation page based on the provided title and description. For example, the OG image for the current page is:",[134,498,499],{},[500,501],"img",{"alt":502,"src":503},"og image documentation page","https:\u002F\u002Fdocus.dev\u002F_og\u002Fs\u002Fc_Docs,headline_Core+Concepts,title_Configuration,description_Customize+your+Docus+documentation+from+Nuxt+application+configuration+file.,p_Ii9lbi9jb25jZXB0cy9jb25maWd1cmF0aW9uIg.png",[174,505,507],{"id":506},"landing-page","Landing page",[134,509,510],{},"Same as the documentation pages, the landing page uses the same OG image generator based on the provided title and description.",[134,512,513],{},[500,514],{"alt":515,"src":516},"og image landing page","https:\u002F\u002Fdocus.dev\u002F_og\u002Fs\u002Fc_Landing,title_Write+beautiful+docs+with+Markdown,description_Ship+fast+flexible+and+SEO-optimized+documentation+with+beautiful+design+out+of+the+box.+Docus+brings+together+the+best+of+the+Nuxt+ecosystem.+Powered+by+Nuxt+UI.,p_Ii9lbiI.png",[174,518,520],{"id":519},"override-og-image","Override OG image",[134,522,523,524,529,530,533],{},"Since Docus is a ",[138,525,528],{"href":526,"rel":527},"https:\u002F\u002Fnuxt.com\u002Fdocs\u002Fguide\u002Fgoing-further\u002Flayers",[142],"Nuxt layer",", you can override docs or landing page OG image by creating a file with the same name in your own ",[150,531,532],{},"components\u002FOgImage\u002F"," directory.",[205,535,540],{"className":536,"code":538,"language":539},[537],"language-text","components\u002F\n  OgImage\u002F\n    Docs.takumi.vue     # overrides the docs OG image\n    Landing.takumi.vue  # overrides the landing OG image\n","text",[150,541,538],{"__ignoreMap":210},[134,543,544,545,548,549,552,553,556,557,483],{},"Your component receives ",[150,546,547],{},"title",", ",[150,550,551],{},"description",", and ",[150,554,555],{},"headline"," (docs only) as props and can use any Tailwind CSS or inline styles supported by the ",[138,558,561],{"href":559,"rel":560},"https:\u002F\u002Fnuxtseo.com\u002Fdocs\u002Fog-image\u002Fguides\u002Frenderers",[142],"Takumi renderer",[163,563,565],{"id":564},"sitemap","Sitemap",[134,567,568,569,572],{},"Docus automatically generates a sitemap at ",[150,570,571],{},"\u002Fsitemap.xml"," containing all your documentation pages. This helps search engines discover and index your content.",[174,574,576],{"id":575},"excluding-pages","Excluding pages",[134,578,579,580,583],{},"To exclude a specific page from the sitemap, add ",[150,581,582],{},"sitemap: false"," to its frontmatter:",[205,585,588],{"className":400,"code":586,"filename":587,"language":403,"meta":210,"style":210},"---\nsitemap: false\n---\n\nThis page won't appear in the sitemap.\n","content\u002Fdraft-page.md",[150,589,590,594,604,608,612],{"__ignoreMap":210},[214,591,592],{"class":216,"line":217},[214,593,410],{"class":235},[214,595,596,598,600],{"class":216,"line":239},[214,597,564],{"class":242},[214,599,246],{"class":235},[214,601,603],{"class":602},"sfNiH"," false\n",[214,605,606],{"class":216,"line":252},[214,607,410],{"class":235},[214,609,610],{"class":216,"line":259},[214,611,455],{"emptyLinePlaceholder":454},[214,613,614],{"class":216,"line":273},[214,615,616],{"class":231},"This page won't appear in the sitemap.\n",[174,618,620],{"id":619},"site-url","Site URL",[134,622,623,624,627],{},"For proper sitemap URLs, set the ",[150,625,626],{},"NUXT_SITE_URL"," environment variable:",[205,629,633],{"className":630,"code":631,"language":632,"meta":210,"style":210},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","NUXT_SITE_URL=https:\u002F\u002Fyour-site.com\n","bash",[150,634,635],{"__ignoreMap":210},[214,636,637,639,642],{"class":216,"line":217},[214,638,626],{"class":231},[214,640,641],{"class":235},"=",[214,643,644],{"class":360},"https:\u002F\u002Fyour-site.com\n",[155,646,648],{"id":647},"header","Header",[134,650,651,652,654,655,246],{},"Configure your documentation site's ",[150,653,547],{}," or ",[150,656,657],{},"logo",[205,659,661],{"className":207,"code":660,"filename":143,"language":209,"meta":210,"style":210},"export default defineAppConfig({\n  header: {\n    title: '',\n    logo: {\n      light: '',\n      dark: '',\n      alt: '',\n    },\n  },\n})\n",[150,662,663,675,684,694,703,714,725,736,741,745],{"__ignoreMap":210},[214,664,665,667,669,671,673],{"class":216,"line":217},[214,666,221],{"class":220},[214,668,224],{"class":220},[214,670,228],{"class":227},[214,672,232],{"class":231},[214,674,236],{"class":235},[214,676,677,680,682],{"class":216,"line":239},[214,678,679],{"class":242},"  header",[214,681,246],{"class":235},[214,683,249],{"class":235},[214,685,686,688,690,692],{"class":216,"line":252},[214,687,282],{"class":242},[214,689,246],{"class":235},[214,691,267],{"class":235},[214,693,270],{"class":235},[214,695,696,699,701],{"class":216,"line":259},[214,697,698],{"class":242},"    logo",[214,700,246],{"class":235},[214,702,249],{"class":235},[214,704,705,708,710,712],{"class":216,"line":273},[214,706,707],{"class":242},"      light",[214,709,246],{"class":235},[214,711,267],{"class":235},[214,713,270],{"class":235},[214,715,716,719,721,723],{"class":216,"line":279},[214,717,718],{"class":242},"      dark",[214,720,246],{"class":235},[214,722,267],{"class":235},[214,724,270],{"class":235},[214,726,727,730,732,734],{"class":216,"line":291},[214,728,729],{"class":242},"      alt",[214,731,246],{"class":235},[214,733,267],{"class":235},[214,735,270],{"class":235},[214,737,738],{"class":216,"line":297},[214,739,740],{"class":235},"    },\n",[214,742,743],{"class":216,"line":308},[214,744,311],{"class":235},[214,746,747,749],{"class":216,"line":314},[214,748,317],{"class":235},[214,750,320],{"class":231},[163,752,754],{"id":753},"brand-assets","Brand Assets",[134,756,757],{},"You can configure additional brand assets for your logo. Right-clicking the logo in the header opens a context menu with copy and download actions.",[205,759,761],{"className":207,"code":760,"filename":143,"language":209,"meta":210,"style":210},"export default defineAppConfig({\n  header: {\n    title: 'My Project',\n    logo: {\n      light: '\u002Flogo\u002Flogo-dark.svg',\n      dark: '\u002Flogo\u002Flogo-light.svg',\n      alt: 'My Project Logo',\n      wordmark: {\n        light: '\u002Flogo\u002Fwordmark-dark.svg',\n        dark: '\u002Flogo\u002Fwordmark-light.svg',\n      },\n      favicon: '\u002Ffavicon.svg',\n      brandAssetsUrl: 'https:\u002F\u002Fexample.com\u002Fbrand',\n    },\n  },\n})\n",[150,762,763,775,783,798,806,821,836,851,860,876,892,898,915,932,937,942],{"__ignoreMap":210},[214,764,765,767,769,771,773],{"class":216,"line":217},[214,766,221],{"class":220},[214,768,224],{"class":220},[214,770,228],{"class":227},[214,772,232],{"class":231},[214,774,236],{"class":235},[214,776,777,779,781],{"class":216,"line":239},[214,778,679],{"class":242},[214,780,246],{"class":235},[214,782,249],{"class":235},[214,784,785,787,789,791,794,796],{"class":216,"line":252},[214,786,282],{"class":242},[214,788,246],{"class":235},[214,790,357],{"class":235},[214,792,793],{"class":360},"My Project",[214,795,364],{"class":235},[214,797,270],{"class":235},[214,799,800,802,804],{"class":216,"line":259},[214,801,698],{"class":242},[214,803,246],{"class":235},[214,805,249],{"class":235},[214,807,808,810,812,814,817,819],{"class":216,"line":273},[214,809,707],{"class":242},[214,811,246],{"class":235},[214,813,357],{"class":235},[214,815,816],{"class":360},"\u002Flogo\u002Flogo-dark.svg",[214,818,364],{"class":235},[214,820,270],{"class":235},[214,822,823,825,827,829,832,834],{"class":216,"line":279},[214,824,718],{"class":242},[214,826,246],{"class":235},[214,828,357],{"class":235},[214,830,831],{"class":360},"\u002Flogo\u002Flogo-light.svg",[214,833,364],{"class":235},[214,835,270],{"class":235},[214,837,838,840,842,844,847,849],{"class":216,"line":291},[214,839,729],{"class":242},[214,841,246],{"class":235},[214,843,357],{"class":235},[214,845,846],{"class":360},"My Project Logo",[214,848,364],{"class":235},[214,850,270],{"class":235},[214,852,853,856,858],{"class":216,"line":297},[214,854,855],{"class":242},"      wordmark",[214,857,246],{"class":235},[214,859,249],{"class":235},[214,861,862,865,867,869,872,874],{"class":216,"line":308},[214,863,864],{"class":242},"        light",[214,866,246],{"class":235},[214,868,357],{"class":235},[214,870,871],{"class":360},"\u002Flogo\u002Fwordmark-dark.svg",[214,873,364],{"class":235},[214,875,270],{"class":235},[214,877,878,881,883,885,888,890],{"class":216,"line":314},[214,879,880],{"class":242},"        dark",[214,882,246],{"class":235},[214,884,357],{"class":235},[214,886,887],{"class":360},"\u002Flogo\u002Fwordmark-light.svg",[214,889,364],{"class":235},[214,891,270],{"class":235},[214,893,895],{"class":216,"line":894},11,[214,896,897],{"class":235},"      },\n",[214,899,901,904,906,908,911,913],{"class":216,"line":900},12,[214,902,903],{"class":242},"      favicon",[214,905,246],{"class":235},[214,907,357],{"class":235},[214,909,910],{"class":360},"\u002Ffavicon.svg",[214,912,364],{"class":235},[214,914,270],{"class":235},[214,916,918,921,923,925,928,930],{"class":216,"line":917},13,[214,919,920],{"class":242},"      brandAssetsUrl",[214,922,246],{"class":235},[214,924,357],{"class":235},[214,926,927],{"class":360},"https:\u002F\u002Fexample.com\u002Fbrand",[214,929,364],{"class":235},[214,931,270],{"class":235},[214,933,935],{"class":216,"line":934},14,[214,936,740],{"class":235},[214,938,940],{"class":216,"line":939},15,[214,941,311],{"class":235},[214,943,945,947],{"class":216,"line":944},16,[214,946,317],{"class":235},[214,948,320],{"class":231},[950,951,952,965],"table",{},[953,954,955],"thead",{},[956,957,958,962],"tr",{},[959,960,961],"th",{},"Field",[959,963,964],{},"Description",[966,967,968,983,1000,1014,1027],"tbody",{},[956,969,970,980],{},[971,972,973,976,977],"td",{},[150,974,975],{},"logo.wordmark.light"," \u002F ",[150,978,979],{},"dark",[971,981,982],{},"Full wordmark (icon + text) for each color mode.",[956,984,985,990],{},[971,986,987],{},[150,988,989],{},"logo.display",[971,991,992,993,996,997,483],{},"Which variant to show in the header: ",[150,994,995],{},"'logo'"," (default) or ",[150,998,999],{},"'wordmark'",[956,1001,1002,1007],{},[971,1003,1004],{},[150,1005,1006],{},"logo.class",[971,1008,1009,1010,1013],{},"Additional CSS classes on the logo image (e.g. ",[150,1011,1012],{},"'h-8'",").",[956,1015,1016,1021],{},[971,1017,1018],{},[150,1019,1020],{},"logo.favicon",[971,1022,1023,1024,483],{},"Path to the favicon file. Defaults to ",[150,1025,1026],{},"\u002Ffavicon.ico",[956,1028,1029,1034],{},[971,1030,1031],{},[150,1032,1033],{},"logo.brandAssetsUrl",[971,1035,1036],{},"Link to your brand assets page, shown as a menu item.",[134,1038,1039,1040,1043,1044,1047,1048,1051],{},"When the logo is an SVG, the context menu offers ",[470,1041,1042],{},"Copy logo"," and ",[470,1045,1046],{},"Copy wordmark"," actions that copy the raw SVG with ",[150,1049,1050],{},"currentColor"," fills, ready to paste into Figma or any design tool. For non-SVG formats (PNG, etc.), only download actions are available.",[155,1053,1055],{"id":1054},"color-mode","Color Mode",[134,1057,1058],{},"By default, Docus includes a color mode toggle in the header and footer, allowing users to switch between light and dark modes.",[134,1060,1061,1062,1065],{},"If your documentation only uses one theme, you can force it by setting the ",[150,1063,1064],{},"colorMode"," option:",[205,1067,1069],{"className":207,"code":1068,"filename":143,"language":209,"meta":210,"style":210},"export default defineAppConfig({\n  docus: {\n    colorMode: 'dark'\n  }\n})\n",[150,1070,1071,1083,1092,1105,1110],{"__ignoreMap":210},[214,1072,1073,1075,1077,1079,1081],{"class":216,"line":217},[214,1074,221],{"class":220},[214,1076,224],{"class":220},[214,1078,228],{"class":227},[214,1080,232],{"class":231},[214,1082,236],{"class":235},[214,1084,1085,1088,1090],{"class":216,"line":239},[214,1086,1087],{"class":242},"  docus",[214,1089,246],{"class":235},[214,1091,249],{"class":235},[214,1093,1094,1097,1099,1101,1103],{"class":216,"line":252},[214,1095,1096],{"class":242},"    colorMode",[214,1098,246],{"class":235},[214,1100,357],{"class":235},[214,1102,979],{"class":360},[214,1104,431],{"class":235},[214,1106,1107],{"class":216,"line":259},[214,1108,1109],{"class":235},"  }\n",[214,1111,1112,1114],{"class":216,"line":273},[214,1113,317],{"class":235},[214,1115,320],{"class":231},[950,1117,1118,1128],{},[953,1119,1120],{},[956,1121,1122,1125],{},[959,1123,1124],{},"Value",[959,1126,1127],{},"Behavior",[966,1129,1130,1141,1151],{},[956,1131,1132,1138],{},[971,1133,1134,1137],{},[150,1135,1136],{},"''"," (default)",[971,1139,1140],{},"System preference with toggle button",[956,1142,1143,1148],{},[971,1144,1145],{},[150,1146,1147],{},"'light'",[971,1149,1150],{},"Forces light mode, hides toggle",[956,1152,1153,1158],{},[971,1154,1155],{},[150,1156,1157],{},"'dark'",[971,1159,1160],{},"Forces dark mode, hides toggle",[134,1162,1163],{},"When a color mode is forced, the toggle button is hidden from the header and footer, and the color mode commands are removed from the command palette.",[155,1165,1167],{"id":1166},"navigation","Navigation",[163,1169,1171],{"id":1170},"sub-navigation","Sub Navigation",[134,1173,1174],{},"For documentation sites with many content sections, you can enable a sub-navigation that splits your top-level content folders into sections and filters the left sidebar to show only the active section's pages.",[134,1176,1177],{},"Two display modes are available:",[1179,1180,1181,1189],"ul",{},[1182,1183,1184,1188],"li",{},[470,1185,1186],{},[150,1187,647],{}," — renders a secondary tab bar below the header (desktop only, with a drawer on mobile)",[1182,1190,1191,1196],{},[470,1192,1193],{},[150,1194,1195],{},"aside"," — renders section anchors at the top of the left sidebar (with a drawer on mobile)",[205,1198,1200],{"className":207,"code":1199,"filename":143,"language":209,"meta":210,"style":210},"export default defineAppConfig({\n  navigation: {\n    sub: 'header', \u002F\u002F or 'aside'\n  },\n})\n",[150,1201,1202,1214,1223,1242,1246],{"__ignoreMap":210},[214,1203,1204,1206,1208,1210,1212],{"class":216,"line":217},[214,1205,221],{"class":220},[214,1207,224],{"class":220},[214,1209,228],{"class":227},[214,1211,232],{"class":231},[214,1213,236],{"class":235},[214,1215,1216,1219,1221],{"class":216,"line":239},[214,1217,1218],{"class":242},"  navigation",[214,1220,246],{"class":235},[214,1222,249],{"class":235},[214,1224,1225,1228,1230,1232,1234,1236,1239],{"class":216,"line":252},[214,1226,1227],{"class":242},"    sub",[214,1229,246],{"class":235},[214,1231,357],{"class":235},[214,1233,647],{"class":360},[214,1235,364],{"class":235},[214,1237,1238],{"class":235},",",[214,1240,1241],{"class":255}," \u002F\u002F or 'aside'\n",[214,1243,1244],{"class":216,"line":259},[214,1245,311],{"class":235},[214,1247,1248,1250],{"class":216,"line":273},[214,1249,317],{"class":235},[214,1251,320],{"class":231},[1253,1254],"video",{"src":1255},"https:\u002F\u002Fres.cloudinary.com\u002Fnuxt\u002Fvideo\u002Fupload\u002Fv1773263594\u002Fdocus\u002Fsubnav_idh2ae.mp4",[1257,1258,1259,1260,1262,1263,1266],"note",{},"The tabs are automatically generated from your top-level folders in ",[150,1261,386],{},". Each folder's title and icon are read from its ",[150,1264,1265],{},".navigation.yml"," file.",[155,1268,1270],{"id":1269},"socials-links","Socials Links",[134,1272,1273,1274,1277,1278,1283],{},"Add your social media links in the footer using a ",[150,1275,1276],{},"Record\u003Cstring, string>"," where the key matches an icon from ",[138,1279,1282],{"href":1280,"rel":1281},"https:\u002F\u002Fsimpleicons.org\u002F",[142],"Simple Icons"," library.",[205,1285,1287],{"className":207,"code":1286,"filename":143,"language":209,"meta":210,"style":210},"export default defineAppConfig({\n  socials: {\n    x: 'https:\u002F\u002Fx.com\u002Fnuxt_js',\n    discord: 'https:\u002F\u002Fdiscord.com\u002Finvite\u002Fps2h6QT',\n    nuxt: 'https:\u002F\u002Fnuxt.com',\n  }\n})\n",[150,1288,1289,1301,1310,1326,1342,1358,1362],{"__ignoreMap":210},[214,1290,1291,1293,1295,1297,1299],{"class":216,"line":217},[214,1292,221],{"class":220},[214,1294,224],{"class":220},[214,1296,228],{"class":227},[214,1298,232],{"class":231},[214,1300,236],{"class":235},[214,1302,1303,1306,1308],{"class":216,"line":239},[214,1304,1305],{"class":242},"  socials",[214,1307,246],{"class":235},[214,1309,249],{"class":235},[214,1311,1312,1315,1317,1319,1322,1324],{"class":216,"line":252},[214,1313,1314],{"class":242},"    x",[214,1316,246],{"class":235},[214,1318,357],{"class":235},[214,1320,1321],{"class":360},"https:\u002F\u002Fx.com\u002Fnuxt_js",[214,1323,364],{"class":235},[214,1325,270],{"class":235},[214,1327,1328,1331,1333,1335,1338,1340],{"class":216,"line":259},[214,1329,1330],{"class":242},"    discord",[214,1332,246],{"class":235},[214,1334,357],{"class":235},[214,1336,1337],{"class":360},"https:\u002F\u002Fdiscord.com\u002Finvite\u002Fps2h6QT",[214,1339,364],{"class":235},[214,1341,270],{"class":235},[214,1343,1344,1347,1349,1351,1354,1356],{"class":216,"line":273},[214,1345,1346],{"class":242},"    nuxt",[214,1348,246],{"class":235},[214,1350,357],{"class":235},[214,1352,1353],{"class":360},"https:\u002F\u002Fnuxt.com",[214,1355,364],{"class":235},[214,1357,270],{"class":235},[214,1359,1360],{"class":216,"line":279},[214,1361,1109],{"class":235},[214,1363,1364,1366],{"class":216,"line":291},[214,1365,317],{"class":235},[214,1367,320],{"class":231},[155,1369,1371],{"id":1370},"table-of-contents","Table of Contents",[134,1373,1374],{},"You can customize the table of content on the right sidebar of each page.",[205,1376,1378],{"className":207,"code":1377,"filename":143,"language":209,"meta":210,"style":210},"export default defineAppConfig({\n  toc: {\n    \u002F\u002F Rename the title of the table of contents\n    title: 'On this page',\n    \u002F\u002F Add a bottom section to the table of contents\n    bottom: {\n      title: 'Community',\n      links: [{\n        icon: 'i-lucide-book-open',\n        label: 'Nuxt UI docs',\n        to: 'https:\u002F\u002Fui.nuxt.com\u002Fgetting-started\u002Finstallation\u002Fnuxt',\n        target: '_blank'\n      }]\n    }\n  }\n})\n",[150,1379,1380,1392,1401,1406,1421,1426,1435,1451,1463,1478,1494,1510,1524,1532,1537,1541],{"__ignoreMap":210},[214,1381,1382,1384,1386,1388,1390],{"class":216,"line":217},[214,1383,221],{"class":220},[214,1385,224],{"class":220},[214,1387,228],{"class":227},[214,1389,232],{"class":231},[214,1391,236],{"class":235},[214,1393,1394,1397,1399],{"class":216,"line":239},[214,1395,1396],{"class":242},"  toc",[214,1398,246],{"class":235},[214,1400,249],{"class":235},[214,1402,1403],{"class":216,"line":252},[214,1404,1405],{"class":255},"    \u002F\u002F Rename the title of the table of contents\n",[214,1407,1408,1410,1412,1414,1417,1419],{"class":216,"line":259},[214,1409,282],{"class":242},[214,1411,246],{"class":235},[214,1413,357],{"class":235},[214,1415,1416],{"class":360},"On this page",[214,1418,364],{"class":235},[214,1420,270],{"class":235},[214,1422,1423],{"class":216,"line":273},[214,1424,1425],{"class":255},"    \u002F\u002F Add a bottom section to the table of contents\n",[214,1427,1428,1431,1433],{"class":216,"line":279},[214,1429,1430],{"class":242},"    bottom",[214,1432,246],{"class":235},[214,1434,249],{"class":235},[214,1436,1437,1440,1442,1444,1447,1449],{"class":216,"line":291},[214,1438,1439],{"class":242},"      title",[214,1441,246],{"class":235},[214,1443,357],{"class":235},[214,1445,1446],{"class":360},"Community",[214,1448,364],{"class":235},[214,1450,270],{"class":235},[214,1452,1453,1456,1458,1461],{"class":216,"line":297},[214,1454,1455],{"class":242},"      links",[214,1457,246],{"class":235},[214,1459,1460],{"class":231}," [",[214,1462,236],{"class":235},[214,1464,1465,1468,1470,1472,1474,1476],{"class":216,"line":308},[214,1466,1467],{"class":242},"        icon",[214,1469,246],{"class":235},[214,1471,357],{"class":235},[214,1473,79],{"class":360},[214,1475,364],{"class":235},[214,1477,270],{"class":235},[214,1479,1480,1483,1485,1487,1490,1492],{"class":216,"line":314},[214,1481,1482],{"class":242},"        label",[214,1484,246],{"class":235},[214,1486,357],{"class":235},[214,1488,1489],{"class":360},"Nuxt UI docs",[214,1491,364],{"class":235},[214,1493,270],{"class":235},[214,1495,1496,1499,1501,1503,1506,1508],{"class":216,"line":894},[214,1497,1498],{"class":242},"        to",[214,1500,246],{"class":235},[214,1502,357],{"class":235},[214,1504,1505],{"class":360},"https:\u002F\u002Fui.nuxt.com\u002Fgetting-started\u002Finstallation\u002Fnuxt",[214,1507,364],{"class":235},[214,1509,270],{"class":235},[214,1511,1512,1515,1517,1519,1522],{"class":216,"line":900},[214,1513,1514],{"class":242},"        target",[214,1516,246],{"class":235},[214,1518,357],{"class":235},[214,1520,1521],{"class":360},"_blank",[214,1523,431],{"class":235},[214,1525,1526,1529],{"class":216,"line":917},[214,1527,1528],{"class":235},"      }",[214,1530,1531],{"class":231},"]\n",[214,1533,1534],{"class":216,"line":934},[214,1535,1536],{"class":235},"    }\n",[214,1538,1539],{"class":216,"line":939},[214,1540,1109],{"class":235},[214,1542,1543,1545],{"class":216,"line":944},[214,1544,317],{"class":235},[214,1546,320],{"class":231},[155,1548,1550],{"id":1549},"locale","Locale",[134,1552,1553,1554,1557,1558,246],{},"For single-language documentation (without the full ",[150,1555,1556],{},"@nuxtjs\u002Fi18n"," module), you can configure the locale through ",[150,1559,143],{},[205,1561,1563],{"className":207,"code":1562,"filename":143,"language":209,"meta":210,"style":210},"export default defineAppConfig({\n  docus: {\n    locale: 'fr', \u002F\u002F Default: 'en'\n  }\n})\n",[150,1564,1565,1577,1585,1604,1608],{"__ignoreMap":210},[214,1566,1567,1569,1571,1573,1575],{"class":216,"line":217},[214,1568,221],{"class":220},[214,1570,224],{"class":220},[214,1572,228],{"class":227},[214,1574,232],{"class":231},[214,1576,236],{"class":235},[214,1578,1579,1581,1583],{"class":216,"line":239},[214,1580,1087],{"class":242},[214,1582,246],{"class":235},[214,1584,249],{"class":235},[214,1586,1587,1590,1592,1594,1597,1599,1601],{"class":216,"line":252},[214,1588,1589],{"class":242},"    locale",[214,1591,246],{"class":235},[214,1593,357],{"class":235},[214,1595,1596],{"class":360},"fr",[214,1598,364],{"class":235},[214,1600,1238],{"class":235},[214,1602,1603],{"class":255}," \u002F\u002F Default: 'en'\n",[214,1605,1606],{"class":216,"line":259},[214,1607,1109],{"class":235},[214,1609,1610,1612],{"class":216,"line":273},[214,1611,317],{"class":235},[214,1613,320],{"class":231},[134,1615,1616],{},"This sets the language for:",[1179,1618,1619,1622,1636],{},[1182,1620,1621],{},"UI component translations",[1182,1623,1624,1625,1043,1628,1631,1632,1635],{},"The ",[150,1626,1627],{},"lang",[150,1629,1630],{},"dir"," attributes on the ",[150,1633,1634],{},"\u003Chtml>"," tag",[1182,1637,1638],{},"Built-in Docus interface strings",[462,1640,1641,1642,483],{"to":69},"For multi-language documentation with language switching, see the ",[138,1643,1644],{"href":69},"Internationalization guide",[155,1646,1648],{"id":1647},"github-integration","GitHub Integration",[134,1650,1651,1652,1655,1656,1043,1659,1662],{},"Docus reads your ",[150,1653,1654],{},".git\u002F"," folder to get the ",[150,1657,1658],{},"url",[150,1660,1661],{},"branch"," of your repository to add:",[1179,1664,1665,1668],{},[1182,1666,1667],{},"GitHub icon in the header and footer",[1182,1669,1670,1043,1673,1676],{},[150,1671,1672],{},"Edit this page",[150,1674,1675],{},"Report an issue"," links in the footer of each page.",[134,1678,1679,1680,548,1682,1043,1684,1687,1688,1690],{},"You can customize the ",[150,1681,1658],{},[150,1683,1661],{},[150,1685,1686],{},"rootDir"," of your docs application by adding the following configuration to your ",[150,1689,143],{}," file:",[205,1692,1694],{"className":207,"code":1693,"filename":143,"language":209,"meta":210,"style":210},"export default defineAppConfig({\n  github: {\n    url: 'https:\u002F\u002Fgithub.com\u002Fnuxt-content\u002Fdocus',\n    branch: 'main',\n    rootDir: 'docs'\n  }\n})\n",[150,1695,1696,1708,1717,1733,1749,1763,1767],{"__ignoreMap":210},[214,1697,1698,1700,1702,1704,1706],{"class":216,"line":217},[214,1699,221],{"class":220},[214,1701,224],{"class":220},[214,1703,228],{"class":227},[214,1705,232],{"class":231},[214,1707,236],{"class":235},[214,1709,1710,1713,1715],{"class":216,"line":239},[214,1711,1712],{"class":242},"  github",[214,1714,246],{"class":235},[214,1716,249],{"class":235},[214,1718,1719,1722,1724,1726,1729,1731],{"class":216,"line":252},[214,1720,1721],{"class":242},"    url",[214,1723,246],{"class":235},[214,1725,357],{"class":235},[214,1727,1728],{"class":360},"https:\u002F\u002Fgithub.com\u002Fnuxt-content\u002Fdocus",[214,1730,364],{"class":235},[214,1732,270],{"class":235},[214,1734,1735,1738,1740,1742,1745,1747],{"class":216,"line":259},[214,1736,1737],{"class":242},"    branch",[214,1739,246],{"class":235},[214,1741,357],{"class":235},[214,1743,1744],{"class":360},"main",[214,1746,364],{"class":235},[214,1748,270],{"class":235},[214,1750,1751,1754,1756,1758,1761],{"class":216,"line":273},[214,1752,1753],{"class":242},"    rootDir",[214,1755,246],{"class":235},[214,1757,357],{"class":235},[214,1759,1760],{"class":360},"docs",[214,1762,431],{"class":235},[214,1764,1765],{"class":216,"line":279},[214,1766,1109],{"class":235},[214,1768,1769,1771],{"class":216,"line":291},[214,1770,317],{"class":235},[214,1772,320],{"class":231},[134,1774,1775,1776,1779,1780,1783],{},"If you don't want to use GitHub, you can set the ",[150,1777,1778],{},"github"," key to ",[150,1781,1782],{},"false"," to disable the GitHub integration.",[205,1785,1787],{"className":207,"code":1786,"filename":143,"language":209,"meta":210,"style":210},"export default defineAppConfig({\n  github: false\n})\n",[150,1788,1789,1801,1809],{"__ignoreMap":210},[214,1790,1791,1793,1795,1797,1799],{"class":216,"line":217},[214,1792,221],{"class":220},[214,1794,224],{"class":220},[214,1796,228],{"class":227},[214,1798,232],{"class":231},[214,1800,236],{"class":235},[214,1802,1803,1805,1807],{"class":216,"line":239},[214,1804,1712],{"class":242},[214,1806,246],{"class":235},[214,1808,603],{"class":602},[214,1810,1811,1813],{"class":216,"line":252},[214,1812,317],{"class":235},[214,1814,320],{"class":231},[462,1816,1817],{"to":27},"Those configurations can also be handled in Studio editor, give it a try!",[1819,1820,1821],"style",{},"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 .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}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 .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":210,"searchDepth":239,"depth":239,"links":1823},[1824,1829,1832,1833,1836,1837,1838,1839],{"id":157,"depth":239,"text":158,"children":1825},[1826,1827,1828],{"id":165,"depth":252,"text":166},{"id":468,"depth":252,"text":472},{"id":564,"depth":252,"text":565},{"id":647,"depth":239,"text":648,"children":1830},[1831],{"id":753,"depth":252,"text":754},{"id":1054,"depth":239,"text":1055},{"id":1166,"depth":239,"text":1167,"children":1834},[1835],{"id":1170,"depth":252,"text":1171},{"id":1269,"depth":239,"text":1270},{"id":1370,"depth":239,"text":1371},{"id":1549,"depth":239,"text":1550},{"id":1647,"depth":239,"text":1648},"Customize your Docus documentation from the Nuxt application configuration file. ",null,{},{"icon":56},{"description":1845,"title":53},"Customize your Docus documentation from Nuxt application configuration file.","wl-KrGhqUVnbUb1SIWElywD4joH8opJZag8vyDn7gOI",[1848,1850],{"title":48,"path":49,"stem":50,"description":1849,"icon":51,"children":-1},"Learn how to write your documentation.",{"title":58,"path":59,"stem":60,"description":1851,"icon":61,"children":-1},"Custom the appearance of your Docus documentation thanks to Nuxt UI flexible theming.",1775483449904]