[{"data":1,"prerenderedAt":280},["ShallowReactive",2],{"navigation_docs":3,"-components-plus-modal-nuxt-page":89,"-components-plus-modal-nuxt-page-surround":275},[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":52,"body":91,"description":268,"extension":269,"links":270,"meta":271,"navigation":272,"path":53,"seo":273,"stem":54,"__hash__":274},"docs\u002F3.components\u002F2.plus-modal-nuxt-page.md",{"type":92,"value":93,"toc":265},"minimark",[94,99,115,161,179,261],[95,96,98],"h2",{"id":97},"usage","Usage",[100,101,102,106,107,111,112,114],"p",{},[103,104,105],"strong",{},"Option 1",": Replace ",[108,109,110],"code",{},"\u003CNuxtPage \u002F>"," with ",[108,113,52],{},".",[116,117,123],"pre",{"className":118,"code":119,"filename":120,"language":121,"meta":122,"style":122},"language-diff shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n-  \u003CNuxtPage \u002F>\n+  \u003CPlusModalNuxtPage \u002F>\n\u003C\u002Ftemplate>\n","app.vue","diff","",[108,124,125,134,145,155],{"__ignoreMap":122},[126,127,130],"span",{"class":128,"line":129},"line",1,[126,131,133],{"class":132},"sTEyZ","\u003Ctemplate>\n",[126,135,137,141],{"class":128,"line":136},2,[126,138,140],{"class":139},"sMK4o","-",[126,142,144],{"class":143},"swJcz","  \u003CNuxtPage \u002F>\n",[126,146,148,151],{"class":128,"line":147},3,[126,149,150],{"class":139},"+",[126,152,154],{"class":153},"sfazB","  \u003CPlusModalNuxtPage \u002F>\n",[126,156,158],{"class":128,"line":157},4,[126,159,160],{"class":132},"\u003C\u002Ftemplate>\n",[100,162,163,166,167,170,171,174,175,178],{},[103,164,165],{},"Option 2",": You can use ",[108,168,169],{},"PlusModalNuxtPage"," to wrap your ",[108,172,173],{},"NuxtPage"," component and pass the ",[108,176,177],{},"route"," prop to it.",[116,180,184],{"className":181,"code":182,"filename":120,"language":183,"meta":122,"style":122},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003CPlusModalNuxtPage v-slot=\"{ route }\">\n    \u003CNuxtPage :route=\"route\" \u002F>\n  \u003C\u002FPlusModalNuxtPage>\n\u003C\u002Ftemplate>\n","html",[108,185,186,197,221,242,251],{"__ignoreMap":122},[126,187,188,191,194],{"class":128,"line":129},[126,189,190],{"class":139},"\u003C",[126,192,193],{"class":143},"template",[126,195,196],{"class":139},">\n",[126,198,199,202,204,208,211,214,217,219],{"class":128,"line":136},[126,200,201],{"class":139},"  \u003C",[126,203,169],{"class":143},[126,205,207],{"class":206},"spNyl"," v-slot",[126,209,210],{"class":139},"=",[126,212,213],{"class":139},"\"",[126,215,216],{"class":153},"{ route }",[126,218,213],{"class":139},[126,220,196],{"class":139},[126,222,223,226,228,231,233,235,237,239],{"class":128,"line":147},[126,224,225],{"class":139},"    \u003C",[126,227,173],{"class":143},[126,229,230],{"class":206}," :route",[126,232,210],{"class":139},[126,234,213],{"class":139},[126,236,177],{"class":153},[126,238,213],{"class":139},[126,240,241],{"class":139}," \u002F>\n",[126,243,244,247,249],{"class":128,"line":157},[126,245,246],{"class":139},"  \u003C\u002F",[126,248,169],{"class":143},[126,250,196],{"class":139},[126,252,254,257,259],{"class":128,"line":253},5,[126,255,256],{"class":139},"\u003C\u002F",[126,258,193],{"class":143},[126,260,196],{"class":139},[262,263,264],"style",{},"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 .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 .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}",{"title":122,"searchDepth":136,"depth":136,"links":266},[267],{"id":97,"depth":136,"text":98},"To enable Modal Routes in your Nuxt project, you need to use this component to replace or wrap \u003CNuxtPage \u002F>.","md",null,{},true,{"title":52,"description":268},"fIpRBUPoYrjK8tM0R6kGWFX3EHorFk6rHjo2dL_M39M",[276,278],{"title":48,"path":49,"stem":50,"description":277,"children":-1},"Component to use for rendering a parallel page.",{"title":56,"path":57,"stem":58,"description":279,"children":-1},"Component to use for rendering a modal page.",1786721251662]