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