[{"data":1,"prerenderedAt":557},["ShallowReactive",2],{"$fen922M9aBBBGS7gEr37q12a4sAhxXmwCENBD1e0zskM":3,"\u002Fdocs\u002Fgetting-started\u002Fview":120,"\u002Fdocs\u002Fgetting-started\u002Fview-surround":552},[4,38,98,108],{"title":5,"titleTemplate":6,"icon":7,"redirect":8,"path":9,"stem":10,"children":11,"page":37},"着手开始","%s · 着手开始 | Oiyo","i-lucide:flame","\u002Fdocs\u002Fgetting-started\u002Fintroduction","\u002Fdocs\u002Fgetting-started","docs\u002F1.getting-started",[12,17,22,27,32],{"title":13,"path":8,"stem":14,"titleTemplate":15,"icon":16},"介绍","docs\u002F1.getting-started\u002F01.introduction",null,"i-lucide:bot",{"title":18,"path":19,"stem":20,"titleTemplate":15,"icon":21},"安装","\u002Fdocs\u002Fgetting-started\u002Finstallation","docs\u002F1.getting-started\u002F02.installation","i-lucide:plane-takeoff",{"title":23,"path":24,"stem":25,"titleTemplate":15,"icon":26},"配置","\u002Fdocs\u002Fgetting-started\u002Fconfiguration","docs\u002F1.getting-started\u002F03.configuration","i-lucide:settings",{"title":28,"path":29,"stem":30,"titleTemplate":15,"icon":31},"视图骨架","\u002Fdocs\u002Fgetting-started\u002Fview","docs\u002F1.getting-started\u002F04.view","i-lucide:layout",{"title":33,"path":34,"stem":35,"titleTemplate":15,"icon":36},"页面路由","\u002Fdocs\u002Fgetting-started\u002Fpage","docs\u002F1.getting-started\u002F05.page","i-lucide:file-terminal",false,{"title":39,"path":40,"stem":41,"children":42,"titleTemplate":97,"icon":45},"项目结构","\u002Fdocs\u002Fstructure","docs\u002F2.structure\u002F0.index",[43,46,83,87,92],{"title":39,"path":40,"stem":41,"titleTemplate":44,"icon":45},"%s | Oiyo","i-lucide-layers",{"title":47,"titleTemplate":15,"defaultOpen":48,"icon":49,"path":50,"stem":51,"children":52,"page":37},"src",true,"i-catppuccin:folder-src","\u002Fdocs\u002Fstructure\u002Fsrc","docs\u002F2.structure\u002F1.src",[53,58,63,68,73,78],{"title":54,"path":55,"stem":56,"titleTemplate":15,"icon":57},"components","\u002Fdocs\u002Fstructure\u002Fsrc\u002Fcomponents","docs\u002F2.structure\u002F1.src\u002F1.components","i-catppuccin:folder-components",{"title":59,"path":60,"stem":61,"titleTemplate":15,"icon":62},"composables","\u002Fdocs\u002Fstructure\u002Fsrc\u002Fcomposables","docs\u002F2.structure\u002F1.src\u002F1.composables","i-catppuccin:folder-composables",{"title":64,"path":65,"stem":66,"titleTemplate":15,"icon":67},"layouts","\u002Fdocs\u002Fstructure\u002Fsrc\u002Flayouts","docs\u002F2.structure\u002F1.src\u002F1.layouts","i-catppuccin:folder-layouts",{"title":69,"path":70,"stem":71,"titleTemplate":15,"icon":72},"pages","\u002Fdocs\u002Fstructure\u002Fsrc\u002Fpages","docs\u002F2.structure\u002F1.src\u002F1.pages","i-catppuccin:folder-views",{"title":74,"path":75,"stem":76,"titleTemplate":15,"icon":77},"App.vue","\u002Fdocs\u002Fstructure\u002Fsrc\u002Fapp","docs\u002F2.structure\u002F1.src\u002F2.app","i-catppuccin:vue",{"title":79,"path":80,"stem":81,"titleTemplate":15,"icon":82},"pages.config.ts","\u002Fdocs\u002Fstructure\u002Fsrc\u002Fpages-config","docs\u002F2.structure\u002F1.src\u002F3.pages-config","i-catppuccin:typescript",{"title":84,"path":85,"stem":86,"titleTemplate":15,"icon":82},"oiyo.config.ts","\u002Fdocs\u002Fstructure\u002Foiyo-config","docs\u002F2.structure\u002F3.oiyo-config",{"title":88,"path":89,"stem":90,"titleTemplate":15,"icon":91},"package.json","\u002Fdocs\u002Fstructure\u002Fpackage","docs\u002F2.structure\u002F3.package","i-catppuccin:package-json",{"title":93,"path":94,"stem":95,"titleTemplate":15,"icon":96},"tsconfig.json","\u002Fdocs\u002Fstructure\u002Ftsconfig","docs\u002F2.structure\u002F3.tsconfig","i-catppuccin:typescript-config","%s · 项目结构 | Oiyo",{"title":99,"titleTemplate":15,"icon":100,"redirect":8,"show":37,"path":101,"stem":102,"children":103,"page":37},"深入指南","i-lucide-microscope","\u002Fdocs\u002Fguide","docs\u002F3.guide",[104],{"title":105,"path":106,"stem":107,"titleTemplate":15},"App","\u002Fdocs\u002Fguide\u002Fapp","docs\u002F3.guide\u002Fapp",{"title":109,"titleTemplate":110,"icon":111,"redirect":112,"path":113,"stem":114,"children":115,"page":37},"沟通交流","%s · 沟通交流 | Oiyo","i-lucide:message-circle-question","\u002Fdocs\u002Fcommunity\u002Fassist","\u002Fdocs\u002Fcommunity","docs\u002F4.community",[116],{"title":117,"path":112,"stem":118,"titleTemplate":15,"icon":119},"加群互助","docs\u002F4.community\u002F01.assist","i-lucide:scan-qr-code",{"id":121,"title":28,"body":122,"description":546,"extension":547,"meta":548,"navigation":549,"path":29,"seo":550,"stem":30,"titleTemplate":15,"__hash__":551},"docs\u002Fdocs\u002F1.getting-started\u002F04.view.md",{"type":123,"value":124,"toc":541},"minimark",[125,129,134,142,232,241,245,256,450,458,463,467,478,532,537],[126,127,128],"p",{},"Oiyo 提供三大视图结构，让定义视图的能力最大化！",[130,131,133],"h2",{"id":132},"根层appvue","根层（App.vue）",[126,135,136,137,141],{},"Oiyo 让 App.vue 作为入口，使得每一个路由都会拥有其 ",[138,139,140],"code",{},"模板（template）"," 的内容。",[143,144,150],"pre",{"className":145,"code":146,"filename":147,"language":148,"meta":149,"style":149},"language-vue shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","\u003Ctemplate>\n  \u003Cview>\n    \u003Ctext>hey there! love from oiyo ❤\u003C\u002Ftext>\n    \u003COiyoPage \u002F>\n  \u003C\u002Fview>\n\u003C\u002Ftemplate>\n","src\u002FApp.vue","vue","",[138,151,152,168,179,202,213,223],{"__ignoreMap":149},[153,154,157,161,165],"span",{"class":155,"line":156},"line",1,[153,158,160],{"class":159},"sDfIl","\u003C",[153,162,164],{"class":163},"sRlkE","template",[153,166,167],{"class":159},">\n",[153,169,171,174,177],{"class":155,"line":170},2,[153,172,173],{"class":159},"  \u003C",[153,175,176],{"class":163},"view",[153,178,167],{"class":159},[153,180,182,185,188,191,195,198,200],{"class":155,"line":181},3,[153,183,184],{"class":159},"    \u003C",[153,186,187],{"class":163},"text",[153,189,190],{"class":159},">",[153,192,194],{"class":193},"sZSNi","hey there! love from oiyo ❤",[153,196,197],{"class":159},"\u003C\u002F",[153,199,187],{"class":163},[153,201,167],{"class":159},[153,203,205,207,210],{"class":155,"line":204},4,[153,206,184],{"class":159},[153,208,209],{"class":163},"OiyoPage",[153,211,212],{"class":159}," \u002F>\n",[153,214,216,219,221],{"class":155,"line":215},5,[153,217,218],{"class":159},"  \u003C\u002F",[153,220,176],{"class":163},[153,222,167],{"class":159},[153,224,226,228,230],{"class":155,"line":225},6,[153,227,197],{"class":159},[153,229,164],{"class":163},[153,231,167],{"class":159},[233,234,238],"callout",{"color":235,"icon":236,"to":237},"neutral","i-lucide:flag","\u002F",[126,239,240],{},"了解更加深入的 根层 指南",[130,242,244],{"id":243},"布局layouts","布局（Layouts）",[126,246,247,248],{},"布局是嵌套在根层下的共享容器，作为承载页面的骨架，负责包裹并统一各业务页面的公共视图。与组件相同，其通过 ",[249,250,251,252,255],"slot",{}," 组件来显示页面内容的，默认情况下将使用 ",[138,253,254],{},"src\u002Flayouts\u002Fdefault.vue"," 文件。支持通过可以设置为页面元数据进行配置。",[257,258,259,341,395],"code-group",{},[143,260,262],{"className":145,"code":261,"filename":147,"language":148,"meta":149,"style":149},"\u003Ctemplate>\n  \u003Cview>\n    \u003Ctext>hey there! love from oiyo ❤\u003C\u002Ftext>\n    \u003COiyoLayout>\n      \u003COiyoPage \u002F>\n    \u003C\u002FOiyoLayout>\n  \u003C\u002Fview>\n\u003C\u002Ftemplate>\n",[138,263,264,272,280,296,305,314,323,332],{"__ignoreMap":149},[153,265,266,268,270],{"class":155,"line":156},[153,267,160],{"class":159},[153,269,164],{"class":163},[153,271,167],{"class":159},[153,273,274,276,278],{"class":155,"line":170},[153,275,173],{"class":159},[153,277,176],{"class":163},[153,279,167],{"class":159},[153,281,282,284,286,288,290,292,294],{"class":155,"line":181},[153,283,184],{"class":159},[153,285,187],{"class":163},[153,287,190],{"class":159},[153,289,194],{"class":193},[153,291,197],{"class":159},[153,293,187],{"class":163},[153,295,167],{"class":159},[153,297,298,300,303],{"class":155,"line":204},[153,299,184],{"class":159},[153,301,302],{"class":163},"OiyoLayout",[153,304,167],{"class":159},[153,306,307,310,312],{"class":155,"line":215},[153,308,309],{"class":159},"      \u003C",[153,311,209],{"class":163},[153,313,212],{"class":159},[153,315,316,319,321],{"class":155,"line":225},[153,317,318],{"class":159},"    \u003C\u002F",[153,320,302],{"class":163},[153,322,167],{"class":159},[153,324,326,328,330],{"class":155,"line":325},7,[153,327,218],{"class":159},[153,329,176],{"class":163},[153,331,167],{"class":159},[153,333,335,337,339],{"class":155,"line":334},8,[153,336,197],{"class":159},[153,338,164],{"class":163},[153,340,167],{"class":159},[143,342,344],{"className":145,"code":343,"filename":254,"language":148,"meta":149,"style":149},"\u003Ctemplate>\n  \u003Cview>\n    \u003CDefaultNavbar \u002F>\n    \u003Cslot \u002F>\n  \u003C\u002Fview>\n\u003C\u002Ftemplate>\n",[138,345,346,354,362,371,379,387],{"__ignoreMap":149},[153,347,348,350,352],{"class":155,"line":156},[153,349,160],{"class":159},[153,351,164],{"class":163},[153,353,167],{"class":159},[153,355,356,358,360],{"class":155,"line":170},[153,357,173],{"class":159},[153,359,176],{"class":163},[153,361,167],{"class":159},[153,363,364,366,369],{"class":155,"line":181},[153,365,184],{"class":159},[153,367,368],{"class":163},"DefaultNavbar",[153,370,212],{"class":159},[153,372,373,375,377],{"class":155,"line":204},[153,374,184],{"class":159},[153,376,249],{"class":163},[153,378,212],{"class":159},[153,380,381,383,385],{"class":155,"line":215},[153,382,218],{"class":159},[153,384,176],{"class":163},[153,386,167],{"class":159},[153,388,389,391,393],{"class":155,"line":225},[153,390,197],{"class":159},[153,392,164],{"class":163},[153,394,167],{"class":159},[143,396,399],{"className":145,"code":397,"filename":398,"language":148,"meta":149,"style":149},"\u003Ctemplate>\n  \u003Cview>\n    \u003Ctext>对喽！这就是主页\u003C\u002Ftext>\n  \u003C\u002Fview>\n\u003C\u002Ftemplate>\n","src\u002Fpages\u002Findex.vue",[138,400,401,409,417,434,442],{"__ignoreMap":149},[153,402,403,405,407],{"class":155,"line":156},[153,404,160],{"class":159},[153,406,164],{"class":163},[153,408,167],{"class":159},[153,410,411,413,415],{"class":155,"line":170},[153,412,173],{"class":159},[153,414,176],{"class":163},[153,416,167],{"class":159},[153,418,419,421,423,425,428,430,432],{"class":155,"line":181},[153,420,184],{"class":159},[153,422,187],{"class":163},[153,424,190],{"class":159},[153,426,427],{"class":193},"对喽！这就是主页",[153,429,197],{"class":159},[153,431,187],{"class":163},[153,433,167],{"class":159},[153,435,436,438,440],{"class":155,"line":204},[153,437,218],{"class":159},[153,439,176],{"class":163},[153,441,167],{"class":159},[153,443,444,446,448],{"class":155,"line":215},[153,445,197],{"class":159},[153,447,164],{"class":163},[153,449,167],{"class":159},[451,452,453],"note",{},[126,454,455,456],{},"如果你只有单一布局，并且功能较为简单，我们更加推荐直接放在 ",[138,457,147],{},[233,459,460],{"color":235,"icon":236,"to":65},[126,461,462],{},"了解更多关于 布局 的使用",[130,464,466],{"id":465},"页面pages","页面（Pages）",[126,468,469,470,473,474,477],{},"页面代表每个路由的视图。",[138,471,472],{},"src\u002Fpages\u002F"," 目录中的每个 ",[138,475,476],{},"Vue"," 文件都代表一个不同的路由，Oiyo 会自动注册这些路由，支持多层文件夹。",[143,479,481],{"className":145,"code":480,"filename":398,"language":148,"meta":149,"style":149},"\u003Ctemplate>\n  \u003Cview>\n    \u003Ctext>没错！这儿就是主页\u003C\u002Ftext>\n  \u003C\u002Fview>\n\u003C\u002Ftemplate>\n",[138,482,483,491,499,516,524],{"__ignoreMap":149},[153,484,485,487,489],{"class":155,"line":156},[153,486,160],{"class":159},[153,488,164],{"class":163},[153,490,167],{"class":159},[153,492,493,495,497],{"class":155,"line":170},[153,494,173],{"class":159},[153,496,176],{"class":163},[153,498,167],{"class":159},[153,500,501,503,505,507,510,512,514],{"class":155,"line":181},[153,502,184],{"class":159},[153,504,187],{"class":163},[153,506,190],{"class":159},[153,508,509],{"class":193},"没错！这儿就是主页",[153,511,197],{"class":159},[153,513,187],{"class":163},[153,515,167],{"class":159},[153,517,518,520,522],{"class":155,"line":204},[153,519,218],{"class":159},[153,521,176],{"class":163},[153,523,167],{"class":159},[153,525,526,528,530],{"class":155,"line":215},[153,527,197],{"class":159},[153,529,164],{"class":163},[153,531,167],{"class":159},[233,533,534],{"color":235,"icon":236,"to":34},[126,535,536],{},"了解更多关于 路由 的信息",[538,539,540],"style",{},"html pre.shiki code .sDfIl, html code.shiki .sDfIl{--shiki-light:#39ADB5;--shiki-default:#39ADB5;--shiki-dark:#89DDFF}html pre.shiki code .sRlkE, html code.shiki .sRlkE{--shiki-light:#E53935;--shiki-default:#E53935;--shiki-dark:#F07178}html pre.shiki code .sZSNi, html code.shiki .sZSNi{--shiki-light:#90A4AE;--shiki-default:#90A4AE;--shiki-dark:#BABED8}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);}",{"title":149,"searchDepth":170,"depth":170,"links":542},[543,544,545],{"id":132,"depth":170,"text":133},{"id":243,"depth":170,"text":244},{"id":465,"depth":170,"text":466},"App\u002FLayouts\u002FPage 三者设定与关系","md",{},{"icon":31},{"title":28,"description":546},"sFPZwYe56N3a_08WxuH5sBWpp6AeqYPtSYW8ehd5SYM",[553,555],{"title":23,"path":24,"stem":25,"description":554,"icon":26,"children":-1},"Oiyo 配置内部已设定了合理的默认配置，开箱即用",{"title":33,"path":34,"stem":35,"description":556,"icon":36,"children":-1},"基于文件系统的路由视图层",1776418890675]