[{"data":1,"prerenderedAt":418},["ShallowReactive",2],{"navigation_docs":3,"-components-plus-modal-nuxt-page":81,"-components-plus-modal-nuxt-page-surround":413},[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":56,"body":83,"description":406,"extension":407,"links":408,"meta":409,"navigation":410,"path":57,"seo":411,"stem":58,"__hash__":412},"docs\u002F3.components\u002F3.plus-modal-nuxt-page.md",{"type":84,"value":85,"toc":401},"minimark",[86,91,102,116,162,173,288,292,301,305,397],[87,88,90],"h2",{"id":89},"usage","Usage",[92,93,94,95,101],"p",{},"For new applications, prefer ",[96,97,98],"a",{"href":53},[99,100,52],"code",{},". It renders both the layout and page while preserving the correct background view when a modal is open.",[92,103,104,107,108,111,112,115],{},[99,105,106],{},"PlusModalNuxtPage"," remains available for backward compatibility and for applications that manage ",[99,109,110],{},"\u003CNuxtLayout>"," themselves. Without a custom slot, it renders only ",[99,113,114],{},"\u003CNuxtPage>"," and does not add a layout.",[117,118,124],"pre",{"className":119,"code":120,"filename":121,"language":122,"meta":123,"style":123},"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","",[99,125,126,135,146,156],{"__ignoreMap":123},[127,128,131],"span",{"class":129,"line":130},"line",1,[127,132,134],{"class":133},"sTEyZ","\u003Ctemplate>\n",[127,136,138,142],{"class":129,"line":137},2,[127,139,141],{"class":140},"sMK4o","-",[127,143,145],{"class":144},"swJcz","  \u003CNuxtPage \u002F>\n",[127,147,149,152],{"class":129,"line":148},3,[127,150,151],{"class":140},"+",[127,153,155],{"class":154},"sfazB","  \u003CPlusModalNuxtPage \u002F>\n",[127,157,159],{"class":129,"line":158},4,[127,160,161],{"class":133},"\u003C\u002Ftemplate>\n",[92,163,164,165,168,169,172],{},"Use the default scoped slot to render a custom page tree. The slot exposes both the modal-aware background ",[99,166,167],{},"route"," and its ",[99,170,171],{},"layout",":",[117,174,178],{"className":175,"code":176,"filename":121,"language":177,"meta":123,"style":123},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003CPlusModalNuxtPage v-slot=\"{ route, layout }\">\n    \u003CNuxtLayout :name=\"layout\">\n      \u003CNuxtPage :route=\"route\" \u002F>\n    \u003C\u002FNuxtLayout>\n  \u003C\u002FPlusModalNuxtPage>\n\u003C\u002Ftemplate>\n","html",[99,179,180,191,215,236,258,268,278],{"__ignoreMap":123},[127,181,182,185,188],{"class":129,"line":130},[127,183,184],{"class":140},"\u003C",[127,186,187],{"class":144},"template",[127,189,190],{"class":140},">\n",[127,192,193,196,198,202,205,208,211,213],{"class":129,"line":137},[127,194,195],{"class":140},"  \u003C",[127,197,106],{"class":144},[127,199,201],{"class":200},"spNyl"," v-slot",[127,203,204],{"class":140},"=",[127,206,207],{"class":140},"\"",[127,209,210],{"class":154},"{ route, layout }",[127,212,207],{"class":140},[127,214,190],{"class":140},[127,216,217,220,223,226,228,230,232,234],{"class":129,"line":148},[127,218,219],{"class":140},"    \u003C",[127,221,222],{"class":144},"NuxtLayout",[127,224,225],{"class":200}," :name",[127,227,204],{"class":140},[127,229,207],{"class":140},[127,231,171],{"class":154},[127,233,207],{"class":140},[127,235,190],{"class":140},[127,237,238,241,244,247,249,251,253,255],{"class":129,"line":158},[127,239,240],{"class":140},"      \u003C",[127,242,243],{"class":144},"NuxtPage",[127,245,246],{"class":200}," :route",[127,248,204],{"class":140},[127,250,207],{"class":140},[127,252,167],{"class":154},[127,254,207],{"class":140},[127,256,257],{"class":140}," \u002F>\n",[127,259,261,264,266],{"class":129,"line":260},5,[127,262,263],{"class":140},"    \u003C\u002F",[127,265,222],{"class":144},[127,267,190],{"class":140},[127,269,271,274,276],{"class":129,"line":270},6,[127,272,273],{"class":140},"  \u003C\u002F",[127,275,106],{"class":144},[127,277,190],{"class":140},[127,279,281,284,286],{"class":129,"line":280},7,[127,282,283],{"class":140},"\u003C\u002F",[127,285,187],{"class":144},[127,287,190],{"class":140},[87,289,291],{"id":290},"props","Props",[92,293,294,295,297,298,300],{},"The component accepts the same props as ",[99,296,114],{},". They are forwarded to the fallback ",[99,299,114],{},".",[87,302,304],{"id":303},"slots","Slots",[117,306,310],{"className":307,"code":308,"language":309,"meta":123,"style":123},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n  default?: (props: {\n    route: NuxtPageProps['route']\n    layout: PageMeta['layout']\n  }) => any\n}\n","ts",[99,311,312,317,337,361,381,392],{"__ignoreMap":123},[127,313,314],{"class":129,"line":130},[127,315,316],{"class":140},"{\n",[127,318,319,323,326,329,332,334],{"class":129,"line":137},[127,320,322],{"class":321},"s7zQu","  default",[127,324,325],{"class":140},"?:",[127,327,328],{"class":140}," (",[127,330,290],{"class":331},"sHdIc",[127,333,172],{"class":140},[127,335,336],{"class":140}," {\n",[127,338,339,342,344,348,351,354,356,358],{"class":129,"line":148},[127,340,341],{"class":144},"    route",[127,343,172],{"class":140},[127,345,347],{"class":346},"sBMFI"," NuxtPageProps",[127,349,350],{"class":144},"[",[127,352,353],{"class":140},"'",[127,355,167],{"class":154},[127,357,353],{"class":140},[127,359,360],{"class":144},"]\n",[127,362,363,366,368,371,373,375,377,379],{"class":129,"line":158},[127,364,365],{"class":144},"    layout",[127,367,172],{"class":140},[127,369,370],{"class":346}," PageMeta",[127,372,350],{"class":144},[127,374,353],{"class":140},[127,376,171],{"class":154},[127,378,353],{"class":140},[127,380,360],{"class":144},[127,382,383,386,389],{"class":129,"line":260},[127,384,385],{"class":140},"  })",[127,387,388],{"class":200}," =>",[127,390,391],{"class":133}," any\n",[127,393,394],{"class":129,"line":270},[127,395,396],{"class":140},"}\n",[398,399,400],"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}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 .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}",{"title":123,"searchDepth":137,"depth":137,"links":402},[403,404,405],{"id":89,"depth":137,"text":90},{"id":290,"depth":137,"text":291},{"id":303,"depth":137,"text":304},"A backward-compatible, page-only component for rendering the background route of a modal.","md",null,{},true,{"title":56,"description":406},"98FkreqOQiBo8nf7YNHz46wXFnjRrwjrZDH8_xqL6q0",[414,416],{"title":52,"path":53,"stem":54,"description":415,"children":-1},"Render the modal-aware route together with its Nuxt layout and page.",{"title":60,"path":61,"stem":62,"description":417,"children":-1},"Component to use for rendering a modal page.",1786800921650]