[{"data":1,"prerenderedAt":553},["ShallowReactive",2],{"navigation_docs":3,"-components-plus-parallel-page":81,"-components-plus-parallel-page-surround":548},[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":48,"body":83,"description":542,"extension":543,"links":544,"meta":545,"navigation":450,"path":49,"seo":546,"stem":50,"__hash__":547},"docs\u002F3.components\u002F1.plus-parallel-page.md",{"type":84,"value":85,"toc":533},"minimark",[86,91,190,195,203,276,286,290,297,368,375,379,386,412,416,474,478,529],[87,88,90],"h2",{"id":89},"usage","Usage",[92,93,101],"pre",{"className":94,"code":95,"filename":96,"highlights":97,"language":99,"meta":100,"style":100},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cdiv>\n    \u003CPlusParallelPage name=\"foo\" \u002F>\n    \u003Cslot \u002F>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n","layouts\u002Fdefault.vue",[98],3,"html","",[102,103,104,120,131,160,170,180],"code",{"__ignoreMap":100},[105,106,109,113,117],"span",{"class":107,"line":108},"line",1,[105,110,112],{"class":111},"sMK4o","\u003C",[105,114,116],{"class":115},"swJcz","template",[105,118,119],{"class":111},">\n",[105,121,123,126,129],{"class":107,"line":122},2,[105,124,125],{"class":111},"  \u003C",[105,127,128],{"class":115},"div",[105,130,119],{"class":111},[105,132,135,138,141,145,148,151,155,157],{"class":133,"line":98},[107,134],"highlight",[105,136,137],{"class":111},"    \u003C",[105,139,140],{"class":115},"PlusParallelPage",[105,142,144],{"class":143},"spNyl"," name",[105,146,147],{"class":111},"=",[105,149,150],{"class":111},"\"",[105,152,154],{"class":153},"sfazB","foo",[105,156,150],{"class":111},[105,158,159],{"class":111}," \u002F>\n",[105,161,163,165,168],{"class":107,"line":162},4,[105,164,137],{"class":111},[105,166,167],{"class":115},"slot",[105,169,159],{"class":111},[105,171,173,176,178],{"class":107,"line":172},5,[105,174,175],{"class":111},"  \u003C\u002F",[105,177,128],{"class":115},[105,179,119],{"class":111},[105,181,183,186,188],{"class":107,"line":182},6,[105,184,185],{"class":111},"\u003C\u002F",[105,187,116],{"class":115},[105,189,119],{"class":111},[191,192,194],"h3",{"id":193},"fallback-not-found","Fallback Not-found",[196,197,198,199,202],"p",{},"Fallback to render a ",[102,200,201],{},"not-found"," slot when the parallel page is not found.",[92,204,207],{"className":94,"code":205,"highlights":206,"language":99,"meta":100,"style":100},"\u003CPlusParallelPage name=\"foo\" \u002F>\n  \u003Ctemplate #not-found>\n    \u003Cdiv>Not Found\u003C\u002Fdiv>\n  \u003C\u002Ftemplate>\n\u003C\u002FPlusParallelPage>\n",[122,98,162],[102,208,209,227,239,259,268],{"__ignoreMap":100},[105,210,211,213,215,217,219,221,223,225],{"class":107,"line":108},[105,212,112],{"class":111},[105,214,140],{"class":115},[105,216,144],{"class":143},[105,218,147],{"class":111},[105,220,150],{"class":111},[105,222,154],{"class":153},[105,224,150],{"class":111},[105,226,159],{"class":111},[105,228,230,232,234,237],{"class":229,"line":122},[107,134],[105,231,125],{"class":111},[105,233,116],{"class":115},[105,235,236],{"class":143}," #not-found",[105,238,119],{"class":111},[105,240,242,244,246,249,253,255,257],{"class":241,"line":98},[107,134],[105,243,137],{"class":111},[105,245,128],{"class":115},[105,247,248],{"class":111},">",[105,250,252],{"class":251},"sTEyZ","Not Found",[105,254,185],{"class":111},[105,256,128],{"class":115},[105,258,119],{"class":111},[105,260,262,264,266],{"class":261,"line":162},[107,134],[105,263,175],{"class":111},[105,265,116],{"class":115},[105,267,119],{"class":111},[105,269,270,272,274],{"class":107,"line":172},[105,271,185],{"class":111},[105,273,140],{"class":115},[105,275,119],{"class":111},[277,278,279,280,285],"note",{},"For details on how fallback works, please refer to ",[281,282,284],"a",{"href":283},"\u002Frouting\u002Fparallel-routes#fallback-mechanism","Fallback Mechanism",".",[191,287,289],{"id":288},"fallback-index","Fallback Index",[196,291,292,293,296],{},"Fallback to render an ",[102,294,295],{},"index"," slot when the parallel page is not found on initial render.",[92,298,301],{"className":94,"code":299,"highlights":300,"language":99,"meta":100,"style":100},"\u003CPlusParallelPage name=\"foo\" \u002F>\n  \u003Ctemplate #index>\n    \u003Cdiv>Index\u003C\u002Fdiv>\n  \u003C\u002Ftemplate>\n\u003C\u002FPlusParallelPage>\n",[122,98,162],[102,302,303,321,333,351,360],{"__ignoreMap":100},[105,304,305,307,309,311,313,315,317,319],{"class":107,"line":108},[105,306,112],{"class":111},[105,308,140],{"class":115},[105,310,144],{"class":143},[105,312,147],{"class":111},[105,314,150],{"class":111},[105,316,154],{"class":153},[105,318,150],{"class":111},[105,320,159],{"class":111},[105,322,324,326,328,331],{"class":323,"line":122},[107,134],[105,325,125],{"class":111},[105,327,116],{"class":115},[105,329,330],{"class":143}," #index",[105,332,119],{"class":111},[105,334,336,338,340,342,345,347,349],{"class":335,"line":98},[107,134],[105,337,137],{"class":111},[105,339,128],{"class":115},[105,341,248],{"class":111},[105,343,344],{"class":251},"Index",[105,346,185],{"class":111},[105,348,128],{"class":115},[105,350,119],{"class":111},[105,352,354,356,358],{"class":353,"line":162},[107,134],[105,355,175],{"class":111},[105,357,116],{"class":115},[105,359,119],{"class":111},[105,361,362,364,366],{"class":107,"line":172},[105,363,185],{"class":111},[105,365,140],{"class":115},[105,367,119],{"class":111},[369,370,371,372,374],"warning",{},"Please note that if the ",[102,373,201],{}," slot is also definded in the parallel page, it will be used instead of the fallback index.",[191,376,378],{"id":377},"hide-view-on-fallback","Hide view on fallback",[196,380,381,382,385],{},"Add a ",[102,383,384],{},"hide-fallback"," prop to hide the parallel page when the fallback is triggered.",[92,387,389],{"className":94,"code":388,"language":99,"meta":100,"style":100},"\u003CPlusParallelPage name=\"foo\" hide-fallback \u002F>\n",[102,390,391],{"__ignoreMap":100},[105,392,393,395,397,399,401,403,405,407,410],{"class":107,"line":108},[105,394,112],{"class":111},[105,396,140],{"class":115},[105,398,144],{"class":143},[105,400,147],{"class":111},[105,402,150],{"class":111},[105,404,154],{"class":153},[105,406,150],{"class":111},[105,408,409],{"class":143}," hide-fallback",[105,411,159],{"class":111},[87,413,415],{"id":414},"props","Props",[92,417,421],{"className":418,"code":419,"language":420,"meta":100,"style":100},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n  \u002F\u002F Unique name of the parallel router\n  name: string\n\n  \u002F\u002F Disable rendering if fallback fail\n  hideFallback?: boolean\n}\n","ts",[102,422,423,428,434,446,452,457,468],{"__ignoreMap":100},[105,424,425],{"class":107,"line":108},[105,426,427],{"class":111},"{\n",[105,429,430],{"class":107,"line":122},[105,431,433],{"class":432},"sHwdD","  \u002F\u002F Unique name of the parallel router\n",[105,435,436,440,443],{"class":107,"line":98},[105,437,439],{"class":438},"sBMFI","  name",[105,441,442],{"class":111},":",[105,444,445],{"class":251}," string\n",[105,447,448],{"class":107,"line":162},[105,449,451],{"emptyLinePlaceholder":450},true,"\n",[105,453,454],{"class":107,"line":172},[105,455,456],{"class":432},"  \u002F\u002F Disable rendering if fallback fail\n",[105,458,459,462,465],{"class":107,"line":182},[105,460,461],{"class":251},"  hideFallback",[105,463,464],{"class":111},"?:",[105,466,467],{"class":251}," boolean\n",[105,469,471],{"class":107,"line":470},7,[105,472,473],{"class":111},"}\n",[87,475,477],{"id":476},"slots","Slots",[92,479,481],{"className":418,"code":480,"language":420,"meta":100,"style":100},"{\n  'not-found': () => any\n  'index': () => any\n}\n",[102,482,483,487,509,525],{"__ignoreMap":100},[105,484,485],{"class":107,"line":108},[105,486,427],{"class":111},[105,488,489,492,494,497,500,503,506],{"class":107,"line":122},[105,490,491],{"class":111},"  '",[105,493,201],{"class":153},[105,495,496],{"class":111},"'",[105,498,499],{"class":115},": ",[105,501,502],{"class":111},"()",[105,504,505],{"class":143}," =>",[105,507,508],{"class":251}," any\n",[105,510,511,513,515,517,519,521,523],{"class":107,"line":98},[105,512,491],{"class":111},[105,514,295],{"class":153},[105,516,496],{"class":111},[105,518,499],{"class":115},[105,520,502],{"class":111},[105,522,505],{"class":143},[105,524,508],{"class":251},[105,526,527],{"class":107,"line":162},[105,528,473],{"class":111},[530,531,532],"style",{},"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 .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}",{"title":100,"searchDepth":122,"depth":122,"links":534},[535,540,541],{"id":89,"depth":122,"text":90,"children":536},[537,538,539],{"id":193,"depth":98,"text":194},{"id":288,"depth":98,"text":289},{"id":377,"depth":98,"text":378},{"id":414,"depth":122,"text":415},{"id":476,"depth":122,"text":477},"Component to use for rendering a parallel page.","md",null,{},{"title":48,"description":542},"0k4YFOTMGkKwukQytR7JaF4_H8P5mzOw7nlEyrgR530",[549,551],{"title":38,"path":39,"stem":40,"description":550,"children":-1},"Modal Routes can navigate modal routes with real-time URL changes for seamless browsing.",{"title":52,"path":53,"stem":54,"description":552,"children":-1},"Render the modal-aware route together with its Nuxt layout and page.",1786800921650]