[{"data":1,"prerenderedAt":3864},["ShallowReactive",2],{"navigation":3,"-docs-guide-directory-structure-pages-":1107,"-docs-guide-directory-structure-pages--surround":3863},[4,1018],{"title":5,"titleTemplate":6,"icon":7,"path":8,"stem":9,"children":10,"page":108},"Docs",null,"i-lucide-bookmark","/docs","docs",[11,109,345,805,897,934,976],{"title":12,"titleTemplate":13,"icon":14,"path":15,"stem":16,"children":17,"page":108},"Get Started","%s · Get Started with Nuxt","i-lucide-rocket","/docs/getting-started","docs/1.getting-started",[18,23,28,33,38,43,48,53,58,63,68,73,78,83,88,93,98,103],{"title":19,"path":20,"stem":21,"titleTemplate":6,"icon":22},"Introduction","/docs/getting-started/introduction","docs/1.getting-started/01.introduction","i-lucide-info",{"title":24,"path":25,"stem":26,"titleTemplate":6,"icon":27},"Installation","/docs/getting-started/installation","docs/1.getting-started/02.installation","i-lucide-play",{"title":29,"path":30,"stem":31,"titleTemplate":6,"icon":32},"Configuration","/docs/getting-started/configuration","docs/1.getting-started/03.configuration","i-lucide-cog",{"title":34,"path":35,"stem":36,"titleTemplate":6,"icon":37},"Views","/docs/getting-started/views","docs/1.getting-started/04.views","i-lucide-panels-top-left",{"title":39,"path":40,"stem":41,"titleTemplate":6,"icon":42},"Assets","/docs/getting-started/assets","docs/1.getting-started/05.assets","i-lucide-image",{"title":44,"path":45,"stem":46,"titleTemplate":6,"icon":47},"Styling","/docs/getting-started/styling","docs/1.getting-started/06.styling","i-lucide-palette",{"title":49,"path":50,"stem":51,"titleTemplate":6,"icon":52},"Routing","/docs/getting-started/routing","docs/1.getting-started/07.routing","i-lucide-milestone",{"title":54,"path":55,"stem":56,"titleTemplate":6,"icon":57},"SEO and Meta","/docs/getting-started/seo-meta","docs/1.getting-started/08.seo-meta","i-lucide-file-search",{"title":59,"path":60,"stem":61,"titleTemplate":6,"icon":62},"Transitions","/docs/getting-started/transitions","docs/1.getting-started/09.transitions","i-lucide-toggle-right",{"title":64,"path":65,"stem":66,"titleTemplate":6,"icon":67},"Data Fetching","/docs/getting-started/data-fetching","docs/1.getting-started/10.data-fetching","i-lucide-cable",{"title":69,"path":70,"stem":71,"titleTemplate":6,"icon":72},"State Management","/docs/getting-started/state-management","docs/1.getting-started/11.state-management","i-lucide-database",{"title":74,"path":75,"stem":76,"titleTemplate":6,"icon":77},"Error Handling","/docs/getting-started/error-handling","docs/1.getting-started/12.error-handling","i-lucide-bug-off",{"title":79,"path":80,"stem":81,"titleTemplate":6,"icon":82},"Server","/docs/getting-started/server","docs/1.getting-started/13.server","i-lucide-pc-case",{"title":84,"path":85,"stem":86,"titleTemplate":6,"icon":87},"Layers","/docs/getting-started/layers","docs/1.getting-started/14.layers","i-lucide-layers",{"title":89,"path":90,"stem":91,"titleTemplate":6,"icon":92},"Prerendering","/docs/getting-started/prerendering","docs/1.getting-started/15.prerendering","i-lucide-file-code-2",{"title":94,"path":95,"stem":96,"titleTemplate":6,"icon":97},"Deployment","/docs/getting-started/deployment","docs/1.getting-started/16.deployment","i-lucide-cloud",{"title":99,"path":100,"stem":101,"titleTemplate":6,"icon":102},"Testing","/docs/getting-started/testing","docs/1.getting-started/17.testing","i-lucide-circle-check",{"title":104,"path":105,"stem":106,"titleTemplate":6,"icon":107},"Upgrade Guide","/docs/getting-started/upgrade","docs/1.getting-started/18.upgrade","i-lucide-circle-arrow-up",false,{"title":110,"titleTemplate":6,"icon":111,"path":112,"stem":113,"children":114,"page":108},"Guide","i-lucide-book-open","/docs/guide","docs/2.guide",[115,158,271,322],{"title":116,"titleTemplate":117,"icon":118,"path":119,"stem":120,"children":121,"page":108},"Key Concepts","%s · Nuxt Concepts","i-lucide-medal","/docs/guide/concepts","docs/2.guide/1.concepts",[122,126,130,134,138,142,146,150,154],{"title":123,"path":124,"stem":125,"titleTemplate":6},"Auto-imports","/docs/guide/concepts/auto-imports","docs/2.guide/1.concepts/1.auto-imports",{"title":127,"path":128,"stem":129,"titleTemplate":6},"Nuxt Lifecycle","/docs/guide/concepts/nuxt-lifecycle","docs/2.guide/1.concepts/10.nuxt-lifecycle",{"title":131,"path":132,"stem":133,"titleTemplate":6},"Vue.js Development","/docs/guide/concepts/vuejs-development","docs/2.guide/1.concepts/2.vuejs-development",{"title":135,"path":136,"stem":137,"titleTemplate":6},"Rendering Modes","/docs/guide/concepts/rendering","docs/2.guide/1.concepts/3.rendering",{"title":139,"path":140,"stem":141,"titleTemplate":6},"Server Engine","/docs/guide/concepts/server-engine","docs/2.guide/1.concepts/4.server-engine",{"title":143,"path":144,"stem":145,"titleTemplate":6},"Modules","/docs/guide/concepts/modules","docs/2.guide/1.concepts/5.modules",{"title":147,"path":148,"stem":149,"titleTemplate":6},"ES Modules","/docs/guide/concepts/esm","docs/2.guide/1.concepts/7.esm",{"title":151,"path":152,"stem":153,"titleTemplate":6},"TypeScript","/docs/guide/concepts/typescript","docs/2.guide/1.concepts/8.typescript",{"title":155,"path":156,"stem":157,"titleTemplate":6},"Code Style","/docs/guide/concepts/code-style","docs/2.guide/1.concepts/9.code-style",{"title":159,"titleTemplate":160,"icon":161,"path":162,"stem":163,"children":164,"page":108},"Directory Structure","%s · Nuxt Directory Structure","i-lucide-folders","/docs/guide/directory-structure","docs/2.guide/2.directory-structure",[165,170,174,178,182,186,190,194,198,202,206,210,214,218,222,226,230,235,239,243,247,251,255,259,263,267],{"title":166,"path":167,"stem":168,"titleTemplate":6,"icon":169},".nuxt","/docs/guide/directory-structure/nuxt","docs/2.guide/2.directory-structure/0.nuxt","i-lucide-folder",{"title":171,"path":172,"stem":173,"titleTemplate":6,"icon":169},".output","/docs/guide/directory-structure/output","docs/2.guide/2.directory-structure/0.output",{"title":175,"path":176,"stem":177,"titleTemplate":6,"icon":169},"assets","/docs/guide/directory-structure/assets","docs/2.guide/2.directory-structure/1.assets",{"title":179,"path":180,"stem":181,"titleTemplate":6,"icon":169},"components","/docs/guide/directory-structure/components","docs/2.guide/2.directory-structure/1.components",{"title":183,"path":184,"stem":185,"titleTemplate":6,"icon":169},"composables","/docs/guide/directory-structure/composables","docs/2.guide/2.directory-structure/1.composables",{"title":187,"path":188,"stem":189,"titleTemplate":6,"icon":169},"content","/docs/guide/directory-structure/content","docs/2.guide/2.directory-structure/1.content",{"title":191,"path":192,"stem":193,"titleTemplate":6,"icon":169},"layouts","/docs/guide/directory-structure/layouts","docs/2.guide/2.directory-structure/1.layouts",{"title":195,"path":196,"stem":197,"titleTemplate":6,"icon":169},"middleware","/docs/guide/directory-structure/middleware","docs/2.guide/2.directory-structure/1.middleware",{"title":199,"path":200,"stem":201,"titleTemplate":6,"icon":169},"modules","/docs/guide/directory-structure/modules","docs/2.guide/2.directory-structure/1.modules",{"title":203,"path":204,"stem":205,"titleTemplate":6,"icon":169},"node_modules","/docs/guide/directory-structure/node_modules","docs/2.guide/2.directory-structure/1.node_modules",{"title":207,"path":208,"stem":209,"titleTemplate":6,"icon":169},"pages","/docs/guide/directory-structure/pages","docs/2.guide/2.directory-structure/1.pages",{"title":211,"path":212,"stem":213,"titleTemplate":6,"icon":169},"plugins","/docs/guide/directory-structure/plugins","docs/2.guide/2.directory-structure/1.plugins",{"title":215,"path":216,"stem":217,"titleTemplate":6,"icon":169},"public","/docs/guide/directory-structure/public","docs/2.guide/2.directory-structure/1.public",{"title":219,"path":220,"stem":221,"titleTemplate":6,"icon":169},"server","/docs/guide/directory-structure/server","docs/2.guide/2.directory-structure/1.server",{"title":223,"path":224,"stem":225,"titleTemplate":6,"icon":169},"shared","/docs/guide/directory-structure/shared","docs/2.guide/2.directory-structure/1.shared",{"title":227,"path":228,"stem":229,"titleTemplate":6,"icon":169},"utils","/docs/guide/directory-structure/utils","docs/2.guide/2.directory-structure/1.utils",{"title":231,"path":232,"stem":233,"titleTemplate":6,"icon":234},".env","/docs/guide/directory-structure/env","docs/2.guide/2.directory-structure/2.env","i-lucide-file",{"title":236,"path":237,"stem":238,"titleTemplate":6,"icon":234},".gitignore","/docs/guide/directory-structure/gitignore","docs/2.guide/2.directory-structure/2.gitignore",{"title":240,"path":241,"stem":242,"titleTemplate":6,"icon":234},".nuxtignore","/docs/guide/directory-structure/nuxtignore","docs/2.guide/2.directory-structure/2.nuxtignore",{"title":244,"path":245,"stem":246,"titleTemplate":6,"icon":234},".nuxtrc","/docs/guide/directory-structure/nuxtrc","docs/2.guide/2.directory-structure/2.nuxtrc",{"title":248,"path":249,"stem":250,"titleTemplate":6,"icon":234},"app.vue","/docs/guide/directory-structure/app","docs/2.guide/2.directory-structure/3.app",{"title":252,"path":253,"stem":254,"titleTemplate":6,"icon":234},"app.config.ts","/docs/guide/directory-structure/app-config","docs/2.guide/2.directory-structure/3.app-config",{"title":256,"path":257,"stem":258,"titleTemplate":6,"icon":234},"error.vue","/docs/guide/directory-structure/error","docs/2.guide/2.directory-structure/3.error",{"title":260,"path":261,"stem":262,"titleTemplate":6,"icon":234},"nuxt.config.ts","/docs/guide/directory-structure/nuxt-config","docs/2.guide/2.directory-structure/3.nuxt-config",{"title":264,"path":265,"stem":266,"titleTemplate":6,"icon":234},"package.json","/docs/guide/directory-structure/package","docs/2.guide/2.directory-structure/3.package",{"title":268,"path":269,"stem":270,"titleTemplate":6,"icon":234},"tsconfig.json","/docs/guide/directory-structure/tsconfig","docs/2.guide/2.directory-structure/3.tsconfig",{"title":272,"titleTemplate":273,"icon":274,"path":275,"stem":276,"children":277,"page":108},"Going Further","%s · Nuxt Advanced","i-lucide-star","/docs/guide/going-further","docs/2.guide/3.going-further",[278,282,286,290,294,298,302,306,310,314,318],{"title":279,"path":280,"stem":281,"titleTemplate":6},"Experimental Features","/docs/guide/going-further/experimental-features","docs/2.guide/3.going-further/1.experimental-features",{"title":283,"path":284,"stem":285,"titleTemplate":6},"Features","/docs/guide/going-further/features","docs/2.guide/3.going-further/1.features",{"title":287,"path":288,"stem":289,"titleTemplate":6},"How Nuxt Works?","/docs/guide/going-further/internals","docs/2.guide/3.going-further/1.internals",{"title":291,"path":292,"stem":293,"titleTemplate":6},"Runtime Config","/docs/guide/going-further/runtime-config","docs/2.guide/3.going-further/10.runtime-config",{"title":295,"path":296,"stem":297,"titleTemplate":6},"Nightly Release Channel","/docs/guide/going-further/nightly-release-channel","docs/2.guide/3.going-further/11.nightly-release-channel",{"title":299,"path":300,"stem":301,"titleTemplate":6},"Lifecycle Hooks","/docs/guide/going-further/hooks","docs/2.guide/3.going-further/2.hooks",{"title":303,"path":304,"stem":305,"titleTemplate":6},"Module Author Guide","/docs/guide/going-further/modules","docs/2.guide/3.going-further/3.modules",{"title":307,"path":308,"stem":309,"titleTemplate":6},"Nuxt Kit","/docs/guide/going-further/kit","docs/2.guide/3.going-further/4.kit",{"title":311,"path":312,"stem":313,"titleTemplate":6},"NuxtApp","/docs/guide/going-further/nuxt-app","docs/2.guide/3.going-further/6.nuxt-app",{"title":315,"path":316,"stem":317,"titleTemplate":6},"Authoring Nuxt Layers","/docs/guide/going-further/layers","docs/2.guide/3.going-further/7.layers",{"title":319,"path":320,"stem":321,"titleTemplate":6},"Debugging","/docs/guide/going-further/debugging","docs/2.guide/3.going-further/9.debugging",{"title":323,"titleTemplate":324,"icon":325,"path":326,"stem":327,"children":328,"page":108},"Recipes","%s · Recipes","i-lucide-cooking-pot","/docs/guide/recipes","docs/2.guide/4.recipes",[329,333,337,341],{"title":330,"path":331,"stem":332,"titleTemplate":6},"Custom Routing","/docs/guide/recipes/custom-routing","docs/2.guide/4.recipes/1.custom-routing",{"title":334,"path":335,"stem":336,"titleTemplate":6},"Vite Plugins","/docs/guide/recipes/vite-plugin","docs/2.guide/4.recipes/2.vite-plugin",{"title":338,"path":339,"stem":340,"titleTemplate":6},"Custom useFetch","/docs/guide/recipes/custom-usefetch","docs/2.guide/4.recipes/3.custom-usefetch",{"title":342,"path":343,"stem":344,"titleTemplate":6},"Sessions and Authentication","/docs/guide/recipes/sessions-and-authentication","docs/2.guide/4.recipes/4.sessions-and-authentication",{"title":346,"titleTemplate":347,"icon":348,"path":349,"stem":350,"children":351,"page":108},"API","%s · Nuxt API","i-lucide-code-xml","/docs/api","docs/3.api",[352,416,539,654,721,787,800],{"title":353,"titleTemplate":354,"icon":355,"path":356,"stem":357,"children":358,"page":108},"Components","%s · Nuxt Components","i-lucide-box","/docs/api/components","docs/3.api/1.components",[359,363,367,371,375,379,384,388,392,396,400,404,408,412],{"title":360,"path":361,"stem":362,"titleTemplate":6},"\u003CClientOnly>","/docs/api/components/client-only","docs/3.api/1.components/1.client-only",{"title":364,"path":365,"stem":366,"titleTemplate":6},"\u003CDevOnly>","/docs/api/components/dev-only","docs/3.api/1.components/1.dev-only",{"title":368,"path":369,"stem":370,"titleTemplate":6},"\u003CNuxtClientFallback>","/docs/api/components/nuxt-client-fallback","docs/3.api/1.components/1.nuxt-client-fallback",{"title":372,"path":373,"stem":374,"titleTemplate":6},"\u003CNuxtPicture>","/docs/api/components/nuxt-picture","docs/3.api/1.components/10.nuxt-picture",{"title":376,"path":377,"stem":378,"titleTemplate":6},"\u003CTeleport>","/docs/api/components/teleports","docs/3.api/1.components/11.teleports",{"title":380,"path":381,"stem":382,"titleTemplate":6,"badge":383},"\u003CNuxtRouteAnnouncer>","/docs/api/components/nuxt-route-announcer","docs/3.api/1.components/12.nuxt-route-announcer","New",{"title":385,"path":386,"stem":387,"titleTemplate":6},"\u003CNuxtPage>","/docs/api/components/nuxt-page","docs/3.api/1.components/2.nuxt-page",{"title":389,"path":390,"stem":391,"titleTemplate":6},"\u003CNuxtLayout>","/docs/api/components/nuxt-layout","docs/3.api/1.components/3.nuxt-layout",{"title":393,"path":394,"stem":395,"titleTemplate":6},"\u003CNuxtLink>","/docs/api/components/nuxt-link","docs/3.api/1.components/4.nuxt-link",{"title":397,"path":398,"stem":399,"titleTemplate":6},"\u003CNuxtLoadingIndicator>","/docs/api/components/nuxt-loading-indicator","docs/3.api/1.components/5.nuxt-loading-indicator",{"title":401,"path":402,"stem":403,"titleTemplate":6},"\u003CNuxtErrorBoundary>","/docs/api/components/nuxt-error-boundary","docs/3.api/1.components/6.nuxt-error-boundary",{"title":405,"path":406,"stem":407,"titleTemplate":6},"\u003CNuxtWelcome>","/docs/api/components/nuxt-welcome","docs/3.api/1.components/7.nuxt-welcome",{"title":409,"path":410,"stem":411,"titleTemplate":6},"\u003CNuxtIsland>","/docs/api/components/nuxt-island","docs/3.api/1.components/8.nuxt-island",{"title":413,"path":414,"stem":415,"titleTemplate":6},"\u003CNuxtImg>","/docs/api/components/nuxt-img","docs/3.api/1.components/9.nuxt-img",{"title":417,"titleTemplate":418,"icon":419,"path":420,"stem":421,"children":422,"page":108},"Composables","%s · Nuxt Composables","i-lucide-arrow-left-right","/docs/api/composables","docs/3.api/2.composables",[423,427,431,435,439,443,447,451,455,459,463,467,471,475,479,483,487,491,495,499,503,507,511,515,519,523,527,531,535],{"title":424,"path":425,"stem":426,"titleTemplate":6},"onPrehydrate","/docs/api/composables/on-prehydrate","docs/3.api/2.composables/on-prehydrate",{"title":428,"path":429,"stem":430,"titleTemplate":6},"useAppConfig","/docs/api/composables/use-app-config","docs/3.api/2.composables/use-app-config",{"title":432,"path":433,"stem":434,"titleTemplate":6},"useAsyncData","/docs/api/composables/use-async-data","docs/3.api/2.composables/use-async-data",{"title":436,"path":437,"stem":438,"titleTemplate":6},"useCookie","/docs/api/composables/use-cookie","docs/3.api/2.composables/use-cookie",{"title":440,"path":441,"stem":442,"titleTemplate":6},"useError","/docs/api/composables/use-error","docs/3.api/2.composables/use-error",{"title":444,"path":445,"stem":446,"titleTemplate":6},"useFetch","/docs/api/composables/use-fetch","docs/3.api/2.composables/use-fetch",{"title":448,"path":449,"stem":450,"titleTemplate":6},"useHead","/docs/api/composables/use-head","docs/3.api/2.composables/use-head",{"title":452,"path":453,"stem":454,"titleTemplate":6},"useHeadSafe","/docs/api/composables/use-head-safe","docs/3.api/2.composables/use-head-safe",{"title":456,"path":457,"stem":458,"titleTemplate":6},"useHydration","/docs/api/composables/use-hydration","docs/3.api/2.composables/use-hydration",{"title":460,"path":461,"stem":462,"titleTemplate":6},"useLazyAsyncData","/docs/api/composables/use-lazy-async-data","docs/3.api/2.composables/use-lazy-async-data",{"title":464,"path":465,"stem":466,"titleTemplate":6},"useLazyFetch","/docs/api/composables/use-lazy-fetch","docs/3.api/2.composables/use-lazy-fetch",{"title":468,"path":469,"stem":470,"titleTemplate":6},"useLoadingIndicator","/docs/api/composables/use-loading-indicator","docs/3.api/2.composables/use-loading-indicator",{"title":472,"path":473,"stem":474,"titleTemplate":6},"useNuxtApp","/docs/api/composables/use-nuxt-app","docs/3.api/2.composables/use-nuxt-app",{"title":476,"path":477,"stem":478,"titleTemplate":6},"useNuxtData","/docs/api/composables/use-nuxt-data","docs/3.api/2.composables/use-nuxt-data",{"title":480,"path":481,"stem":482,"titleTemplate":6},"usePreviewMode","/docs/api/composables/use-preview-mode","docs/3.api/2.composables/use-preview-mode",{"title":484,"path":485,"stem":486,"titleTemplate":6},"useRequestEvent","/docs/api/composables/use-request-event","docs/3.api/2.composables/use-request-event",{"title":488,"path":489,"stem":490,"titleTemplate":6},"useRequestFetch","/docs/api/composables/use-request-fetch","docs/3.api/2.composables/use-request-fetch",{"title":492,"path":493,"stem":494,"titleTemplate":6},"useRequestHeader","/docs/api/composables/use-request-header","docs/3.api/2.composables/use-request-header",{"title":496,"path":497,"stem":498,"titleTemplate":6},"useRequestHeaders","/docs/api/composables/use-request-headers","docs/3.api/2.composables/use-request-headers",{"title":500,"path":501,"stem":502,"titleTemplate":6},"useRequestURL","/docs/api/composables/use-request-url","docs/3.api/2.composables/use-request-url",{"title":504,"path":505,"stem":506,"titleTemplate":6},"useResponseHeader","/docs/api/composables/use-response-header","docs/3.api/2.composables/use-response-header",{"title":508,"path":509,"stem":510,"titleTemplate":6},"useRoute","/docs/api/composables/use-route","docs/3.api/2.composables/use-route",{"title":512,"path":513,"stem":514,"titleTemplate":6,"badge":383},"useRouteAnnouncer","/docs/api/composables/use-route-announcer","docs/3.api/2.composables/use-route-announcer",{"title":516,"path":517,"stem":518,"titleTemplate":6},"useRouter","/docs/api/composables/use-router","docs/3.api/2.composables/use-router",{"title":520,"path":521,"stem":522,"titleTemplate":6},"useRuntimeConfig","/docs/api/composables/use-runtime-config","docs/3.api/2.composables/use-runtime-config",{"title":524,"path":525,"stem":526,"titleTemplate":6},"useRuntimeHook","/docs/api/composables/use-runtime-hook","docs/3.api/2.composables/use-runtime-hook",{"title":528,"path":529,"stem":530,"titleTemplate":6},"useSeoMeta","/docs/api/composables/use-seo-meta","docs/3.api/2.composables/use-seo-meta",{"title":532,"path":533,"stem":534,"titleTemplate":6},"useServerSeoMeta","/docs/api/composables/use-server-seo-meta","docs/3.api/2.composables/use-server-seo-meta",{"title":536,"path":537,"stem":538,"titleTemplate":6},"useState","/docs/api/composables/use-state","docs/3.api/2.composables/use-state",{"title":540,"titleTemplate":541,"icon":542,"path":543,"stem":544,"children":545,"page":108},"Utils","%s · Nuxt Utils","i-lucide-square-function","/docs/api/utils","docs/3.api/3.utils",[546,550,554,558,562,566,570,574,578,582,586,590,594,598,602,606,610,614,618,622,626,630,634,638,642,646,650],{"title":547,"path":548,"stem":549,"titleTemplate":6},"$fetch","/docs/api/utils/dollarfetch","docs/3.api/3.utils/$fetch",{"title":551,"path":552,"stem":553,"titleTemplate":6},"abortNavigation","/docs/api/utils/abort-navigation","docs/3.api/3.utils/abort-navigation",{"title":555,"path":556,"stem":557,"titleTemplate":6},"addRouteMiddleware","/docs/api/utils/add-route-middleware","docs/3.api/3.utils/add-route-middleware",{"title":559,"path":560,"stem":561,"titleTemplate":6,"badge":383},"callOnce","/docs/api/utils/call-once","docs/3.api/3.utils/call-once",{"title":563,"path":564,"stem":565,"titleTemplate":6},"clearError","/docs/api/utils/clear-error","docs/3.api/3.utils/clear-error",{"title":567,"path":568,"stem":569,"titleTemplate":6},"clearNuxtData","/docs/api/utils/clear-nuxt-data","docs/3.api/3.utils/clear-nuxt-data",{"title":571,"path":572,"stem":573,"titleTemplate":6},"clearNuxtState","/docs/api/utils/clear-nuxt-state","docs/3.api/3.utils/clear-nuxt-state",{"title":575,"path":576,"stem":577,"titleTemplate":6},"createError","/docs/api/utils/create-error","docs/3.api/3.utils/create-error",{"title":579,"path":580,"stem":581,"titleTemplate":6},"defineNuxtComponent","/docs/api/utils/define-nuxt-component","docs/3.api/3.utils/define-nuxt-component",{"title":583,"path":584,"stem":585,"titleTemplate":6},"defineNuxtRouteMiddleware","/docs/api/utils/define-nuxt-route-middleware","docs/3.api/3.utils/define-nuxt-route-middleware",{"title":587,"path":588,"stem":589,"titleTemplate":6},"definePageMeta","/docs/api/utils/define-page-meta","docs/3.api/3.utils/define-page-meta",{"title":591,"path":592,"stem":593,"titleTemplate":6},"defineRouteRules","/docs/api/utils/define-route-rules","docs/3.api/3.utils/define-route-rules",{"title":595,"path":596,"stem":597,"titleTemplate":6},"navigateTo","/docs/api/utils/navigate-to","docs/3.api/3.utils/navigate-to",{"title":599,"path":600,"stem":601,"titleTemplate":6},"onBeforeRouteLeave","/docs/api/utils/on-before-route-leave","docs/3.api/3.utils/on-before-route-leave",{"title":603,"path":604,"stem":605,"titleTemplate":6},"onBeforeRouteUpdate","/docs/api/utils/on-before-route-update","docs/3.api/3.utils/on-before-route-update",{"title":607,"path":608,"stem":609,"titleTemplate":6},"onNuxtReady","/docs/api/utils/on-nuxt-ready","docs/3.api/3.utils/on-nuxt-ready",{"title":611,"path":612,"stem":613,"titleTemplate":6},"prefetchComponents","/docs/api/utils/prefetch-components","docs/3.api/3.utils/prefetch-components",{"title":615,"path":616,"stem":617,"titleTemplate":6},"preloadComponents","/docs/api/utils/preload-components","docs/3.api/3.utils/preload-components",{"title":619,"path":620,"stem":621,"titleTemplate":6},"preloadRouteComponents","/docs/api/utils/preload-route-components","docs/3.api/3.utils/preload-route-components",{"title":623,"path":624,"stem":625,"titleTemplate":6},"prerenderRoutes","/docs/api/utils/prerender-routes","docs/3.api/3.utils/prerender-routes",{"title":627,"path":628,"stem":629,"titleTemplate":6,"badge":383},"refreshCookie","/docs/api/utils/refresh-cookie","docs/3.api/3.utils/refresh-cookie",{"title":631,"path":632,"stem":633,"titleTemplate":6},"refreshNuxtData","/docs/api/utils/refresh-nuxt-data","docs/3.api/3.utils/refresh-nuxt-data",{"title":635,"path":636,"stem":637,"titleTemplate":6},"reloadNuxtApp","/docs/api/utils/reload-nuxt-app","docs/3.api/3.utils/reload-nuxt-app",{"title":639,"path":640,"stem":641,"titleTemplate":6},"setPageLayout","/docs/api/utils/set-page-layout","docs/3.api/3.utils/set-page-layout",{"title":643,"path":644,"stem":645,"titleTemplate":6},"setResponseStatus","/docs/api/utils/set-response-status","docs/3.api/3.utils/set-response-status",{"title":647,"path":648,"stem":649,"titleTemplate":6},"showError","/docs/api/utils/show-error","docs/3.api/3.utils/show-error",{"title":651,"path":652,"stem":653,"titleTemplate":6},"updateAppConfig","/docs/api/utils/update-app-config","docs/3.api/3.utils/update-app-config",{"title":655,"titleTemplate":656,"icon":657,"path":658,"stem":659,"children":660,"page":108},"Commands","%s · Nuxt Commands","i-lucide-square-terminal","/docs/api/commands","docs/3.api/4.commands",[661,665,669,673,677,681,685,689,693,697,701,705,709,713,717],{"title":662,"path":663,"stem":664,"titleTemplate":6},"nuxi add","/docs/api/commands/add","docs/3.api/4.commands/add",{"title":666,"path":667,"stem":668,"titleTemplate":6},"nuxi analyze","/docs/api/commands/analyze","docs/3.api/4.commands/analyze",{"title":670,"path":671,"stem":672,"titleTemplate":6},"nuxi build","/docs/api/commands/build","docs/3.api/4.commands/build",{"title":674,"path":675,"stem":676,"titleTemplate":6},"nuxi build-module","/docs/api/commands/build-module","docs/3.api/4.commands/build-module",{"title":678,"path":679,"stem":680,"titleTemplate":6},"nuxi cleanup","/docs/api/commands/cleanup","docs/3.api/4.commands/cleanup",{"title":682,"path":683,"stem":684,"titleTemplate":6},"nuxi dev","/docs/api/commands/dev","docs/3.api/4.commands/dev",{"title":686,"path":687,"stem":688,"titleTemplate":6},"nuxi devtools","/docs/api/commands/devtools","docs/3.api/4.commands/devtools",{"title":690,"path":691,"stem":692,"titleTemplate":6},"nuxi generate","/docs/api/commands/generate","docs/3.api/4.commands/generate",{"title":694,"path":695,"stem":696,"titleTemplate":6},"nuxi info","/docs/api/commands/info","docs/3.api/4.commands/info",{"title":698,"path":699,"stem":700,"titleTemplate":6},"nuxi init","/docs/api/commands/init","docs/3.api/4.commands/init",{"title":702,"path":703,"stem":704,"titleTemplate":6},"nuxi module","/docs/api/commands/module","docs/3.api/4.commands/module",{"title":706,"path":707,"stem":708,"titleTemplate":6},"nuxi prepare","/docs/api/commands/prepare","docs/3.api/4.commands/prepare",{"title":710,"path":711,"stem":712,"titleTemplate":6},"nuxi preview","/docs/api/commands/preview","docs/3.api/4.commands/preview",{"title":714,"path":715,"stem":716,"titleTemplate":6},"nuxi typecheck","/docs/api/commands/typecheck","docs/3.api/4.commands/typecheck",{"title":718,"path":719,"stem":720,"titleTemplate":6},"nuxi upgrade","/docs/api/commands/upgrade","docs/3.api/4.commands/upgrade",{"title":307,"titleTemplate":722,"icon":723,"path":724,"stem":725,"children":726,"page":108},"%s · Nuxt Kit","i-lucide-package","/docs/api/kit","docs/3.api/5.kit",[727,730,733,737,741,745,749,753,757,761,765,768,771,775,779,783],{"title":143,"path":728,"stem":729,"titleTemplate":6},"/docs/api/kit/modules","docs/3.api/5.kit/1.modules",{"title":291,"path":731,"stem":732,"titleTemplate":6},"/docs/api/kit/runtime-config","docs/3.api/5.kit/10.runtime-config",{"title":734,"path":735,"stem":736,"titleTemplate":6},"Templates","/docs/api/kit/templates","docs/3.api/5.kit/10.templates",{"title":738,"path":739,"stem":740,"titleTemplate":6},"Nitro","/docs/api/kit/nitro","docs/3.api/5.kit/11.nitro",{"title":742,"path":743,"stem":744,"titleTemplate":6},"Resolving","/docs/api/kit/resolving","docs/3.api/5.kit/12.resolving",{"title":746,"path":747,"stem":748,"titleTemplate":6},"Logging","/docs/api/kit/logging","docs/3.api/5.kit/13.logging",{"title":750,"path":751,"stem":752,"titleTemplate":6},"Builder","/docs/api/kit/builder","docs/3.api/5.kit/14.builder",{"title":754,"path":755,"stem":756,"titleTemplate":6},"Examples","/docs/api/kit/examples","docs/3.api/5.kit/15.examples",{"title":758,"path":759,"stem":760,"titleTemplate":6},"Programmatic Usage","/docs/api/kit/programmatic","docs/3.api/5.kit/2.programmatic",{"title":762,"path":763,"stem":764,"titleTemplate":6},"Compatibility","/docs/api/kit/compatibility","docs/3.api/5.kit/3.compatibility",{"title":123,"path":766,"stem":767,"titleTemplate":6},"/docs/api/kit/autoimports","docs/3.api/5.kit/4.autoimports",{"title":353,"path":769,"stem":770,"titleTemplate":6},"/docs/api/kit/components","docs/3.api/5.kit/5.components",{"title":772,"path":773,"stem":774,"titleTemplate":6},"Context","/docs/api/kit/context","docs/3.api/5.kit/6.context",{"title":776,"path":777,"stem":778,"titleTemplate":6},"Pages","/docs/api/kit/pages","docs/3.api/5.kit/7.pages",{"title":780,"path":781,"stem":782,"titleTemplate":6},"Layout","/docs/api/kit/layout","docs/3.api/5.kit/8.layout",{"title":784,"path":785,"stem":786,"titleTemplate":6},"Plugins","/docs/api/kit/plugins","docs/3.api/5.kit/9.plugins",{"title":788,"titleTemplate":6,"icon":789,"path":790,"stem":791,"children":792,"page":108},"Advanced","i-lucide-brain","/docs/api/advanced","docs/3.api/6.advanced",[793,796],{"title":299,"path":794,"stem":795,"titleTemplate":6},"/docs/api/advanced/hooks","docs/3.api/6.advanced/1.hooks",{"title":797,"path":798,"stem":799,"titleTemplate":6},"Import meta","/docs/api/advanced/import-meta","docs/3.api/6.advanced/2.import-meta",{"title":801,"path":802,"stem":803,"titleTemplate":804,"icon":32},"Nuxt Configuration","/docs/api/nuxt-config","docs/3.api/6.nuxt-config","%s",{"title":754,"titleTemplate":806,"icon":807,"path":808,"stem":809,"children":810,"page":108},"%s · Nuxt Examples","i-lucide-app-window-mac","/docs/examples","docs/4.examples",[811,815,837,852,888],{"title":812,"path":813,"stem":814,"titleTemplate":6},"Hello World","/docs/examples/hello-world","docs/4.examples/0.hello-world",{"title":283,"path":816,"stem":817,"children":818,"page":108},"/docs/examples/features","docs/4.examples/1.features",[819,823,826,829,833],{"title":820,"path":821,"stem":822,"titleTemplate":6},"Auto Imports","/docs/examples/features/auto-imports","docs/4.examples/1.features/1.auto-imports",{"title":64,"path":824,"stem":825,"titleTemplate":6},"/docs/examples/features/data-fetching","docs/4.examples/1.features/2.data-fetching",{"title":69,"path":827,"stem":828,"titleTemplate":6},"/docs/examples/features/state-management","docs/4.examples/1.features/3.state-management",{"title":830,"path":831,"stem":832,"titleTemplate":6},"Meta Tags","/docs/examples/features/meta-tags","docs/4.examples/1.features/4.meta-tags",{"title":834,"path":835,"stem":836,"titleTemplate":6},"Layouts","/docs/examples/features/layouts","docs/4.examples/1.features/5.layouts",{"title":49,"path":838,"stem":839,"children":840,"page":108},"/docs/examples/routing","docs/4.examples/2.routing",[841,845,848],{"title":842,"path":843,"stem":844,"titleTemplate":6},"Middleware","/docs/examples/routing/middleware","docs/4.examples/2.routing/middleware",{"title":776,"path":846,"stem":847,"titleTemplate":6},"/docs/examples/routing/pages","docs/4.examples/2.routing/pages",{"title":849,"path":850,"stem":851,"titleTemplate":6},"Universal Router","/docs/examples/routing/universal-router","docs/4.examples/2.routing/universal-router",{"title":788,"path":853,"stem":854,"children":855,"page":108},"/docs/examples/advanced","docs/4.examples/4.advanced",[856,859,862,866,870,874,878,881,884],{"title":84,"path":857,"stem":858,"titleTemplate":6},"/docs/examples/advanced/config-extends","docs/4.examples/4.advanced/config-extends",{"title":74,"path":860,"stem":861,"titleTemplate":6},"/docs/examples/advanced/error-handling","docs/4.examples/4.advanced/error-handling",{"title":863,"path":864,"stem":865,"titleTemplate":6},"JSX / TSX","/docs/examples/advanced/jsx","docs/4.examples/4.advanced/jsx",{"title":867,"path":868,"stem":869,"titleTemplate":6},"Locale","/docs/examples/advanced/locale","docs/4.examples/4.advanced/locale",{"title":871,"path":872,"stem":873,"titleTemplate":6},"Module Extend Pages","/docs/examples/advanced/module-extend-pages","docs/4.examples/4.advanced/module-extend-pages",{"title":875,"path":876,"stem":877,"titleTemplate":6},"Teleport","/docs/examples/advanced/teleport","docs/4.examples/4.advanced/teleport",{"title":99,"path":879,"stem":880,"titleTemplate":6},"/docs/examples/advanced/testing","docs/4.examples/4.advanced/testing",{"title":436,"path":882,"stem":883,"titleTemplate":6},"/docs/examples/advanced/use-cookie","docs/4.examples/4.advanced/use-cookie",{"title":885,"path":886,"stem":887,"titleTemplate":6},"Use Custom Fetch Composable","/docs/examples/advanced/use-custom-fetch-composable","docs/4.examples/4.advanced/use-custom-fetch-composable",{"title":889,"path":890,"stem":891,"children":892,"page":108},"Experimental","/docs/examples/experimental","docs/4.examples/7.experimental",[893],{"title":894,"path":895,"stem":896,"titleTemplate":6},"WASM","/docs/examples/experimental/wasm","docs/4.examples/7.experimental/wasm",{"title":898,"titleTemplate":899,"icon":900,"path":901,"stem":902,"children":903,"page":108},"Community","%s · Nuxt Community","i-lucide-messages-square","/docs/community","docs/5.community",[904,909,914,919,924,929],{"title":905,"path":906,"stem":907,"titleTemplate":6,"icon":908},"Getting Help","/docs/community/getting-help","docs/5.community/2.getting-help","i-lucide-life-buoy",{"title":910,"path":911,"stem":912,"titleTemplate":6,"icon":913},"Reporting Bugs","/docs/community/reporting-bugs","docs/5.community/3.reporting-bugs","i-lucide-bug",{"title":915,"path":916,"stem":917,"titleTemplate":6,"icon":918},"Contribution","/docs/community/contribution","docs/5.community/4.contribution","i-lucide-git-pull-request",{"title":920,"path":921,"stem":922,"titleTemplate":6,"icon":923},"Framework","/docs/community/framework-contribution","docs/5.community/5.framework-contribution","i-lucide-github",{"title":925,"path":926,"stem":927,"titleTemplate":6,"icon":928},"Roadmap","/docs/community/roadmap","docs/5.community/6.roadmap","i-lucide-map",{"title":930,"path":931,"stem":932,"titleTemplate":6,"icon":933},"Releases","/docs/community/changelog","docs/5.community/7.changelog","i-lucide-bell-dot",{"title":935,"titleTemplate":936,"icon":937,"path":938,"stem":939,"children":940,"page":108},"Migrate to Nuxt Bridge","Migrate to Nuxt Bridge: %s","i-lucide-ship","/docs/bridge","docs/6.bridge",[941,945,948,951,955,959,963,966,969,972],{"title":942,"path":943,"stem":944,"titleTemplate":6},"Overview","/docs/bridge/overview","docs/6.bridge/1.overview",{"title":29,"path":946,"stem":947,"titleTemplate":6},"/docs/bridge/configuration","docs/6.bridge/10.configuration",{"title":151,"path":949,"stem":950,"titleTemplate":6},"/docs/bridge/typescript","docs/6.bridge/2.typescript",{"title":952,"path":953,"stem":954,"titleTemplate":6},"Legacy Composition API","/docs/bridge/bridge-composition-api","docs/6.bridge/3.bridge-composition-api",{"title":956,"path":957,"stem":958,"titleTemplate":6},"Plugins and Middleware","/docs/bridge/plugins-and-middleware","docs/6.bridge/4.plugins-and-middleware",{"title":960,"path":961,"stem":962,"titleTemplate":6},"New Composition API","/docs/bridge/nuxt3-compatible-api","docs/6.bridge/5.nuxt3-compatible-api",{"title":830,"path":964,"stem":965,"titleTemplate":6},"/docs/bridge/meta","docs/6.bridge/6.meta",{"title":291,"path":967,"stem":968,"titleTemplate":6},"/docs/bridge/runtime-config","docs/6.bridge/7.runtime-config",{"title":738,"path":970,"stem":971,"titleTemplate":6},"/docs/bridge/nitro","docs/6.bridge/8.nitro",{"title":973,"path":974,"stem":975,"titleTemplate":6},"Vite","/docs/bridge/vite","docs/6.bridge/9.vite",{"title":977,"titleTemplate":978,"icon":107,"path":979,"stem":980,"children":981,"page":108},"Migrate to Nuxt 3","Migrate to Nuxt 3: %s","/docs/migration","docs/7.migration",[982,985,989,992,995,998,1001,1004,1007,1011,1015],{"title":942,"path":983,"stem":984,"titleTemplate":6},"/docs/migration/overview","docs/7.migration/1.overview",{"title":986,"path":987,"stem":988,"titleTemplate":6},"Build Tooling","/docs/migration/bundling","docs/7.migration/10.bundling",{"title":79,"path":990,"stem":991,"titleTemplate":6},"/docs/migration/server","docs/7.migration/11.server",{"title":29,"path":993,"stem":994,"titleTemplate":6},"/docs/migration/configuration","docs/7.migration/2.configuration",{"title":143,"path":996,"stem":997,"titleTemplate":6},"/docs/migration/module-authors","docs/7.migration/20.module-authors",{"title":820,"path":999,"stem":1000,"titleTemplate":6},"/docs/migration/auto-imports","docs/7.migration/3.auto-imports",{"title":830,"path":1002,"stem":1003,"titleTemplate":6},"/docs/migration/meta","docs/7.migration/4.meta",{"title":956,"path":1005,"stem":1006,"titleTemplate":6},"/docs/migration/plugins-and-middleware","docs/7.migration/5.plugins-and-middleware",{"title":1008,"path":1009,"stem":1010,"titleTemplate":6},"Pages and Layouts","/docs/migration/pages-and-layouts","docs/7.migration/6.pages-and-layouts",{"title":1012,"path":1013,"stem":1014,"titleTemplate":6},"Component Options","/docs/migration/component-options","docs/7.migration/7.component-options",{"title":291,"path":1016,"stem":1017,"titleTemplate":6},"/docs/migration/runtime-config","docs/7.migration/8.runtime-config",{"title":1019,"path":1020,"stem":1021,"children":1022,"page":108},"Blog","/blog","blog",[1023,1027,1031,1035,1039,1043,1047,1051,1055,1059,1063,1067,1071,1075,1079,1083,1087,1091,1095,1099,1103],{"title":1024,"path":1025,"stem":1026},"Announcing 3.0","/blog/v3","blog/1.v3",{"title":1028,"path":1029,"stem":1030},"Nuxt 3.3","/blog/v3-3","blog/10.v3-3",{"title":1032,"path":1033,"stem":1034},"Nuxt 3.4","/blog/v3-4","blog/11.v3-4",{"title":1036,"path":1037,"stem":1038},"Nuxt 3.5","/blog/v3-5","blog/12.v3-5",{"title":1040,"path":1041,"stem":1042},"Nuxt 3.6","/blog/v3-6","blog/13.v3-6",{"title":1044,"path":1045,"stem":1046},"Nuxt on the Edge","/blog/nuxt-on-the-edge","blog/14.nuxt-on-the-edge",{"title":1048,"path":1049,"stem":1050},"Nuxt DevTools v1.0","/blog/nuxt-devtools-v1-0","blog/18.nuxt-devtools-v1-0",{"title":1052,"path":1053,"stem":1054},"Nuxt: A vision for 2023","/blog/vision-2023","blog/2.vision-2023",{"title":1056,"path":1057,"stem":1058},"The Evolution of Shiki v1.0","/blog/shiki-v1","blog/21.shiki-v1",{"title":1060,"path":1061,"stem":1062},"Refreshed Nuxt ESLint Integrations","/blog/eslint-module","blog/24.eslint-module",{"title":1064,"path":1065,"stem":1066},"Introducing Nuxt Scripts","/blog/nuxt-scripts","blog/26.nuxt-scripts",{"title":1068,"path":1069,"stem":1070},"Introducing Nuxt Icon v1","/blog/nuxt-icon-v1-0","blog/29.nuxt-icon-v1-0",{"title":1072,"path":1073,"stem":1074},"Introducing Nuxt DevTools","/blog/introducing-nuxt-devtools","blog/3.introducing-nuxt-devtools",{"title":1076,"path":1077,"stem":1078},"Announcing Nuxt 3 Release Candidate","/blog/nuxt3-rc","blog/3.nuxt3-rc",{"title":1080,"path":1081,"stem":1082},"Nuxt 2 End-of-Life (EOL)","/blog/nuxt2-eol","blog/4.nuxt2-eol",{"title":1084,"path":1085,"stem":1086},"Introducing Nuxt 3 Beta","/blog/nuxt3-beta","blog/4.nuxt3-beta",{"title":1088,"path":1089,"stem":1090},"Going Full Static","/blog/going-full-static","blog/5.going-full-static",{"title":1092,"path":1093,"stem":1094},"Introducing Smart Prefetching","/blog/introducing-smart-prefetching","blog/6.introducing-smart-prefetching",{"title":1096,"path":1097,"stem":1098},"Understanding how fetch works in Nuxt 2.12","/blog/understanding-how-fetch-works-in-nuxt-2-12","blog/7.understanding-how-fetch-works-in-nuxt-2-12",{"title":1100,"path":1101,"stem":1102},"Nuxt 2 Static Improvements","/blog/nuxt-static-improvements","blog/8.nuxt-static-improvements",{"title":1104,"path":1105,"stem":1106},"Nuxt 2: From Terminal to Browser","/blog/nuxtjs-from-terminal-to-browser","blog/9.nuxtjs-from-terminal-to-browser",{"id":1108,"title":207,"body":1109,"description":3855,"extension":3856,"links":6,"meta":3857,"navigation":3860,"path":208,"seo":3861,"stem":209,"titleTemplate":6,"__hash__":3862},"docs/docs/2.guide/2.directory-structure/1.pages.md",{"type":1110,"value":1111,"toc":3836},"minimal",[1112,1155,1160,1189,1196,1391,1401,1415,1470,1481,1484,1487,1654,1658,1667,1687,1744,1751,1790,1797,1821,1833,1968,2001,2005,2016,2055,2060,2082,2086,2097,2100,2140,2143,2298,2311,2385,2465,2470,2486,2559,2562,2630,2633,2637,2645,2648,2705,2720,2724,2737,2798,2805,2878,2886,2912,2918,3110,3114,3120,3126,3135,3140,3160,3174,3183,3187,3193,3198,3204,3213,3237,3245,3249,3261,3266,3269,3274,3286,3290,3295,3363,3367,3375,3378,3388,3438,3447,3451,3462,3474,3645,3649,3661,3665,3678,3684,3687,3690,3692,3696,3702,3709,3757,3787,3830,3832],[1113,1114,1115],"note",{},[1116,1117,1118,1119,1123,1124,1134,1135,1139,1140,1143,1144,1147,1148,1154],"p",{},"To reduce your application's bundle size, this directory is ",[1120,1121,1122],"strong",{},"optional",", meaning that ",[1125,1126,1130],"a",{"href":1127,"rel":1128},"https://router.vuejs.org",[1129],"nofollow",[1131,1132,1133],"code",{},"vue-router"," won't be included if you only use ",[1125,1136,1137],{"href":249},[1131,1138,248],{},". To force the pages system, set ",[1131,1141,1142],{},"pages: true"," in ",[1131,1145,1146],{},"nuxt.config"," or have a ",[1125,1149,1151],{"href":1150},"/docs/guide/recipes/custom-routing#using-approuteroptions",[1131,1152,1153],{},"app/router.options.ts",".",[1156,1157,1159],"h2",{"id":1158},"usage","Usage",[1116,1161,1162,1163,1167,1168,1171,1172,1171,1175,1171,1178,1171,1181,1184,1185,1188],{},"Pages are Vue components and can have any ",[1125,1164,1166],{"href":1165},"/docs/api/configuration/nuxt-config#extensions","valid extension"," that Nuxt supports (by default ",[1131,1169,1170],{},".vue",", ",[1131,1173,1174],{},".js",[1131,1176,1177],{},".jsx",[1131,1179,1180],{},".mjs",[1131,1182,1183],{},".ts"," or ",[1131,1186,1187],{},".tsx",").",[1116,1190,1191,1192,1195],{},"Nuxt will automatically create a route for every page in your ",[1131,1193,1194],{},"~/pages/"," directory.",[1197,1198,1199,1257,1348],"code-group",{},[1200,1201,1207],"pre",{"className":1202,"code":1203,"filename":1204,"language":1205,"meta":1206,"style":1206},"language-vue shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","\u003Ctemplate>\n  \u003Ch1>Index page\u003C/h1>\n\u003C/template>\n","pages/index.vue","vue","",[1131,1208,1209,1225,1248],{"__ignoreMap":1206},[1210,1211,1214,1218,1222],"span",{"class":1212,"line":1213},"line",1,[1210,1215,1217],{"class":1216},"sYp4K","\u003C",[1210,1219,1221],{"class":1220},"sQ5dg","template",[1210,1223,1224],{"class":1216},">\n",[1210,1226,1228,1231,1234,1237,1241,1244,1246],{"class":1212,"line":1227},2,[1210,1229,1230],{"class":1216},"  \u003C",[1210,1232,1233],{"class":1220},"h1",[1210,1235,1236],{"class":1216},">",[1210,1238,1240],{"class":1239},"spdxX","Index page",[1210,1242,1243],{"class":1216},"\u003C/",[1210,1245,1233],{"class":1220},[1210,1247,1224],{"class":1216},[1210,1249,1251,1253,1255],{"class":1212,"line":1250},3,[1210,1252,1243],{"class":1216},[1210,1254,1221],{"class":1220},[1210,1256,1224],{"class":1216},[1200,1258,1264],{"className":1259,"code":1260,"filename":1261,"language":1262,"meta":1263,"style":1206},"language-ts shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","// https://vuejs.org/guide/extras/render-function.html\nexport default defineComponent({\n  render () {\n    return h('h1', 'Index page')\n  }\n})\n","pages/index.ts","ts","twoslash",[1131,1265,1266,1272,1291,1302,1334,1340],{"__ignoreMap":1206},[1210,1267,1268],{"class":1212,"line":1213},[1210,1269,1271],{"class":1270},"svXlt","// https://vuejs.org/guide/extras/render-function.html\n",[1210,1273,1274,1278,1281,1285,1288],{"class":1212,"line":1227},[1210,1275,1277],{"class":1276},"sFVN2","export",[1210,1279,1280],{"class":1276}," default",[1210,1282,1284],{"class":1283},"szd4z"," defineComponent",[1210,1286,1287],{"class":1239},"(",[1210,1289,1290],{"class":1216},"{\n",[1210,1292,1293,1296,1299],{"class":1212,"line":1250},[1210,1294,1295],{"class":1220},"  render",[1210,1297,1298],{"class":1216}," ()",[1210,1300,1301],{"class":1216}," {\n",[1210,1303,1305,1308,1311,1313,1316,1319,1321,1324,1327,1329,1331],{"class":1212,"line":1304},4,[1210,1306,1307],{"class":1276},"    return",[1210,1309,1310],{"class":1283}," h",[1210,1312,1287],{"class":1220},[1210,1314,1315],{"class":1216},"'",[1210,1317,1233],{"class":1318},"s5UST",[1210,1320,1315],{"class":1216},[1210,1322,1323],{"class":1216},",",[1210,1325,1326],{"class":1216}," '",[1210,1328,1240],{"class":1318},[1210,1330,1315],{"class":1216},[1210,1332,1333],{"class":1220},")\n",[1210,1335,1337],{"class":1212,"line":1336},5,[1210,1338,1339],{"class":1216},"  }\n",[1210,1341,1343,1346],{"class":1212,"line":1342},6,[1210,1344,1345],{"class":1216},"}",[1210,1347,1333],{"class":1239},[1200,1349,1354],{"className":1350,"code":1351,"filename":1352,"language":1353,"meta":1263,"style":1206},"language-tsx shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","// https://nuxt.com/docs/examples/advanced/jsx\n// https://vuejs.org/guide/extras/render-function.html#jsx-tsx\nexport default defineComponent({\n  render () {\n    return \u003Ch1>Index page\u003C/h1>\n  }\n})\n","pages/index.tsx","tsx",[1131,1355,1356,1361,1366,1371,1376,1381,1385],{"__ignoreMap":1206},[1210,1357,1358],{"class":1212,"line":1213},[1210,1359,1360],{},"// https://nuxt.com/docs/examples/advanced/jsx\n",[1210,1362,1363],{"class":1212,"line":1227},[1210,1364,1365],{},"// https://vuejs.org/guide/extras/render-function.html#jsx-tsx\n",[1210,1367,1368],{"class":1212,"line":1250},[1210,1369,1370],{},"export default defineComponent({\n",[1210,1372,1373],{"class":1212,"line":1304},[1210,1374,1375],{},"  render () {\n",[1210,1377,1378],{"class":1212,"line":1336},[1210,1379,1380],{},"    return \u003Ch1>Index page\u003C/h1>\n",[1210,1382,1383],{"class":1212,"line":1342},[1210,1384,1339],{},[1210,1386,1388],{"class":1212,"line":1387},7,[1210,1389,1390],{},"})\n",[1116,1392,1393,1394,1396,1397,1400],{},"The ",[1131,1395,1204],{}," file will be mapped to the ",[1131,1398,1399],{},"/"," route of your application.",[1116,1402,1403,1404,1408,1409,1414],{},"If you are using ",[1125,1405,1406],{"href":249},[1131,1407,248],{},", make sure to use the ",[1125,1410,1411],{"href":386},[1131,1412,1413],{},"\u003CNuxtPage/>"," component to display the current page:",[1200,1416,1418],{"className":1202,"code":1417,"filename":248,"language":1205,"meta":1206,"style":1206},"\u003Ctemplate>\n  \u003Cdiv>\n    \u003C!-- Markup shared across all pages, ex: NavBar -->\n    \u003CNuxtPage />\n  \u003C/div>\n\u003C/template>\n",[1131,1419,1420,1428,1437,1442,1453,1462],{"__ignoreMap":1206},[1210,1421,1422,1424,1426],{"class":1212,"line":1213},[1210,1423,1217],{"class":1216},[1210,1425,1221],{"class":1220},[1210,1427,1224],{"class":1216},[1210,1429,1430,1432,1435],{"class":1212,"line":1227},[1210,1431,1230],{"class":1216},[1210,1433,1434],{"class":1220},"div",[1210,1436,1224],{"class":1216},[1210,1438,1439],{"class":1212,"line":1250},[1210,1440,1441],{"class":1270},"    \u003C!-- Markup shared across all pages, ex: NavBar -->\n",[1210,1443,1444,1447,1450],{"class":1212,"line":1304},[1210,1445,1446],{"class":1216},"    \u003C",[1210,1448,1449],{"class":1220},"NuxtPage",[1210,1451,1452],{"class":1216}," />\n",[1210,1454,1455,1458,1460],{"class":1212,"line":1336},[1210,1456,1457],{"class":1216},"  \u003C/",[1210,1459,1434],{"class":1220},[1210,1461,1224],{"class":1216},[1210,1463,1464,1466,1468],{"class":1212,"line":1342},[1210,1465,1243],{"class":1216},[1210,1467,1221],{"class":1220},[1210,1469,1224],{"class":1216},[1116,1471,1472,1473,1476,1477,1480],{},"Pages ",[1120,1474,1475],{},"must have a single root element"," to allow ",[1125,1478,1479],{"href":60},"route transitions"," between pages. HTML comments are considered elements as well.",[1116,1482,1483],{},"This means that when the route is server-rendered, or statically generated, you will be able to see its contents correctly, but when you navigate towards that route during client-side navigation the transition between routes will fail and you'll see that the route will not be rendered.",[1116,1485,1486],{},"Here are some examples to illustrate what a page with a single root element looks like:",[1197,1488,1489,1537,1581],{},[1200,1490,1493],{"className":1202,"code":1491,"filename":1492,"language":1205,"meta":1206,"style":1206},"\u003Ctemplate>\n  \u003Cdiv>\n    \u003C!-- This page correctly has only one single root element -->\n    Page content\n  \u003C/div>\n\u003C/template>\n","pages/working.vue",[1131,1494,1495,1503,1511,1516,1521,1529],{"__ignoreMap":1206},[1210,1496,1497,1499,1501],{"class":1212,"line":1213},[1210,1498,1217],{"class":1216},[1210,1500,1221],{"class":1220},[1210,1502,1224],{"class":1216},[1210,1504,1505,1507,1509],{"class":1212,"line":1227},[1210,1506,1230],{"class":1216},[1210,1508,1434],{"class":1220},[1210,1510,1224],{"class":1216},[1210,1512,1513],{"class":1212,"line":1250},[1210,1514,1515],{"class":1270},"    \u003C!-- This page correctly has only one single root element -->\n",[1210,1517,1518],{"class":1212,"line":1304},[1210,1519,1520],{"class":1239},"    Page content\n",[1210,1522,1523,1525,1527],{"class":1212,"line":1336},[1210,1524,1457],{"class":1216},[1210,1526,1434],{"class":1220},[1210,1528,1224],{"class":1216},[1210,1530,1531,1533,1535],{"class":1212,"line":1342},[1210,1532,1243],{"class":1216},[1210,1534,1221],{"class":1220},[1210,1536,1224],{"class":1216},[1200,1538,1541],{"className":1202,"code":1539,"filename":1540,"language":1205,"meta":1206,"style":1206},"\u003Ctemplate>\n  \u003C!-- This page will not render when route changes during client side navigation, because of this comment -->\n  \u003Cdiv>Page content\u003C/div>\n\u003C/template>\n","pages/bad-1.vue",[1131,1542,1543,1551,1556,1573],{"__ignoreMap":1206},[1210,1544,1545,1547,1549],{"class":1212,"line":1213},[1210,1546,1217],{"class":1216},[1210,1548,1221],{"class":1220},[1210,1550,1224],{"class":1216},[1210,1552,1553],{"class":1212,"line":1227},[1210,1554,1555],{"class":1270},"  \u003C!-- This page will not render when route changes during client side navigation, because of this comment -->\n",[1210,1557,1558,1560,1562,1564,1567,1569,1571],{"class":1212,"line":1250},[1210,1559,1230],{"class":1216},[1210,1561,1434],{"class":1220},[1210,1563,1236],{"class":1216},[1210,1565,1566],{"class":1239},"Page content",[1210,1568,1243],{"class":1216},[1210,1570,1434],{"class":1220},[1210,1572,1224],{"class":1216},[1210,1574,1575,1577,1579],{"class":1212,"line":1304},[1210,1576,1243],{"class":1216},[1210,1578,1221],{"class":1220},[1210,1580,1224],{"class":1216},[1200,1582,1585],{"className":1202,"code":1583,"filename":1584,"language":1205,"meta":1206,"style":1206},"\u003Ctemplate>\n  \u003Cdiv>This page\u003C/div>\n  \u003Cdiv>Has more than one root element\u003C/div>\n  \u003Cdiv>And will not render when route changes during client side navigation\u003C/div>\n\u003C/template>\n","pages/bad-2.vue",[1131,1586,1587,1595,1612,1629,1646],{"__ignoreMap":1206},[1210,1588,1589,1591,1593],{"class":1212,"line":1213},[1210,1590,1217],{"class":1216},[1210,1592,1221],{"class":1220},[1210,1594,1224],{"class":1216},[1210,1596,1597,1599,1601,1603,1606,1608,1610],{"class":1212,"line":1227},[1210,1598,1230],{"class":1216},[1210,1600,1434],{"class":1220},[1210,1602,1236],{"class":1216},[1210,1604,1605],{"class":1239},"This page",[1210,1607,1243],{"class":1216},[1210,1609,1434],{"class":1220},[1210,1611,1224],{"class":1216},[1210,1613,1614,1616,1618,1620,1623,1625,1627],{"class":1212,"line":1250},[1210,1615,1230],{"class":1216},[1210,1617,1434],{"class":1220},[1210,1619,1236],{"class":1216},[1210,1621,1622],{"class":1239},"Has more than one root element",[1210,1624,1243],{"class":1216},[1210,1626,1434],{"class":1220},[1210,1628,1224],{"class":1216},[1210,1630,1631,1633,1635,1637,1640,1642,1644],{"class":1212,"line":1304},[1210,1632,1230],{"class":1216},[1210,1634,1434],{"class":1220},[1210,1636,1236],{"class":1216},[1210,1638,1639],{"class":1239},"And will not render when route changes during client side navigation",[1210,1641,1243],{"class":1216},[1210,1643,1434],{"class":1220},[1210,1645,1224],{"class":1216},[1210,1647,1648,1650,1652],{"class":1212,"line":1336},[1210,1649,1243],{"class":1216},[1210,1651,1221],{"class":1220},[1210,1653,1224],{"class":1216},[1156,1655,1657],{"id":1656},"dynamic-routes","Dynamic Routes",[1116,1659,1660,1661,1666],{},"If you place anything within square brackets, it will be turned into a ",[1125,1662,1665],{"href":1663,"rel":1664},"https://router.vuejs.org/guide/essentials/dynamic-matching.html",[1129],"dynamic route"," parameter. You can mix and match multiple parameters and even non-dynamic text within a file name or directory.",[1116,1668,1669,1670,1673,1674,1184,1677,1680,1681,1683,1684,1154],{},"If you want a parameter to be ",[1671,1672,1122],"em",{},", you must enclose it in double square brackets - for example, ",[1131,1675,1676],{},"~/pages/[[slug]]/index.vue",[1131,1678,1679],{},"~/pages/[[slug]].vue"," will match both ",[1131,1682,1399],{}," and ",[1131,1685,1686],{},"/test",[1200,1688,1692],{"className":1689,"code":1690,"filename":159,"language":1691,"meta":1206,"style":1206},"language-bash shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","-| pages/\n---| index.vue\n---| users-[group]/\n-----| [id].vue\n","bash",[1131,1693,1694,1706,1716,1725],{"__ignoreMap":1206},[1210,1695,1696,1700,1703],{"class":1212,"line":1213},[1210,1697,1699],{"class":1698},"sT2Ow","-",[1210,1701,1702],{"class":1216},"|",[1210,1704,1705],{"class":1698}," pages/\n",[1210,1707,1708,1711,1713],{"class":1212,"line":1227},[1210,1709,1710],{"class":1698},"---",[1210,1712,1702],{"class":1216},[1210,1714,1715],{"class":1698}," index.vue\n",[1210,1717,1718,1720,1722],{"class":1212,"line":1250},[1210,1719,1710],{"class":1698},[1210,1721,1702],{"class":1216},[1210,1723,1724],{"class":1698}," users-[group]/\n",[1210,1726,1727,1730,1732,1735,1738,1741],{"class":1212,"line":1304},[1210,1728,1729],{"class":1698},"-----",[1210,1731,1702],{"class":1216},[1210,1733,1734],{"class":1216}," [",[1210,1736,1737],{"class":1239},"id",[1210,1739,1740],{"class":1216},"]",[1210,1742,1743],{"class":1698},".vue\n",[1116,1745,1746,1747,1750],{},"Given the example above, you can access group/id within your component via the ",[1131,1748,1749],{},"$route"," object:",[1200,1752,1755],{"className":1202,"code":1753,"filename":1754,"language":1205,"meta":1206,"style":1206},"\u003Ctemplate>\n  \u003Cp>{{ $route.params.group }} - {{ $route.params.id }}\u003C/p>\n\u003C/template>\n","pages/users-[group]/[id].vue",[1131,1756,1757,1765,1782],{"__ignoreMap":1206},[1210,1758,1759,1761,1763],{"class":1212,"line":1213},[1210,1760,1217],{"class":1216},[1210,1762,1221],{"class":1220},[1210,1764,1224],{"class":1216},[1210,1766,1767,1769,1771,1773,1776,1778,1780],{"class":1212,"line":1227},[1210,1768,1230],{"class":1216},[1210,1770,1116],{"class":1220},[1210,1772,1236],{"class":1216},[1210,1774,1775],{"class":1239},"{{ $route.params.group }} - {{ $route.params.id }}",[1210,1777,1243],{"class":1216},[1210,1779,1116],{"class":1220},[1210,1781,1224],{"class":1216},[1210,1783,1784,1786,1788],{"class":1212,"line":1250},[1210,1785,1243],{"class":1216},[1210,1787,1221],{"class":1220},[1210,1789,1224],{"class":1216},[1116,1791,1792,1793,1796],{},"Navigating to ",[1131,1794,1795],{},"/users-admins/123"," would render:",[1200,1798,1802],{"className":1799,"code":1800,"language":1801,"meta":1206,"style":1206},"language-html shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","\u003Cp>admins - 123\u003C/p>\n","html",[1131,1803,1804],{"__ignoreMap":1206},[1210,1805,1806,1808,1810,1812,1815,1817,1819],{"class":1212,"line":1213},[1210,1807,1217],{"class":1216},[1210,1809,1116],{"class":1220},[1210,1811,1236],{"class":1216},[1210,1813,1814],{"class":1239},"admins - 123",[1210,1816,1243],{"class":1216},[1210,1818,1116],{"class":1220},[1210,1820,1224],{"class":1216},[1116,1822,1823,1824,1828,1829,1832],{},"If you want to access the route using Composition API, there is a global ",[1125,1825,1826],{"href":509},[1131,1827,508],{}," function that will allow you to access the route just like ",[1131,1830,1831],{},"this.$route"," in the Options API.",[1200,1834,1836],{"className":1202,"code":1835,"language":1205,"meta":1263,"style":1206},"\u003Cscript setup lang=\"ts\">\nconst route = useRoute()\n\nif (route.params.group === 'admins' && !route.params.id) {\n  console.log('Warning! Make sure user is authenticated!')\n}\n\u003C/script>\n",[1131,1837,1838,1864,1880,1886,1934,1955,1960],{"__ignoreMap":1206},[1210,1839,1840,1842,1845,1849,1852,1855,1858,1860,1862],{"class":1212,"line":1213},[1210,1841,1217],{"class":1216},[1210,1843,1844],{"class":1220},"script",[1210,1846,1848],{"class":1847},"sRBFq"," setup",[1210,1850,1851],{"class":1847}," lang",[1210,1853,1854],{"class":1216},"=",[1210,1856,1857],{"class":1216},"\"",[1210,1859,1262],{"class":1318},[1210,1861,1857],{"class":1216},[1210,1863,1224],{"class":1216},[1210,1865,1866,1869,1872,1874,1877],{"class":1212,"line":1227},[1210,1867,1868],{"class":1847},"const",[1210,1870,1871],{"class":1239}," route ",[1210,1873,1854],{"class":1216},[1210,1875,1876],{"class":1283}," useRoute",[1210,1878,1879],{"class":1239},"()\n",[1210,1881,1882],{"class":1212,"line":1250},[1210,1883,1885],{"emptyLinePlaceholder":1884},true,"\n",[1210,1887,1888,1891,1894,1896,1899,1901,1904,1907,1909,1912,1914,1917,1920,1923,1925,1927,1929,1932],{"class":1212,"line":1304},[1210,1889,1890],{"class":1276},"if",[1210,1892,1893],{"class":1239}," (route",[1210,1895,1154],{"class":1216},[1210,1897,1898],{"class":1239},"params",[1210,1900,1154],{"class":1216},[1210,1902,1903],{"class":1239},"group ",[1210,1905,1906],{"class":1216},"===",[1210,1908,1326],{"class":1216},[1210,1910,1911],{"class":1318},"admins",[1210,1913,1315],{"class":1216},[1210,1915,1916],{"class":1216}," &&",[1210,1918,1919],{"class":1216}," !",[1210,1921,1922],{"class":1239},"route",[1210,1924,1154],{"class":1216},[1210,1926,1898],{"class":1239},[1210,1928,1154],{"class":1216},[1210,1930,1931],{"class":1239},"id) ",[1210,1933,1290],{"class":1216},[1210,1935,1936,1939,1941,1944,1946,1948,1951,1953],{"class":1212,"line":1336},[1210,1937,1938],{"class":1239},"  console",[1210,1940,1154],{"class":1216},[1210,1942,1943],{"class":1283},"log",[1210,1945,1287],{"class":1220},[1210,1947,1315],{"class":1216},[1210,1949,1950],{"class":1318},"Warning! Make sure user is authenticated!",[1210,1952,1315],{"class":1216},[1210,1954,1333],{"class":1220},[1210,1956,1957],{"class":1212,"line":1342},[1210,1958,1959],{"class":1216},"}\n",[1210,1961,1962,1964,1966],{"class":1212,"line":1387},[1210,1963,1243],{"class":1216},[1210,1965,1844],{"class":1220},[1210,1967,1224],{"class":1216},[1113,1969,1970],{},[1116,1971,1972,1973,1976,1977,1980,1981,1984,1985,1988,1989,1683,1992,1994,1995,1683,1998,2000],{},"Named parent routes will take priority over nested dynamic routes. For the ",[1131,1974,1975],{},"/foo/hello"," route, ",[1131,1978,1979],{},"~/pages/foo.vue"," will take priority over ",[1131,1982,1983],{},"~/pages/foo/[slug].vue",". ",[1986,1987],"br",{}," Use ",[1131,1990,1991],{},"~/pages/foo/index.vue",[1131,1993,1983],{}," to match ",[1131,1996,1997],{},"/foo",[1131,1999,1975],{}," with different pages,.",[1156,2002,2004],{"id":2003},"catch-all-route","Catch-all Route",[1116,2006,2007,2008,2011,2012,2015],{},"If you need a catch-all route, you create it by using a file named like ",[1131,2009,2010],{},"[...slug].vue",". This will match ",[1671,2013,2014],{},"all"," routes under that path.",[1200,2017,2020],{"className":1202,"code":2018,"filename":2019,"language":1205,"meta":1206,"style":1206},"\u003Ctemplate>\n  \u003Cp>{{ $route.params.slug }}\u003C/p>\n\u003C/template>\n","pages/[...slug].vue",[1131,2021,2022,2030,2047],{"__ignoreMap":1206},[1210,2023,2024,2026,2028],{"class":1212,"line":1213},[1210,2025,1217],{"class":1216},[1210,2027,1221],{"class":1220},[1210,2029,1224],{"class":1216},[1210,2031,2032,2034,2036,2038,2041,2043,2045],{"class":1212,"line":1227},[1210,2033,1230],{"class":1216},[1210,2035,1116],{"class":1220},[1210,2037,1236],{"class":1216},[1210,2039,2040],{"class":1239},"{{ $route.params.slug }}",[1210,2042,1243],{"class":1216},[1210,2044,1116],{"class":1220},[1210,2046,1224],{"class":1216},[1210,2048,2049,2051,2053],{"class":1212,"line":1250},[1210,2050,1243],{"class":1216},[1210,2052,1221],{"class":1220},[1210,2054,1224],{"class":1216},[1116,2056,1792,2057,1796],{},[1131,2058,2059],{},"/hello/world",[1200,2061,2063],{"className":1799,"code":2062,"language":1801,"meta":1206,"style":1206},"\u003Cp>[\"hello\", \"world\"]\u003C/p>\n",[1131,2064,2065],{"__ignoreMap":1206},[1210,2066,2067,2069,2071,2073,2076,2078,2080],{"class":1212,"line":1213},[1210,2068,1217],{"class":1216},[1210,2070,1116],{"class":1220},[1210,2072,1236],{"class":1216},[1210,2074,2075],{"class":1239},"[\"hello\", \"world\"]",[1210,2077,1243],{"class":1216},[1210,2079,1116],{"class":1220},[1210,2081,1224],{"class":1216},[1156,2083,2085],{"id":2084},"nested-routes","Nested Routes",[1116,2087,2088,2089,2094,2095,1154],{},"It is possible to display ",[1125,2090,2093],{"href":2091,"rel":2092},"https://next.router.vuejs.org/guide/essentials/nested-routes.html",[1129],"nested routes"," with ",[1131,2096,385],{},[1116,2098,2099],{},"Example:",[1200,2101,2103],{"className":1689,"code":2102,"filename":159,"language":1691,"meta":1206,"style":1206},"-| pages/\n---| parent/\n-----| child.vue\n---| parent.vue\n",[1131,2104,2105,2113,2122,2131],{"__ignoreMap":1206},[1210,2106,2107,2109,2111],{"class":1212,"line":1213},[1210,2108,1699],{"class":1698},[1210,2110,1702],{"class":1216},[1210,2112,1705],{"class":1698},[1210,2114,2115,2117,2119],{"class":1212,"line":1227},[1210,2116,1710],{"class":1698},[1210,2118,1702],{"class":1216},[1210,2120,2121],{"class":1698}," parent/\n",[1210,2123,2124,2126,2128],{"class":1212,"line":1250},[1210,2125,1729],{"class":1698},[1210,2127,1702],{"class":1216},[1210,2129,2130],{"class":1698}," child.vue\n",[1210,2132,2133,2135,2137],{"class":1212,"line":1304},[1210,2134,1710],{"class":1698},[1210,2136,1702],{"class":1216},[1210,2138,2139],{"class":1698}," parent.vue\n",[1116,2141,2142],{},"This file tree will generate these routes:",[1200,2144,2148],{"className":2145,"code":2146,"language":2147,"meta":1206,"style":1206},"language-js shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","[\n  {\n    path: '/parent',\n    component: '~/pages/parent.vue',\n    name: 'parent',\n    children: [\n      {\n        path: 'child',\n        component: '~/pages/parent/child.vue',\n        name: 'parent-child'\n      }\n    ]\n  }\n]\n","js",[1131,2149,2150,2155,2160,2178,2194,2210,2220,2225,2242,2259,2275,2281,2287,2292],{"__ignoreMap":1206},[1210,2151,2152],{"class":1212,"line":1213},[1210,2153,2154],{"class":1239},"[\n",[1210,2156,2157],{"class":1212,"line":1227},[1210,2158,2159],{"class":1216},"  {\n",[1210,2161,2162,2165,2168,2170,2173,2175],{"class":1212,"line":1250},[1210,2163,2164],{"class":1220},"    path",[1210,2166,2167],{"class":1216},":",[1210,2169,1326],{"class":1216},[1210,2171,2172],{"class":1318},"/parent",[1210,2174,1315],{"class":1216},[1210,2176,2177],{"class":1216},",\n",[1210,2179,2180,2183,2185,2187,2190,2192],{"class":1212,"line":1304},[1210,2181,2182],{"class":1220},"    component",[1210,2184,2167],{"class":1216},[1210,2186,1326],{"class":1216},[1210,2188,2189],{"class":1318},"~/pages/parent.vue",[1210,2191,1315],{"class":1216},[1210,2193,2177],{"class":1216},[1210,2195,2196,2199,2201,2203,2206,2208],{"class":1212,"line":1336},[1210,2197,2198],{"class":1220},"    name",[1210,2200,2167],{"class":1216},[1210,2202,1326],{"class":1216},[1210,2204,2205],{"class":1318},"parent",[1210,2207,1315],{"class":1216},[1210,2209,2177],{"class":1216},[1210,2211,2212,2215,2217],{"class":1212,"line":1342},[1210,2213,2214],{"class":1220},"    children",[1210,2216,2167],{"class":1216},[1210,2218,2219],{"class":1239}," [\n",[1210,2221,2222],{"class":1212,"line":1387},[1210,2223,2224],{"class":1216},"      {\n",[1210,2226,2228,2231,2233,2235,2238,2240],{"class":1212,"line":2227},8,[1210,2229,2230],{"class":1220},"        path",[1210,2232,2167],{"class":1216},[1210,2234,1326],{"class":1216},[1210,2236,2237],{"class":1318},"child",[1210,2239,1315],{"class":1216},[1210,2241,2177],{"class":1216},[1210,2243,2245,2248,2250,2252,2255,2257],{"class":1212,"line":2244},9,[1210,2246,2247],{"class":1220},"        component",[1210,2249,2167],{"class":1216},[1210,2251,1326],{"class":1216},[1210,2253,2254],{"class":1318},"~/pages/parent/child.vue",[1210,2256,1315],{"class":1216},[1210,2258,2177],{"class":1216},[1210,2260,2262,2265,2267,2269,2272],{"class":1212,"line":2261},10,[1210,2263,2264],{"class":1220},"        name",[1210,2266,2167],{"class":1216},[1210,2268,1326],{"class":1216},[1210,2270,2271],{"class":1318},"parent-child",[1210,2273,2274],{"class":1216},"'\n",[1210,2276,2278],{"class":1212,"line":2277},11,[1210,2279,2280],{"class":1216},"      }\n",[1210,2282,2284],{"class":1212,"line":2283},12,[1210,2285,2286],{"class":1239},"    ]\n",[1210,2288,2290],{"class":1212,"line":2289},13,[1210,2291,1339],{"class":1216},[1210,2293,2295],{"class":1212,"line":2294},14,[1210,2296,2297],{"class":1239},"]\n",[1116,2299,2300,2301,2304,2305,2307,2308,2167],{},"To display the ",[1131,2302,2303],{},"child.vue"," component, you have to insert the ",[1131,2306,385],{}," component inside ",[1131,2309,2310],{},"pages/parent.vue",[1200,2312,2314],{"className":1202,"code":2313,"filename":2310,"language":1205,"meta":1206,"style":1206},"\u003Ctemplate>\n  \u003Cdiv>\n    \u003Ch1>I am the parent view\u003C/h1>\n    \u003CNuxtPage :foobar=\"123\" />\n  \u003C/div>\n\u003C/template>\n",[1131,2315,2316,2324,2332,2349,2369,2377],{"__ignoreMap":1206},[1210,2317,2318,2320,2322],{"class":1212,"line":1213},[1210,2319,1217],{"class":1216},[1210,2321,1221],{"class":1220},[1210,2323,1224],{"class":1216},[1210,2325,2326,2328,2330],{"class":1212,"line":1227},[1210,2327,1230],{"class":1216},[1210,2329,1434],{"class":1220},[1210,2331,1224],{"class":1216},[1210,2333,2334,2336,2338,2340,2343,2345,2347],{"class":1212,"line":1250},[1210,2335,1446],{"class":1216},[1210,2337,1233],{"class":1220},[1210,2339,1236],{"class":1216},[1210,2341,2342],{"class":1239},"I am the parent view",[1210,2344,1243],{"class":1216},[1210,2346,1233],{"class":1220},[1210,2348,1224],{"class":1216},[1210,2350,2351,2353,2355,2358,2360,2362,2365,2367],{"class":1212,"line":1304},[1210,2352,1446],{"class":1216},[1210,2354,1449],{"class":1220},[1210,2356,2357],{"class":1847}," :foobar",[1210,2359,1854],{"class":1216},[1210,2361,1857],{"class":1216},[1210,2363,2364],{"class":1318},"123",[1210,2366,1857],{"class":1216},[1210,2368,1452],{"class":1216},[1210,2370,2371,2373,2375],{"class":1212,"line":1336},[1210,2372,1457],{"class":1216},[1210,2374,1434],{"class":1220},[1210,2376,1224],{"class":1216},[1210,2378,2379,2381,2383],{"class":1212,"line":1342},[1210,2380,1243],{"class":1216},[1210,2382,1221],{"class":1220},[1210,2384,1224],{"class":1216},[1200,2386,2389],{"className":1202,"code":2387,"filename":2388,"language":1205,"meta":1206,"style":1206},"\u003Cscript setup lang=\"ts\">\nconst props = defineProps(['foobar'])\n\nconsole.log(props.foobar)\n\u003C/script>\n","pages/parent/child.vue",[1131,2390,2391,2411,2436,2440,2457],{"__ignoreMap":1206},[1210,2392,2393,2395,2397,2399,2401,2403,2405,2407,2409],{"class":1212,"line":1213},[1210,2394,1217],{"class":1216},[1210,2396,1844],{"class":1220},[1210,2398,1848],{"class":1847},[1210,2400,1851],{"class":1847},[1210,2402,1854],{"class":1216},[1210,2404,1857],{"class":1216},[1210,2406,1262],{"class":1318},[1210,2408,1857],{"class":1216},[1210,2410,1224],{"class":1216},[1210,2412,2413,2415,2418,2420,2423,2426,2428,2431,2433],{"class":1212,"line":1227},[1210,2414,1868],{"class":1847},[1210,2416,2417],{"class":1239}," props ",[1210,2419,1854],{"class":1216},[1210,2421,2422],{"class":1283}," defineProps",[1210,2424,2425],{"class":1239},"([",[1210,2427,1315],{"class":1216},[1210,2429,2430],{"class":1318},"foobar",[1210,2432,1315],{"class":1216},[1210,2434,2435],{"class":1239},"])\n",[1210,2437,2438],{"class":1212,"line":1250},[1210,2439,1885],{"emptyLinePlaceholder":1884},[1210,2441,2442,2445,2447,2449,2452,2454],{"class":1212,"line":1304},[1210,2443,2444],{"class":1239},"console",[1210,2446,1154],{"class":1216},[1210,2448,1943],{"class":1283},[1210,2450,2451],{"class":1239},"(props",[1210,2453,1154],{"class":1216},[1210,2455,2456],{"class":1239},"foobar)\n",[1210,2458,2459,2461,2463],{"class":1212,"line":1336},[1210,2460,1243],{"class":1216},[1210,2462,1844],{"class":1220},[1210,2464,1224],{"class":1216},[2466,2467,2469],"h3",{"id":2468},"child-route-keys","Child Route Keys",[1116,2471,2472,2473,2475,2476,2479,2480,2483,2484,2167],{},"If you want more control over when the ",[1131,2474,385],{}," component is re-rendered (for example, for transitions), you can either pass a string or function via the ",[1131,2477,2478],{},"pageKey"," prop, or you can define a ",[1131,2481,2482],{},"key"," value via ",[1131,2485,587],{},[1200,2487,2489],{"className":1202,"code":2488,"filename":2310,"language":1205,"meta":1206,"style":1206},"\u003Ctemplate>\n  \u003Cdiv>\n    \u003Ch1>I am the parent view\u003C/h1>\n    \u003CNuxtPage :page-key=\"route => route.fullPath\" />\n  \u003C/div>\n\u003C/template>\n",[1131,2490,2491,2499,2507,2523,2543,2551],{"__ignoreMap":1206},[1210,2492,2493,2495,2497],{"class":1212,"line":1213},[1210,2494,1217],{"class":1216},[1210,2496,1221],{"class":1220},[1210,2498,1224],{"class":1216},[1210,2500,2501,2503,2505],{"class":1212,"line":1227},[1210,2502,1230],{"class":1216},[1210,2504,1434],{"class":1220},[1210,2506,1224],{"class":1216},[1210,2508,2509,2511,2513,2515,2517,2519,2521],{"class":1212,"line":1250},[1210,2510,1446],{"class":1216},[1210,2512,1233],{"class":1220},[1210,2514,1236],{"class":1216},[1210,2516,2342],{"class":1239},[1210,2518,1243],{"class":1216},[1210,2520,1233],{"class":1220},[1210,2522,1224],{"class":1216},[1210,2524,2525,2527,2529,2532,2534,2536,2539,2541],{"class":1212,"line":1304},[1210,2526,1446],{"class":1216},[1210,2528,1449],{"class":1220},[1210,2530,2531],{"class":1847}," :page-key",[1210,2533,1854],{"class":1216},[1210,2535,1857],{"class":1216},[1210,2537,2538],{"class":1318},"route => route.fullPath",[1210,2540,1857],{"class":1216},[1210,2542,1452],{"class":1216},[1210,2544,2545,2547,2549],{"class":1212,"line":1336},[1210,2546,1457],{"class":1216},[1210,2548,1434],{"class":1220},[1210,2550,1224],{"class":1216},[1210,2552,2553,2555,2557],{"class":1212,"line":1342},[1210,2554,1243],{"class":1216},[1210,2556,1221],{"class":1220},[1210,2558,1224],{"class":1216},[1116,2560,2561],{},"Or alternatively:",[1200,2563,2565],{"className":1202,"code":2564,"filename":2388,"language":1205,"meta":1263,"style":1206},"\u003Cscript setup lang=\"ts\">\ndefinePageMeta({\n  key: route => route.fullPath\n})\n\u003C/script>\n",[1131,2566,2567,2587,2595,2616,2622],{"__ignoreMap":1206},[1210,2568,2569,2571,2573,2575,2577,2579,2581,2583,2585],{"class":1212,"line":1213},[1210,2570,1217],{"class":1216},[1210,2572,1844],{"class":1220},[1210,2574,1848],{"class":1847},[1210,2576,1851],{"class":1847},[1210,2578,1854],{"class":1216},[1210,2580,1857],{"class":1216},[1210,2582,1262],{"class":1318},[1210,2584,1857],{"class":1216},[1210,2586,1224],{"class":1216},[1210,2588,2589,2591,2593],{"class":1212,"line":1227},[1210,2590,587],{"class":1283},[1210,2592,1287],{"class":1239},[1210,2594,1290],{"class":1216},[1210,2596,2597,2600,2602,2606,2609,2611,2613],{"class":1212,"line":1250},[1210,2598,2599],{"class":1283},"  key",[1210,2601,2167],{"class":1216},[1210,2603,2605],{"class":2604},"ssYd4"," route",[1210,2607,2608],{"class":1847}," =>",[1210,2610,2605],{"class":1239},[1210,2612,1154],{"class":1216},[1210,2614,2615],{"class":1239},"fullPath\n",[1210,2617,2618,2620],{"class":1212,"line":1304},[1210,2619,1345],{"class":1216},[1210,2621,1333],{"class":1239},[1210,2623,2624,2626,2628],{"class":1212,"line":1336},[1210,2625,1243],{"class":1216},[1210,2627,1844],{"class":1220},[1210,2629,1224],{"class":1216},[2631,2632],"link-example",{"to":846},[1156,2634,2636],{"id":2635},"route-groups","Route Groups",[1116,2638,2639,2640,1683,2642,1154],{},"In some cases, you may want to group a set of routes together in a way which doesn't affect file-based routing. For this purpose, you can put files in a folder which is wrapped in parentheses - ",[1131,2641,1287],{},[1131,2643,2644],{},")",[1116,2646,2647],{},"For example:",[1200,2649,2652],{"className":1689,"code":2650,"filename":2651,"language":1691,"meta":1206,"style":1206},"-| pages/\n---| index.vue\n---| (marketing)/\n-----| about.vue\n-----| contact.vue\n","Directory structure",[1131,2653,2654,2662,2670,2687,2696],{"__ignoreMap":1206},[1210,2655,2656,2658,2660],{"class":1212,"line":1213},[1210,2657,1699],{"class":1698},[1210,2659,1702],{"class":1216},[1210,2661,1705],{"class":1698},[1210,2663,2664,2666,2668],{"class":1212,"line":1227},[1210,2665,1710],{"class":1698},[1210,2667,1702],{"class":1216},[1210,2669,1715],{"class":1698},[1210,2671,2672,2674,2676,2679,2682,2684],{"class":1212,"line":1250},[1210,2673,1710],{"class":1698},[1210,2675,1702],{"class":1216},[1210,2677,2678],{"class":1216}," (",[1210,2680,2681],{"class":1698},"marketing",[1210,2683,2644],{"class":1216},[1210,2685,2686],{"class":1698},"/\n",[1210,2688,2689,2691,2693],{"class":1212,"line":1304},[1210,2690,1729],{"class":1698},[1210,2692,1702],{"class":1216},[1210,2694,2695],{"class":1698}," about.vue\n",[1210,2697,2698,2700,2702],{"class":1212,"line":1336},[1210,2699,1729],{"class":1698},[1210,2701,1702],{"class":1216},[1210,2703,2704],{"class":1698}," contact.vue\n",[1116,2706,2707,2708,1171,2710,1683,2713,2716,2717,2719],{},"This will produce ",[1131,2709,1399],{},[1131,2711,2712],{},"/about",[1131,2714,2715],{},"/contact"," pages in your app. The ",[1131,2718,2681],{}," group is ignored for purposes of your URL structure.",[1156,2721,2723],{"id":2722},"page-metadata","Page Metadata",[1116,2725,2726,2727,2729,2730,2733,2734,2167],{},"You might want to define metadata for each route in your app. You can do this using the ",[1131,2728,587],{}," macro, which will work both in ",[1131,2731,2732],{},"\u003Cscript>"," and in ",[1131,2735,2736],{},"\u003Cscript setup>",[1200,2738,2740],{"className":1202,"code":2739,"language":1205,"meta":1263,"style":1206},"\u003Cscript setup lang=\"ts\">\ndefinePageMeta({\n  title: 'My home page'\n})\n\u003C/script>\n",[1131,2741,2742,2762,2770,2784,2790],{"__ignoreMap":1206},[1210,2743,2744,2746,2748,2750,2752,2754,2756,2758,2760],{"class":1212,"line":1213},[1210,2745,1217],{"class":1216},[1210,2747,1844],{"class":1220},[1210,2749,1848],{"class":1847},[1210,2751,1851],{"class":1847},[1210,2753,1854],{"class":1216},[1210,2755,1857],{"class":1216},[1210,2757,1262],{"class":1318},[1210,2759,1857],{"class":1216},[1210,2761,1224],{"class":1216},[1210,2763,2764,2766,2768],{"class":1212,"line":1227},[1210,2765,587],{"class":1283},[1210,2767,1287],{"class":1239},[1210,2769,1290],{"class":1216},[1210,2771,2772,2775,2777,2779,2782],{"class":1212,"line":1250},[1210,2773,2774],{"class":1220},"  title",[1210,2776,2167],{"class":1216},[1210,2778,1326],{"class":1216},[1210,2780,2781],{"class":1318},"My home page",[1210,2783,2274],{"class":1216},[1210,2785,2786,2788],{"class":1212,"line":1304},[1210,2787,1345],{"class":1216},[1210,2789,1333],{"class":1239},[1210,2791,2792,2794,2796],{"class":1212,"line":1336},[1210,2793,1243],{"class":1216},[1210,2795,1844],{"class":1220},[1210,2797,1224],{"class":1216},[1116,2799,2800,2801,2804],{},"This data can then be accessed throughout the rest of your app from the ",[1131,2802,2803],{},"route.meta"," object.",[1200,2806,2808],{"className":1202,"code":2807,"language":1205,"meta":1263,"style":1206},"\u003Cscript setup lang=\"ts\">\nconst route = useRoute()\n\nconsole.log(route.meta.title) // My home page\n\u003C/script>\n",[1131,2809,2810,2830,2842,2846,2870],{"__ignoreMap":1206},[1210,2811,2812,2814,2816,2818,2820,2822,2824,2826,2828],{"class":1212,"line":1213},[1210,2813,1217],{"class":1216},[1210,2815,1844],{"class":1220},[1210,2817,1848],{"class":1847},[1210,2819,1851],{"class":1847},[1210,2821,1854],{"class":1216},[1210,2823,1857],{"class":1216},[1210,2825,1262],{"class":1318},[1210,2827,1857],{"class":1216},[1210,2829,1224],{"class":1216},[1210,2831,2832,2834,2836,2838,2840],{"class":1212,"line":1227},[1210,2833,1868],{"class":1847},[1210,2835,1871],{"class":1239},[1210,2837,1854],{"class":1216},[1210,2839,1876],{"class":1283},[1210,2841,1879],{"class":1239},[1210,2843,2844],{"class":1212,"line":1250},[1210,2845,1885],{"emptyLinePlaceholder":1884},[1210,2847,2848,2850,2852,2854,2857,2859,2862,2864,2867],{"class":1212,"line":1304},[1210,2849,2444],{"class":1239},[1210,2851,1154],{"class":1216},[1210,2853,1943],{"class":1283},[1210,2855,2856],{"class":1239},"(route",[1210,2858,1154],{"class":1216},[1210,2860,2861],{"class":1239},"meta",[1210,2863,1154],{"class":1216},[1210,2865,2866],{"class":1239},"title) ",[1210,2868,2869],{"class":1270},"// My home page\n",[1210,2871,2872,2874,2876],{"class":1212,"line":1336},[1210,2873,1243],{"class":1216},[1210,2875,1844],{"class":1220},[1210,2877,1224],{"class":1216},[1116,2879,2880,2881,1154],{},"If you are using nested routes, the page metadata from all these routes will be merged into a single object. For more on route meta, see the ",[1125,2882,2885],{"href":2883,"rel":2884},"https://router.vuejs.org/guide/advanced/meta.html#route-meta-fields",[1129],"vue-router docs",[1116,2887,2888,2889,1184,2892,2895,2896,2901,2902,2904,2905,2908,2909,1154],{},"Much like ",[1131,2890,2891],{},"defineEmits",[1131,2893,2894],{},"defineProps"," (see ",[1125,2897,2900],{"href":2898,"rel":2899},"https://vuejs.org/api/sfc-script-setup.html#defineprops-defineemits",[1129],"Vue docs","), ",[1131,2903,587],{}," is a ",[1120,2906,2907],{},"compiler macro",". It will be compiled away so you cannot reference it within your component. Instead, the metadata passed to it will be hoisted out of the component.\nTherefore, the page meta object cannot reference the component. However, it can reference imported bindings, as well as locally defined ",[1120,2910,2911],{},"pure functions",[2913,2914,2915],"warning",{},[1116,2916,2917],{},"Make sure not to reference any reactive data or functions that cause side effects. This can lead to unexpected behavior.",[1200,2919,2921],{"className":1202,"code":2920,"language":1205,"meta":1206,"style":1206},"\u003Cscript setup lang=\"ts\">\nimport { someData } from '~/utils/example'\n\nfunction validateIdParam(route) {\n  return route.params.id && !isNaN(Number(route.params.id))\n}\n\nconst title = ref('')\n\ndefinePageMeta({\n  validate: validateIdParam,\n  someData,\n  title,    // do not do this, the ref will be hoisted out of the component\n})\n\u003C/script>\n",[1131,2922,2923,2943,2967,2971,2987,3029,3033,3037,3056,3060,3068,3079,3086,3095,3101],{"__ignoreMap":1206},[1210,2924,2925,2927,2929,2931,2933,2935,2937,2939,2941],{"class":1212,"line":1213},[1210,2926,1217],{"class":1216},[1210,2928,1844],{"class":1220},[1210,2930,1848],{"class":1847},[1210,2932,1851],{"class":1847},[1210,2934,1854],{"class":1216},[1210,2936,1857],{"class":1216},[1210,2938,1262],{"class":1318},[1210,2940,1857],{"class":1216},[1210,2942,1224],{"class":1216},[1210,2944,2945,2948,2951,2954,2957,2960,2962,2965],{"class":1212,"line":1227},[1210,2946,2947],{"class":1276},"import",[1210,2949,2950],{"class":1216}," {",[1210,2952,2953],{"class":1239}," someData",[1210,2955,2956],{"class":1216}," }",[1210,2958,2959],{"class":1276}," from",[1210,2961,1326],{"class":1216},[1210,2963,2964],{"class":1318},"~/utils/example",[1210,2966,2274],{"class":1216},[1210,2968,2969],{"class":1212,"line":1250},[1210,2970,1885],{"emptyLinePlaceholder":1884},[1210,2972,2973,2976,2979,2981,2983,2985],{"class":1212,"line":1304},[1210,2974,2975],{"class":1847},"function",[1210,2977,2978],{"class":1283}," validateIdParam",[1210,2980,1287],{"class":1216},[1210,2982,1922],{"class":2604},[1210,2984,2644],{"class":1216},[1210,2986,1301],{"class":1216},[1210,2988,2989,2992,2994,2996,2998,3000,3002,3004,3006,3009,3011,3014,3016,3018,3020,3022,3024,3026],{"class":1212,"line":1336},[1210,2990,2991],{"class":1276},"  return",[1210,2993,2605],{"class":1239},[1210,2995,1154],{"class":1216},[1210,2997,1898],{"class":1239},[1210,2999,1154],{"class":1216},[1210,3001,1737],{"class":1239},[1210,3003,1916],{"class":1216},[1210,3005,1919],{"class":1216},[1210,3007,3008],{"class":1283},"isNaN",[1210,3010,1287],{"class":1220},[1210,3012,3013],{"class":1283},"Number",[1210,3015,1287],{"class":1220},[1210,3017,1922],{"class":1239},[1210,3019,1154],{"class":1216},[1210,3021,1898],{"class":1239},[1210,3023,1154],{"class":1216},[1210,3025,1737],{"class":1239},[1210,3027,3028],{"class":1220},"))\n",[1210,3030,3031],{"class":1212,"line":1342},[1210,3032,1959],{"class":1216},[1210,3034,3035],{"class":1212,"line":1387},[1210,3036,1885],{"emptyLinePlaceholder":1884},[1210,3038,3039,3041,3044,3046,3049,3051,3054],{"class":1212,"line":2227},[1210,3040,1868],{"class":1847},[1210,3042,3043],{"class":1239}," title ",[1210,3045,1854],{"class":1216},[1210,3047,3048],{"class":1283}," ref",[1210,3050,1287],{"class":1239},[1210,3052,3053],{"class":1216},"''",[1210,3055,1333],{"class":1239},[1210,3057,3058],{"class":1212,"line":2244},[1210,3059,1885],{"emptyLinePlaceholder":1884},[1210,3061,3062,3064,3066],{"class":1212,"line":2261},[1210,3063,587],{"class":1283},[1210,3065,1287],{"class":1239},[1210,3067,1290],{"class":1216},[1210,3069,3070,3073,3075,3077],{"class":1212,"line":2277},[1210,3071,3072],{"class":1220},"  validate",[1210,3074,2167],{"class":1216},[1210,3076,2978],{"class":1239},[1210,3078,2177],{"class":1216},[1210,3080,3081,3084],{"class":1212,"line":2283},[1210,3082,3083],{"class":1239},"  someData",[1210,3085,2177],{"class":1216},[1210,3087,3088,3090,3092],{"class":1212,"line":2289},[1210,3089,2774],{"class":1239},[1210,3091,1323],{"class":1216},[1210,3093,3094],{"class":1270},"    // do not do this, the ref will be hoisted out of the component\n",[1210,3096,3097,3099],{"class":1212,"line":2294},[1210,3098,1345],{"class":1216},[1210,3100,1333],{"class":1239},[1210,3102,3104,3106,3108],{"class":1212,"line":3103},15,[1210,3105,1243],{"class":1216},[1210,3107,1844],{"class":1220},[1210,3109,1224],{"class":1216},[2466,3111,3113],{"id":3112},"special-metadata","Special Metadata",[1116,3115,3116,3117,3119],{},"Of course, you are welcome to define metadata for your own use throughout your app. But some metadata defined with ",[1131,3118,587],{}," has a particular purpose:",[3121,3122,3124],"h4",{"id":3123},"alias",[1131,3125,3123],{},[1116,3127,3128,3129,3134],{},"You can define page aliases. They allow you to access the same page from different paths. It can be either a string or an array of strings as defined ",[1125,3130,3133],{"href":3131,"rel":3132},"https://router.vuejs.org/guide/essentials/redirect-and-alias.html#Alias",[1129],"here"," on vue-router documentation.",[3121,3136,3138],{"id":3137},"keepalive",[1131,3139,3137],{},[1116,3141,3142,3143,3152,3153,3156,3157,3159],{},"Nuxt will automatically wrap your page in ",[1125,3144,3147,3148,3151],{"href":3145,"rel":3146},"https://vuejs.org/guide/built-ins/keep-alive.html#keepalive",[1129],"the Vue ",[1131,3149,3150],{},"\u003CKeepAlive>"," component"," if you set ",[1131,3154,3155],{},"keepalive: true"," in your ",[1131,3158,587],{},". This might be useful to do, for example, in a parent route that has dynamic child routes, if you want to preserve page state across route changes.",[1116,3161,3162,3163,3166,3167,3169,3170,1188],{},"When your goal is to preserve state for parent routes use this syntax: ",[1131,3164,3165],{},"\u003CNuxtPage keepalive />",". You can also set props to be passed to ",[1131,3168,3150],{}," (see a full list ",[1125,3171,3133],{"href":3172,"rel":3173},"https://vuejs.org/api/built-in-components.html#keepalive",[1129],[1116,3175,3176,3177,1154],{},"You can set a default value for this property ",[1125,3178,3180,3181],{"href":3179},"/docs/api/nuxt-config#keepalive","in your ",[1131,3182,1146],{},[3121,3184,3185],{"id":2482},[1131,3186,2482],{},[1116,3188,3189,1154],{},[1125,3190,3192],{"href":3191},"#child-route-keys","See above",[3121,3194,3196],{"id":3195},"layout",[1131,3197,3195],{},[1116,3199,3200,3201,1154],{},"You can define the layout used to render the route. This can be either false (to disable any layout), a string or a ref/computed, if you want to make it reactive in some way. ",[1125,3202,3203],{"href":192},"More about layouts",[3121,3205,3207,1683,3210],{"id":3206},"layouttransition-and-pagetransition",[1131,3208,3209],{},"layoutTransition",[1131,3211,3212],{},"pageTransition",[1116,3214,3215,3216,3219,3220,3223,3224,3226,3227,3231,3232,1154],{},"You can define transition properties for the ",[1131,3217,3218],{},"\u003Ctransition>"," component that wraps your pages and layouts, or pass ",[1131,3221,3222],{},"false"," to disable the ",[1131,3225,3218],{}," wrapper for that route. You can see a list of options that can be passed ",[1125,3228,3133],{"href":3229,"rel":3230},"https://vuejs.org/api/built-in-components.html#transition",[1129]," or read ",[1125,3233,3236],{"href":3234,"rel":3235},"https://vuejs.org/guide/built-ins/transition.html#transition",[1129],"more about how transitions work",[1116,3238,3239,3240,1154],{},"You can set default values for these properties ",[1125,3241,3180,3243],{"href":3242},"/docs/api/nuxt-config#layouttransition",[1131,3244,1146],{},[3121,3246,3247],{"id":195},[1131,3248,195],{},[1116,3250,3251,3252,3257,3258,1154],{},"You can define middleware to apply before loading this page. It will be merged with all the other middleware used in any matching parent/child routes. It can be a string, a function (an anonymous/inlined middleware function following ",[1125,3253,3256],{"href":3254,"rel":3255},"https://router.vuejs.org/guide/advanced/navigation-guards.html#global-before-guards",[1129],"the global before guard pattern","), or an array of strings/functions. ",[1125,3259,3260],{"href":196},"More about named middleware",[3121,3262,3264],{"id":3263},"name",[1131,3265,3263],{},[1116,3267,3268],{},"You may define a name for this page's route.",[3121,3270,3272],{"id":3271},"path",[1131,3273,3271],{},[1116,3275,3276,3277,3285],{},"You may define a path matcher, if you have a more complex pattern than can be expressed with the file name. See ",[1125,3278,3281,3282,3284],{"href":3279,"rel":3280},"https://router.vuejs.org/guide/essentials/route-matching-syntax.html#custom-regex-in-params",[1129],"the ",[1131,3283,1133],{}," docs"," for more information.",[2466,3287,3289],{"id":3288},"typing-custom-metadata","Typing Custom Metadata",[1116,3291,3292,3293,2167],{},"If you add custom metadata for your pages, you may wish to do so in a type-safe way. It is possible to augment the type of the object accepted by ",[1131,3294,587],{},[1200,3296,3299],{"className":1259,"code":3297,"filename":3298,"language":1262,"meta":1206,"style":1206},"declare module '#app' {\n  interface PageMeta {\n    pageType?: string\n  }\n}\n\n// It is always important to ensure you import/export something when augmenting a type\nexport {}\n","index.d.ts",[1131,3300,3301,3318,3328,3339,3343,3347,3351,3356],{"__ignoreMap":1206},[1210,3302,3303,3306,3309,3311,3314,3316],{"class":1212,"line":1213},[1210,3304,3305],{"class":1847},"declare",[1210,3307,3308],{"class":1847}," module",[1210,3310,1326],{"class":1216},[1210,3312,3313],{"class":1318},"#app",[1210,3315,1315],{"class":1216},[1210,3317,1301],{"class":1216},[1210,3319,3320,3323,3326],{"class":1212,"line":1227},[1210,3321,3322],{"class":1847},"  interface",[1210,3324,3325],{"class":1698}," PageMeta",[1210,3327,1301],{"class":1216},[1210,3329,3330,3333,3336],{"class":1212,"line":1250},[1210,3331,3332],{"class":1220},"    pageType",[1210,3334,3335],{"class":1216},"?:",[1210,3337,3338],{"class":1698}," string\n",[1210,3340,3341],{"class":1212,"line":1304},[1210,3342,1339],{"class":1216},[1210,3344,3345],{"class":1212,"line":1336},[1210,3346,1959],{"class":1216},[1210,3348,3349],{"class":1212,"line":1342},[1210,3350,1885],{"emptyLinePlaceholder":1884},[1210,3352,3353],{"class":1212,"line":1387},[1210,3354,3355],{"class":1270},"// It is always important to ensure you import/export something when augmenting a type\n",[1210,3357,3358,3360],{"class":1212,"line":2227},[1210,3359,1277],{"class":1276},[1210,3361,3362],{"class":1216}," {}\n",[1156,3364,3366],{"id":3365},"navigation","Navigation",[1116,3368,3369,3370,3374],{},"To navigate between pages of your app, you should use the ",[1125,3371,3372],{"href":394},[1131,3373,393],{}," component.",[1116,3376,3377],{},"This component is included with Nuxt and therefore you don't have to import it as you do with other components.",[1116,3379,3380,3381,3384,3385,3387],{},"A simple link to the ",[1131,3382,3383],{},"index.vue"," page in your ",[1131,3386,207],{}," folder:",[1200,3389,3391],{"className":1202,"code":3390,"language":1205,"meta":1206,"style":1206},"\u003Ctemplate>\n  \u003CNuxtLink to=\"/\">Home page\u003C/NuxtLink>\n\u003C/template>\n",[1131,3392,3393,3401,3430],{"__ignoreMap":1206},[1210,3394,3395,3397,3399],{"class":1212,"line":1213},[1210,3396,1217],{"class":1216},[1210,3398,1221],{"class":1220},[1210,3400,1224],{"class":1216},[1210,3402,3403,3405,3408,3411,3413,3415,3417,3419,3421,3424,3426,3428],{"class":1212,"line":1227},[1210,3404,1230],{"class":1216},[1210,3406,3407],{"class":1220},"NuxtLink",[1210,3409,3410],{"class":1847}," to",[1210,3412,1854],{"class":1216},[1210,3414,1857],{"class":1216},[1210,3416,1399],{"class":1318},[1210,3418,1857],{"class":1216},[1210,3420,1236],{"class":1216},[1210,3422,3423],{"class":1239},"Home page",[1210,3425,1243],{"class":1216},[1210,3427,3407],{"class":1220},[1210,3429,1224],{"class":1216},[1210,3431,3432,3434,3436],{"class":1212,"line":1250},[1210,3433,1243],{"class":1216},[1210,3435,1221],{"class":1220},[1210,3437,1224],{"class":1216},[3439,3440,3441],"read-more",{"to":394},[1116,3442,3443,3444,3446],{},"Learn more about ",[1131,3445,393],{}," usage.",[1156,3448,3450],{"id":3449},"programmatic-navigation","Programmatic Navigation",[1116,3452,3453,3454,3457,3458,3461],{},"Nuxt allows programmatic navigation through the ",[1131,3455,3456],{},"navigateTo()"," utility method. Using this utility method, you will be able to programmatically navigate the user in your app. This is great for taking input from the user and navigating them dynamically throughout your application. In this example, we have a simple method called ",[1131,3459,3460],{},"navigate()"," that gets called when the user submits a search form.",[1113,3463,3464],{},[1116,3465,3466,3467,3470,3471,3473],{},"Ensure to always ",[1131,3468,3469],{},"await"," on ",[1131,3472,595],{}," or chain its result by returning from functions.",[1200,3475,3477],{"className":1202,"code":3476,"language":1205,"meta":1263,"style":1206},"\u003Cscript setup lang=\"ts\">\nconst name = ref('');\nconst type = ref(1);\n\nfunction navigate(){\n  return navigateTo({\n    path: '/search',\n    query: {\n      name: name.value,\n      type: type.value\n    }\n  })\n}\n\u003C/script>\n",[1131,3478,3479,3499,3519,3540,3544,3554,3565,3580,3589,3606,3621,3626,3633,3637],{"__ignoreMap":1206},[1210,3480,3481,3483,3485,3487,3489,3491,3493,3495,3497],{"class":1212,"line":1213},[1210,3482,1217],{"class":1216},[1210,3484,1844],{"class":1220},[1210,3486,1848],{"class":1847},[1210,3488,1851],{"class":1847},[1210,3490,1854],{"class":1216},[1210,3492,1857],{"class":1216},[1210,3494,1262],{"class":1318},[1210,3496,1857],{"class":1216},[1210,3498,1224],{"class":1216},[1210,3500,3501,3503,3506,3508,3510,3512,3514,3516],{"class":1212,"line":1227},[1210,3502,1868],{"class":1847},[1210,3504,3505],{"class":1239}," name ",[1210,3507,1854],{"class":1216},[1210,3509,3048],{"class":1283},[1210,3511,1287],{"class":1239},[1210,3513,3053],{"class":1216},[1210,3515,2644],{"class":1239},[1210,3517,3518],{"class":1216},";\n",[1210,3520,3521,3523,3526,3528,3530,3532,3536,3538],{"class":1212,"line":1250},[1210,3522,1868],{"class":1847},[1210,3524,3525],{"class":1239}," type ",[1210,3527,1854],{"class":1216},[1210,3529,3048],{"class":1283},[1210,3531,1287],{"class":1239},[1210,3533,3535],{"class":3534},"sV9sa","1",[1210,3537,2644],{"class":1239},[1210,3539,3518],{"class":1216},[1210,3541,3542],{"class":1212,"line":1304},[1210,3543,1885],{"emptyLinePlaceholder":1884},[1210,3545,3546,3548,3551],{"class":1212,"line":1336},[1210,3547,2975],{"class":1847},[1210,3549,3550],{"class":1283}," navigate",[1210,3552,3553],{"class":1216},"(){\n",[1210,3555,3556,3558,3561,3563],{"class":1212,"line":1342},[1210,3557,2991],{"class":1276},[1210,3559,3560],{"class":1283}," navigateTo",[1210,3562,1287],{"class":1220},[1210,3564,1290],{"class":1216},[1210,3566,3567,3569,3571,3573,3576,3578],{"class":1212,"line":1387},[1210,3568,2164],{"class":1220},[1210,3570,2167],{"class":1216},[1210,3572,1326],{"class":1216},[1210,3574,3575],{"class":1318},"/search",[1210,3577,1315],{"class":1216},[1210,3579,2177],{"class":1216},[1210,3581,3582,3585,3587],{"class":1212,"line":2227},[1210,3583,3584],{"class":1220},"    query",[1210,3586,2167],{"class":1216},[1210,3588,1301],{"class":1216},[1210,3590,3591,3594,3596,3599,3601,3604],{"class":1212,"line":2244},[1210,3592,3593],{"class":1220},"      name",[1210,3595,2167],{"class":1216},[1210,3597,3598],{"class":1239}," name",[1210,3600,1154],{"class":1216},[1210,3602,3603],{"class":1239},"value",[1210,3605,2177],{"class":1216},[1210,3607,3608,3611,3613,3616,3618],{"class":1212,"line":2261},[1210,3609,3610],{"class":1220},"      type",[1210,3612,2167],{"class":1216},[1210,3614,3615],{"class":1239}," type",[1210,3617,1154],{"class":1216},[1210,3619,3620],{"class":1239},"value\n",[1210,3622,3623],{"class":1212,"line":2277},[1210,3624,3625],{"class":1216},"    }\n",[1210,3627,3628,3631],{"class":1212,"line":2283},[1210,3629,3630],{"class":1216},"  }",[1210,3632,1333],{"class":1220},[1210,3634,3635],{"class":1212,"line":2289},[1210,3636,1959],{"class":1216},[1210,3638,3639,3641,3643],{"class":1212,"line":2294},[1210,3640,1243],{"class":1216},[1210,3642,1844],{"class":1220},[1210,3644,1224],{"class":1216},[1156,3646,3648],{"id":3647},"client-only-pages","Client-Only Pages",[1116,3650,3651,3652,3656,3657,3660],{},"You can define a page as ",[1125,3653,3655],{"href":3654},"/docs/guide/directory-structure/components#client-components","client only"," by giving it a ",[1131,3658,3659],{},".client.vue"," suffix. None of the content of this page will be rendered on the server.",[1156,3662,3664],{"id":3663},"server-only-pages","Server-Only Pages",[1116,3666,3651,3667,3656,3671,3674,3675,3677],{},[1125,3668,3670],{"href":3669},"/docs/guide/directory-structure/components#server-components","server only",[1131,3672,3673],{},".server.vue"," suffix. While you will be able to navigate to the page using client-side navigation, controlled by ",[1131,3676,1133],{},", it will be rendered with a server component automatically, meaning the code required to render the page will not be in your client-side bundle.",[3679,3680,3681],"alert",{"type":2913},[1116,3682,3683],{},"Server-only pages must have a single root element. (HTML comments are considered elements as well.)",[1156,3685,330],{"id":3686},"custom-routing",[1116,3688,3689],{},"As your app gets bigger and more complex, your routing might require more flexibility. For this reason, Nuxt directly exposes the router, routes and router options for customization in different ways.",[3439,3691],{"to":331},[1156,3693,3695],{"id":3694},"multiple-pages-directories","Multiple Pages Directories",[1116,3697,3698,3699,3701],{},"By default, all your pages should be in one ",[1131,3700,207],{}," directory at the root of your project.",[1116,3703,3704,3705,3708],{},"However, you can use ",[1125,3706,3707],{"href":85},"Nuxt Layers"," to create groupings of your app's pages:",[1200,3710,3712],{"className":1689,"code":3711,"filename":159,"language":1691,"meta":1206,"style":1206},"-| some-app/\n---| nuxt.config.ts\n---| pages/\n-----| app-page.vue\n-| nuxt.config.ts\n",[1131,3713,3714,3723,3732,3740,3749],{"__ignoreMap":1206},[1210,3715,3716,3718,3720],{"class":1212,"line":1213},[1210,3717,1699],{"class":1698},[1210,3719,1702],{"class":1216},[1210,3721,3722],{"class":1698}," some-app/\n",[1210,3724,3725,3727,3729],{"class":1212,"line":1227},[1210,3726,1710],{"class":1698},[1210,3728,1702],{"class":1216},[1210,3730,3731],{"class":1698}," nuxt.config.ts\n",[1210,3733,3734,3736,3738],{"class":1212,"line":1250},[1210,3735,1710],{"class":1698},[1210,3737,1702],{"class":1216},[1210,3739,1705],{"class":1698},[1210,3741,3742,3744,3746],{"class":1212,"line":1304},[1210,3743,1729],{"class":1698},[1210,3745,1702],{"class":1216},[1210,3747,3748],{"class":1698}," app-page.vue\n",[1210,3750,3751,3753,3755],{"class":1212,"line":1336},[1210,3752,1699],{"class":1698},[1210,3754,1702],{"class":1216},[1210,3756,3731],{"class":1698},[1200,3758,3761],{"className":1259,"code":3759,"filename":3760,"language":1262,"meta":1263,"style":1206},"// some-app/nuxt.config.ts\nexport default defineNuxtConfig({\n})\n","some-app/nuxt.config.ts",[1131,3762,3763,3768,3781],{"__ignoreMap":1206},[1210,3764,3765],{"class":1212,"line":1213},[1210,3766,3767],{"class":1270},"// some-app/nuxt.config.ts\n",[1210,3769,3770,3772,3774,3777,3779],{"class":1212,"line":1227},[1210,3771,1277],{"class":1276},[1210,3773,1280],{"class":1276},[1210,3775,3776],{"class":1283}," defineNuxtConfig",[1210,3778,1287],{"class":1239},[1210,3780,1290],{"class":1216},[1210,3782,3783,3785],{"class":1212,"line":1250},[1210,3784,1345],{"class":1216},[1210,3786,1333],{"class":1239},[1200,3788,3790],{"className":1259,"code":3789,"filename":260,"language":1262,"meta":1263,"style":1206},"export default defineNuxtConfig({\n  extends: ['./some-app'],\n})\n",[1131,3791,3792,3804,3824],{"__ignoreMap":1206},[1210,3793,3794,3796,3798,3800,3802],{"class":1212,"line":1213},[1210,3795,1277],{"class":1276},[1210,3797,1280],{"class":1276},[1210,3799,3776],{"class":1283},[1210,3801,1287],{"class":1239},[1210,3803,1290],{"class":1216},[1210,3805,3806,3809,3811,3813,3815,3818,3820,3822],{"class":1212,"line":1227},[1210,3807,3808],{"class":1220},"  extends",[1210,3810,2167],{"class":1216},[1210,3812,1734],{"class":1239},[1210,3814,1315],{"class":1216},[1210,3816,3817],{"class":1318},"./some-app",[1210,3819,1315],{"class":1216},[1210,3821,1740],{"class":1239},[1210,3823,2177],{"class":1216},[1210,3825,3826,3828],{"class":1212,"line":1250},[1210,3827,1345],{"class":1216},[1210,3829,1333],{"class":1239},[3439,3831],{"to":316},[3833,3834,3835],"style",{},"html pre.shiki code .sYp4K, html code.shiki .sYp4K{--shiki-light:#39ADB5;--shiki-default:#39ADB5;--shiki-dark:#89DDFF}html pre.shiki code .sQ5dg, html code.shiki .sQ5dg{--shiki-light:#E53935;--shiki-default:#E53935;--shiki-dark:#F07178}html pre.shiki code .spdxX, html code.shiki .spdxX{--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);}html pre.shiki code .svXlt, html code.shiki .svXlt{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#90A4AE;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sT2Ow, html code.shiki .sT2Ow{--shiki-light:#E2931D;--shiki-default:#E2931D;--shiki-dark:#FFCB6B}html pre.shiki code .s5UST, html code.shiki .s5UST{--shiki-light:#91B859;--shiki-default:#91B859;--shiki-dark:#C3E88D}html pre.shiki code .sRBFq, html code.shiki .sRBFq{--shiki-light:#9C3EDA;--shiki-default:#9C3EDA;--shiki-dark:#C792EA}html pre.shiki code .szd4z, html code.shiki .szd4z{--shiki-light:#6182B8;--shiki-default:#6182B8;--shiki-dark:#82AAFF}html pre.shiki code .sFVN2, html code.shiki .sFVN2{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#39ADB5;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .ssYd4, html code.shiki .ssYd4{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#90A4AE;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sV9sa, html code.shiki .sV9sa{--shiki-light:#F76D47;--shiki-default:#F76D47;--shiki-dark:#F78C6C}",{"title":1206,"searchDepth":1227,"depth":1227,"links":3837},[3838,3839,3840,3841,3844,3845,3849,3850,3851,3852,3853,3854],{"id":1158,"depth":1227,"text":1159},{"id":1656,"depth":1227,"text":1657},{"id":2003,"depth":1227,"text":2004},{"id":2084,"depth":1227,"text":2085,"children":3842},[3843],{"id":2468,"depth":1250,"text":2469},{"id":2635,"depth":1227,"text":2636},{"id":2722,"depth":1227,"text":2723,"children":3846},[3847,3848],{"id":3112,"depth":1250,"text":3113},{"id":3288,"depth":1250,"text":3289},{"id":3365,"depth":1227,"text":3366},{"id":3449,"depth":1227,"text":3450},{"id":3647,"depth":1227,"text":3648},{"id":3663,"depth":1227,"text":3664},{"id":3686,"depth":1227,"text":330},{"id":3694,"depth":1227,"text":3695},"Nuxt provides file-based routing to create routes within your web application.","md",{"head":3858},{"title":3859},"pages/",{"icon":169},{"title":207,"description":3855},"tXqqLrfM1S",[6,6],1742651382392]