[{"data":1,"prerenderedAt":2555},["ShallowReactive",2],{"navigation":3,"-blog-v3-8":1119,"-blog-v3-8-surround":2554},[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":1121,"authors":1122,"body":1128,"category":2544,"date":2545,"description":2546,"draft":108,"extension":2547,"image":2548,"meta":2549,"navigation":108,"path":2550,"seo":2551,"stem":2552,"tags":6,"__hash__":2553},"blog/blog/17.v3-8.md","Nuxt 3.8",[1123],{"name":1124,"avatar":1125,"to":1127},"Daniel Roe",{"src":1126},"https://github.com/danielroe.png","https://bsky.app/profile/danielroe.dev",{"type":1129,"value":1130,"toc":2528},"minimal",[1131,1136,1148,1158,1164,1178,1182,1185,1190,1194,1206,1219,1242,1254,1258,1264,1279,1323,1333,1337,1349,1359,1370,1556,1564,1585,1589,1606,1622,1629,1657,1664,1711,1716,1720,1735,1751,1754,1853,1857,1868,1904,2034,2039,2047,2189,2193,2218,2242,2248,2252,2263,2294,2303,2307,2310,2329,2335,2339,2345,2355,2366,2396,2399,2402,2473,2476,2481,2484,2503,2507,2516,2519,2524],[1132,1133,1135],"h3",{"id":1134},"cli-improvements","💻 CLI Improvements",[1137,1138,1139,1140,1147],"p",{},"Just to remind you, we're now using ",[1141,1142,1146],"a",{"href":1143,"rel":1144},"https://github.com/nuxt/cli",[1145],"nofollow","the new Nuxt CLI"," which is now versioned separately.",[1149,1150,1151],"tip",{},[1137,1152,1153,1154],{},"You can now install a module with ",[1155,1156,1157],"code",{},"nuxi module add \u003Cmodule-name>",[1159,1160,1161],"note",{"icon":14},[1137,1162,1163],{},"We now share the same port with the Vite websocket, meaning better support for docker containers in development.",[1165,1166,1171],"read-more",{"to":1167,"icon":1168,"color":1169,"target":1170},"https://github.com/nuxt/cli/releases/tag/v3.9.0","i-simple-icons-github","gray","_blank",[1137,1172,1173,1174,1177],{},"Read the Nuxt CLI ",[1155,1175,1176],{},"v3.9.0"," release notes.",[1132,1179,1181],{"id":1180},"built-in-nuxt-devtools","✨ Built-in Nuxt DevTools",[1137,1183,1184],{},"Nuxt DevTools v1.0.0 is out and we now think it's ready to be shipped as a direct dependency of Nuxt.",[1165,1186,1187],{"to":1061,"icon":1168,"color":1169},[1137,1188,1189],{},"Check out Nuxt DevTools v1.0 announcement.",[1132,1191,1193],{"id":1192},"nuxt-image-auto-install","📸 Nuxt Image Auto-install",[1137,1195,1196,1200,1201,1205],{},[1141,1197,1198],{"href":422},[1155,1199,421],{}," and ",[1141,1202,1203],{"href":377},[1155,1204,376],{}," first-class built-in components.",[1137,1207,1208,1209,1212,1213,1218],{},"We now auto-installing ",[1155,1210,1211],{},"@nuxt/image"," the first time that they are used (",[1141,1214,1217],{"href":1215,"rel":1216},"https://github.com/nuxt/nuxt/pull/23717",[1145],"#23717",").",[1220,1221,1229,1234,1238],"video",{":controls":1222,"className":1223,"controls":1227,"poster":1228},"true",[1224,1225,1226],"rounded","dark:border","dark:border-gray-700",true,"https://res.cloudinary.com/nuxt/video/upload/v1697721767/nuxt3/nuxt-image-auto-install_uqkptq.jpg",[1230,1231],"source",{"src":1232,"type":1233},"https://res.cloudinary.com/nuxt/video/upload/v1697721767/nuxt3/nuxt-image-auto-install_uqkptq.webm","video/webm",[1230,1235],{"src":1236,"type":1237},"https://res.cloudinary.com/nuxt/video/upload/v1697721767/nuxt3/nuxt-image-auto-install_uqkptq.mp4","video/mp4",[1230,1239],{"src":1240,"type":1241},"https://res.cloudinary.com/nuxt/video/upload/v1697721767/nuxt3/nuxt-image-auto-install_uqkptq.ogg","video/ogg",[1149,1243,1244],{},[1137,1245,1246,1247,1253],{},"We advise using ",[1141,1248,1251],{"href":1249,"rel":1250},"https://image.nuxt.com",[1145],[1155,1252,1211],{}," if you're using images in your site; it can apply optimisations to make your site more performant.",[1132,1255,1257],{"id":1256},"deeper-layout-scanning","📂 Deeper Layout Scanning",[1259,1260,1261],"caution",{},[1137,1262,1263],{},"This is a behaviour change so do take care with this one.",[1137,1265,1266,1267,1272,1273,1278],{},"We now support scanning layouts within subfolders in ",[1141,1268,1269],{"href":192},[1155,1270,1271],{},"~/layouts"," in the same way as we do with ",[1141,1274,1275],{"href":180},[1155,1276,1277],{},"~/components",".",[1280,1281,1282,1295],"table",{},[1283,1284,1285],"thead",{},[1286,1287,1288,1292],"tr",{},[1289,1290,1291],"th",{},"File",[1289,1293,1294],{},"Layout name",[1296,1297,1298,1307,1315],"tbody",{},[1286,1299,1300,1304],{},[1301,1302,1303],"td",{},"~/layouts/desktop/default.vue",[1301,1305,1306],{},"'desktop-default'",[1286,1308,1309,1312],{},[1301,1310,1311],{},"~/layouts/desktop-base/base.vue",[1301,1313,1314],{},"'desktop-base'",[1286,1316,1317,1320],{},[1301,1318,1319],{},"~/layouts/desktop/index.vue",[1301,1321,1322],{},"'desktop'",[1165,1324,1326],{"to":1325},"/docs/guide/directory-structure/layouts#named-layout",[1137,1327,1328,1329,1278],{},"Read more about ",[1330,1331,1332],"strong",{},"Named Layouts",[1132,1334,1336],{"id":1335},"app-manifest","📊 App Manifest",[1137,1338,1339,1340,1345,1346,1278],{},"We now support a built-in app manifest (see ",[1141,1341,1344],{"href":1342,"rel":1343},"https://github.com/nuxt/nuxt/pull/21641",[1145],"PR #21641","), which generates a manifest at ",[1155,1347,1348],{},"/_nuxt/builds/meta/\u003CbuildId>.json",[1137,1350,1351,1352,1355,1356,1358],{},"It enables loading payloads ",[1330,1353,1354],{},"only for prerendered routes",", if a site is generated with ",[1155,1357,698],{},", preventing 404s in the console.",[1137,1360,1361,1362,1365,1366,1369],{},"It also enables ",[1330,1363,1364],{},"client-side route rules",". Only ",[1155,1367,1368],{},"redirect"," route rules is supported for now; they will now redirect when performing client-side navigation.",[1371,1372,1373,1468],"code-group",{},[1374,1375,1380],"pre",{"className":1376,"code":1377,"filename":260,"language":1378,"meta":1379,"style":1379},"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","",[1155,1381,1382,1406,1419,1453,1459],{"__ignoreMap":1379},[1383,1384,1387,1391,1394,1398,1402],"span",{"class":1385,"line":1386},"line",1,[1383,1388,1390],{"class":1389},"s8R28","export",[1383,1392,1393],{"class":1389}," default",[1383,1395,1397],{"class":1396},"s3cPz"," defineNuxtConfig",[1383,1399,1401],{"class":1400},"sZSNi","(",[1383,1403,1405],{"class":1404},"sDfIl","{\n",[1383,1407,1409,1413,1416],{"class":1385,"line":1408},2,[1383,1410,1412],{"class":1411},"sRlkE","  routeRules",[1383,1414,1415],{"class":1404},":",[1383,1417,1418],{"class":1404}," {\n",[1383,1420,1422,1425,1428,1431,1433,1436,1439,1441,1444,1448,1450],{"class":1385,"line":1421},3,[1383,1423,1424],{"class":1404},"    '",[1383,1426,1427],{"class":1411},"/about",[1383,1429,1430],{"class":1404},"'",[1383,1432,1415],{"class":1404},[1383,1434,1435],{"class":1404}," {",[1383,1437,1438],{"class":1411}," redirect",[1383,1440,1415],{"class":1404},[1383,1442,1443],{"class":1404}," '",[1383,1445,1447],{"class":1446},"sGFVr","/about-us",[1383,1449,1430],{"class":1404},[1383,1451,1452],{"class":1404}," }\n",[1383,1454,1456],{"class":1385,"line":1455},4,[1383,1457,1458],{"class":1404},"  }\n",[1383,1460,1462,1465],{"class":1385,"line":1461},5,[1383,1463,1464],{"class":1404},"}",[1383,1466,1467],{"class":1400},")\n",[1374,1469,1474],{"className":1470,"code":1471,"filename":1472,"language":1473,"meta":1379,"style":1379},"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",[1155,1475,1476,1487,1497,1503,1538,1547],{"__ignoreMap":1379},[1383,1477,1478,1481,1484],{"class":1385,"line":1386},[1383,1479,1480],{"class":1404},"\u003C",[1383,1482,1483],{"class":1411},"template",[1383,1485,1486],{"class":1404},">\n",[1383,1488,1489,1492,1495],{"class":1385,"line":1408},[1383,1490,1491],{"class":1404},"  \u003C",[1383,1493,1494],{"class":1411},"div",[1383,1496,1486],{"class":1404},[1383,1498,1499],{"class":1385,"line":1421},[1383,1500,1502],{"class":1501},"sWuyu","    \u003C!-- Will be redirected to /about-us on client-side -->\n",[1383,1504,1505,1508,1511,1515,1518,1521,1523,1525,1528,1531,1534,1536],{"class":1385,"line":1455},[1383,1506,1507],{"class":1404},"    \u003C",[1383,1509,1510],{"class":1411},"NuxtLink",[1383,1512,1514],{"class":1513},"smZ93"," to",[1383,1516,1517],{"class":1404},"=",[1383,1519,1520],{"class":1404},"\"",[1383,1522,1427],{"class":1446},[1383,1524,1520],{"class":1404},[1383,1526,1527],{"class":1404},">",[1383,1529,1530],{"class":1400},"About",[1383,1532,1533],{"class":1404},"\u003C/",[1383,1535,1510],{"class":1411},[1383,1537,1486],{"class":1404},[1383,1539,1540,1543,1545],{"class":1385,"line":1461},[1383,1541,1542],{"class":1404},"  \u003C/",[1383,1544,1494],{"class":1411},[1383,1546,1486],{"class":1404},[1383,1548,1550,1552,1554],{"class":1385,"line":1549},6,[1383,1551,1533],{"class":1404},[1383,1553,1483],{"class":1411},[1383,1555,1486],{"class":1404},[1149,1557,1558],{"icon":14},[1137,1559,1560,1561,1278],{},"The app manifest also enables future enhancements including detection of a new deployment by checking ",[1155,1562,1563],{},"/_nuxt/builds/latest.json",[1159,1565,1566],{},[1137,1567,1568,1569,1572,1573,1576,1577,1580,1581,1584],{},"You can ",[1330,1570,1571],{},"opt-on from this behaviour if you need to"," by setting ",[1155,1574,1575],{},"experimental.appManifest"," to ",[1155,1578,1579],{},"false"," in your ",[1155,1582,1583],{},"nuxt.config"," file.",[1132,1586,1588],{"id":1587},"scope-and-context-improvements","🤝 Scope and Context Improvements",[1137,1590,1591,1592,1597,1598,1605],{},"We now define a 'scope' for Nuxt composables executed in plugins (",[1141,1593,1596],{"href":1594,"rel":1595},"https://github.com/nuxt/nuxt/pull/23667",[1145],"#23667","), which allows running synchronous cleanup before navigating away from your site, using the Vue ",[1141,1599,1602],{"href":1600,"rel":1601},"https://vuejs.org/api/reactivity-advanced.html#onscopedispose",[1145],[1155,1603,1604],{},"onScopeDispose"," lifecycle method.",[1159,1607,1608],{},[1137,1609,1610,1611,1616,1617,1218],{},"This should fix an edge case with cookies (",[1141,1612,1615],{"href":1613,"rel":1614},"https://github.com/nuxt/nuxt/pull/23697",[1145],"#23697",") and also improves memory management such as Pinia stores (",[1141,1618,1621],{"href":1619,"rel":1620},"https://github.com/nuxt/nuxt/issues/23650",[1145],"#23650",[1165,1623,1626],{"to":1624,"icon":1625,"target":1170},"https://vuejs.org/api/reactivity-advanced.html#effectscope","i-simple-icons-vuedotjs",[1137,1627,1628],{},"Read more about Vue effect scopes.",[1137,1630,1631,1632,1639,1640,1644,1645,1650,1651,1278],{},"We also now support ",[1141,1633,1636],{"href":1634,"rel":1635},"https://nodejs.org/api/async_context.html",[1145],[1330,1637,1638],{},"native async context"," for the ",[1641,1642,1643],"em",{},"Vue composition API"," (",[1141,1646,1649],{"href":1647,"rel":1648},"https://github.com/nuxt/nuxt/pull/23526",[1145],"#23526","). In case you're unaware, we support native async context on Node and Bun, enabled with ",[1141,1652,1654],{"href":1653},"/docs/guide/going-further/experimental-features#asynccontext",[1155,1655,1656],{},"experimental.asyncContext",[1137,1658,1659,1660,1663],{},"If you experience issues with ",[1155,1661,1662],{},"Nuxt instance unavailable",", enabling this option may solve your issues:",[1374,1665,1667],{"className":1376,"code":1666,"filename":260,"language":1378,"meta":1379,"style":1379},"export default defineNuxtConfig({\n  experimental: {\n    asyncContext: true\n  }\n})\n",[1155,1668,1669,1681,1690,1701,1705],{"__ignoreMap":1379},[1383,1670,1671,1673,1675,1677,1679],{"class":1385,"line":1386},[1383,1672,1390],{"class":1389},[1383,1674,1393],{"class":1389},[1383,1676,1397],{"class":1396},[1383,1678,1401],{"class":1400},[1383,1680,1405],{"class":1404},[1383,1682,1683,1686,1688],{"class":1385,"line":1408},[1383,1684,1685],{"class":1411},"  experimental",[1383,1687,1415],{"class":1404},[1383,1689,1418],{"class":1404},[1383,1691,1692,1695,1697],{"class":1385,"line":1421},[1383,1693,1694],{"class":1411},"    asyncContext",[1383,1696,1415],{"class":1404},[1383,1698,1700],{"class":1699},"sbKd-"," true\n",[1383,1702,1703],{"class":1385,"line":1455},[1383,1704,1458],{"class":1404},[1383,1706,1707,1709],{"class":1385,"line":1461},[1383,1708,1464],{"class":1404},[1383,1710,1467],{"class":1400},[1159,1712,1713],{},[1137,1714,1715],{},"Once we have cross-runtime support, we will enable it by default.",[1132,1717,1719],{"id":1718},"nuxtlink-defaults","🔗 NuxtLink Defaults",[1137,1721,1722,1723,1727,1728,1734],{},"You can define your own ",[1141,1724,1725],{"href":402},[1155,1726,401],{}," components with the ",[1141,1729,1731],{"href":1730},"/docs/api/components/nuxt-link#definenuxtlink-signature",[1155,1732,1733],{},"defineNuxtLink"," utility.",[1137,1736,1737,1738,1742,1743,1745,1746,1218],{},"Today, you can cutomize the options for the built-in ",[1141,1739,1740],{"href":402},[1155,1741,401],{},", directly in your ",[1155,1744,1583],{}," file (",[1141,1747,1750],{"href":1748,"rel":1749},"https://github.com/nuxt/nuxt/pull/23724",[1145],"#23724",[1137,1752,1753],{},"This can enable you to enforce trailing slash behaviour across your entire site, for example:",[1374,1755,1757],{"className":1376,"code":1756,"filename":260,"language":1378,"meta":1379,"style":1379},"export default defineNuxtConfig({\n  experimental: {\n    defaults: {\n      nuxtLink: {\n        activeClass: 'nuxt-link-active',\n        trailingSlash: 'append'\n      }\n    }\n  }\n})\n",[1155,1758,1759,1771,1779,1788,1797,1814,1829,1835,1841,1846],{"__ignoreMap":1379},[1383,1760,1761,1763,1765,1767,1769],{"class":1385,"line":1386},[1383,1762,1390],{"class":1389},[1383,1764,1393],{"class":1389},[1383,1766,1397],{"class":1396},[1383,1768,1401],{"class":1400},[1383,1770,1405],{"class":1404},[1383,1772,1773,1775,1777],{"class":1385,"line":1408},[1383,1774,1685],{"class":1411},[1383,1776,1415],{"class":1404},[1383,1778,1418],{"class":1404},[1383,1780,1781,1784,1786],{"class":1385,"line":1421},[1383,1782,1783],{"class":1411},"    defaults",[1383,1785,1415],{"class":1404},[1383,1787,1418],{"class":1404},[1383,1789,1790,1793,1795],{"class":1385,"line":1455},[1383,1791,1792],{"class":1411},"      nuxtLink",[1383,1794,1415],{"class":1404},[1383,1796,1418],{"class":1404},[1383,1798,1799,1802,1804,1806,1809,1811],{"class":1385,"line":1461},[1383,1800,1801],{"class":1411},"        activeClass",[1383,1803,1415],{"class":1404},[1383,1805,1443],{"class":1404},[1383,1807,1808],{"class":1446},"nuxt-link-active",[1383,1810,1430],{"class":1404},[1383,1812,1813],{"class":1404},",\n",[1383,1815,1816,1819,1821,1823,1826],{"class":1385,"line":1549},[1383,1817,1818],{"class":1411},"        trailingSlash",[1383,1820,1415],{"class":1404},[1383,1822,1443],{"class":1404},[1383,1824,1825],{"class":1446},"append",[1383,1827,1828],{"class":1404},"'\n",[1383,1830,1832],{"class":1385,"line":1831},7,[1383,1833,1834],{"class":1404},"      }\n",[1383,1836,1838],{"class":1385,"line":1837},8,[1383,1839,1840],{"class":1404},"    }\n",[1383,1842,1844],{"class":1385,"line":1843},9,[1383,1845,1458],{"class":1404},[1383,1847,1849,1851],{"class":1385,"line":1848},10,[1383,1850,1464],{"class":1404},[1383,1852,1467],{"class":1400},[1132,1854,1856],{"id":1855},"️-data-fetching-improvements","⚡️ Data Fetching Improvements",[1137,1858,1859,1860,1200,1864,1415],{},"We have two very significant new features for ",[1141,1861,1862],{"href":441},[1155,1863,440],{},[1141,1865,1866],{"href":453},[1155,1867,452],{},[1869,1870,1871,1891],"ol",{},[1872,1873,1874,1875,1878,1879,1882,1883,1888,1889,1278],"li",{},"You can now set ",[1155,1876,1877],{},"deep: false"," to prevent deep reactivity on the ",[1155,1880,1881],{},"data"," object returned from these composables (",[1141,1884,1887],{"href":1885,"rel":1886},"https://github.com/nuxt/nuxt/pull/23600",[1145],"#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 ",[1155,1890,1881],{},[1872,1892,1893,1894,1897,1898,1903],{},"You can now use the ",[1155,1895,1896],{},"getCachedData"," option to handle custom caching for these composables (",[1141,1899,1902],{"href":1900,"rel":1901},"https://github.com/nuxt/nuxt/pull/20747",[1145],"#20747",")",[1374,1905,1907],{"className":1470,"code":1906,"filename":1472,"language":1473,"meta":1379,"style":1379},"\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",[1155,1908,1909,1921,1937,1975,1980,2020,2026],{"__ignoreMap":1379},[1383,1910,1911,1913,1916,1919],{"class":1385,"line":1386},[1383,1912,1480],{"class":1404},[1383,1914,1915],{"class":1411},"script",[1383,1917,1918],{"class":1513}," setup",[1383,1920,1486],{"class":1404},[1383,1922,1923,1926,1929,1931,1934],{"class":1385,"line":1408},[1383,1924,1925],{"class":1513},"const",[1383,1927,1928],{"class":1400}," nuxtApp ",[1383,1930,1517],{"class":1404},[1383,1932,1933],{"class":1396}," useNuxtApp",[1383,1935,1936],{"class":1400},"()\n",[1383,1938,1939,1941,1943,1946,1948,1951,1954,1957,1959,1962,1965,1967,1970,1973],{"class":1385,"line":1421},[1383,1940,1925],{"class":1513},[1383,1942,1435],{"class":1404},[1383,1944,1945],{"class":1400}," data ",[1383,1947,1464],{"class":1404},[1383,1949,1950],{"class":1404}," =",[1383,1952,1953],{"class":1389}," await",[1383,1955,1956],{"class":1396}," useAsyncData",[1383,1958,1401],{"class":1400},[1383,1960,1961],{"class":1404},"()",[1383,1963,1964],{"class":1513}," =>",[1383,1966,1435],{"class":1404},[1383,1968,1969],{"class":1501}," /* fetcher */",[1383,1971,1972],{"class":1404}," },",[1383,1974,1418],{"class":1404},[1383,1976,1977],{"class":1385,"line":1455},[1383,1978,1979],{"class":1501},"  // this will not refetch if the key exists in the payload\n",[1383,1981,1982,1985,1987,1991,1993,1996,1998,2001,2003,2006,2009,2011,2013,2015,2017],{"class":1385,"line":1461},[1383,1983,1984],{"class":1396},"  getCachedData",[1383,1986,1415],{"class":1404},[1383,1988,1990],{"class":1989},"s1nJG"," key",[1383,1992,1964],{"class":1513},[1383,1994,1995],{"class":1400}," nuxtApp",[1383,1997,1278],{"class":1404},[1383,1999,2000],{"class":1400},"payload",[1383,2002,1278],{"class":1404},[1383,2004,2005],{"class":1400},"static[key] ",[1383,2007,2008],{"class":1404},"??",[1383,2010,1995],{"class":1400},[1383,2012,1278],{"class":1404},[1383,2014,2000],{"class":1400},[1383,2016,1278],{"class":1404},[1383,2018,2019],{"class":1400},"data[key]\n",[1383,2021,2022,2024],{"class":1385,"line":1549},[1383,2023,1464],{"class":1404},[1383,2025,1467],{"class":1400},[1383,2027,2028,2030,2032],{"class":1385,"line":1831},[1383,2029,1533],{"class":1404},[1383,2031,1915],{"class":1411},[1383,2033,1486],{"class":1404},[2035,2036],"video-accordion",{"title":2037,"video-id":2038},"Watch the video from Alexander Lichter about Client-side caching with getCachedData.","aQPR0xn-MMk",[1137,2040,2041,2042,2046],{},"We also support configuring some default values for these composables in an app-wide way (",[1141,2043,2045],{"href":1900,"rel":2044},[1145],"#23725","):",[1374,2048,2050],{"className":1376,"code":2049,"filename":260,"language":1378,"meta":1379,"style":1379},"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",[1155,2051,2052,2064,2072,2080,2089,2099,2104,2113,2125,2138,2156,2167,2172,2177,2182],{"__ignoreMap":1379},[1383,2053,2054,2056,2058,2060,2062],{"class":1385,"line":1386},[1383,2055,1390],{"class":1389},[1383,2057,1393],{"class":1389},[1383,2059,1397],{"class":1396},[1383,2061,1401],{"class":1400},[1383,2063,1405],{"class":1404},[1383,2065,2066,2068,2070],{"class":1385,"line":1408},[1383,2067,1685],{"class":1411},[1383,2069,1415],{"class":1404},[1383,2071,1418],{"class":1404},[1383,2073,2074,2076,2078],{"class":1385,"line":1421},[1383,2075,1783],{"class":1411},[1383,2077,1415],{"class":1404},[1383,2079,1418],{"class":1404},[1383,2081,2082,2085,2087],{"class":1385,"line":1455},[1383,2083,2084],{"class":1411},"      useAsyncData",[1383,2086,1415],{"class":1404},[1383,2088,1418],{"class":1404},[1383,2090,2091,2094,2096],{"class":1385,"line":1461},[1383,2092,2093],{"class":1411},"        deep",[1383,2095,1415],{"class":1404},[1383,2097,2098],{"class":1699}," false\n",[1383,2100,2101],{"class":1385,"line":1549},[1383,2102,2103],{"class":1404},"      },\n",[1383,2105,2106,2109,2111],{"class":1385,"line":1831},[1383,2107,2108],{"class":1411},"      useFetch",[1383,2110,1415],{"class":1404},[1383,2112,1418],{"class":1404},[1383,2114,2115,2118,2120,2123],{"class":1385,"line":1837},[1383,2116,2117],{"class":1411},"        retry",[1383,2119,1415],{"class":1404},[1383,2121,2122],{"class":1699}," false",[1383,2124,1813],{"class":1404},[1383,2126,2127,2130,2132,2136],{"class":1385,"line":1843},[1383,2128,2129],{"class":1411},"        retryDelay",[1383,2131,1415],{"class":1404},[1383,2133,2135],{"class":2134},"sYRBq"," 100",[1383,2137,1813],{"class":1404},[1383,2139,2140,2143,2145,2148,2151,2154],{"class":1385,"line":1848},[1383,2141,2142],{"class":1411},"        retryStatusCodes",[1383,2144,1415],{"class":1404},[1383,2146,2147],{"class":1400}," [",[1383,2149,2150],{"class":2134},"500",[1383,2152,2153],{"class":1400},"]",[1383,2155,1813],{"class":1404},[1383,2157,2159,2162,2164],{"class":1385,"line":2158},11,[1383,2160,2161],{"class":1411},"        timeout",[1383,2163,1415],{"class":1404},[1383,2165,2166],{"class":2134}," 100\n",[1383,2168,2170],{"class":1385,"line":2169},12,[1383,2171,1834],{"class":1404},[1383,2173,2175],{"class":1385,"line":2174},13,[1383,2176,1840],{"class":1404},[1383,2178,2180],{"class":1385,"line":2179},14,[1383,2181,1458],{"class":1404},[1383,2183,2185,2187],{"class":1385,"line":2184},15,[1383,2186,1464],{"class":1404},[1383,2188,1467],{"class":1400},[1132,2190,2192],{"id":2191},"layer-improvements","🔢 Layer Improvements",[1137,2194,2195,2196,1200,2201,2206,2207,1200,2212,2217],{},"We now more carefully load layer plugins (",[1141,2197,2200],{"href":2198,"rel":2199},"https://github.com/nuxt/nuxt/pull/22889",[1145],"#22889",[1141,2202,2205],{"href":2203,"rel":2204},"https://github.com/nuxt/nuxt/pull/23148",[1145],"#23148",") and middleware (",[1141,2208,2211],{"href":2209,"rel":2210},"https://github.com/nuxt/nuxt/pull/22925",[1145],"#22925",[1141,2213,2216],{"href":2214,"rel":2215},"https://github.com/nuxt/nuxt/pull/23552",[1145],"#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.",[1137,2219,2220,2221,2226,2227,2232,2233,2241],{},"And probably one of the most significant changes - if you are using remote layers we now clone these within your ",[1141,2222,2223],{"href":204},[1155,2224,2225],{},"node_modules/"," folder (",[1141,2228,2231],{"href":2229,"rel":2230},"https://github.com/unjs/c12/pull/109",[1145],"#109",") so layers can use dependencies with your project. See ",[1141,2234,2237,2240],{"href":2235,"rel":2236},"https://github.com/unjs/c12/releases/tag/v1.5.1",[1145],[1155,2238,2239],{},"c12"," release notes"," for full details.",[1149,2243,2245],{"icon":2244},"i-lucide-check-circle",[1137,2246,2247],{},"We've also added a test suite to cover these layer resolution changes.",[1132,2249,2251],{"id":2250},"nightly-release-channel","😴 Nightly Release Channel",[1137,2253,2254,2255,2258,2259,2262],{},"Every commit to the ",[1155,2256,2257],{},"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 ",[1641,2260,2261],{},"edge deployments",". And probably also with Microsoft Edge (though I haven't heard that anyone was confused with that one!)",[2264,2265,2266,2275,2283,2291],"ul",{},[1872,2267,2268,2271,2272],{},[1155,2269,2270],{},"nuxt3"," is now ",[1155,2273,2274],{},"nuxt-nightly",[1872,2276,2277,2271,2280],{},[1155,2278,2279],{},"nuxi-edge",[1155,2281,2282],{},"nuxi-nightly",[1872,2284,2285,2271,2288],{},[1155,2286,2287],{},"@​nuxt/kit-edge",[1155,2289,2290],{},"@​nuxt/kit-nightly",[1872,2292,2293],{},"... and so on.",[1165,2295,2297],{"to":2296},"/docs/guide/going-further/nightly-release-channel#nightly-release-channel",[1137,2298,2299,2300,1278],{},"Read more about the ",[1330,2301,2302],{},"Nighly Release Channel",[1132,2304,2306],{"id":2305},"️-nitro-v27","⚗️ Nitro v2.7",[1137,2308,2309],{},"Nitro v2.7 has been released with lots of improvements and bug fixes.",[1149,2311,2312],{"icon":14},[1137,2313,2314,2315,2318,2319,2322,2323,2328],{},"🔥 One of the most significant is that we now save ",[1330,2316,2317],{},"40% of bundle size in production"," by using native ",[1155,2320,2321],{},"fetch"," supported in Node 18+ (",[1141,2324,2327],{"href":2325,"rel":2326},"https://github.com/unjs/nitro/pull/1724",[1145],"#1724","). So if possible, we'd recommend you update your Node version to at least 18.",[1165,2330,2332],{"to":2331,"icon":1168,"color":1169,"target":1170},"https://github.com/unjs/nitro/releases/tag/v2.7.0",[1137,2333,2334],{},"Check out Nitro v2.7 release note.",[1132,2336,2338],{"id":2337},"type-import-changes","💪 Type Import Changes",[2340,2341,2342],"warning",{},[1137,2343,2344],{},"This is likely to need code changes in your project.",[1137,2346,2347,2348,1278],{},"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 ",[1141,2349,2352,2353],{"href":2350,"rel":2351},"https://github.com/vuejs/tsconfig/blob/main/tsconfig.json#L30-L33",[1145],"core Vue ",[1155,2354,268],{},[1137,2356,2357,2358,2361,2362,2365],{},"We've therefore taken the decision to turn on ",[1155,2359,2360],{},"verbatimModuleSyntax"," by default in Nuxt projects, which will throw a type error if types are imported without an explicit ",[1155,2363,2364],{},"type"," import. To resolve it you will need to update your imports:",[1374,2367,2371],{"className":2368,"code":2369,"language":2370,"meta":1379,"style":1379},"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",[1155,2372,2373,2381,2389],{"__ignoreMap":1379},[1383,2374,2375,2378],{"class":1385,"line":1386},[1383,2376,2377],{"class":1404},"-",[1383,2379,2380],{"class":1411}," import { someFunction, SomeOptions } from 'some-library'\n",[1383,2382,2383,2386],{"class":1385,"line":1408},[1383,2384,2385],{"class":1404},"+",[1383,2387,2388],{"class":1446}," import { someFunction } from 'some-library'\n",[1383,2390,2391,2393],{"class":1385,"line":1421},[1383,2392,2385],{"class":1404},[1383,2394,2395],{"class":1446}," import type { SomeOptions } from 'some-library'\n",[1137,2397,2398],{},"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.",[1137,2400,2401],{},"If for whatever reason you need to undo this change in your project you can set the following configuration:",[1374,2403,2405],{"className":1376,"code":2404,"filename":260,"language":1378,"meta":1379,"style":1379},"export default defineNuxtConfig({\n  typescript: {\n    tsConfig: {\n      compilerOptions: {\n        verbatimModuleSyntax: false\n      }\n    }\n  }\n})\n",[1155,2406,2407,2419,2428,2437,2446,2455,2459,2463,2467],{"__ignoreMap":1379},[1383,2408,2409,2411,2413,2415,2417],{"class":1385,"line":1386},[1383,2410,1390],{"class":1389},[1383,2412,1393],{"class":1389},[1383,2414,1397],{"class":1396},[1383,2416,1401],{"class":1400},[1383,2418,1405],{"class":1404},[1383,2420,2421,2424,2426],{"class":1385,"line":1408},[1383,2422,2423],{"class":1411},"  typescript",[1383,2425,1415],{"class":1404},[1383,2427,1418],{"class":1404},[1383,2429,2430,2433,2435],{"class":1385,"line":1421},[1383,2431,2432],{"class":1411},"    tsConfig",[1383,2434,1415],{"class":1404},[1383,2436,1418],{"class":1404},[1383,2438,2439,2442,2444],{"class":1385,"line":1455},[1383,2440,2441],{"class":1411},"      compilerOptions",[1383,2443,1415],{"class":1404},[1383,2445,1418],{"class":1404},[1383,2447,2448,2451,2453],{"class":1385,"line":1461},[1383,2449,2450],{"class":1411},"        verbatimModuleSyntax",[1383,2452,1415],{"class":1404},[1383,2454,2098],{"class":1699},[1383,2456,2457],{"class":1385,"line":1549},[1383,2458,1834],{"class":1404},[1383,2460,2461],{"class":1385,"line":1831},[1383,2462,1840],{"class":1404},[1383,2464,2465],{"class":1385,"line":1837},[1383,2466,1458],{"class":1404},[1383,2468,2469,2471],{"class":1385,"line":1843},[1383,2470,1464],{"class":1404},[1383,2472,1467],{"class":1400},[1137,2474,2475],{},"However, we'd recommend only doing that temporarily, as Vue does need this option to be set for best results.",[2477,2478,2480],"h2",{"id":2479},"upgrading","✅ Upgrading",[1137,2482,2483],{},"As usual, our recommendation for upgrading is to run:",[1374,2485,2489],{"className":2486,"code":2487,"language":2488,"meta":1379,"style":1379},"language-sh shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","npx nuxi upgrade\n","sh",[1155,2490,2491],{"__ignoreMap":1379},[1383,2492,2493,2497,2500],{"class":1385,"line":1386},[1383,2494,2496],{"class":2495},"s52Pk","npx",[1383,2498,2499],{"class":1446}," nuxi",[1383,2501,2502],{"class":1446}," upgrade\n",[2477,2504,2506],{"id":2505},"full-release-notes","Full Release Notes",[1165,2508,2510],{"to":2509,"icon":1168,"color":1169},"https://github.com/nuxt/nuxt/releases/tag/v3.8.0",[1137,2511,2512,2513,1278],{},"Read the full release notes of Nuxt ",[1155,2514,2515],{},"v3.8.0",[1137,2517,2518],{},"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.",[1137,2520,2521],{},[1330,2522,2523],{},"Happy Nuxting ✨",[2525,2526,2527],"style",{},"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 .s3cPz, html code.shiki .s3cPz{--shiki-light:#6182B8;--shiki-default:#6182B8;--shiki-dark:#82AAFF}html pre.shiki code .sZSNi, html code.shiki .sZSNi{--shiki-light:#90A4AE;--shiki-default:#90A4AE;--shiki-dark:#BABED8}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 .sGFVr, html code.shiki .sGFVr{--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 .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 .smZ93, html code.shiki .smZ93{--shiki-light:#9C3EDA;--shiki-default:#9C3EDA;--shiki-dark:#C792EA}html pre.shiki code .sbKd-, html code.shiki .sbKd-{--shiki-light:#FF5370;--shiki-default:#FF5370;--shiki-dark:#FF9CAC}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}html pre.shiki code .s52Pk, html code.shiki .s52Pk{--shiki-light:#E2931D;--shiki-default:#E2931D;--shiki-dark:#FFCB6B}",{"title":1379,"searchDepth":1408,"depth":1408,"links":2529},[2530,2531,2532,2533,2534,2535,2536,2537,2538,2539,2540,2541,2542,2543],{"id":1134,"depth":1421,"text":1135},{"id":1180,"depth":1421,"text":1181},{"id":1192,"depth":1421,"text":1193},{"id":1256,"depth":1421,"text":1257},{"id":1335,"depth":1421,"text":1336},{"id":1587,"depth":1421,"text":1588},{"id":1718,"depth":1421,"text":1719},{"id":1855,"depth":1421,"text":1856},{"id":2191,"depth":1421,"text":2192},{"id":2250,"depth":1421,"text":2251},{"id":2305,"depth":1421,"text":2306},{"id":2337,"depth":1421,"text":2338},{"id":2479,"depth":1408,"text":2480},{"id":2505,"depth":1408,"text":2506},"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":1121,"description":2546},"blog/17.v3-8","53ApR5hxed8p_tGgxYRpazs2eJmSjgHYb7SUYG-J_l4",[6,6],1748853333753]