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