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