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