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