[{"data":1,"prerenderedAt":312},["ShallowReactive",2],{"navigation_docs":3,"-getting-started-installation":77,"-getting-started-installation-surround":307},[4,27,41,63],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":26},"Getting Started","i-lucide-rocket","\u002Fgetting-started","1.getting-started",[10,14,18,22],{"title":11,"path":12,"stem":13},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction",{"title":15,"path":16,"stem":17},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation",{"title":19,"path":20,"stem":21},"Configuration","\u002Fgetting-started\u002Fconfiguration","1.getting-started\u002F3.configuration",{"title":23,"path":24,"stem":25},"Directory Structure","\u002Fgetting-started\u002Fdirectory-structure","1.getting-started\u002F4.directory-structure",false,{"title":28,"icon":29,"path":30,"stem":31,"children":32,"page":26},"Routing","i-lucide-route","\u002Frouting","2.routing",[33,37],{"title":34,"path":35,"stem":36},"Parallel Routes","\u002Frouting\u002Fparallel-routes","2.routing\u002F1.parallel-routes",{"title":38,"path":39,"stem":40},"Modal Routes","\u002Frouting\u002Fmodal-routes","2.routing\u002F2.modal-routes",{"title":42,"icon":43,"path":44,"stem":45,"children":46,"page":26},"Components","i-lucide-blocks","\u002Fcomponents","3.components",[47,51,55,59],{"title":48,"path":49,"stem":50},"\u003CPlusParallelPage \u002F>","\u002Fcomponents\u002Fplus-parallel-page","3.components\u002F1.plus-parallel-page",{"title":52,"path":53,"stem":54},"\u003CPlusModalNuxtPage \u002F>","\u002Fcomponents\u002Fplus-modal-nuxt-page","3.components\u002F2.plus-modal-nuxt-page",{"title":56,"path":57,"stem":58},"\u003CPlusModalPage \u002F>","\u002Fcomponents\u002Fplus-modal-page","3.components\u002F3.plus-modal-page",{"title":60,"path":61,"stem":62},"\u003CPlusModalLink \u002F>","\u002Fcomponents\u002Fplus-modal-link","3.components\u002F4.plus-modal-link",{"title":64,"icon":65,"path":66,"stem":67,"children":68,"page":26},"API","i-lucide-braces","\u002Fapi","4.api",[69,73],{"title":70,"path":71,"stem":72},"Composables","\u002Fapi\u002Fcomposables","4.api\u002F2.composables",{"title":74,"path":75,"stem":76},"Interfaces","\u002Fapi\u002Finterfaces","4.api\u002F3.interfaces",{"id":78,"title":15,"body":79,"description":300,"extension":301,"links":302,"meta":303,"navigation":304,"path":16,"seo":305,"stem":17,"__hash__":306},"docs\u002F1.getting-started\u002F2.installation.md",{"type":80,"value":81,"toc":296},"minimark",[82,114,119,127,180,194,257,261,276,292],[83,84,90],"pre",{"className":85,"code":86,"filename":87,"language":88,"meta":89,"style":89},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npx nuxi module add nuxt-pages-plus\n","npx","bash","",[91,92,93],"code",{"__ignoreMap":89},[94,95,98,101,105,108,111],"span",{"class":96,"line":97},"line",1,[94,99,87],{"class":100},"sBMFI",[94,102,104],{"class":103},"sfazB"," nuxi",[94,106,107],{"class":103}," module",[94,109,110],{"class":103}," add",[94,112,113],{"class":103}," nuxt-pages-plus\n",[115,116,118],"h3",{"id":117},"install-manually","Install manually",[120,121,122,123,126],"p",{},"You can add Nuxt Pages Plus to your Nuxt project by installing the ",[91,124,125],{},"nuxt-pages-plus"," module as shown below:",[128,129,130,148,164],"code-group",{},[83,131,134],{"className":85,"code":132,"filename":133,"language":88,"meta":89,"style":89},"npm i -D nuxt-pages-plus\n","npm",[91,135,136],{"__ignoreMap":89},[94,137,138,140,143,146],{"class":96,"line":97},[94,139,133],{"class":100},[94,141,142],{"class":103}," i",[94,144,145],{"class":103}," -D",[94,147,113],{"class":103},[83,149,152],{"className":85,"code":150,"filename":151,"language":88,"meta":89,"style":89},"yarn i -D nuxt-pages-plus\n","yarn",[91,153,154],{"__ignoreMap":89},[94,155,156,158,160,162],{"class":96,"line":97},[94,157,151],{"class":100},[94,159,142],{"class":103},[94,161,145],{"class":103},[94,163,113],{"class":103},[83,165,168],{"className":85,"code":166,"filename":167,"language":88,"meta":89,"style":89},"pnpm i -D nuxt-pages-plus\n","pnpm",[91,169,170],{"__ignoreMap":89},[94,171,172,174,176,178],{"class":96,"line":97},[94,173,167],{"class":100},[94,175,142],{"class":103},[94,177,145],{"class":103},[94,179,113],{"class":103},[120,181,182,183,186,187,189,190,193],{},"Then, in your ",[91,184,185],{},"nuxt.config.ts"," file add ",[91,188,125],{}," to the ",[91,191,192],{},"modules"," section as shown below:",[83,195,201],{"className":196,"code":197,"filename":185,"highlights":198,"language":200,"meta":89,"style":89},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  modules: ['nuxt-pages-plus']\n})\n",[199],2,"ts",[91,202,203,224,248],{"__ignoreMap":89},[94,204,205,209,212,216,220],{"class":96,"line":97},[94,206,208],{"class":207},"s7zQu","export",[94,210,211],{"class":207}," default",[94,213,215],{"class":214},"s2Zo4"," defineNuxtConfig",[94,217,219],{"class":218},"sTEyZ","(",[94,221,223],{"class":222},"sMK4o","{\n",[94,225,228,232,235,238,241,243,245],{"class":226,"line":199},[96,227],"highlight",[94,229,231],{"class":230},"swJcz","  modules",[94,233,234],{"class":222},":",[94,236,237],{"class":218}," [",[94,239,240],{"class":222},"'",[94,242,125],{"class":103},[94,244,240],{"class":222},[94,246,247],{"class":218},"]\n",[94,249,251,254],{"class":96,"line":250},3,[94,252,253],{"class":222},"}",[94,255,256],{"class":218},")\n",[115,258,260],{"id":259},"compatibility","Compatibility",[120,262,263,264,267,268,271,272,275],{},"Nuxt Pages Plus supports both Nuxt 3 (",[91,265,266],{},">=3.16.0",") and Nuxt 4, including their bundled ",[91,269,270],{},"vue-router"," (v4 for Nuxt 3 – 4.3, v5 for Nuxt 4.4+) and ",[91,273,274],{},"vue"," versions, with full TypeScript support.",[277,278,279,280,283,284,287,288,291],"note",{},"On Nuxt ",[91,281,282],{},">=4.5",", ",[91,285,286],{},"name@view.vue"," page files are parsed as vue-router named views by default. Set ",[91,289,290],{},"namedViewsAsParallelRoutes: true"," in the module options to keep using them as parallel routes.",[293,294,295],"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":89,"searchDepth":199,"depth":199,"links":297},[298,299],{"id":117,"depth":250,"text":118},{"id":259,"depth":250,"text":260},"Install Nuxt Pages Plus to your Nuxt project using a single line of command using nuxi as shown below.","md",null,{},true,{"title":15,"description":300},"rqxruvIhppBPy0tzC2k33ACjVH2rSrc1tkqBUb4pWw8",[308,310],{"title":11,"path":12,"stem":13,"description":309,"children":-1},"Nuxt Pages Plus enhances the routing capabilities of Nuxt Pages, allowing for rapid development of complex routing scenarios.",{"title":19,"path":20,"stem":21,"description":311,"children":-1},"Nuxt Pages Plus provides a bunch of options to configure your parallel routes as you like in nuxt.config.",1786798083463]