[{"data":1,"prerenderedAt":2549},["ShallowReactive",2],{"navigation":3,"-blog-v3-8":1107,"-blog-v3-8-surround":2548},[4,1018],{"title":5,"titleTemplate":6,"icon":7,"path":8,"stem":9,"children":10,"page":108},"Docs",null,"i-lucide-bookmark","/docs","docs",[11,109,345,805,897,934,976],{"title":12,"titleTemplate":13,"icon":14,"path":15,"stem":16,"children":17,"page":108},"Get Started","%s · Get Started with Nuxt","i-lucide-rocket","/docs/getting-started","docs/1.getting-started",[18,23,28,33,38,43,48,53,58,63,68,73,78,83,88,93,98,103],{"title":19,"path":20,"stem":21,"titleTemplate":6,"icon":22},"Introduction","/docs/getting-started/introduction","docs/1.getting-started/01.introduction","i-lucide-info",{"title":24,"path":25,"stem":26,"titleTemplate":6,"icon":27},"Installation","/docs/getting-started/installation","docs/1.getting-started/02.installation","i-lucide-play",{"title":29,"path":30,"stem":31,"titleTemplate":6,"icon":32},"Configuration","/docs/getting-started/configuration","docs/1.getting-started/03.configuration","i-lucide-cog",{"title":34,"path":35,"stem":36,"titleTemplate":6,"icon":37},"Views","/docs/getting-started/views","docs/1.getting-started/04.views","i-lucide-panels-top-left",{"title":39,"path":40,"stem":41,"titleTemplate":6,"icon":42},"Assets","/docs/getting-started/assets","docs/1.getting-started/05.assets","i-lucide-image",{"title":44,"path":45,"stem":46,"titleTemplate":6,"icon":47},"Styling","/docs/getting-started/styling","docs/1.getting-started/06.styling","i-lucide-palette",{"title":49,"path":50,"stem":51,"titleTemplate":6,"icon":52},"Routing","/docs/getting-started/routing","docs/1.getting-started/07.routing","i-lucide-milestone",{"title":54,"path":55,"stem":56,"titleTemplate":6,"icon":57},"SEO and Meta","/docs/getting-started/seo-meta","docs/1.getting-started/08.seo-meta","i-lucide-file-search",{"title":59,"path":60,"stem":61,"titleTemplate":6,"icon":62},"Transitions","/docs/getting-started/transitions","docs/1.getting-started/09.transitions","i-lucide-toggle-right",{"title":64,"path":65,"stem":66,"titleTemplate":6,"icon":67},"Data Fetching","/docs/getting-started/data-fetching","docs/1.getting-started/10.data-fetching","i-lucide-cable",{"title":69,"path":70,"stem":71,"titleTemplate":6,"icon":72},"State Management","/docs/getting-started/state-management","docs/1.getting-started/11.state-management","i-lucide-database",{"title":74,"path":75,"stem":76,"titleTemplate":6,"icon":77},"Error Handling","/docs/getting-started/error-handling","docs/1.getting-started/12.error-handling","i-lucide-bug-off",{"title":79,"path":80,"stem":81,"titleTemplate":6,"icon":82},"Server","/docs/getting-started/server","docs/1.getting-started/13.server","i-lucide-pc-case",{"title":84,"path":85,"stem":86,"titleTemplate":6,"icon":87},"Layers","/docs/getting-started/layers","docs/1.getting-started/14.layers","i-lucide-layers",{"title":89,"path":90,"stem":91,"titleTemplate":6,"icon":92},"Prerendering","/docs/getting-started/prerendering","docs/1.getting-started/15.prerendering","i-lucide-file-code-2",{"title":94,"path":95,"stem":96,"titleTemplate":6,"icon":97},"Deployment","/docs/getting-started/deployment","docs/1.getting-started/16.deployment","i-lucide-cloud",{"title":99,"path":100,"stem":101,"titleTemplate":6,"icon":102},"Testing","/docs/getting-started/testing","docs/1.getting-started/17.testing","i-lucide-circle-check",{"title":104,"path":105,"stem":106,"titleTemplate":6,"icon":107},"Upgrade Guide","/docs/getting-started/upgrade","docs/1.getting-started/18.upgrade","i-lucide-circle-arrow-up",false,{"title":110,"titleTemplate":6,"icon":111,"path":112,"stem":113,"children":114,"page":108},"Guide","i-lucide-book-open","/docs/guide","docs/2.guide",[115,158,271,322],{"title":116,"titleTemplate":117,"icon":118,"path":119,"stem":120,"children":121,"page":108},"Key Concepts","%s · Nuxt Concepts","i-lucide-medal","/docs/guide/concepts","docs/2.guide/1.concepts",[122,126,130,134,138,142,146,150,154],{"title":123,"path":124,"stem":125,"titleTemplate":6},"Auto-imports","/docs/guide/concepts/auto-imports","docs/2.guide/1.concepts/1.auto-imports",{"title":127,"path":128,"stem":129,"titleTemplate":6},"Nuxt Lifecycle","/docs/guide/concepts/nuxt-lifecycle","docs/2.guide/1.concepts/10.nuxt-lifecycle",{"title":131,"path":132,"stem":133,"titleTemplate":6},"Vue.js Development","/docs/guide/concepts/vuejs-development","docs/2.guide/1.concepts/2.vuejs-development",{"title":135,"path":136,"stem":137,"titleTemplate":6},"Rendering Modes","/docs/guide/concepts/rendering","docs/2.guide/1.concepts/3.rendering",{"title":139,"path":140,"stem":141,"titleTemplate":6},"Server Engine","/docs/guide/concepts/server-engine","docs/2.guide/1.concepts/4.server-engine",{"title":143,"path":144,"stem":145,"titleTemplate":6},"Modules","/docs/guide/concepts/modules","docs/2.guide/1.concepts/5.modules",{"title":147,"path":148,"stem":149,"titleTemplate":6},"ES Modules","/docs/guide/concepts/esm","docs/2.guide/1.concepts/7.esm",{"title":151,"path":152,"stem":153,"titleTemplate":6},"TypeScript","/docs/guide/concepts/typescript","docs/2.guide/1.concepts/8.typescript",{"title":155,"path":156,"stem":157,"titleTemplate":6},"Code Style","/docs/guide/concepts/code-style","docs/2.guide/1.concepts/9.code-style",{"title":159,"titleTemplate":160,"icon":161,"path":162,"stem":163,"children":164,"page":108},"Directory Structure","%s · Nuxt Directory Structure","i-lucide-folders","/docs/guide/directory-structure","docs/2.guide/2.directory-structure",[165,170,174,178,182,186,190,194,198,202,206,210,214,218,222,226,230,235,239,243,247,251,255,259,263,267],{"title":166,"path":167,"stem":168,"titleTemplate":6,"icon":169},".nuxt","/docs/guide/directory-structure/nuxt","docs/2.guide/2.directory-structure/0.nuxt","i-lucide-folder",{"title":171,"path":172,"stem":173,"titleTemplate":6,"icon":169},".output","/docs/guide/directory-structure/output","docs/2.guide/2.directory-structure/0.output",{"title":175,"path":176,"stem":177,"titleTemplate":6,"icon":169},"assets","/docs/guide/directory-structure/assets","docs/2.guide/2.directory-structure/1.assets",{"title":179,"path":180,"stem":181,"titleTemplate":6,"icon":169},"components","/docs/guide/directory-structure/components","docs/2.guide/2.directory-structure/1.components",{"title":183,"path":184,"stem":185,"titleTemplate":6,"icon":169},"composables","/docs/guide/directory-structure/composables","docs/2.guide/2.directory-structure/1.composables",{"title":187,"path":188,"stem":189,"titleTemplate":6,"icon":169},"content","/docs/guide/directory-structure/content","docs/2.guide/2.directory-structure/1.content",{"title":191,"path":192,"stem":193,"titleTemplate":6,"icon":169},"layouts","/docs/guide/directory-structure/layouts","docs/2.guide/2.directory-structure/1.layouts",{"title":195,"path":196,"stem":197,"titleTemplate":6,"icon":169},"middleware","/docs/guide/directory-structure/middleware","docs/2.guide/2.directory-structure/1.middleware",{"title":199,"path":200,"stem":201,"titleTemplate":6,"icon":169},"modules","/docs/guide/directory-structure/modules","docs/2.guide/2.directory-structure/1.modules",{"title":203,"path":204,"stem":205,"titleTemplate":6,"icon":169},"node_modules","/docs/guide/directory-structure/node_modules","docs/2.guide/2.directory-structure/1.node_modules",{"title":207,"path":208,"stem":209,"titleTemplate":6,"icon":169},"pages","/docs/guide/directory-structure/pages","docs/2.guide/2.directory-structure/1.pages",{"title":211,"path":212,"stem":213,"titleTemplate":6,"icon":169},"plugins","/docs/guide/directory-structure/plugins","docs/2.guide/2.directory-structure/1.plugins",{"title":215,"path":216,"stem":217,"titleTemplate":6,"icon":169},"public","/docs/guide/directory-structure/public","docs/2.guide/2.directory-structure/1.public",{"title":219,"path":220,"stem":221,"titleTemplate":6,"icon":169},"server","/docs/guide/directory-structure/server","docs/2.guide/2.directory-structure/1.server",{"title":223,"path":224,"stem":225,"titleTemplate":6,"icon":169},"shared","/docs/guide/directory-structure/shared","docs/2.guide/2.directory-structure/1.shared",{"title":227,"path":228,"stem":229,"titleTemplate":6,"icon":169},"utils","/docs/guide/directory-structure/utils","docs/2.guide/2.directory-structure/1.utils",{"title":231,"path":232,"stem":233,"titleTemplate":6,"icon":234},".env","/docs/guide/directory-structure/env","docs/2.guide/2.directory-structure/2.env","i-lucide-file",{"title":236,"path":237,"stem":238,"titleTemplate":6,"icon":234},".gitignore","/docs/guide/directory-structure/gitignore","docs/2.guide/2.directory-structure/2.gitignore",{"title":240,"path":241,"stem":242,"titleTemplate":6,"icon":234},".nuxtignore","/docs/guide/directory-structure/nuxtignore","docs/2.guide/2.directory-structure/2.nuxtignore",{"title":244,"path":245,"stem":246,"titleTemplate":6,"icon":234},".nuxtrc","/docs/guide/directory-structure/nuxtrc","docs/2.guide/2.directory-structure/2.nuxtrc",{"title":248,"path":249,"stem":250,"titleTemplate":6,"icon":234},"app.vue","/docs/guide/directory-structure/app","docs/2.guide/2.directory-structure/3.app",{"title":252,"path":253,"stem":254,"titleTemplate":6,"icon":234},"app.config.ts","/docs/guide/directory-structure/app-config","docs/2.guide/2.directory-structure/3.app-config",{"title":256,"path":257,"stem":258,"titleTemplate":6,"icon":234},"error.vue","/docs/guide/directory-structure/error","docs/2.guide/2.directory-structure/3.error",{"title":260,"path":261,"stem":262,"titleTemplate":6,"icon":234},"nuxt.config.ts","/docs/guide/directory-structure/nuxt-config","docs/2.guide/2.directory-structure/3.nuxt-config",{"title":264,"path":265,"stem":266,"titleTemplate":6,"icon":234},"package.json","/docs/guide/directory-structure/package","docs/2.guide/2.directory-structure/3.package",{"title":268,"path":269,"stem":270,"titleTemplate":6,"icon":234},"tsconfig.json","/docs/guide/directory-structure/tsconfig","docs/2.guide/2.directory-structure/3.tsconfig",{"title":272,"titleTemplate":273,"icon":274,"path":275,"stem":276,"children":277,"page":108},"Going Further","%s · Nuxt Advanced","i-lucide-star","/docs/guide/going-further","docs/2.guide/3.going-further",[278,282,286,290,294,298,302,306,310,314,318],{"title":279,"path":280,"stem":281,"titleTemplate":6},"Experimental Features","/docs/guide/going-further/experimental-features","docs/2.guide/3.going-further/1.experimental-features",{"title":283,"path":284,"stem":285,"titleTemplate":6},"Features","/docs/guide/going-further/features","docs/2.guide/3.going-further/1.features",{"title":287,"path":288,"stem":289,"titleTemplate":6},"How Nuxt Works?","/docs/guide/going-further/internals","docs/2.guide/3.going-further/1.internals",{"title":291,"path":292,"stem":293,"titleTemplate":6},"Runtime Config","/docs/guide/going-further/runtime-config","docs/2.guide/3.going-further/10.runtime-config",{"title":295,"path":296,"stem":297,"titleTemplate":6},"Nightly Release Channel","/docs/guide/going-further/nightly-release-channel","docs/2.guide/3.going-further/11.nightly-release-channel",{"title":299,"path":300,"stem":301,"titleTemplate":6},"Lifecycle Hooks","/docs/guide/going-further/hooks","docs/2.guide/3.going-further/2.hooks",{"title":303,"path":304,"stem":305,"titleTemplate":6},"Module Author Guide","/docs/guide/going-further/modules","docs/2.guide/3.going-further/3.modules",{"title":307,"path":308,"stem":309,"titleTemplate":6},"Nuxt Kit","/docs/guide/going-further/kit","docs/2.guide/3.going-further/4.kit",{"title":311,"path":312,"stem":313,"titleTemplate":6},"NuxtApp","/docs/guide/going-further/nuxt-app","docs/2.guide/3.going-further/6.nuxt-app",{"title":315,"path":316,"stem":317,"titleTemplate":6},"Authoring Nuxt Layers","/docs/guide/going-further/layers","docs/2.guide/3.going-further/7.layers",{"title":319,"path":320,"stem":321,"titleTemplate":6},"Debugging","/docs/guide/going-further/debugging","docs/2.guide/3.going-further/9.debugging",{"title":323,"titleTemplate":324,"icon":325,"path":326,"stem":327,"children":328,"page":108},"Recipes","%s · Recipes","i-lucide-cooking-pot","/docs/guide/recipes","docs/2.guide/4.recipes",[329,333,337,341],{"title":330,"path":331,"stem":332,"titleTemplate":6},"Custom Routing","/docs/guide/recipes/custom-routing","docs/2.guide/4.recipes/1.custom-routing",{"title":334,"path":335,"stem":336,"titleTemplate":6},"Vite Plugins","/docs/guide/recipes/vite-plugin","docs/2.guide/4.recipes/2.vite-plugin",{"title":338,"path":339,"stem":340,"titleTemplate":6},"Custom useFetch","/docs/guide/recipes/custom-usefetch","docs/2.guide/4.recipes/3.custom-usefetch",{"title":342,"path":343,"stem":344,"titleTemplate":6},"Sessions and Authentication","/docs/guide/recipes/sessions-and-authentication","docs/2.guide/4.recipes/4.sessions-and-authentication",{"title":346,"titleTemplate":347,"icon":348,"path":349,"stem":350,"children":351,"page":108},"API","%s · Nuxt API","i-lucide-code-xml","/docs/api","docs/3.api",[352,416,539,654,721,787,800],{"title":353,"titleTemplate":354,"icon":355,"path":356,"stem":357,"children":358,"page":108},"Components","%s · Nuxt Components","i-lucide-box","/docs/api/components","docs/3.api/1.components",[359,363,367,371,375,379,384,388,392,396,400,404,408,412],{"title":360,"path":361,"stem":362,"titleTemplate":6},"\u003CClientOnly>","/docs/api/components/client-only","docs/3.api/1.components/1.client-only",{"title":364,"path":365,"stem":366,"titleTemplate":6},"\u003CDevOnly>","/docs/api/components/dev-only","docs/3.api/1.components/1.dev-only",{"title":368,"path":369,"stem":370,"titleTemplate":6},"\u003CNuxtClientFallback>","/docs/api/components/nuxt-client-fallback","docs/3.api/1.components/1.nuxt-client-fallback",{"title":372,"path":373,"stem":374,"titleTemplate":6},"\u003CNuxtPicture>","/docs/api/components/nuxt-picture","docs/3.api/1.components/10.nuxt-picture",{"title":376,"path":377,"stem":378,"titleTemplate":6},"\u003CTeleport>","/docs/api/components/teleports","docs/3.api/1.components/11.teleports",{"title":380,"path":381,"stem":382,"titleTemplate":6,"badge":383},"\u003CNuxtRouteAnnouncer>","/docs/api/components/nuxt-route-announcer","docs/3.api/1.components/12.nuxt-route-announcer","New",{"title":385,"path":386,"stem":387,"titleTemplate":6},"\u003CNuxtPage>","/docs/api/components/nuxt-page","docs/3.api/1.components/2.nuxt-page",{"title":389,"path":390,"stem":391,"titleTemplate":6},"\u003CNuxtLayout>","/docs/api/components/nuxt-layout","docs/3.api/1.components/3.nuxt-layout",{"title":393,"path":394,"stem":395,"titleTemplate":6},"\u003CNuxtLink>","/docs/api/components/nuxt-link","docs/3.api/1.components/4.nuxt-link",{"title":397,"path":398,"stem":399,"titleTemplate":6},"\u003CNuxtLoadingIndicator>","/docs/api/components/nuxt-loading-indicator","docs/3.api/1.components/5.nuxt-loading-indicator",{"title":401,"path":402,"stem":403,"titleTemplate":6},"\u003CNuxtErrorBoundary>","/docs/api/components/nuxt-error-boundary","docs/3.api/1.components/6.nuxt-error-boundary",{"title":405,"path":406,"stem":407,"titleTemplate":6},"\u003CNuxtWelcome>","/docs/api/components/nuxt-welcome","docs/3.api/1.components/7.nuxt-welcome",{"title":409,"path":410,"stem":411,"titleTemplate":6},"\u003CNuxtIsland>","/docs/api/components/nuxt-island","docs/3.api/1.components/8.nuxt-island",{"title":413,"path":414,"stem":415,"titleTemplate":6},"\u003CNuxtImg>","/docs/api/components/nuxt-img","docs/3.api/1.components/9.nuxt-img",{"title":417,"titleTemplate":418,"icon":419,"path":420,"stem":421,"children":422,"page":108},"Composables","%s · Nuxt Composables","i-lucide-arrow-left-right","/docs/api/composables","docs/3.api/2.composables",[423,427,431,435,439,443,447,451,455,459,463,467,471,475,479,483,487,491,495,499,503,507,511,515,519,523,527,531,535],{"title":424,"path":425,"stem":426,"titleTemplate":6},"onPrehydrate","/docs/api/composables/on-prehydrate","docs/3.api/2.composables/on-prehydrate",{"title":428,"path":429,"stem":430,"titleTemplate":6},"useAppConfig","/docs/api/composables/use-app-config","docs/3.api/2.composables/use-app-config",{"title":432,"path":433,"stem":434,"titleTemplate":6},"useAsyncData","/docs/api/composables/use-async-data","docs/3.api/2.composables/use-async-data",{"title":436,"path":437,"stem":438,"titleTemplate":6},"useCookie","/docs/api/composables/use-cookie","docs/3.api/2.composables/use-cookie",{"title":440,"path":441,"stem":442,"titleTemplate":6},"useError","/docs/api/composables/use-error","docs/3.api/2.composables/use-error",{"title":444,"path":445,"stem":446,"titleTemplate":6},"useFetch","/docs/api/composables/use-fetch","docs/3.api/2.composables/use-fetch",{"title":448,"path":449,"stem":450,"titleTemplate":6},"useHead","/docs/api/composables/use-head","docs/3.api/2.composables/use-head",{"title":452,"path":453,"stem":454,"titleTemplate":6},"useHeadSafe","/docs/api/composables/use-head-safe","docs/3.api/2.composables/use-head-safe",{"title":456,"path":457,"stem":458,"titleTemplate":6},"useHydration","/docs/api/composables/use-hydration","docs/3.api/2.composables/use-hydration",{"title":460,"path":461,"stem":462,"titleTemplate":6},"useLazyAsyncData","/docs/api/composables/use-lazy-async-data","docs/3.api/2.composables/use-lazy-async-data",{"title":464,"path":465,"stem":466,"titleTemplate":6},"useLazyFetch","/docs/api/composables/use-lazy-fetch","docs/3.api/2.composables/use-lazy-fetch",{"title":468,"path":469,"stem":470,"titleTemplate":6},"useLoadingIndicator","/docs/api/composables/use-loading-indicator","docs/3.api/2.composables/use-loading-indicator",{"title":472,"path":473,"stem":474,"titleTemplate":6},"useNuxtApp","/docs/api/composables/use-nuxt-app","docs/3.api/2.composables/use-nuxt-app",{"title":476,"path":477,"stem":478,"titleTemplate":6},"useNuxtData","/docs/api/composables/use-nuxt-data","docs/3.api/2.composables/use-nuxt-data",{"title":480,"path":481,"stem":482,"titleTemplate":6},"usePreviewMode","/docs/api/composables/use-preview-mode","docs/3.api/2.composables/use-preview-mode",{"title":484,"path":485,"stem":486,"titleTemplate":6},"useRequestEvent","/docs/api/composables/use-request-event","docs/3.api/2.composables/use-request-event",{"title":488,"path":489,"stem":490,"titleTemplate":6},"useRequestFetch","/docs/api/composables/use-request-fetch","docs/3.api/2.composables/use-request-fetch",{"title":492,"path":493,"stem":494,"titleTemplate":6},"useRequestHeader","/docs/api/composables/use-request-header","docs/3.api/2.composables/use-request-header",{"title":496,"path":497,"stem":498,"titleTemplate":6},"useRequestHeaders","/docs/api/composables/use-request-headers","docs/3.api/2.composables/use-request-headers",{"title":500,"path":501,"stem":502,"titleTemplate":6},"useRequestURL","/docs/api/composables/use-request-url","docs/3.api/2.composables/use-request-url",{"title":504,"path":505,"stem":506,"titleTemplate":6},"useResponseHeader","/docs/api/composables/use-response-header","docs/3.api/2.composables/use-response-header",{"title":508,"path":509,"stem":510,"titleTemplate":6},"useRoute","/docs/api/composables/use-route","docs/3.api/2.composables/use-route",{"title":512,"path":513,"stem":514,"titleTemplate":6,"badge":383},"useRouteAnnouncer","/docs/api/composables/use-route-announcer","docs/3.api/2.composables/use-route-announcer",{"title":516,"path":517,"stem":518,"titleTemplate":6},"useRouter","/docs/api/composables/use-router","docs/3.api/2.composables/use-router",{"title":520,"path":521,"stem":522,"titleTemplate":6},"useRuntimeConfig","/docs/api/composables/use-runtime-config","docs/3.api/2.composables/use-runtime-config",{"title":524,"path":525,"stem":526,"titleTemplate":6},"useRuntimeHook","/docs/api/composables/use-runtime-hook","docs/3.api/2.composables/use-runtime-hook",{"title":528,"path":529,"stem":530,"titleTemplate":6},"useSeoMeta","/docs/api/composables/use-seo-meta","docs/3.api/2.composables/use-seo-meta",{"title":532,"path":533,"stem":534,"titleTemplate":6},"useServerSeoMeta","/docs/api/composables/use-server-seo-meta","docs/3.api/2.composables/use-server-seo-meta",{"title":536,"path":537,"stem":538,"titleTemplate":6},"useState","/docs/api/composables/use-state","docs/3.api/2.composables/use-state",{"title":540,"titleTemplate":541,"icon":542,"path":543,"stem":544,"children":545,"page":108},"Utils","%s · Nuxt Utils","i-lucide-square-function","/docs/api/utils","docs/3.api/3.utils",[546,550,554,558,562,566,570,574,578,582,586,590,594,598,602,606,610,614,618,622,626,630,634,638,642,646,650],{"title":547,"path":548,"stem":549,"titleTemplate":6},"$fetch","/docs/api/utils/dollarfetch","docs/3.api/3.utils/$fetch",{"title":551,"path":552,"stem":553,"titleTemplate":6},"abortNavigation","/docs/api/utils/abort-navigation","docs/3.api/3.utils/abort-navigation",{"title":555,"path":556,"stem":557,"titleTemplate":6},"addRouteMiddleware","/docs/api/utils/add-route-middleware","docs/3.api/3.utils/add-route-middleware",{"title":559,"path":560,"stem":561,"titleTemplate":6,"badge":383},"callOnce","/docs/api/utils/call-once","docs/3.api/3.utils/call-once",{"title":563,"path":564,"stem":565,"titleTemplate":6},"clearError","/docs/api/utils/clear-error","docs/3.api/3.utils/clear-error",{"title":567,"path":568,"stem":569,"titleTemplate":6},"clearNuxtData","/docs/api/utils/clear-nuxt-data","docs/3.api/3.utils/clear-nuxt-data",{"title":571,"path":572,"stem":573,"titleTemplate":6},"clearNuxtState","/docs/api/utils/clear-nuxt-state","docs/3.api/3.utils/clear-nuxt-state",{"title":575,"path":576,"stem":577,"titleTemplate":6},"createError","/docs/api/utils/create-error","docs/3.api/3.utils/create-error",{"title":579,"path":580,"stem":581,"titleTemplate":6},"defineNuxtComponent","/docs/api/utils/define-nuxt-component","docs/3.api/3.utils/define-nuxt-component",{"title":583,"path":584,"stem":585,"titleTemplate":6},"defineNuxtRouteMiddleware","/docs/api/utils/define-nuxt-route-middleware","docs/3.api/3.utils/define-nuxt-route-middleware",{"title":587,"path":588,"stem":589,"titleTemplate":6},"definePageMeta","/docs/api/utils/define-page-meta","docs/3.api/3.utils/define-page-meta",{"title":591,"path":592,"stem":593,"titleTemplate":6},"defineRouteRules","/docs/api/utils/define-route-rules","docs/3.api/3.utils/define-route-rules",{"title":595,"path":596,"stem":597,"titleTemplate":6},"navigateTo","/docs/api/utils/navigate-to","docs/3.api/3.utils/navigate-to",{"title":599,"path":600,"stem":601,"titleTemplate":6},"onBeforeRouteLeave","/docs/api/utils/on-before-route-leave","docs/3.api/3.utils/on-before-route-leave",{"title":603,"path":604,"stem":605,"titleTemplate":6},"onBeforeRouteUpdate","/docs/api/utils/on-before-route-update","docs/3.api/3.utils/on-before-route-update",{"title":607,"path":608,"stem":609,"titleTemplate":6},"onNuxtReady","/docs/api/utils/on-nuxt-ready","docs/3.api/3.utils/on-nuxt-ready",{"title":611,"path":612,"stem":613,"titleTemplate":6},"prefetchComponents","/docs/api/utils/prefetch-components","docs/3.api/3.utils/prefetch-components",{"title":615,"path":616,"stem":617,"titleTemplate":6},"preloadComponents","/docs/api/utils/preload-components","docs/3.api/3.utils/preload-components",{"title":619,"path":620,"stem":621,"titleTemplate":6},"preloadRouteComponents","/docs/api/utils/preload-route-components","docs/3.api/3.utils/preload-route-components",{"title":623,"path":624,"stem":625,"titleTemplate":6},"prerenderRoutes","/docs/api/utils/prerender-routes","docs/3.api/3.utils/prerender-routes",{"title":627,"path":628,"stem":629,"titleTemplate":6,"badge":383},"refreshCookie","/docs/api/utils/refresh-cookie","docs/3.api/3.utils/refresh-cookie",{"title":631,"path":632,"stem":633,"titleTemplate":6},"refreshNuxtData","/docs/api/utils/refresh-nuxt-data","docs/3.api/3.utils/refresh-nuxt-data",{"title":635,"path":636,"stem":637,"titleTemplate":6},"reloadNuxtApp","/docs/api/utils/reload-nuxt-app","docs/3.api/3.utils/reload-nuxt-app",{"title":639,"path":640,"stem":641,"titleTemplate":6},"setPageLayout","/docs/api/utils/set-page-layout","docs/3.api/3.utils/set-page-layout",{"title":643,"path":644,"stem":645,"titleTemplate":6},"setResponseStatus","/docs/api/utils/set-response-status","docs/3.api/3.utils/set-response-status",{"title":647,"path":648,"stem":649,"titleTemplate":6},"showError","/docs/api/utils/show-error","docs/3.api/3.utils/show-error",{"title":651,"path":652,"stem":653,"titleTemplate":6},"updateAppConfig","/docs/api/utils/update-app-config","docs/3.api/3.utils/update-app-config",{"title":655,"titleTemplate":656,"icon":657,"path":658,"stem":659,"children":660,"page":108},"Commands","%s · Nuxt Commands","i-lucide-square-terminal","/docs/api/commands","docs/3.api/4.commands",[661,665,669,673,677,681,685,689,693,697,701,705,709,713,717],{"title":662,"path":663,"stem":664,"titleTemplate":6},"nuxi add","/docs/api/commands/add","docs/3.api/4.commands/add",{"title":666,"path":667,"stem":668,"titleTemplate":6},"nuxi analyze","/docs/api/commands/analyze","docs/3.api/4.commands/analyze",{"title":670,"path":671,"stem":672,"titleTemplate":6},"nuxi build","/docs/api/commands/build","docs/3.api/4.commands/build",{"title":674,"path":675,"stem":676,"titleTemplate":6},"nuxi build-module","/docs/api/commands/build-module","docs/3.api/4.commands/build-module",{"title":678,"path":679,"stem":680,"titleTemplate":6},"nuxi cleanup","/docs/api/commands/cleanup","docs/3.api/4.commands/cleanup",{"title":682,"path":683,"stem":684,"titleTemplate":6},"nuxi dev","/docs/api/commands/dev","docs/3.api/4.commands/dev",{"title":686,"path":687,"stem":688,"titleTemplate":6},"nuxi devtools","/docs/api/commands/devtools","docs/3.api/4.commands/devtools",{"title":690,"path":691,"stem":692,"titleTemplate":6},"nuxi generate","/docs/api/commands/generate","docs/3.api/4.commands/generate",{"title":694,"path":695,"stem":696,"titleTemplate":6},"nuxi info","/docs/api/commands/info","docs/3.api/4.commands/info",{"title":698,"path":699,"stem":700,"titleTemplate":6},"nuxi init","/docs/api/commands/init","docs/3.api/4.commands/init",{"title":702,"path":703,"stem":704,"titleTemplate":6},"nuxi module","/docs/api/commands/module","docs/3.api/4.commands/module",{"title":706,"path":707,"stem":708,"titleTemplate":6},"nuxi prepare","/docs/api/commands/prepare","docs/3.api/4.commands/prepare",{"title":710,"path":711,"stem":712,"titleTemplate":6},"nuxi preview","/docs/api/commands/preview","docs/3.api/4.commands/preview",{"title":714,"path":715,"stem":716,"titleTemplate":6},"nuxi typecheck","/docs/api/commands/typecheck","docs/3.api/4.commands/typecheck",{"title":718,"path":719,"stem":720,"titleTemplate":6},"nuxi upgrade","/docs/api/commands/upgrade","docs/3.api/4.commands/upgrade",{"title":307,"titleTemplate":722,"icon":723,"path":724,"stem":725,"children":726,"page":108},"%s · Nuxt Kit","i-lucide-package","/docs/api/kit","docs/3.api/5.kit",[727,730,733,737,741,745,749,753,757,761,765,768,771,775,779,783],{"title":143,"path":728,"stem":729,"titleTemplate":6},"/docs/api/kit/modules","docs/3.api/5.kit/1.modules",{"title":291,"path":731,"stem":732,"titleTemplate":6},"/docs/api/kit/runtime-config","docs/3.api/5.kit/10.runtime-config",{"title":734,"path":735,"stem":736,"titleTemplate":6},"Templates","/docs/api/kit/templates","docs/3.api/5.kit/10.templates",{"title":738,"path":739,"stem":740,"titleTemplate":6},"Nitro","/docs/api/kit/nitro","docs/3.api/5.kit/11.nitro",{"title":742,"path":743,"stem":744,"titleTemplate":6},"Resolving","/docs/api/kit/resolving","docs/3.api/5.kit/12.resolving",{"title":746,"path":747,"stem":748,"titleTemplate":6},"Logging","/docs/api/kit/logging","docs/3.api/5.kit/13.logging",{"title":750,"path":751,"stem":752,"titleTemplate":6},"Builder","/docs/api/kit/builder","docs/3.api/5.kit/14.builder",{"title":754,"path":755,"stem":756,"titleTemplate":6},"Examples","/docs/api/kit/examples","docs/3.api/5.kit/15.examples",{"title":758,"path":759,"stem":760,"titleTemplate":6},"Programmatic Usage","/docs/api/kit/programmatic","docs/3.api/5.kit/2.programmatic",{"title":762,"path":763,"stem":764,"titleTemplate":6},"Compatibility","/docs/api/kit/compatibility","docs/3.api/5.kit/3.compatibility",{"title":123,"path":766,"stem":767,"titleTemplate":6},"/docs/api/kit/autoimports","docs/3.api/5.kit/4.autoimports",{"title":353,"path":769,"stem":770,"titleTemplate":6},"/docs/api/kit/components","docs/3.api/5.kit/5.components",{"title":772,"path":773,"stem":774,"titleTemplate":6},"Context","/docs/api/kit/context","docs/3.api/5.kit/6.context",{"title":776,"path":777,"stem":778,"titleTemplate":6},"Pages","/docs/api/kit/pages","docs/3.api/5.kit/7.pages",{"title":780,"path":781,"stem":782,"titleTemplate":6},"Layout","/docs/api/kit/layout","docs/3.api/5.kit/8.layout",{"title":784,"path":785,"stem":786,"titleTemplate":6},"Plugins","/docs/api/kit/plugins","docs/3.api/5.kit/9.plugins",{"title":788,"titleTemplate":6,"icon":789,"path":790,"stem":791,"children":792,"page":108},"Advanced","i-lucide-brain","/docs/api/advanced","docs/3.api/6.advanced",[793,796],{"title":299,"path":794,"stem":795,"titleTemplate":6},"/docs/api/advanced/hooks","docs/3.api/6.advanced/1.hooks",{"title":797,"path":798,"stem":799,"titleTemplate":6},"Import meta","/docs/api/advanced/import-meta","docs/3.api/6.advanced/2.import-meta",{"title":801,"path":802,"stem":803,"titleTemplate":804,"icon":32},"Nuxt Configuration","/docs/api/nuxt-config","docs/3.api/6.nuxt-config","%s",{"title":754,"titleTemplate":806,"icon":807,"path":808,"stem":809,"children":810,"page":108},"%s · Nuxt Examples","i-lucide-app-window-mac","/docs/examples","docs/4.examples",[811,815,837,852,888],{"title":812,"path":813,"stem":814,"titleTemplate":6},"Hello World","/docs/examples/hello-world","docs/4.examples/0.hello-world",{"title":283,"path":816,"stem":817,"children":818,"page":108},"/docs/examples/features","docs/4.examples/1.features",[819,823,826,829,833],{"title":820,"path":821,"stem":822,"titleTemplate":6},"Auto Imports","/docs/examples/features/auto-imports","docs/4.examples/1.features/1.auto-imports",{"title":64,"path":824,"stem":825,"titleTemplate":6},"/docs/examples/features/data-fetching","docs/4.examples/1.features/2.data-fetching",{"title":69,"path":827,"stem":828,"titleTemplate":6},"/docs/examples/features/state-management","docs/4.examples/1.features/3.state-management",{"title":830,"path":831,"stem":832,"titleTemplate":6},"Meta Tags","/docs/examples/features/meta-tags","docs/4.examples/1.features/4.meta-tags",{"title":834,"path":835,"stem":836,"titleTemplate":6},"Layouts","/docs/examples/features/layouts","docs/4.examples/1.features/5.layouts",{"title":49,"path":838,"stem":839,"children":840,"page":108},"/docs/examples/routing","docs/4.examples/2.routing",[841,845,848],{"title":842,"path":843,"stem":844,"titleTemplate":6},"Middleware","/docs/examples/routing/middleware","docs/4.examples/2.routing/middleware",{"title":776,"path":846,"stem":847,"titleTemplate":6},"/docs/examples/routing/pages","docs/4.examples/2.routing/pages",{"title":849,"path":850,"stem":851,"titleTemplate":6},"Universal Router","/docs/examples/routing/universal-router","docs/4.examples/2.routing/universal-router",{"title":788,"path":853,"stem":854,"children":855,"page":108},"/docs/examples/advanced","docs/4.examples/4.advanced",[856,859,862,866,870,874,878,881,884],{"title":84,"path":857,"stem":858,"titleTemplate":6},"/docs/examples/advanced/config-extends","docs/4.examples/4.advanced/config-extends",{"title":74,"path":860,"stem":861,"titleTemplate":6},"/docs/examples/advanced/error-handling","docs/4.examples/4.advanced/error-handling",{"title":863,"path":864,"stem":865,"titleTemplate":6},"JSX / TSX","/docs/examples/advanced/jsx","docs/4.examples/4.advanced/jsx",{"title":867,"path":868,"stem":869,"titleTemplate":6},"Locale","/docs/examples/advanced/locale","docs/4.examples/4.advanced/locale",{"title":871,"path":872,"stem":873,"titleTemplate":6},"Module Extend Pages","/docs/examples/advanced/module-extend-pages","docs/4.examples/4.advanced/module-extend-pages",{"title":875,"path":876,"stem":877,"titleTemplate":6},"Teleport","/docs/examples/advanced/teleport","docs/4.examples/4.advanced/teleport",{"title":99,"path":879,"stem":880,"titleTemplate":6},"/docs/examples/advanced/testing","docs/4.examples/4.advanced/testing",{"title":436,"path":882,"stem":883,"titleTemplate":6},"/docs/examples/advanced/use-cookie","docs/4.examples/4.advanced/use-cookie",{"title":885,"path":886,"stem":887,"titleTemplate":6},"Use Custom Fetch Composable","/docs/examples/advanced/use-custom-fetch-composable","docs/4.examples/4.advanced/use-custom-fetch-composable",{"title":889,"path":890,"stem":891,"children":892,"page":108},"Experimental","/docs/examples/experimental","docs/4.examples/7.experimental",[893],{"title":894,"path":895,"stem":896,"titleTemplate":6},"WASM","/docs/examples/experimental/wasm","docs/4.examples/7.experimental/wasm",{"title":898,"titleTemplate":899,"icon":900,"path":901,"stem":902,"children":903,"page":108},"Community","%s · Nuxt Community","i-lucide-messages-square","/docs/community","docs/5.community",[904,909,914,919,924,929],{"title":905,"path":906,"stem":907,"titleTemplate":6,"icon":908},"Getting Help","/docs/community/getting-help","docs/5.community/2.getting-help","i-lucide-life-buoy",{"title":910,"path":911,"stem":912,"titleTemplate":6,"icon":913},"Reporting Bugs","/docs/community/reporting-bugs","docs/5.community/3.reporting-bugs","i-lucide-bug",{"title":915,"path":916,"stem":917,"titleTemplate":6,"icon":918},"Contribution","/docs/community/contribution","docs/5.community/4.contribution","i-lucide-git-pull-request",{"title":920,"path":921,"stem":922,"titleTemplate":6,"icon":923},"Framework","/docs/community/framework-contribution","docs/5.community/5.framework-contribution","i-lucide-github",{"title":925,"path":926,"stem":927,"titleTemplate":6,"icon":928},"Roadmap","/docs/community/roadmap","docs/5.community/6.roadmap","i-lucide-map",{"title":930,"path":931,"stem":932,"titleTemplate":6,"icon":933},"Releases","/docs/community/changelog","docs/5.community/7.changelog","i-lucide-bell-dot",{"title":935,"titleTemplate":936,"icon":937,"path":938,"stem":939,"children":940,"page":108},"Migrate to Nuxt Bridge","Migrate to Nuxt Bridge: %s","i-lucide-ship","/docs/bridge","docs/6.bridge",[941,945,948,951,955,959,963,966,969,972],{"title":942,"path":943,"stem":944,"titleTemplate":6},"Overview","/docs/bridge/overview","docs/6.bridge/1.overview",{"title":29,"path":946,"stem":947,"titleTemplate":6},"/docs/bridge/configuration","docs/6.bridge/10.configuration",{"title":151,"path":949,"stem":950,"titleTemplate":6},"/docs/bridge/typescript","docs/6.bridge/2.typescript",{"title":952,"path":953,"stem":954,"titleTemplate":6},"Legacy Composition API","/docs/bridge/bridge-composition-api","docs/6.bridge/3.bridge-composition-api",{"title":956,"path":957,"stem":958,"titleTemplate":6},"Plugins and Middleware","/docs/bridge/plugins-and-middleware","docs/6.bridge/4.plugins-and-middleware",{"title":960,"path":961,"stem":962,"titleTemplate":6},"New Composition API","/docs/bridge/nuxt3-compatible-api","docs/6.bridge/5.nuxt3-compatible-api",{"title":830,"path":964,"stem":965,"titleTemplate":6},"/docs/bridge/meta","docs/6.bridge/6.meta",{"title":291,"path":967,"stem":968,"titleTemplate":6},"/docs/bridge/runtime-config","docs/6.bridge/7.runtime-config",{"title":738,"path":970,"stem":971,"titleTemplate":6},"/docs/bridge/nitro","docs/6.bridge/8.nitro",{"title":973,"path":974,"stem":975,"titleTemplate":6},"Vite","/docs/bridge/vite","docs/6.bridge/9.vite",{"title":977,"titleTemplate":978,"icon":107,"path":979,"stem":980,"children":981,"page":108},"Migrate to Nuxt 3","Migrate to Nuxt 3: %s","/docs/migration","docs/7.migration",[982,985,989,992,995,998,1001,1004,1007,1011,1015],{"title":942,"path":983,"stem":984,"titleTemplate":6},"/docs/migration/overview","docs/7.migration/1.overview",{"title":986,"path":987,"stem":988,"titleTemplate":6},"Build Tooling","/docs/migration/bundling","docs/7.migration/10.bundling",{"title":79,"path":990,"stem":991,"titleTemplate":6},"/docs/migration/server","docs/7.migration/11.server",{"title":29,"path":993,"stem":994,"titleTemplate":6},"/docs/migration/configuration","docs/7.migration/2.configuration",{"title":143,"path":996,"stem":997,"titleTemplate":6},"/docs/migration/module-authors","docs/7.migration/20.module-authors",{"title":820,"path":999,"stem":1000,"titleTemplate":6},"/docs/migration/auto-imports","docs/7.migration/3.auto-imports",{"title":830,"path":1002,"stem":1003,"titleTemplate":6},"/docs/migration/meta","docs/7.migration/4.meta",{"title":956,"path":1005,"stem":1006,"titleTemplate":6},"/docs/migration/plugins-and-middleware","docs/7.migration/5.plugins-and-middleware",{"title":1008,"path":1009,"stem":1010,"titleTemplate":6},"Pages and Layouts","/docs/migration/pages-and-layouts","docs/7.migration/6.pages-and-layouts",{"title":1012,"path":1013,"stem":1014,"titleTemplate":6},"Component Options","/docs/migration/component-options","docs/7.migration/7.component-options",{"title":291,"path":1016,"stem":1017,"titleTemplate":6},"/docs/migration/runtime-config","docs/7.migration/8.runtime-config",{"title":1019,"path":1020,"stem":1021,"children":1022,"page":108},"Blog","/blog","blog",[1023,1027,1031,1035,1039,1043,1047,1051,1055,1059,1063,1067,1071,1075,1079,1083,1087,1091,1095,1099,1103],{"title":1024,"path":1025,"stem":1026},"Announcing 3.0","/blog/v3","blog/1.v3",{"title":1028,"path":1029,"stem":1030},"Nuxt 3.3","/blog/v3-3","blog/10.v3-3",{"title":1032,"path":1033,"stem":1034},"Nuxt 3.4","/blog/v3-4","blog/11.v3-4",{"title":1036,"path":1037,"stem":1038},"Nuxt 3.5","/blog/v3-5","blog/12.v3-5",{"title":1040,"path":1041,"stem":1042},"Nuxt 3.6","/blog/v3-6","blog/13.v3-6",{"title":1044,"path":1045,"stem":1046},"Nuxt on the Edge","/blog/nuxt-on-the-edge","blog/14.nuxt-on-the-edge",{"title":1048,"path":1049,"stem":1050},"Nuxt DevTools v1.0","/blog/nuxt-devtools-v1-0","blog/18.nuxt-devtools-v1-0",{"title":1052,"path":1053,"stem":1054},"Nuxt: A vision for 2023","/blog/vision-2023","blog/2.vision-2023",{"title":1056,"path":1057,"stem":1058},"The Evolution of Shiki v1.0","/blog/shiki-v1","blog/21.shiki-v1",{"title":1060,"path":1061,"stem":1062},"Refreshed Nuxt ESLint Integrations","/blog/eslint-module","blog/24.eslint-module",{"title":1064,"path":1065,"stem":1066},"Introducing Nuxt Scripts","/blog/nuxt-scripts","blog/26.nuxt-scripts",{"title":1068,"path":1069,"stem":1070},"Introducing Nuxt Icon v1","/blog/nuxt-icon-v1-0","blog/29.nuxt-icon-v1-0",{"title":1072,"path":1073,"stem":1074},"Introducing Nuxt DevTools","/blog/introducing-nuxt-devtools","blog/3.introducing-nuxt-devtools",{"title":1076,"path":1077,"stem":1078},"Announcing Nuxt 3 Release Candidate","/blog/nuxt3-rc","blog/3.nuxt3-rc",{"title":1080,"path":1081,"stem":1082},"Nuxt 2 End-of-Life (EOL)","/blog/nuxt2-eol","blog/4.nuxt2-eol",{"title":1084,"path":1085,"stem":1086},"Introducing Nuxt 3 Beta","/blog/nuxt3-beta","blog/4.nuxt3-beta",{"title":1088,"path":1089,"stem":1090},"Going Full Static","/blog/going-full-static","blog/5.going-full-static",{"title":1092,"path":1093,"stem":1094},"Introducing Smart Prefetching","/blog/introducing-smart-prefetching","blog/6.introducing-smart-prefetching",{"title":1096,"path":1097,"stem":1098},"Understanding how fetch works in Nuxt 2.12","/blog/understanding-how-fetch-works-in-nuxt-2-12","blog/7.understanding-how-fetch-works-in-nuxt-2-12",{"title":1100,"path":1101,"stem":1102},"Nuxt 2 Static Improvements","/blog/nuxt-static-improvements","blog/8.nuxt-static-improvements",{"title":1104,"path":1105,"stem":1106},"Nuxt 2: From Terminal to Browser","/blog/nuxtjs-from-terminal-to-browser","blog/9.nuxtjs-from-terminal-to-browser",{"id":1108,"title":1109,"authors":1110,"body":1116,"category":2538,"date":2539,"description":2540,"draft":108,"extension":2541,"image":2542,"meta":2543,"navigation":108,"path":2544,"seo":2545,"stem":2546,"tags":6,"__hash__":2547},"blog/blog/17.v3-8.md","Nuxt 3.8",[1111],{"name":1112,"avatar":1113,"to":1115},"Daniel Roe",{"src":1114},"https://github.com/danielroe.png","https://bsky.app/profile/danielroe.dev",{"type":1117,"value":1118,"toc":2522},"minimal",[1119,1124,1136,1146,1152,1166,1170,1173,1178,1182,1194,1207,1230,1242,1246,1252,1267,1311,1321,1325,1337,1348,1359,1545,1553,1574,1578,1595,1611,1618,1646,1653,1700,1705,1709,1724,1740,1743,1842,1846,1857,1893,2023,2033,2041,2183,2187,2212,2236,2242,2246,2257,2288,2297,2301,2304,2323,2329,2333,2339,2349,2360,2390,2393,2396,2467,2470,2475,2478,2497,2501,2510,2513,2518],[1120,1121,1123],"h3",{"id":1122},"cli-improvements","💻 CLI Improvements",[1125,1126,1127,1128,1135],"p",{},"Just to remind you, we're now using ",[1129,1130,1134],"a",{"href":1131,"rel":1132},"https://github.com/nuxt/cli",[1133],"nofollow","the new Nuxt CLI"," which is now versioned separately.",[1137,1138,1139],"tip",{},[1125,1140,1141,1142],{},"You can now install a module with ",[1143,1144,1145],"code",{},"nuxi module add \u003Cmodule-name>",[1147,1148,1149],"note",{"icon":14},[1125,1150,1151],{},"We now share the same port with the Vite websocket, meaning better support for docker containers in development.",[1153,1154,1159],"read-more",{"to":1155,"icon":1156,"color":1157,"target":1158},"https://github.com/nuxt/cli/releases/tag/v3.9.0","i-simple-icons-github","gray","_blank",[1125,1160,1161,1162,1165],{},"Read the Nuxt CLI ",[1143,1163,1164],{},"v3.9.0"," release notes.",[1120,1167,1169],{"id":1168},"built-in-nuxt-devtools","✨ Built-in Nuxt DevTools",[1125,1171,1172],{},"Nuxt DevTools v1.0.0 is out and we now think it's ready to be shipped as a direct dependency of Nuxt.",[1153,1174,1175],{"to":1049,"icon":1156,"color":1157},[1125,1176,1177],{},"Check out Nuxt DevTools v1.0 announcement.",[1120,1179,1181],{"id":1180},"nuxt-image-auto-install","📸 Nuxt Image Auto-install",[1125,1183,1184,1188,1189,1193],{},[1129,1185,1186],{"href":414},[1143,1187,413],{}," and ",[1129,1190,1191],{"href":373},[1143,1192,372],{}," first-class built-in components.",[1125,1195,1196,1197,1200,1201,1206],{},"We now auto-installing ",[1143,1198,1199],{},"@nuxt/image"," the first time that they are used (",[1129,1202,1205],{"href":1203,"rel":1204},"https://github.com/nuxt/nuxt/pull/23717",[1133],"#23717",").",[1208,1209,1217,1222,1226],"video",{":controls":1210,"className":1211,"controls":1215,"poster":1216},"true",[1212,1213,1214],"rounded","dark:border","dark:border-gray-700",true,"https://res.cloudinary.com/nuxt/video/upload/v1697721767/nuxt3/nuxt-image-auto-install_uqkptq.jpg",[1218,1219],"source",{"src":1220,"type":1221},"https://res.cloudinary.com/nuxt/video/upload/v1697721767/nuxt3/nuxt-image-auto-install_uqkptq.webm","video/webm",[1218,1223],{"src":1224,"type":1225},"https://res.cloudinary.com/nuxt/video/upload/v1697721767/nuxt3/nuxt-image-auto-install_uqkptq.mp4","video/mp4",[1218,1227],{"src":1228,"type":1229},"https://res.cloudinary.com/nuxt/video/upload/v1697721767/nuxt3/nuxt-image-auto-install_uqkptq.ogg","video/ogg",[1137,1231,1232],{},[1125,1233,1234,1235,1241],{},"We advise using ",[1129,1236,1239],{"href":1237,"rel":1238},"https://image.nuxt.com",[1133],[1143,1240,1199],{}," if you're using images in your site; it can apply optimisations to make your site more performant.",[1120,1243,1245],{"id":1244},"deeper-layout-scanning","📂 Deeper Layout Scanning",[1247,1248,1249],"caution",{},[1125,1250,1251],{},"This is a behaviour change so do take care with this one.",[1125,1253,1254,1255,1260,1261,1266],{},"We now support scanning layouts within subfolders in ",[1129,1256,1257],{"href":192},[1143,1258,1259],{},"~/layouts"," in the same way as we do with ",[1129,1262,1263],{"href":180},[1143,1264,1265],{},"~/components",".",[1268,1269,1270,1283],"table",{},[1271,1272,1273],"thead",{},[1274,1275,1276,1280],"tr",{},[1277,1278,1279],"th",{},"File",[1277,1281,1282],{},"Layout name",[1284,1285,1286,1295,1303],"tbody",{},[1274,1287,1288,1292],{},[1289,1290,1291],"td",{},"~/layouts/desktop/default.vue",[1289,1293,1294],{},"'desktop-default'",[1274,1296,1297,1300],{},[1289,1298,1299],{},"~/layouts/desktop-base/base.vue",[1289,1301,1302],{},"'desktop-base'",[1274,1304,1305,1308],{},[1289,1306,1307],{},"~/layouts/desktop/index.vue",[1289,1309,1310],{},"'desktop'",[1153,1312,1314],{"to":1313},"/docs/guide/directory-structure/layouts#named-layout",[1125,1315,1316,1317,1266],{},"Read more about ",[1318,1319,1320],"strong",{},"Named Layouts",[1120,1322,1324],{"id":1323},"app-manifest","📊 App Manifest",[1125,1326,1327,1328,1333,1334,1266],{},"We now support a built-in app manifest (see ",[1129,1329,1332],{"href":1330,"rel":1331},"https://github.com/nuxt/nuxt/pull/21641",[1133],"PR #21641","), which generates a manifest at ",[1143,1335,1336],{},"/_nuxt/builds/meta/\u003CbuildId>.json",[1125,1338,1339,1340,1343,1344,1347],{},"It enables loading payloads ",[1318,1341,1342],{},"only for prerendered routes",", if a site is generated with ",[1143,1345,1346],{},"nuxt generate",", preventing 404s in the console.",[1125,1349,1350,1351,1354,1355,1358],{},"It also enables ",[1318,1352,1353],{},"client-side route rules",". Only ",[1143,1356,1357],{},"redirect"," route rules is supported for now; they will now redirect when performing client-side navigation.",[1360,1361,1362,1457],"code-group",{},[1363,1364,1369],"pre",{"className":1365,"code":1366,"filename":260,"language":1367,"meta":1368,"style":1368},"language-ts shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","export default defineNuxtConfig({\n  routeRules: {\n    '/about': { redirect: '/about-us' }\n  }\n})\n","ts","",[1143,1370,1371,1395,1408,1442,1448],{"__ignoreMap":1368},[1372,1373,1376,1380,1383,1387,1391],"span",{"class":1374,"line":1375},"line",1,[1372,1377,1379],{"class":1378},"sFVN2","export",[1372,1381,1382],{"class":1378}," default",[1372,1384,1386],{"class":1385},"szd4z"," defineNuxtConfig",[1372,1388,1390],{"class":1389},"spdxX","(",[1372,1392,1394],{"class":1393},"sYp4K","{\n",[1372,1396,1398,1402,1405],{"class":1374,"line":1397},2,[1372,1399,1401],{"class":1400},"sQ5dg","  routeRules",[1372,1403,1404],{"class":1393},":",[1372,1406,1407],{"class":1393}," {\n",[1372,1409,1411,1414,1417,1420,1422,1425,1428,1430,1433,1437,1439],{"class":1374,"line":1410},3,[1372,1412,1413],{"class":1393},"    '",[1372,1415,1416],{"class":1400},"/about",[1372,1418,1419],{"class":1393},"'",[1372,1421,1404],{"class":1393},[1372,1423,1424],{"class":1393}," {",[1372,1426,1427],{"class":1400}," redirect",[1372,1429,1404],{"class":1393},[1372,1431,1432],{"class":1393}," '",[1372,1434,1436],{"class":1435},"s5UST","/about-us",[1372,1438,1419],{"class":1393},[1372,1440,1441],{"class":1393}," }\n",[1372,1443,1445],{"class":1374,"line":1444},4,[1372,1446,1447],{"class":1393},"  }\n",[1372,1449,1451,1454],{"class":1374,"line":1450},5,[1372,1452,1453],{"class":1393},"}",[1372,1455,1456],{"class":1389},")\n",[1363,1458,1463],{"className":1459,"code":1460,"filename":1461,"language":1462,"meta":1368,"style":1368},"language-vue shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","\u003Ctemplate>\n  \u003Cdiv>\n    \u003C!-- Will be redirected to /about-us on client-side -->\n    \u003CNuxtLink to=\"/about\">About\u003C/NuxtLink>\n  \u003C/div>\n\u003C/template>\n","pages/index.vue","vue",[1143,1464,1465,1476,1486,1492,1527,1536],{"__ignoreMap":1368},[1372,1466,1467,1470,1473],{"class":1374,"line":1375},[1372,1468,1469],{"class":1393},"\u003C",[1372,1471,1472],{"class":1400},"template",[1372,1474,1475],{"class":1393},">\n",[1372,1477,1478,1481,1484],{"class":1374,"line":1397},[1372,1479,1480],{"class":1393},"  \u003C",[1372,1482,1483],{"class":1400},"div",[1372,1485,1475],{"class":1393},[1372,1487,1488],{"class":1374,"line":1410},[1372,1489,1491],{"class":1490},"svXlt","    \u003C!-- Will be redirected to /about-us on client-side -->\n",[1372,1493,1494,1497,1500,1504,1507,1510,1512,1514,1517,1520,1523,1525],{"class":1374,"line":1444},[1372,1495,1496],{"class":1393},"    \u003C",[1372,1498,1499],{"class":1400},"NuxtLink",[1372,1501,1503],{"class":1502},"sRBFq"," to",[1372,1505,1506],{"class":1393},"=",[1372,1508,1509],{"class":1393},"\"",[1372,1511,1416],{"class":1435},[1372,1513,1509],{"class":1393},[1372,1515,1516],{"class":1393},">",[1372,1518,1519],{"class":1389},"About",[1372,1521,1522],{"class":1393},"\u003C/",[1372,1524,1499],{"class":1400},[1372,1526,1475],{"class":1393},[1372,1528,1529,1532,1534],{"class":1374,"line":1450},[1372,1530,1531],{"class":1393},"  \u003C/",[1372,1533,1483],{"class":1400},[1372,1535,1475],{"class":1393},[1372,1537,1539,1541,1543],{"class":1374,"line":1538},6,[1372,1540,1522],{"class":1393},[1372,1542,1472],{"class":1400},[1372,1544,1475],{"class":1393},[1137,1546,1547],{"icon":14},[1125,1548,1549,1550,1266],{},"The app manifest also enables future enhancements including detection of a new deployment by checking ",[1143,1551,1552],{},"/_nuxt/builds/latest.json",[1147,1554,1555],{},[1125,1556,1557,1558,1561,1562,1565,1566,1569,1570,1573],{},"You can ",[1318,1559,1560],{},"opt-on from this behaviour if you need to"," by setting ",[1143,1563,1564],{},"experimental.appManifest"," to ",[1143,1567,1568],{},"false"," in your ",[1143,1571,1572],{},"nuxt.config"," file.",[1120,1575,1577],{"id":1576},"scope-and-context-improvements","🤝 Scope and Context Improvements",[1125,1579,1580,1581,1586,1587,1594],{},"We now define a 'scope' for Nuxt composables executed in plugins (",[1129,1582,1585],{"href":1583,"rel":1584},"https://github.com/nuxt/nuxt/pull/23667",[1133],"#23667","), which allows running synchronous cleanup before navigating away from your site, using the Vue ",[1129,1588,1591],{"href":1589,"rel":1590},"https://vuejs.org/api/reactivity-advanced.html#onscopedispose",[1133],[1143,1592,1593],{},"onScopeDispose"," lifecycle method.",[1147,1596,1597],{},[1125,1598,1599,1600,1605,1606,1206],{},"This should fix an edge case with cookies (",[1129,1601,1604],{"href":1602,"rel":1603},"https://github.com/nuxt/nuxt/pull/23697",[1133],"#23697",") and also improves memory management such as Pinia stores (",[1129,1607,1610],{"href":1608,"rel":1609},"https://github.com/nuxt/nuxt/issues/23650",[1133],"#23650",[1153,1612,1615],{"to":1613,"icon":1614,"target":1158},"https://vuejs.org/api/reactivity-advanced.html#effectscope","i-simple-icons-vuedotjs",[1125,1616,1617],{},"Read more about Vue effect scopes.",[1125,1619,1620,1621,1628,1629,1633,1634,1639,1640,1266],{},"We also now support ",[1129,1622,1625],{"href":1623,"rel":1624},"https://nodejs.org/api/async_context.html",[1133],[1318,1626,1627],{},"native async context"," for the ",[1630,1631,1632],"em",{},"Vue composition API"," (",[1129,1635,1638],{"href":1636,"rel":1637},"https://github.com/nuxt/nuxt/pull/23526",[1133],"#23526","). In case you're unaware, we support native async context on Node and Bun, enabled with ",[1129,1641,1643],{"href":1642},"/docs/guide/going-further/experimental-features#asynccontext",[1143,1644,1645],{},"experimental.asyncContext",[1125,1647,1648,1649,1652],{},"If you experience issues with ",[1143,1650,1651],{},"Nuxt instance unavailable",", enabling this option may solve your issues:",[1363,1654,1656],{"className":1365,"code":1655,"filename":260,"language":1367,"meta":1368,"style":1368},"export default defineNuxtConfig({\n  experimental: {\n    asyncContext: true\n  }\n})\n",[1143,1657,1658,1670,1679,1690,1694],{"__ignoreMap":1368},[1372,1659,1660,1662,1664,1666,1668],{"class":1374,"line":1375},[1372,1661,1379],{"class":1378},[1372,1663,1382],{"class":1378},[1372,1665,1386],{"class":1385},[1372,1667,1390],{"class":1389},[1372,1669,1394],{"class":1393},[1372,1671,1672,1675,1677],{"class":1374,"line":1397},[1372,1673,1674],{"class":1400},"  experimental",[1372,1676,1404],{"class":1393},[1372,1678,1407],{"class":1393},[1372,1680,1681,1684,1686],{"class":1374,"line":1410},[1372,1682,1683],{"class":1400},"    asyncContext",[1372,1685,1404],{"class":1393},[1372,1687,1689],{"class":1688},"sagxc"," true\n",[1372,1691,1692],{"class":1374,"line":1444},[1372,1693,1447],{"class":1393},[1372,1695,1696,1698],{"class":1374,"line":1450},[1372,1697,1453],{"class":1393},[1372,1699,1456],{"class":1389},[1147,1701,1702],{},[1125,1703,1704],{},"Once we have cross-runtime support, we will enable it by default.",[1120,1706,1708],{"id":1707},"nuxtlink-defaults","🔗 NuxtLink Defaults",[1125,1710,1711,1712,1716,1717,1723],{},"You can define your own ",[1129,1713,1714],{"href":394},[1143,1715,393],{}," components with the ",[1129,1718,1720],{"href":1719},"/docs/api/components/nuxt-link#definenuxtlink-signature",[1143,1721,1722],{},"defineNuxtLink"," utility.",[1125,1725,1726,1727,1731,1732,1734,1735,1206],{},"Today, you can cutomize the options for the built-in ",[1129,1728,1729],{"href":394},[1143,1730,393],{},", directly in your ",[1143,1733,1572],{}," file (",[1129,1736,1739],{"href":1737,"rel":1738},"https://github.com/nuxt/nuxt/pull/23724",[1133],"#23724",[1125,1741,1742],{},"This can enable you to enforce trailing slash behaviour across your entire site, for example:",[1363,1744,1746],{"className":1365,"code":1745,"filename":260,"language":1367,"meta":1368,"style":1368},"export default defineNuxtConfig({\n  experimental: {\n    defaults: {\n      nuxtLink: {\n        activeClass: 'nuxt-link-active',\n        trailingSlash: 'append'\n      }\n    }\n  }\n})\n",[1143,1747,1748,1760,1768,1777,1786,1803,1818,1824,1830,1835],{"__ignoreMap":1368},[1372,1749,1750,1752,1754,1756,1758],{"class":1374,"line":1375},[1372,1751,1379],{"class":1378},[1372,1753,1382],{"class":1378},[1372,1755,1386],{"class":1385},[1372,1757,1390],{"class":1389},[1372,1759,1394],{"class":1393},[1372,1761,1762,1764,1766],{"class":1374,"line":1397},[1372,1763,1674],{"class":1400},[1372,1765,1404],{"class":1393},[1372,1767,1407],{"class":1393},[1372,1769,1770,1773,1775],{"class":1374,"line":1410},[1372,1771,1772],{"class":1400},"    defaults",[1372,1774,1404],{"class":1393},[1372,1776,1407],{"class":1393},[1372,1778,1779,1782,1784],{"class":1374,"line":1444},[1372,1780,1781],{"class":1400},"      nuxtLink",[1372,1783,1404],{"class":1393},[1372,1785,1407],{"class":1393},[1372,1787,1788,1791,1793,1795,1798,1800],{"class":1374,"line":1450},[1372,1789,1790],{"class":1400},"        activeClass",[1372,1792,1404],{"class":1393},[1372,1794,1432],{"class":1393},[1372,1796,1797],{"class":1435},"nuxt-link-active",[1372,1799,1419],{"class":1393},[1372,1801,1802],{"class":1393},",\n",[1372,1804,1805,1808,1810,1812,1815],{"class":1374,"line":1538},[1372,1806,1807],{"class":1400},"        trailingSlash",[1372,1809,1404],{"class":1393},[1372,1811,1432],{"class":1393},[1372,1813,1814],{"class":1435},"append",[1372,1816,1817],{"class":1393},"'\n",[1372,1819,1821],{"class":1374,"line":1820},7,[1372,1822,1823],{"class":1393},"      }\n",[1372,1825,1827],{"class":1374,"line":1826},8,[1372,1828,1829],{"class":1393},"    }\n",[1372,1831,1833],{"class":1374,"line":1832},9,[1372,1834,1447],{"class":1393},[1372,1836,1838,1840],{"class":1374,"line":1837},10,[1372,1839,1453],{"class":1393},[1372,1841,1456],{"class":1389},[1120,1843,1845],{"id":1844},"️-data-fetching-improvements","⚡️ Data Fetching Improvements",[1125,1847,1848,1849,1188,1853,1404],{},"We have two very significant new features for ",[1129,1850,1851],{"href":433},[1143,1852,432],{},[1129,1854,1855],{"href":445},[1143,1856,444],{},[1858,1859,1860,1880],"ol",{},[1861,1862,1863,1864,1867,1868,1871,1872,1877,1878,1266],"li",{},"You can now set ",[1143,1865,1866],{},"deep: false"," to prevent deep reactivity on the ",[1143,1869,1870],{},"data"," object returned from these composables (",[1129,1873,1876],{"href":1874,"rel":1875},"https://github.com/nuxt/nuxt/pull/23600",[1133],"#23600","). It should be a performance improvement if you are returning large arrays or objects. The object will still update when refetched; it just won't trigger reactive effects if you change a property deep within the ",[1143,1879,1870],{},[1861,1881,1882,1883,1886,1887,1892],{},"You can now use the ",[1143,1884,1885],{},"getCachedData"," option to handle custom caching for these composables (",[1129,1888,1891],{"href":1889,"rel":1890},"https://github.com/nuxt/nuxt/pull/20747",[1133],"#20747",")",[1363,1894,1896],{"className":1459,"code":1895,"filename":1461,"language":1462,"meta":1368,"style":1368},"\u003Cscript setup>\nconst nuxtApp = useNuxtApp()\nconst { data } = await useAsyncData(() => { /* fetcher */ }, {\n  // this will not refetch if the key exists in the payload\n  getCachedData: key => nuxtApp.payload.static[key] ?? nuxtApp.payload.data[key]\n})\n\u003C/script>\n",[1143,1897,1898,1910,1926,1964,1969,2009,2015],{"__ignoreMap":1368},[1372,1899,1900,1902,1905,1908],{"class":1374,"line":1375},[1372,1901,1469],{"class":1393},[1372,1903,1904],{"class":1400},"script",[1372,1906,1907],{"class":1502}," setup",[1372,1909,1475],{"class":1393},[1372,1911,1912,1915,1918,1920,1923],{"class":1374,"line":1397},[1372,1913,1914],{"class":1502},"const",[1372,1916,1917],{"class":1389}," nuxtApp ",[1372,1919,1506],{"class":1393},[1372,1921,1922],{"class":1385}," useNuxtApp",[1372,1924,1925],{"class":1389},"()\n",[1372,1927,1928,1930,1932,1935,1937,1940,1943,1946,1948,1951,1954,1956,1959,1962],{"class":1374,"line":1410},[1372,1929,1914],{"class":1502},[1372,1931,1424],{"class":1393},[1372,1933,1934],{"class":1389}," data ",[1372,1936,1453],{"class":1393},[1372,1938,1939],{"class":1393}," =",[1372,1941,1942],{"class":1378}," await",[1372,1944,1945],{"class":1385}," useAsyncData",[1372,1947,1390],{"class":1389},[1372,1949,1950],{"class":1393},"()",[1372,1952,1953],{"class":1502}," =>",[1372,1955,1424],{"class":1393},[1372,1957,1958],{"class":1490}," /* fetcher */",[1372,1960,1961],{"class":1393}," },",[1372,1963,1407],{"class":1393},[1372,1965,1966],{"class":1374,"line":1444},[1372,1967,1968],{"class":1490},"  // this will not refetch if the key exists in the payload\n",[1372,1970,1971,1974,1976,1980,1982,1985,1987,1990,1992,1995,1998,2000,2002,2004,2006],{"class":1374,"line":1450},[1372,1972,1973],{"class":1385},"  getCachedData",[1372,1975,1404],{"class":1393},[1372,1977,1979],{"class":1978},"ssYd4"," key",[1372,1981,1953],{"class":1502},[1372,1983,1984],{"class":1389}," nuxtApp",[1372,1986,1266],{"class":1393},[1372,1988,1989],{"class":1389},"payload",[1372,1991,1266],{"class":1393},[1372,1993,1994],{"class":1389},"static[key] ",[1372,1996,1997],{"class":1393},"??",[1372,1999,1984],{"class":1389},[1372,2001,1266],{"class":1393},[1372,2003,1989],{"class":1389},[1372,2005,1266],{"class":1393},[1372,2007,2008],{"class":1389},"data[key]\n",[1372,2010,2011,2013],{"class":1374,"line":1538},[1372,2012,1453],{"class":1393},[1372,2014,1456],{"class":1389},[1372,2016,2017,2019,2021],{"class":1374,"line":1820},[1372,2018,1522],{"class":1393},[1372,2020,1904],{"class":1400},[1372,2022,1475],{"class":1393},[1137,2024,2027],{"icon":2025,"target":1158,"to":2026},"i-logos-youtube-icon","https://www.youtube.com/watch?v=aQPR0xn-MMk",[1125,2028,2029,2030,1266],{},"Watch the video from Alexander Lichter about ",[1318,2031,2032],{},"Client-side caching with getCachedData",[1125,2034,2035,2036,2040],{},"We also support configuring some default values for these composables in an app-wide way (",[1129,2037,2039],{"href":1889,"rel":2038},[1133],"#23725","):",[1363,2042,2044],{"className":1365,"code":2043,"filename":260,"language":1367,"meta":1368,"style":1368},"export default defineNuxtConfig({\n  experimental: {\n    defaults: {\n      useAsyncData: {\n        deep: false\n      },\n      useFetch: {\n        retry: false,\n        retryDelay: 100,\n        retryStatusCodes: [500],\n        timeout: 100\n      }\n    }\n  }\n})\n",[1143,2045,2046,2058,2066,2074,2083,2093,2098,2107,2119,2132,2150,2161,2166,2171,2176],{"__ignoreMap":1368},[1372,2047,2048,2050,2052,2054,2056],{"class":1374,"line":1375},[1372,2049,1379],{"class":1378},[1372,2051,1382],{"class":1378},[1372,2053,1386],{"class":1385},[1372,2055,1390],{"class":1389},[1372,2057,1394],{"class":1393},[1372,2059,2060,2062,2064],{"class":1374,"line":1397},[1372,2061,1674],{"class":1400},[1372,2063,1404],{"class":1393},[1372,2065,1407],{"class":1393},[1372,2067,2068,2070,2072],{"class":1374,"line":1410},[1372,2069,1772],{"class":1400},[1372,2071,1404],{"class":1393},[1372,2073,1407],{"class":1393},[1372,2075,2076,2079,2081],{"class":1374,"line":1444},[1372,2077,2078],{"class":1400},"      useAsyncData",[1372,2080,1404],{"class":1393},[1372,2082,1407],{"class":1393},[1372,2084,2085,2088,2090],{"class":1374,"line":1450},[1372,2086,2087],{"class":1400},"        deep",[1372,2089,1404],{"class":1393},[1372,2091,2092],{"class":1688}," false\n",[1372,2094,2095],{"class":1374,"line":1538},[1372,2096,2097],{"class":1393},"      },\n",[1372,2099,2100,2103,2105],{"class":1374,"line":1820},[1372,2101,2102],{"class":1400},"      useFetch",[1372,2104,1404],{"class":1393},[1372,2106,1407],{"class":1393},[1372,2108,2109,2112,2114,2117],{"class":1374,"line":1826},[1372,2110,2111],{"class":1400},"        retry",[1372,2113,1404],{"class":1393},[1372,2115,2116],{"class":1688}," false",[1372,2118,1802],{"class":1393},[1372,2120,2121,2124,2126,2130],{"class":1374,"line":1832},[1372,2122,2123],{"class":1400},"        retryDelay",[1372,2125,1404],{"class":1393},[1372,2127,2129],{"class":2128},"sV9sa"," 100",[1372,2131,1802],{"class":1393},[1372,2133,2134,2137,2139,2142,2145,2148],{"class":1374,"line":1837},[1372,2135,2136],{"class":1400},"        retryStatusCodes",[1372,2138,1404],{"class":1393},[1372,2140,2141],{"class":1389}," [",[1372,2143,2144],{"class":2128},"500",[1372,2146,2147],{"class":1389},"]",[1372,2149,1802],{"class":1393},[1372,2151,2153,2156,2158],{"class":1374,"line":2152},11,[1372,2154,2155],{"class":1400},"        timeout",[1372,2157,1404],{"class":1393},[1372,2159,2160],{"class":2128}," 100\n",[1372,2162,2164],{"class":1374,"line":2163},12,[1372,2165,1823],{"class":1393},[1372,2167,2169],{"class":1374,"line":2168},13,[1372,2170,1829],{"class":1393},[1372,2172,2174],{"class":1374,"line":2173},14,[1372,2175,1447],{"class":1393},[1372,2177,2179,2181],{"class":1374,"line":2178},15,[1372,2180,1453],{"class":1393},[1372,2182,1456],{"class":1389},[1120,2184,2186],{"id":2185},"layer-improvements","🔢 Layer Improvements",[1125,2188,2189,2190,1188,2195,2200,2201,1188,2206,2211],{},"We now more carefully load layer plugins (",[1129,2191,2194],{"href":2192,"rel":2193},"https://github.com/nuxt/nuxt/pull/22889",[1133],"#22889",[1129,2196,2199],{"href":2197,"rel":2198},"https://github.com/nuxt/nuxt/pull/23148",[1133],"#23148",") and middleware (",[1129,2202,2205],{"href":2203,"rel":2204},"https://github.com/nuxt/nuxt/pull/22925",[1133],"#22925",[1129,2207,2210],{"href":2208,"rel":2209},"https://github.com/nuxt/nuxt/pull/23552",[1133],"#23552",") in the order of the layers, always loading your own plugins and middleware last. This should mean you can rely on utilities that layers may inject.",[1125,2213,2214,2215,2220,2221,2226,2227,2235],{},"And probably one of the most significant changes - if you are using remote layers we now clone these within your ",[1129,2216,2217],{"href":204},[1143,2218,2219],{},"node_modules/"," folder (",[1129,2222,2225],{"href":2223,"rel":2224},"https://github.com/unjs/c12/pull/109",[1133],"#109",") so layers can use dependencies with your project. See ",[1129,2228,2231,2234],{"href":2229,"rel":2230},"https://github.com/unjs/c12/releases/tag/v1.5.1",[1133],[1143,2232,2233],{},"c12"," release notes"," for full details.",[1137,2237,2239],{"icon":2238},"i-lucide-check-circle",[1125,2240,2241],{},"We've also added a test suite to cover these layer resolution changes.",[1120,2243,2245],{"id":2244},"nightly-release-channel","😴 Nightly Release Channel",[1125,2247,2248,2249,2252,2253,2256],{},"Every commit to the ",[1143,2250,2251],{},"main"," branch of Nuxt is automatically deployed to a new release, for easier testing before releases. We've renamed this from the 'edge release channel' to the 'nightly release channel' to avoid confusion with ",[1630,2254,2255],{},"edge deployments",". And probably also with Microsoft Edge (though I haven't heard that anyone was confused with that one!)",[2258,2259,2260,2269,2277,2285],"ul",{},[1861,2261,2262,2265,2266],{},[1143,2263,2264],{},"nuxt3"," is now ",[1143,2267,2268],{},"nuxt-nightly",[1861,2270,2271,2265,2274],{},[1143,2272,2273],{},"nuxi-edge",[1143,2275,2276],{},"nuxi-nightly",[1861,2278,2279,2265,2282],{},[1143,2280,2281],{},"@​nuxt/kit-edge",[1143,2283,2284],{},"@​nuxt/kit-nightly",[1861,2286,2287],{},"... and so on.",[1153,2289,2291],{"to":2290},"/docs/guide/going-further/nightly-release-channel#nightly-release-channel",[1125,2292,2293,2294,1266],{},"Read more about the ",[1318,2295,2296],{},"Nighly Release Channel",[1120,2298,2300],{"id":2299},"️-nitro-v27","⚗️ Nitro v2.7",[1125,2302,2303],{},"Nitro v2.7 has been released with lots of improvements and bug fixes.",[1137,2305,2306],{"icon":14},[1125,2307,2308,2309,2312,2313,2316,2317,2322],{},"🔥 One of the most significant is that we now save ",[1318,2310,2311],{},"40% of bundle size in production"," by using native ",[1143,2314,2315],{},"fetch"," supported in Node 18+ (",[1129,2318,2321],{"href":2319,"rel":2320},"https://github.com/unjs/nitro/pull/1724",[1133],"#1724","). So if possible, we'd recommend you update your Node version to at least 18.",[1153,2324,2326],{"to":2325,"icon":1156,"color":1157,"target":1158},"https://github.com/unjs/nitro/releases/tag/v2.7.0",[1125,2327,2328],{},"Check out Nitro v2.7 release note.",[1120,2330,2332],{"id":2331},"type-import-changes","💪 Type Import Changes",[2334,2335,2336],"warning",{},[1125,2337,2338],{},"This is likely to need code changes in your project.",[1125,2340,2341,2342,1266],{},"Vue requires that type imports be explicit (so that the Vue compiler can correctly optimise and resolve type imports for props and so on). See ",[1129,2343,2346,2347],{"href":2344,"rel":2345},"https://github.com/vuejs/tsconfig/blob/main/tsconfig.json#L30-L33",[1133],"core Vue ",[1143,2348,268],{},[1125,2350,2351,2352,2355,2356,2359],{},"We've therefore taken the decision to turn on ",[1143,2353,2354],{},"verbatimModuleSyntax"," by default in Nuxt projects, which will throw a type error if types are imported without an explicit ",[1143,2357,2358],{},"type"," import. To resolve it you will need to update your imports:",[1363,2361,2365],{"className":2362,"code":2363,"language":2364,"meta":1368,"style":1368},"language-diff shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","- import { someFunction, SomeOptions } from 'some-library'\n+ import { someFunction } from 'some-library'\n+ import type { SomeOptions } from 'some-library'\n","diff",[1143,2366,2367,2375,2383],{"__ignoreMap":1368},[1372,2368,2369,2372],{"class":1374,"line":1375},[1372,2370,2371],{"class":1393},"-",[1372,2373,2374],{"class":1400}," import { someFunction, SomeOptions } from 'some-library'\n",[1372,2376,2377,2380],{"class":1374,"line":1397},[1372,2378,2379],{"class":1393},"+",[1372,2381,2382],{"class":1435}," import { someFunction } from 'some-library'\n",[1372,2384,2385,2387],{"class":1374,"line":1410},[1372,2386,2379],{"class":1393},[1372,2388,2389],{"class":1435}," import type { SomeOptions } from 'some-library'\n",[1125,2391,2392],{},"You may also encounter modules in the Nuxt ecosystem that need to be updated; please open an issue for those modules. I'm also very happy to help if you're encountering any problems with this, if you're a module author. Just tag me and I'll take a look.",[1125,2394,2395],{},"If for whatever reason you need to undo this change in your project you can set the following configuration:",[1363,2397,2399],{"className":1365,"code":2398,"filename":260,"language":1367,"meta":1368,"style":1368},"export default defineNuxtConfig({\n  typescript: {\n    tsConfig: {\n      compilerOptions: {\n        verbatimModuleSyntax: false\n      }\n    }\n  }\n})\n",[1143,2400,2401,2413,2422,2431,2440,2449,2453,2457,2461],{"__ignoreMap":1368},[1372,2402,2403,2405,2407,2409,2411],{"class":1374,"line":1375},[1372,2404,1379],{"class":1378},[1372,2406,1382],{"class":1378},[1372,2408,1386],{"class":1385},[1372,2410,1390],{"class":1389},[1372,2412,1394],{"class":1393},[1372,2414,2415,2418,2420],{"class":1374,"line":1397},[1372,2416,2417],{"class":1400},"  typescript",[1372,2419,1404],{"class":1393},[1372,2421,1407],{"class":1393},[1372,2423,2424,2427,2429],{"class":1374,"line":1410},[1372,2425,2426],{"class":1400},"    tsConfig",[1372,2428,1404],{"class":1393},[1372,2430,1407],{"class":1393},[1372,2432,2433,2436,2438],{"class":1374,"line":1444},[1372,2434,2435],{"class":1400},"      compilerOptions",[1372,2437,1404],{"class":1393},[1372,2439,1407],{"class":1393},[1372,2441,2442,2445,2447],{"class":1374,"line":1450},[1372,2443,2444],{"class":1400},"        verbatimModuleSyntax",[1372,2446,1404],{"class":1393},[1372,2448,2092],{"class":1688},[1372,2450,2451],{"class":1374,"line":1538},[1372,2452,1823],{"class":1393},[1372,2454,2455],{"class":1374,"line":1820},[1372,2456,1829],{"class":1393},[1372,2458,2459],{"class":1374,"line":1826},[1372,2460,1447],{"class":1393},[1372,2462,2463,2465],{"class":1374,"line":1832},[1372,2464,1453],{"class":1393},[1372,2466,1456],{"class":1389},[1125,2468,2469],{},"However, we'd recommend only doing that temporarily, as Vue does need this option to be set for best results.",[2471,2472,2474],"h2",{"id":2473},"upgrading","✅ Upgrading",[1125,2476,2477],{},"As usual, our recommendation for upgrading is to run:",[1363,2479,2483],{"className":2480,"code":2481,"language":2482,"meta":1368,"style":1368},"language-sh shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","npx nuxi upgrade\n","sh",[1143,2484,2485],{"__ignoreMap":1368},[1372,2486,2487,2491,2494],{"class":1374,"line":1375},[1372,2488,2490],{"class":2489},"sT2Ow","npx",[1372,2492,2493],{"class":1435}," nuxi",[1372,2495,2496],{"class":1435}," upgrade\n",[2471,2498,2500],{"id":2499},"full-release-notes","Full Release Notes",[1153,2502,2504],{"to":2503,"icon":1156,"color":1157},"https://github.com/nuxt/nuxt/releases/tag/v3.8.0",[1125,2505,2506,2507,1266],{},"Read the full release notes of Nuxt ",[1143,2508,2509],{},"v3.8.0",[1125,2511,2512],{},"Thank you for reading this far! We hope you enjoy the new release. Please do let us know if you have any feedback or issues.",[1125,2514,2515],{},[1318,2516,2517],{},"Happy Nuxting ✨",[2519,2520,2521],"style",{},"html pre.shiki code .sFVN2, html code.shiki .sFVN2{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#39ADB5;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .szd4z, html code.shiki .szd4z{--shiki-light:#6182B8;--shiki-default:#6182B8;--shiki-dark:#82AAFF}html pre.shiki code .spdxX, html code.shiki .spdxX{--shiki-light:#90A4AE;--shiki-default:#90A4AE;--shiki-dark:#BABED8}html pre.shiki code .sYp4K, html code.shiki .sYp4K{--shiki-light:#39ADB5;--shiki-default:#39ADB5;--shiki-dark:#89DDFF}html pre.shiki code .sQ5dg, html code.shiki .sQ5dg{--shiki-light:#E53935;--shiki-default:#E53935;--shiki-dark:#F07178}html pre.shiki code .s5UST, html code.shiki .s5UST{--shiki-light:#91B859;--shiki-default:#91B859;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .svXlt, html code.shiki .svXlt{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#90A4AE;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sRBFq, html code.shiki .sRBFq{--shiki-light:#9C3EDA;--shiki-default:#9C3EDA;--shiki-dark:#C792EA}html pre.shiki code .sagxc, html code.shiki .sagxc{--shiki-light:#FF5370;--shiki-default:#FF5370;--shiki-dark:#FF9CAC}html pre.shiki code .ssYd4, html code.shiki .ssYd4{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#90A4AE;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sV9sa, html code.shiki .sV9sa{--shiki-light:#F76D47;--shiki-default:#F76D47;--shiki-dark:#F78C6C}html pre.shiki code .sT2Ow, html code.shiki .sT2Ow{--shiki-light:#E2931D;--shiki-default:#E2931D;--shiki-dark:#FFCB6B}",{"title":1368,"searchDepth":1397,"depth":1397,"links":2523},[2524,2525,2526,2527,2528,2529,2530,2531,2532,2533,2534,2535,2536,2537],{"id":1122,"depth":1410,"text":1123},{"id":1168,"depth":1410,"text":1169},{"id":1180,"depth":1410,"text":1181},{"id":1244,"depth":1410,"text":1245},{"id":1323,"depth":1410,"text":1324},{"id":1576,"depth":1410,"text":1577},{"id":1707,"depth":1410,"text":1708},{"id":1844,"depth":1410,"text":1845},{"id":2185,"depth":1410,"text":2186},{"id":2244,"depth":1410,"text":2245},{"id":2299,"depth":1410,"text":2300},{"id":2331,"depth":1410,"text":2332},{"id":2473,"depth":1397,"text":2474},{"id":2499,"depth":1397,"text":2500},"Release","2023-10-19","Nuxt 3.8 is out, bringing built-in DevTools, automatic Nuxt Image install, a new app manifest and much more.","md","/assets/blog/v3.8.png",{},"/blog/v3-8",{"title":1109,"description":2540},"blog/17.v3-8","mEdPNjDByj",[6,6],1742651344401]