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