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