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