[{"data":1,"prerenderedAt":174},["ShallowReactive",2],{"navigation_en":3,"-docs-guide-installation":23,"-docs-guide-installation-surround":169},{"guide":4},[5],{"title":6,"path":7,"stem":8,"children":9,"page":22},"Guide","\u002Fdocs\u002Fguide","docs\u002Fguide",[10,14,18],{"title":11,"path":12,"stem":13},"Introduction","\u002Fdocs\u002Fguide\u002Fintroduction","docs\u002Fguide\u002F01.introduction",{"title":15,"path":16,"stem":17},"Installation","\u002Fdocs\u002Fguide\u002Finstallation","docs\u002Fguide\u002F02.installation",{"title":19,"path":20,"stem":21},"Usage","\u002Fdocs\u002Fguide\u002Fusage","docs\u002Fguide\u002F03.usage",false,{"id":24,"title":15,"body":25,"description":162,"extension":163,"links":164,"meta":165,"navigation":166,"path":16,"seo":167,"stem":17,"__hash__":168},"docs_guide\u002Fdocs\u002Fguide\u002F02.installation.md",{"type":26,"value":27,"toc":157},"minimark",[28,32,36,41,67,71,139,142,146,153],[29,30,15],"h1",{"id":31},"installation",[33,34,35],"p",{},"Install the theme and extend it from your Nuxt config.",[37,38,40],"h2",{"id":39},"add-the-dependency","Add the dependency",[42,43,48],"pre",{"className":44,"code":45,"language":46,"meta":47,"style":47},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm add @uxfront\u002Flayer-docs\n","bash","",[49,50,51],"code",{"__ignoreMap":47},[52,53,56,60,64],"span",{"class":54,"line":55},"line",1,[52,57,59],{"class":58},"sBMFI","pnpm",[52,61,63],{"class":62},"sfazB"," add",[52,65,66],{"class":62}," @uxfront\u002Flayer-docs\n",[37,68,70],{"id":69},"extend-the-layer","Extend the layer",[42,72,77],{"className":73,"code":74,"filename":75,"language":76,"meta":47,"style":47},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  extends: [\"@uxfront\u002Flayer-docs\"],\n});\n","nuxt.config.ts","ts",[49,78,79,100,127],{"__ignoreMap":47},[52,80,81,85,88,92,96],{"class":54,"line":55},[52,82,84],{"class":83},"s7zQu","export",[52,86,87],{"class":83}," default",[52,89,91],{"class":90},"s2Zo4"," defineNuxtConfig",[52,93,95],{"class":94},"sTEyZ","(",[52,97,99],{"class":98},"sMK4o","{\n",[52,101,103,107,110,113,116,119,121,124],{"class":54,"line":102},2,[52,104,106],{"class":105},"swJcz","  extends",[52,108,109],{"class":98},":",[52,111,112],{"class":94}," [",[52,114,115],{"class":98},"\"",[52,117,118],{"class":62},"@uxfront\u002Flayer-docs",[52,120,115],{"class":98},[52,122,123],{"class":94},"]",[52,125,126],{"class":98},",\n",[52,128,130,133,136],{"class":54,"line":129},3,[52,131,132],{"class":98},"}",[52,134,135],{"class":94},")",[52,137,138],{"class":98},";\n",[33,140,141],{},"The layer registers Nuxt Content, the UI shell and every docs feature. Your app\nonly supplies branding, the section topology and the markdown content.",[37,143,145],{"id":144},"next-steps","Next steps",[33,147,148,149,152],{},"See ",[150,151,19],"a",{"href":20}," for how to author content and sections.",[154,155,156],"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}",{"title":47,"searchDepth":102,"depth":102,"links":158},[159,160,161],{"id":39,"depth":102,"text":40},{"id":69,"depth":102,"text":70},{"id":144,"depth":102,"text":145},"Add the docs theme layer to a Nuxt application.","md",null,{},true,{"title":15,"description":162},"J_4VW8CgPE1H-RsI0HEXPOiIh8YAMlhfqAlmCIv5EQE",[170,172],{"title":11,"path":12,"stem":13,"description":171,"children":-1},"What uxfront is and how these docs are put together.",{"title":19,"path":20,"stem":21,"description":173,"children":-1},"Author content, define sections and customise branding.",1784608967930]