[{"data":1,"prerenderedAt":1045},["ShallowReactive",2],{"navigation_docs_en":3,"-en-concepts-nuxt":123,"-en-concepts-nuxt-surround":1040},[4,41,77,103],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":40},"Getting Started","i-lucide-rocket","/en/getting-started","en/1.getting-started",[10,15,20,25,30,35],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","/en/getting-started/introduction","en/1.getting-started/2.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Installation","/en/getting-started/installation","en/1.getting-started/3.installation","i-lucide-download",{"title":21,"path":22,"stem":23,"icon":24},"Project Structure","/en/getting-started/project-structure","en/1.getting-started/4.project-structure","i-lucide-folder-tree",{"title":26,"path":27,"stem":28,"icon":29},"Studio module","/en/getting-started/studio","en/1.getting-started/5.studio","i-lucide-mouse-pointer-2",{"title":31,"path":32,"stem":33,"icon":34},"Migration","/en/getting-started/migration","en/1.getting-started/6.migration","i-lucide-replace",{"title":36,"path":37,"stem":38,"icon":39},"Troubleshooting","/en/getting-started/troubleshooting","en/1.getting-started/7.troubleshooting","i-lucide-wrench",false,{"title":42,"icon":43,"path":44,"stem":45,"children":46,"page":40},"Core Concepts","i-lucide-brain","/en/concepts","en/2.concepts",[47,52,57,62,67,72],{"title":48,"path":49,"stem":50,"icon":51},"Edition","/en/concepts/edition","en/2.concepts/2.edition","i-lucide-pencil",{"title":53,"path":54,"stem":55,"icon":56},"Configuration","/en/concepts/configuration","en/2.concepts/3.configuration","i-lucide-settings",{"title":58,"path":59,"stem":60,"icon":61},"Theme","/en/concepts/theme","en/2.concepts/4.theme","i-lucide-paint-roller",{"title":63,"path":64,"stem":65,"icon":66},"Customization","/en/concepts/customization","en/2.concepts/5.customization","i-lucide-pen-tool",{"title":68,"path":69,"stem":70,"icon":71},"Internationalization","/en/concepts/internationalization","en/2.concepts/6.internationalization","i-lucide-globe",{"title":73,"path":74,"stem":75,"icon":76},"Nuxt","/en/concepts/nuxt","en/2.concepts/8.nuxt","i-simple-icons-nuxt",{"title":78,"icon":79,"path":80,"stem":81,"children":82,"page":40},"Essentials","i-lucide-book-open","/en/essentials","en/3.essentials",[83,88,93,98],{"title":84,"path":85,"stem":86,"icon":87},"Markdown Syntax","/en/essentials/markdown-syntax","en/3.essentials/1.markdown-syntax","i-lucide-heading-1",{"title":89,"path":90,"stem":91,"icon":92},"Code Blocks","/en/essentials/code-blocks","en/3.essentials/2.code-blocks","i-lucide-code-xml",{"title":94,"path":95,"stem":96,"icon":97},"Components","/en/essentials/components","en/3.essentials/3.components","i-lucide-component",{"title":99,"path":100,"stem":101,"icon":102},"Images and Embeds","/en/essentials/images-embeds","en/3.essentials/4.images-embeds","i-lucide-image",{"title":104,"icon":105,"path":106,"stem":107,"children":108,"page":40},"AI","i-lucide-sparkles","/en/ai","en/4.ai",[109,113,118],{"title":110,"path":111,"stem":112,"icon":105},"Assistant","/en/ai/assistant","en/4.ai/1.assistant",{"title":114,"path":115,"stem":116,"icon":117},"MCP Server","/en/ai/mcp","en/4.ai/2.mcp","i-lucide-cpu",{"title":119,"path":120,"stem":121,"icon":122},"LLMs Integration","/en/ai/llms","en/4.ai/3.llms","i-lucide-message-circle-code",{"id":124,"title":73,"body":125,"description":1033,"extension":1034,"links":1035,"meta":1036,"navigation":1037,"path":74,"seo":1038,"stem":75,"__hash__":1039},"docs_en/en/2.concepts/8.nuxt.md",{"type":126,"value":127,"toc":1022},"minimark",[128,133,146,181,200,204,211,220,323,327,345,348,358,750,753,757,764,821,835,933,937,940,954,960,1018],[129,130,132],"h2",{"id":131},"nuxt-app","Nuxt App",[134,135,136,137,141,142,145],"p",{},"Docus is built on top of ",[138,139,140],"strong",{},"Nuxt 4",", which means your documentation project is a full Nuxt application. When you scaffold a project using the ",[138,143,144],{},"Docus CLI",", it adds a layer by default giving you all the flexibility of a standard Nuxt app.",[134,147,148,149,153,154,157,158,161,162,169,170,174,175,180],{},"By default, the Docus starter only contains a ",[150,151,152],"code",{},"content/"," and ",[150,155,156],{},"public/"," folder and a ",[150,159,160],{},"package.json",". This is all you need to start writing your documentation. You can go further and use any feature of a Nuxt project, from ",[163,164,168],"a",{"href":165,"rel":166},"https://nuxt.com/docs/guide/directory-structure/nuxt-config",[167],"nofollow","nuxt.config.ts"," to ",[163,171,173],{"href":165,"rel":172},[167],"components"," or ",[163,176,179],{"href":177,"rel":178},"https://nuxt.com/docs/guide/directory-structure/plugins",[167],"plugins",".",[182,183,184,185,190,191,195,196,199],"prose-note",{},"You can use the Nuxt 4 ",[163,186,189],{"href":187,"rel":188},"https://nuxt.com/docs/getting-started/upgrade#new-directory-structure",[167],"new directory structure"," provided by the ",[163,192,194],{"href":193},"","compatibility version 4 ."," All files related to front app code goes in ",[150,197,198],{},"app/"," folder for cleaner organization and better IDE performance.",[129,201,203],{"id":202},"nuxt-modules","Nuxt Modules",[134,205,206,207,210],{},"Want to enhance your docs with custom functionality? You can install and configure ",[163,208,209],{"href":193},"Nuxt modules"," just like in any Nuxt app.",[134,212,213,214,219],{},"To add ",[163,215,218],{"href":216,"rel":217},"https://github.com/nuxt-modules/plausible?utm_source=nuxt.com&utm_medium=aside-module&utm_campaign=nuxt.com",[167],"Plausible analytics"," to your documentation:",[221,222,223,228,253,259],"prose-steps",{},[224,225,227],"h3",{"id":226},"run-the-following-command","Run the following command",[229,230,235],"pre",{"className":231,"code":232,"filename":233,"language":234,"meta":193,"style":193},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npm install @nuxtjs/plausible\n","Terminal","bash",[150,236,237],{"__ignoreMap":193},[238,239,242,246,250],"span",{"class":240,"line":241},"line",1,[238,243,245],{"class":244},"sBMFI","npm",[238,247,249],{"class":248},"sfazB"," install",[238,251,252],{"class":248}," @nuxtjs/plausible\n",[224,254,256,257],{"id":255},"enable-the-module-in-nuxtconfigts","Enable the module in ",[150,258,168],{},[229,260,264],{"className":261,"code":262,"filename":168,"language":263,"meta":193,"style":193},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  modules: ['@nuxtjs/plausible'],\n})\n","ts",[150,265,266,287,314],{"__ignoreMap":193},[238,267,268,272,275,279,283],{"class":240,"line":241},[238,269,271],{"class":270},"s7zQu","export",[238,273,274],{"class":270}," default",[238,276,278],{"class":277},"s2Zo4"," defineNuxtConfig",[238,280,282],{"class":281},"sTEyZ","(",[238,284,286],{"class":285},"sMK4o","{\n",[238,288,290,294,297,300,303,306,308,311],{"class":240,"line":289},2,[238,291,293],{"class":292},"swJcz","  modules",[238,295,296],{"class":285},":",[238,298,299],{"class":281}," [",[238,301,302],{"class":285},"'",[238,304,305],{"class":248},"@nuxtjs/plausible",[238,307,302],{"class":285},[238,309,310],{"class":281},"]",[238,312,313],{"class":285},",\n",[238,315,317,320],{"class":240,"line":316},3,[238,318,319],{"class":285},"}",[238,321,322],{"class":281},")\n",[129,324,326],{"id":325},"custom-components","Custom Components",[134,328,329,330,153,333,336,337,340,341,344],{},"With the power of ",[150,331,332],{},"Nuxt Content",[150,334,335],{},"Nuxt UI",", and with the help of the ",[150,338,339],{},"MDC"," syntax, you can use ",[163,342,343],{"href":95},"Nuxt UI components"," directly in your Markdown without any extra configuration needed.",[134,346,347],{},"However, you’re not limited to pre-built components. Docus makes it easy to create your own Vue components in your Nuxt app and use them in your content.",[134,349,350,351,354,355,357],{},"Here’s a simple example of a custom ",[150,352,353],{},"BrowserFrame"," component created in the ",[150,356,173],{}," folder of your Nuxt app and integrated inside Markdown:",[359,360,361,681,740],"tabs",{},[362,363,368],"tabs-item",{"icon":364,"label":365,"className":366},"i-lucide-code","Code",[367],"my-5",[229,369,374],{"className":370,"code":371,"filename":372,"language":373,"meta":193,"style":193},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\ndefineProps\u003C{\n  title?: string\n}>()\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cdiv class=\"w-fit rounded-xl border border-muted bg-accented shadow-md overflow-hidden px-2 pb-2\">\n    \u003Cdiv class=\"flex justify-between items-center px-2 py-2 bg-accented border-accented border-b\">\n      \u003Cdiv class=\"flex items-center gap-2\">\n        \u003Cspan class=\"w-3 h-3 bg-red-500 rounded-full\" />\n        \u003Cspan class=\"w-3 h-3 bg-yellow-500 rounded-full\" />\n        \u003Cspan class=\"w-3 h-3 bg-green-500 rounded-full\" />\n      \u003C/div>\n      \u003Cdiv class=\"text-muted\">\n        {{ title }}\n      \u003C/div>\n    \u003C/div>\n    \u003Cslot mdc-unwrap=\"p\" />\n  \u003C/div>\n\u003C/template>\n","components/content/BrowserFrame.vue","vue",[150,375,376,404,412,423,432,442,449,459,482,503,524,546,566,586,596,616,622,631,641,662,672],{"__ignoreMap":193},[238,377,378,381,384,388,391,394,397,399,401],{"class":240,"line":241},[238,379,380],{"class":285},"\u003C",[238,382,383],{"class":292},"script",[238,385,387],{"class":386},"spNyl"," setup",[238,389,390],{"class":386}," lang",[238,392,393],{"class":285},"=",[238,395,396],{"class":285},"\"",[238,398,263],{"class":248},[238,400,396],{"class":285},[238,402,403],{"class":285},">\n",[238,405,406,409],{"class":240,"line":289},[238,407,408],{"class":277},"defineProps",[238,410,411],{"class":285},"\u003C{\n",[238,413,414,417,420],{"class":240,"line":316},[238,415,416],{"class":292},"  title",[238,418,419],{"class":285},"?:",[238,421,422],{"class":244}," string\n",[238,424,426,429],{"class":240,"line":425},4,[238,427,428],{"class":285},"}>",[238,430,431],{"class":281},"()\n",[238,433,435,438,440],{"class":240,"line":434},5,[238,436,437],{"class":285},"\u003C/",[238,439,383],{"class":292},[238,441,403],{"class":285},[238,443,445],{"class":240,"line":444},6,[238,446,448],{"emptyLinePlaceholder":447},true,"\n",[238,450,452,454,457],{"class":240,"line":451},7,[238,453,380],{"class":285},[238,455,456],{"class":292},"template",[238,458,403],{"class":285},[238,460,462,465,468,471,473,475,478,480],{"class":240,"line":461},8,[238,463,464],{"class":285},"  \u003C",[238,466,467],{"class":292},"div",[238,469,470],{"class":386}," class",[238,472,393],{"class":285},[238,474,396],{"class":285},[238,476,477],{"class":248},"w-fit rounded-xl border border-muted bg-accented shadow-md overflow-hidden px-2 pb-2",[238,479,396],{"class":285},[238,481,403],{"class":285},[238,483,485,488,490,492,494,496,499,501],{"class":240,"line":484},9,[238,486,487],{"class":285},"    \u003C",[238,489,467],{"class":292},[238,491,470],{"class":386},[238,493,393],{"class":285},[238,495,396],{"class":285},[238,497,498],{"class":248},"flex justify-between items-center px-2 py-2 bg-accented border-accented border-b",[238,500,396],{"class":285},[238,502,403],{"class":285},[238,504,506,509,511,513,515,517,520,522],{"class":240,"line":505},10,[238,507,508],{"class":285},"      \u003C",[238,510,467],{"class":292},[238,512,470],{"class":386},[238,514,393],{"class":285},[238,516,396],{"class":285},[238,518,519],{"class":248},"flex items-center gap-2",[238,521,396],{"class":285},[238,523,403],{"class":285},[238,525,527,530,532,534,536,538,541,543],{"class":240,"line":526},11,[238,528,529],{"class":285},"        \u003C",[238,531,238],{"class":292},[238,533,470],{"class":386},[238,535,393],{"class":285},[238,537,396],{"class":285},[238,539,540],{"class":248},"w-3 h-3 bg-red-500 rounded-full",[238,542,396],{"class":285},[238,544,545],{"class":285}," />\n",[238,547,549,551,553,555,557,559,562,564],{"class":240,"line":548},12,[238,550,529],{"class":285},[238,552,238],{"class":292},[238,554,470],{"class":386},[238,556,393],{"class":285},[238,558,396],{"class":285},[238,560,561],{"class":248},"w-3 h-3 bg-yellow-500 rounded-full",[238,563,396],{"class":285},[238,565,545],{"class":285},[238,567,569,571,573,575,577,579,582,584],{"class":240,"line":568},13,[238,570,529],{"class":285},[238,572,238],{"class":292},[238,574,470],{"class":386},[238,576,393],{"class":285},[238,578,396],{"class":285},[238,580,581],{"class":248},"w-3 h-3 bg-green-500 rounded-full",[238,583,396],{"class":285},[238,585,545],{"class":285},[238,587,589,592,594],{"class":240,"line":588},14,[238,590,591],{"class":285},"      \u003C/",[238,593,467],{"class":292},[238,595,403],{"class":285},[238,597,599,601,603,605,607,609,612,614],{"class":240,"line":598},15,[238,600,508],{"class":285},[238,602,467],{"class":292},[238,604,470],{"class":386},[238,606,393],{"class":285},[238,608,396],{"class":285},[238,610,611],{"class":248},"text-muted",[238,613,396],{"class":285},[238,615,403],{"class":285},[238,617,619],{"class":240,"line":618},16,[238,620,621],{"class":281},"        {{ title }}\n",[238,623,625,627,629],{"class":240,"line":624},17,[238,626,591],{"class":285},[238,628,467],{"class":292},[238,630,403],{"class":285},[238,632,634,637,639],{"class":240,"line":633},18,[238,635,636],{"class":285},"    \u003C/",[238,638,467],{"class":292},[238,640,403],{"class":285},[238,642,644,646,649,652,654,656,658,660],{"class":240,"line":643},19,[238,645,487],{"class":285},[238,647,648],{"class":292},"slot",[238,650,651],{"class":386}," mdc-unwrap",[238,653,393],{"class":285},[238,655,396],{"class":285},[238,657,134],{"class":248},[238,659,396],{"class":285},[238,661,545],{"class":285},[238,663,665,668,670],{"class":240,"line":664},20,[238,666,667],{"class":285},"  \u003C/",[238,669,467],{"class":292},[238,671,403],{"class":285},[238,673,675,677,679],{"class":240,"line":674},21,[238,676,437],{"class":285},[238,678,456],{"class":292},[238,680,403],{"class":285},[362,682,685],{"icon":683,"label":684},"i-simple-icons-markdown","Markdown",[229,686,690],{"className":687,"code":688,"language":689,"meta":193,"style":193},"language-mdc shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","::browser-frame{title=\"The Alps\"}\n![mountains landscape](/mountains.webp)\n::\n","mdc",[150,691,692,718,735],{"__ignoreMap":193},[238,693,694,697,700,703,706,708,710,713,715],{"class":240,"line":241},[238,695,696],{"class":285},"::",[238,698,699],{"class":292},"browser-frame",[238,701,702],{"class":285},"{",[238,704,705],{"class":386},"title",[238,707,393],{"class":285},[238,709,396],{"class":285},[238,711,712],{"class":248},"The Alps",[238,714,396],{"class":285},[238,716,717],{"class":285},"}\n",[238,719,720,723,726,729,733],{"class":240,"line":289},[238,721,722],{"class":285},"![",[238,724,725],{"class":248},"mountains landscape",[238,727,728],{"class":285},"](",[238,730,732],{"class":731},"sQLHv","/mountains.webp",[238,734,322],{"class":285},[238,736,737],{"class":240,"line":316},[238,738,739],{"class":285},"::\n",[362,741,744],{"icon":742,"label":743},"i-lucide-eye","Preview",[699,745,746],{"title":712},[747,748],"img",{"alt":725,"src":749},"/documentation/mountains.webp",[134,751,752],{},"This approach lets you create dynamic docs powered by Nuxt components using Markdown.",[129,754,756],{"id":755},"vue-pages","Vue Pages",[134,758,759,760,763],{},"In addition to Markdown pages, you can also create Vue pages in the ",[150,761,762],{},"pages/"," directory.",[229,765,768],{"className":370,"code":766,"filename":767,"language":373,"meta":193,"style":193},"\u003Ctemplate>\n  \u003Cdiv>\n    \u003Ch1>Hello\u003C/h1>\n  \u003C/div>\n\u003C/template>\n","pages/hello.vue",[150,769,770,778,786,805,813],{"__ignoreMap":193},[238,771,772,774,776],{"class":240,"line":241},[238,773,380],{"class":285},[238,775,456],{"class":292},[238,777,403],{"class":285},[238,779,780,782,784],{"class":240,"line":289},[238,781,464],{"class":285},[238,783,467],{"class":292},[238,785,403],{"class":285},[238,787,788,790,793,796,799,801,803],{"class":240,"line":316},[238,789,487],{"class":285},[238,791,792],{"class":292},"h1",[238,794,795],{"class":285},">",[238,797,798],{"class":281},"Hello",[238,800,437],{"class":285},[238,802,792],{"class":292},[238,804,403],{"class":285},[238,806,807,809,811],{"class":240,"line":425},[238,808,667],{"class":285},[238,810,467],{"class":292},[238,812,403],{"class":285},[238,814,815,817,819],{"class":240,"line":434},[238,816,437],{"class":285},[238,818,456],{"class":292},[238,820,403],{"class":285},[134,822,823,824,827,828,174,831,834],{},"You can also use the ",[150,825,826],{},"definePageMeta"," function to set the page meta, such as using the ",[150,829,830],{},"default",[150,832,833],{},"docs"," layout, but also to define if the page should display the header and the footer:",[229,836,838],{"className":370,"code":837,"filename":767,"language":373,"meta":193,"style":193},"\u003Cscript setup lang=\"ts\">\ndefinePageMeta({\n  layout: 'default',\n  // Remove the header\n  header: false,\n  // Remove the footer\n  footer: false,\n})\n\u003C/script>\n",[150,839,840,860,868,884,890,903,908,919,925],{"__ignoreMap":193},[238,841,842,844,846,848,850,852,854,856,858],{"class":240,"line":241},[238,843,380],{"class":285},[238,845,383],{"class":292},[238,847,387],{"class":386},[238,849,390],{"class":386},[238,851,393],{"class":285},[238,853,396],{"class":285},[238,855,263],{"class":248},[238,857,396],{"class":285},[238,859,403],{"class":285},[238,861,862,864,866],{"class":240,"line":289},[238,863,826],{"class":277},[238,865,282],{"class":281},[238,867,286],{"class":285},[238,869,870,873,875,878,880,882],{"class":240,"line":316},[238,871,872],{"class":292},"  layout",[238,874,296],{"class":285},[238,876,877],{"class":285}," '",[238,879,830],{"class":248},[238,881,302],{"class":285},[238,883,313],{"class":285},[238,885,886],{"class":240,"line":425},[238,887,889],{"class":888},"sHwdD","  // Remove the header\n",[238,891,892,895,897,901],{"class":240,"line":434},[238,893,894],{"class":292},"  header",[238,896,296],{"class":285},[238,898,900],{"class":899},"sfNiH"," false",[238,902,313],{"class":285},[238,904,905],{"class":240,"line":444},[238,906,907],{"class":888},"  // Remove the footer\n",[238,909,910,913,915,917],{"class":240,"line":451},[238,911,912],{"class":292},"  footer",[238,914,296],{"class":285},[238,916,900],{"class":899},[238,918,313],{"class":285},[238,920,921,923],{"class":240,"line":461},[238,922,319],{"class":285},[238,924,322],{"class":281},[238,926,927,929,931],{"class":240,"line":484},[238,928,437],{"class":285},[238,930,383],{"class":292},[238,932,403],{"class":285},[129,934,936],{"id":935},"custom-layouts","Custom Layouts",[134,938,939],{},"Docus uses two layouts:",[941,942,943,949],"ul",{},[944,945,946,948],"li",{},[150,947,830],{}," layout for the landing page and custom Vue pages",[944,950,951,953],{},[150,952,833],{}," layout for the documentation pages",[134,955,956,957,763],{},"If you want to use a different layout, you can create one in the ",[150,958,959],{},"app/layouts/",[229,961,964],{"className":370,"code":962,"filename":963,"language":373,"meta":193,"style":193},"\u003Ctemplate>\n  \u003Cmain class=\"custom-layout\">\n    \u003Cslot />\n  \u003C/main>\n\u003C/template>\n","app/layouts/custom.vue",[150,965,966,974,994,1002,1010],{"__ignoreMap":193},[238,967,968,970,972],{"class":240,"line":241},[238,969,380],{"class":285},[238,971,456],{"class":292},[238,973,403],{"class":285},[238,975,976,978,981,983,985,987,990,992],{"class":240,"line":289},[238,977,464],{"class":285},[238,979,980],{"class":292},"main",[238,982,470],{"class":386},[238,984,393],{"class":285},[238,986,396],{"class":285},[238,988,989],{"class":248},"custom-layout",[238,991,396],{"class":285},[238,993,403],{"class":285},[238,995,996,998,1000],{"class":240,"line":316},[238,997,487],{"class":285},[238,999,648],{"class":292},[238,1001,545],{"class":285},[238,1003,1004,1006,1008],{"class":240,"line":425},[238,1005,667],{"class":285},[238,1007,980],{"class":292},[238,1009,403],{"class":285},[238,1011,1012,1014,1016],{"class":240,"line":434},[238,1013,437],{"class":285},[238,1015,456],{"class":292},[238,1017,403],{"class":285},[1019,1020,1021],"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 .sQLHv, html code.shiki .sQLHv{--shiki-light:#90A4AE;--shiki-light-text-decoration:underline;--shiki-default:#EEFFFF;--shiki-default-text-decoration:underline;--shiki-dark:#BABED8;--shiki-dark-text-decoration:underline}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 pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":193,"searchDepth":289,"depth":289,"links":1023},[1024,1025,1030,1031,1032],{"id":131,"depth":289,"text":132},{"id":202,"depth":289,"text":203,"children":1026},[1027,1028],{"id":226,"depth":316,"text":227},{"id":255,"depth":316,"text":1029},"Enable the module in nuxt.config.ts",{"id":325,"depth":289,"text":326},{"id":755,"depth":289,"text":756},{"id":935,"depth":289,"text":936},"Build interactive and reusable elements with Nuxt components","md",null,{},{"icon":76},{"title":73,"description":1033},"zF8ZW4v4RF5VLFVSOCd96YC3KhmrsYN8U1VvpVLBSoE",[1041,1043],{"title":68,"path":69,"stem":70,"description":1042,"icon":71,"children":-1},"Create multi-language documentation with Docus v4 built-in i18n support.",{"title":84,"path":85,"stem":86,"description":1044,"icon":87,"children":-1},"Text, title, and styling in standard markdown.",1773673064466]