[{"data":1,"prerenderedAt":2450},["ShallowReactive",2],{"navigation":3,"-blog-v3-11":1119,"-blog-v3-11-surround":2449},[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":2439,"date":2440,"description":2441,"draft":108,"extension":2442,"image":2443,"meta":2444,"navigation":108,"path":2445,"seo":2446,"stem":2447,"tags":6,"__hash__":2448},"blog/blog/22.v3-11.md","Nuxt 3.11",[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":2419},"minimal",[1131,1135,1140,1148,1165,1168,1328,1331,1375,1378,1385,1388,1449,1453,1459,1490,1499,1502,1506,1514,1521,1529,1659,1662,1670,1712,1865,1867,1875,1886,1960,1964,1976,1989,1993,2004,2026,2038,2042,2054,2119,2131,2139,2146,2150,2165,2169,2186,2190,2206,2209,2328,2332,2339,2347,2366,2370,2373,2389,2392,2396,2407,2410,2415],[1132,1133,1134],"p",{},"This is possibly the last minor release before Nuxt v4, and so we've packed it full of features and improvements we hope will delight you! ✨",[1136,1137,1139],"h2",{"id":1138},"better-logging","🪵 Better logging",[1132,1141,1142,1143,1147],{},"When developing a Nuxt application and using ",[1144,1145,1146],"code",{},"console.log"," in your application, you may have noticed that these logs are not displayed in your browser console when refreshing the page (during server-side rendering). This can be frustrating, as it makes it difficult to debug your application. This is now a thing of the past!",[1132,1149,1150,1151,1158,1159,1164],{},"Now, when you have server logs associated with a request, they will be bundled up and passed to the client and displayed in your browser console. ",[1152,1153,1157],"a",{"href":1154,"rel":1155},"https://nodejs.org/docs/latest-v20.x/api/async_context.html",[1156],"nofollow","Asynchronous context"," is used to track and associate these logs with the request that triggered them. (",[1152,1160,1163],{"href":1161,"rel":1162},"https://github.com/nuxt/nuxt/pull/25936",[1156],"#25936",").",[1132,1166,1167],{},"For example, this code:",[1169,1170,1176],"pre",{"className":1171,"code":1172,"filename":1173,"language":1174,"meta":1175,"style":1175},"language-vue shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","\u003Cscript setup>\nconsole.log('Log from index page')\n\nconst { data } = await useAsyncData(() => {\n  console.log('Log inside useAsyncData')\n  return $fetch('/api/test')\n})\n\u003C/script>\n","pages/index.vue","vue","",[1144,1177,1178,1198,1227,1234,1270,1291,1311,1318],{"__ignoreMap":1175},[1179,1180,1183,1187,1191,1195],"span",{"class":1181,"line":1182},"line",1,[1179,1184,1186],{"class":1185},"sDfIl","\u003C",[1179,1188,1190],{"class":1189},"sRlkE","script",[1179,1192,1194],{"class":1193},"smZ93"," setup",[1179,1196,1197],{"class":1185},">\n",[1179,1199,1201,1205,1208,1212,1215,1218,1222,1224],{"class":1181,"line":1200},2,[1179,1202,1204],{"class":1203},"sZSNi","console",[1179,1206,1207],{"class":1185},".",[1179,1209,1211],{"class":1210},"s3cPz","log",[1179,1213,1214],{"class":1203},"(",[1179,1216,1217],{"class":1185},"'",[1179,1219,1221],{"class":1220},"sGFVr","Log from index page",[1179,1223,1217],{"class":1185},[1179,1225,1226],{"class":1203},")\n",[1179,1228,1230],{"class":1181,"line":1229},3,[1179,1231,1233],{"emptyLinePlaceholder":1232},true,"\n",[1179,1235,1237,1240,1243,1246,1249,1252,1256,1259,1261,1264,1267],{"class":1181,"line":1236},4,[1179,1238,1239],{"class":1193},"const",[1179,1241,1242],{"class":1185}," {",[1179,1244,1245],{"class":1203}," data ",[1179,1247,1248],{"class":1185},"}",[1179,1250,1251],{"class":1185}," =",[1179,1253,1255],{"class":1254},"s8R28"," await",[1179,1257,1258],{"class":1210}," useAsyncData",[1179,1260,1214],{"class":1203},[1179,1262,1263],{"class":1185},"()",[1179,1265,1266],{"class":1193}," =>",[1179,1268,1269],{"class":1185}," {\n",[1179,1271,1273,1276,1278,1280,1282,1284,1287,1289],{"class":1181,"line":1272},5,[1179,1274,1275],{"class":1203},"  console",[1179,1277,1207],{"class":1185},[1179,1279,1211],{"class":1210},[1179,1281,1214],{"class":1189},[1179,1283,1217],{"class":1185},[1179,1285,1286],{"class":1220},"Log inside useAsyncData",[1179,1288,1217],{"class":1185},[1179,1290,1226],{"class":1189},[1179,1292,1294,1297,1300,1302,1304,1307,1309],{"class":1181,"line":1293},6,[1179,1295,1296],{"class":1254},"  return",[1179,1298,1299],{"class":1210}," $fetch",[1179,1301,1214],{"class":1189},[1179,1303,1217],{"class":1185},[1179,1305,1306],{"class":1220},"/api/test",[1179,1308,1217],{"class":1185},[1179,1310,1226],{"class":1189},[1179,1312,1314,1316],{"class":1181,"line":1313},7,[1179,1315,1248],{"class":1185},[1179,1317,1226],{"class":1203},[1179,1319,1321,1324,1326],{"class":1181,"line":1320},8,[1179,1322,1323],{"class":1185},"\u003C/",[1179,1325,1190],{"class":1189},[1179,1327,1197],{"class":1185},[1132,1329,1330],{},"will now log to your browser console when you refresh the page:",[1169,1332,1336],{"className":1333,"code":1334,"language":1335,"meta":1175,"style":1175},"language-bash shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","Log from index page\n[ssr] Log inside useAsyncData \n    at pages/index.vue\n","bash",[1144,1337,1338,1353,1367],{"__ignoreMap":1175},[1179,1339,1340,1344,1347,1350],{"class":1181,"line":1182},[1179,1341,1343],{"class":1342},"s52Pk","Log",[1179,1345,1346],{"class":1220}," from",[1179,1348,1349],{"class":1220}," index",[1179,1351,1352],{"class":1220}," page\n",[1179,1354,1355,1358,1361,1364],{"class":1181,"line":1200},[1179,1356,1357],{"class":1185},"[",[1179,1359,1360],{"class":1203},"ssr",[1179,1362,1363],{"class":1185},"]",[1179,1365,1366],{"class":1203}," Log inside useAsyncData \n",[1179,1368,1369,1372],{"class":1181,"line":1229},[1179,1370,1371],{"class":1342},"    at",[1179,1373,1374],{"class":1220}," pages/index.vue\n",[1132,1376,1377],{},"👉 We also plan to support streaming of subsequent logs to the Nuxt DevTools in future.",[1132,1379,1380,1381,1384],{},"We've also added a ",[1144,1382,1383],{},"dev:ssr-logs"," hook (both in Nuxt and Nitro) which is called on server and client, allowing you to handle them yourself if you want to.",[1132,1386,1387],{},"If you encounter any issues with this, it is possible to disable them - or prevent them from logging to your browser console.",[1169,1389,1393],{"className":1390,"code":1391,"filename":260,"language":1392,"meta":1175,"style":1175},"language-ts shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","export default defineNuxtConfig({\n  features: {\n    devLogs: false\n    // or 'silent' to allow you to handle yourself with `dev:ssr-logs` hook\n  },\n})\n","ts",[1144,1394,1395,1411,1421,1432,1438,1443],{"__ignoreMap":1175},[1179,1396,1397,1400,1403,1406,1408],{"class":1181,"line":1182},[1179,1398,1399],{"class":1254},"export",[1179,1401,1402],{"class":1254}," default",[1179,1404,1405],{"class":1210}," defineNuxtConfig",[1179,1407,1214],{"class":1203},[1179,1409,1410],{"class":1185},"{\n",[1179,1412,1413,1416,1419],{"class":1181,"line":1200},[1179,1414,1415],{"class":1189},"  features",[1179,1417,1418],{"class":1185},":",[1179,1420,1269],{"class":1185},[1179,1422,1423,1426,1428],{"class":1181,"line":1229},[1179,1424,1425],{"class":1189},"    devLogs",[1179,1427,1418],{"class":1185},[1179,1429,1431],{"class":1430},"sbKd-"," false\n",[1179,1433,1434],{"class":1181,"line":1236},[1179,1435,1437],{"class":1436},"sWuyu","    // or 'silent' to allow you to handle yourself with `dev:ssr-logs` hook\n",[1179,1439,1440],{"class":1181,"line":1272},[1179,1441,1442],{"class":1185},"  },\n",[1179,1444,1445,1447],{"class":1181,"line":1293},[1179,1446,1248],{"class":1185},[1179,1448,1226],{"class":1203},[1136,1450,1452],{"id":1451},"preview-mode","🎨 Preview mode",[1132,1454,1455,1456,1458],{},"A new ",[1144,1457,488],{}," composable aims to make it simple to use preview mode in your Nuxt app.",[1169,1460,1463],{"className":1390,"code":1461,"filename":1462,"language":1392,"meta":1175,"style":1175},"const { enabled, state } = usePreviewMode()\n","plugins/test.client.ts",[1144,1464,1465],{"__ignoreMap":1175},[1179,1466,1467,1469,1471,1474,1477,1480,1482,1484,1487],{"class":1181,"line":1182},[1179,1468,1239],{"class":1193},[1179,1470,1242],{"class":1185},[1179,1472,1473],{"class":1203}," enabled",[1179,1475,1476],{"class":1185},",",[1179,1478,1479],{"class":1203}," state ",[1179,1481,1248],{"class":1185},[1179,1483,1251],{"class":1185},[1179,1485,1486],{"class":1210}," usePreviewMode",[1179,1488,1489],{"class":1203},"()\n",[1132,1491,1492,1493,1495,1496,1498],{},"When preview mode is enabled, all your data fetching composables, like ",[1144,1494,440],{}," and ",[1144,1497,452],{}," will rerun, meaning any cached data in the payload will be bypassed.",[1500,1501],"read-more",{"to":489},[1136,1503,1505],{"id":1504},"cache-busting-payloads","💰 Cache-busting payloads",[1132,1507,1508,1509,1164],{},"We now automatically cache-bust your payloads if you haven't disabled Nuxt's app manifest, meaning you shouldn't be stuck with outdated data after a deployment (",[1152,1510,1513],{"href":1511,"rel":1512},"https://github.com/nuxt/nuxt/pull/26068",[1156],"#26068",[1136,1515,1517,1518],{"id":1516},"️-middleware-routerules","👮‍♂️ Middleware ",[1144,1519,1520],{},"routeRules",[1132,1522,1523,1524,1164],{},"It's now possible to define middleware for page paths within the Vue app part of your application (that is, not your Nitro routes) (",[1152,1525,1528],{"href":1526,"rel":1527},"https://github.com/nuxt/nuxt/pull/25841",[1156],"#25841",[1169,1530,1532],{"className":1390,"code":1531,"filename":260,"language":1392,"meta":1175,"style":1175},"export default defineNuxtConfig({\n  routeRules: {\n    '/admin/**': {\n      // or appMiddleware: 'auth'\n      appMiddleware: ['auth']\n    },\n    '/admin/login': {\n      // You can 'turn off' middleware that would otherwise run for a page\n      appMiddleware: {\n        auth: false\n      }\n    },\n  },\n})\n",[1144,1533,1534,1546,1555,1569,1574,1594,1599,1612,1617,1626,1636,1642,1647,1652],{"__ignoreMap":1175},[1179,1535,1536,1538,1540,1542,1544],{"class":1181,"line":1182},[1179,1537,1399],{"class":1254},[1179,1539,1402],{"class":1254},[1179,1541,1405],{"class":1210},[1179,1543,1214],{"class":1203},[1179,1545,1410],{"class":1185},[1179,1547,1548,1551,1553],{"class":1181,"line":1200},[1179,1549,1550],{"class":1189},"  routeRules",[1179,1552,1418],{"class":1185},[1179,1554,1269],{"class":1185},[1179,1556,1557,1560,1563,1565,1567],{"class":1181,"line":1229},[1179,1558,1559],{"class":1185},"    '",[1179,1561,1562],{"class":1189},"/admin/**",[1179,1564,1217],{"class":1185},[1179,1566,1418],{"class":1185},[1179,1568,1269],{"class":1185},[1179,1570,1571],{"class":1181,"line":1236},[1179,1572,1573],{"class":1436},"      // or appMiddleware: 'auth'\n",[1179,1575,1576,1579,1581,1584,1586,1589,1591],{"class":1181,"line":1272},[1179,1577,1578],{"class":1189},"      appMiddleware",[1179,1580,1418],{"class":1185},[1179,1582,1583],{"class":1203}," [",[1179,1585,1217],{"class":1185},[1179,1587,1588],{"class":1220},"auth",[1179,1590,1217],{"class":1185},[1179,1592,1593],{"class":1203},"]\n",[1179,1595,1596],{"class":1181,"line":1293},[1179,1597,1598],{"class":1185},"    },\n",[1179,1600,1601,1603,1606,1608,1610],{"class":1181,"line":1313},[1179,1602,1559],{"class":1185},[1179,1604,1605],{"class":1189},"/admin/login",[1179,1607,1217],{"class":1185},[1179,1609,1418],{"class":1185},[1179,1611,1269],{"class":1185},[1179,1613,1614],{"class":1181,"line":1320},[1179,1615,1616],{"class":1436},"      // You can 'turn off' middleware that would otherwise run for a page\n",[1179,1618,1620,1622,1624],{"class":1181,"line":1619},9,[1179,1621,1578],{"class":1189},[1179,1623,1418],{"class":1185},[1179,1625,1269],{"class":1185},[1179,1627,1629,1632,1634],{"class":1181,"line":1628},10,[1179,1630,1631],{"class":1189},"        auth",[1179,1633,1418],{"class":1185},[1179,1635,1431],{"class":1430},[1179,1637,1639],{"class":1181,"line":1638},11,[1179,1640,1641],{"class":1185},"      }\n",[1179,1643,1645],{"class":1181,"line":1644},12,[1179,1646,1598],{"class":1185},[1179,1648,1650],{"class":1181,"line":1649},13,[1179,1651,1442],{"class":1185},[1179,1653,1655,1657],{"class":1181,"line":1654},14,[1179,1656,1248],{"class":1185},[1179,1658,1226],{"class":1203},[1500,1660],{"to":1661},"/docs/guide/concepts/rendering#route-rules",[1136,1663,1665,1666,1669],{"id":1664},"new-clear-data-fetching-utility","⌫ New ",[1144,1667,1668],{},"clear"," data fetching utility",[1132,1671,1672,1673,1495,1675,1677,1678,1680,1681,1684,1685,1688,1689,1692,1693,1688,1696,1692,1699,1688,1702,1705,1706,1711],{},"Now, ",[1144,1674,440],{},[1144,1676,452],{}," expose a ",[1144,1679,1668],{}," utility. This is a function that can be used to set ",[1144,1682,1683],{},"data"," to undefined, set ",[1144,1686,1687],{},"error"," to ",[1144,1690,1691],{},"null",", set ",[1144,1694,1695],{},"pending",[1144,1697,1698],{},"false",[1144,1700,1701],{},"status",[1144,1703,1704],{},"idle",", and mark any currently pending requests as cancelled. (",[1152,1707,1710],{"href":1708,"rel":1709},"https://github.com/nuxt/nuxt/pull/26259",[1156],"#26259",")",[1169,1713,1715],{"className":1171,"code":1714,"language":1174,"meta":1175,"style":1175},"\u003Cscript setup lang=\"ts\">\nconst { data, clear } = await useFetch('/api/test')\n\nconst route = useRoute()\nwatch(() => route.path, (path) => {\n  if (path === '/') clear()\n})\n\u003C/script>\n",[1144,1716,1717,1740,1773,1777,1791,1824,1851,1857],{"__ignoreMap":1175},[1179,1718,1719,1721,1723,1725,1728,1731,1734,1736,1738],{"class":1181,"line":1182},[1179,1720,1186],{"class":1185},[1179,1722,1190],{"class":1189},[1179,1724,1194],{"class":1193},[1179,1726,1727],{"class":1193}," lang",[1179,1729,1730],{"class":1185},"=",[1179,1732,1733],{"class":1185},"\"",[1179,1735,1392],{"class":1220},[1179,1737,1733],{"class":1185},[1179,1739,1197],{"class":1185},[1179,1741,1742,1744,1746,1749,1751,1754,1756,1758,1760,1763,1765,1767,1769,1771],{"class":1181,"line":1200},[1179,1743,1239],{"class":1193},[1179,1745,1242],{"class":1185},[1179,1747,1748],{"class":1203}," data",[1179,1750,1476],{"class":1185},[1179,1752,1753],{"class":1203}," clear ",[1179,1755,1248],{"class":1185},[1179,1757,1251],{"class":1185},[1179,1759,1255],{"class":1254},[1179,1761,1762],{"class":1210}," useFetch",[1179,1764,1214],{"class":1203},[1179,1766,1217],{"class":1185},[1179,1768,1306],{"class":1220},[1179,1770,1217],{"class":1185},[1179,1772,1226],{"class":1203},[1179,1774,1775],{"class":1181,"line":1229},[1179,1776,1233],{"emptyLinePlaceholder":1232},[1179,1778,1779,1781,1784,1786,1789],{"class":1181,"line":1236},[1179,1780,1239],{"class":1193},[1179,1782,1783],{"class":1203}," route ",[1179,1785,1730],{"class":1185},[1179,1787,1788],{"class":1210}," useRoute",[1179,1790,1489],{"class":1203},[1179,1792,1793,1796,1798,1800,1802,1805,1807,1810,1812,1815,1818,1820,1822],{"class":1181,"line":1272},[1179,1794,1795],{"class":1210},"watch",[1179,1797,1214],{"class":1203},[1179,1799,1263],{"class":1185},[1179,1801,1266],{"class":1193},[1179,1803,1804],{"class":1203}," route",[1179,1806,1207],{"class":1185},[1179,1808,1809],{"class":1203},"path",[1179,1811,1476],{"class":1185},[1179,1813,1814],{"class":1185}," (",[1179,1816,1809],{"class":1817},"s1nJG",[1179,1819,1711],{"class":1185},[1179,1821,1266],{"class":1193},[1179,1823,1269],{"class":1185},[1179,1825,1826,1829,1831,1833,1836,1839,1842,1844,1847,1849],{"class":1181,"line":1293},[1179,1827,1828],{"class":1254},"  if",[1179,1830,1814],{"class":1189},[1179,1832,1809],{"class":1203},[1179,1834,1835],{"class":1185}," ===",[1179,1837,1838],{"class":1185}," '",[1179,1840,1841],{"class":1220},"/",[1179,1843,1217],{"class":1185},[1179,1845,1846],{"class":1189},") ",[1179,1848,1668],{"class":1210},[1179,1850,1489],{"class":1189},[1179,1852,1853,1855],{"class":1181,"line":1313},[1179,1854,1248],{"class":1185},[1179,1856,1226],{"class":1203},[1179,1858,1859,1861,1863],{"class":1181,"line":1320},[1179,1860,1323],{"class":1185},[1179,1862,1190],{"class":1189},[1179,1864,1197],{"class":1185},[1500,1866],{"to":65},[1136,1868,1870,1871,1874],{"id":1869},"️-new-teleports-target","🕳️ New ",[1144,1872,1873],{},"#teleports"," target",[1132,1876,1877,1878,1881,1882,1885],{},"Nuxt now includes a new ",[1144,1879,1880],{},"\u003Cdiv id=\"teleports\">\u003C/div>"," element in your app within your ",[1144,1883,1884],{},"\u003Cbody>"," tag. It supports server-side teleports, meaning you can do this safely on the server:",[1169,1887,1889],{"className":1171,"code":1888,"filename":248,"language":1174,"meta":1175,"style":1175},"\u003Ctemplate>\n  \u003CTeleport to=\"#teleports\">\n    \u003Cspan>\n      Something\n    \u003C/span>\n  \u003C/Teleport>\n\u003C/template>\n",[1144,1890,1891,1900,1920,1929,1934,1943,1952],{"__ignoreMap":1175},[1179,1892,1893,1895,1898],{"class":1181,"line":1182},[1179,1894,1186],{"class":1185},[1179,1896,1897],{"class":1189},"template",[1179,1899,1197],{"class":1185},[1179,1901,1902,1905,1907,1910,1912,1914,1916,1918],{"class":1181,"line":1200},[1179,1903,1904],{"class":1185},"  \u003C",[1179,1906,883],{"class":1189},[1179,1908,1909],{"class":1193}," to",[1179,1911,1730],{"class":1185},[1179,1913,1733],{"class":1185},[1179,1915,1873],{"class":1220},[1179,1917,1733],{"class":1185},[1179,1919,1197],{"class":1185},[1179,1921,1922,1925,1927],{"class":1181,"line":1229},[1179,1923,1924],{"class":1185},"    \u003C",[1179,1926,1179],{"class":1189},[1179,1928,1197],{"class":1185},[1179,1930,1931],{"class":1181,"line":1236},[1179,1932,1933],{"class":1203},"      Something\n",[1179,1935,1936,1939,1941],{"class":1181,"line":1272},[1179,1937,1938],{"class":1185},"    \u003C/",[1179,1940,1179],{"class":1189},[1179,1942,1197],{"class":1185},[1179,1944,1945,1948,1950],{"class":1181,"line":1293},[1179,1946,1947],{"class":1185},"  \u003C/",[1179,1949,883],{"class":1189},[1179,1951,1197],{"class":1185},[1179,1953,1954,1956,1958],{"class":1181,"line":1313},[1179,1955,1323],{"class":1185},[1179,1957,1897],{"class":1189},[1179,1959,1197],{"class":1185},[1136,1961,1963],{"id":1962},"loading-indicator-and-transition-controls","🚦 Loading indicator and transition controls",[1132,1965,1966,1967,1970,1971,1164],{},"It's now possible to set custom timings for hiding the loading indicator, and forcing the ",[1144,1968,1969],{},"finish()"," method if needed (",[1152,1972,1975],{"href":1973,"rel":1974},"https://github.com/nuxt/nuxt/pull/25932",[1156],"#25932",[1132,1977,1978,1979,1982,1983,1988],{},"There's also a new ",[1144,1980,1981],{},"page:view-transition:start"," hook for hooking into the View Transitions API (",[1152,1984,1987],{"href":1985,"rel":1986},"https://github.com/nuxt/nuxt/pull/26045",[1156],"#26045",") if you have that feature enabled.",[1136,1990,1992],{"id":1991},"️-server-and-client-only-pages","🛍️ Server- and client-only pages",[1132,1994,1995,1996,1999,2000,2003],{},"This release sees server- and client-only pages land in Nuxt! You can now add a ",[1144,1997,1998],{},".server.vue"," or ",[1144,2001,2002],{},".client.vue"," suffix to a page to get automatic handling of it.",[1132,2005,2006,2010,2011,2013,2014,2016,2017,2020,2021,1164],{},[2007,2008,2009],"strong",{},"Client-only pages"," will render entirely on the client-side, and skip server-rendering entirely, just as if the entire page was wrapped in ",[1144,2012,364],{},". Use this responsibly. The flash of load on the client-side can be a bad user experience so make sure you really need to avoid server-side loading. Also consider using ",[1144,2015,364],{}," with a ",[1144,2018,2019],{},"fallback"," slot to render a skeleton loader (",[1152,2022,2025],{"href":2023,"rel":2024},"https://github.com/nuxt/nuxt/pull/25037",[1156],"#25037",[1132,2027,2028,2029,2032,2033,1164],{},"⚗️ ",[2007,2030,2031],{},"Server-only pages"," are even more useful because they enable you to integrate fully-server rendered HTML within client-side navigation. They will even be prefetched when links to them are in the viewport - so you will get instantaneous loading (",[1152,2034,2037],{"href":2035,"rel":2036},"https://github.com/nuxt/nuxt/pull/24954",[1156],"#24954",[1136,2039,2041],{"id":2040},"server-component-bonanza","🤠 Server component bonanza",[1132,2043,2044,2045,2048,2049,1164],{},"When you are using server components, you can now use the ",[1144,2046,2047],{},"nuxt-client"," attribute anywhere within your tree (",[1152,2050,2053],{"href":2051,"rel":2052},"https://github.com/nuxt/nuxt/pull/25479",[1156],"#25479",[1169,2055,2057],{"className":1390,"code":2056,"filename":260,"language":1392,"meta":1175,"style":1175},"export default defineNuxtConfig({\n  experimental: {\n    componentIslands: {\n      selectiveClient: 'deep'\n    }\n  },\n})\n",[1144,2058,2059,2071,2080,2089,2104,2109,2113],{"__ignoreMap":1175},[1179,2060,2061,2063,2065,2067,2069],{"class":1181,"line":1182},[1179,2062,1399],{"class":1254},[1179,2064,1402],{"class":1254},[1179,2066,1405],{"class":1210},[1179,2068,1214],{"class":1203},[1179,2070,1410],{"class":1185},[1179,2072,2073,2076,2078],{"class":1181,"line":1200},[1179,2074,2075],{"class":1189},"  experimental",[1179,2077,1418],{"class":1185},[1179,2079,1269],{"class":1185},[1179,2081,2082,2085,2087],{"class":1181,"line":1229},[1179,2083,2084],{"class":1189},"    componentIslands",[1179,2086,1418],{"class":1185},[1179,2088,1269],{"class":1185},[1179,2090,2091,2094,2096,2098,2101],{"class":1181,"line":1236},[1179,2092,2093],{"class":1189},"      selectiveClient",[1179,2095,1418],{"class":1185},[1179,2097,1838],{"class":1185},[1179,2099,2100],{"class":1220},"deep",[1179,2102,2103],{"class":1185},"'\n",[1179,2105,2106],{"class":1181,"line":1272},[1179,2107,2108],{"class":1185},"    }\n",[1179,2110,2111],{"class":1181,"line":1293},[1179,2112,1442],{"class":1185},[1179,2114,2115,2117],{"class":1181,"line":1313},[1179,2116,1248],{"class":1185},[1179,2118,1226],{"class":1203},[1132,2120,2121,2122,2125,2126,1164],{},"You can listen to an ",[1144,2123,2124],{},"@error"," event from server components that will be triggered if there is any issue loading the component (",[1152,2127,2130],{"href":2128,"rel":2129},"https://github.com/nuxt/nuxt/pull/25798",[1156],"#25798",[1132,2132,2133,2134,1164],{},"Finally, server-only components are now smartly enabled when you have a server-only component or a server-only page within your project or any of its layers (",[1152,2135,2138],{"href":2136,"rel":2137},"https://github.com/nuxt/nuxt/pull/26223",[1156],"#26223",[2140,2141,2143],"callout",{"type":2142},"warning",[1132,2144,2145],{},"Server components remain experimental and their API may change, so be careful\nbefore depending on implementation details.",[1136,2147,2149],{"id":2148},"performance-improvements","🔥 Performance improvements",[1132,2151,2152,2153,2158,2159,2164],{},"We've shipped a number of performance improvements, including only updating changed virtual templates (",[1152,2154,2157],{"href":2155,"rel":2156},"https://github.com/nuxt/nuxt/pull/26250",[1156],"#26250","), using a 'layered' prerender cache (",[1152,2160,2163],{"href":2161,"rel":2162},"https://github.com/nuxt/nuxt/pull/26104",[1156],"#26104",") that falls back to filesystem instead of keeping everything in memory when prerendering - and lots of other examples.",[1136,2166,2168],{"id":2167},"public-assets-handling","📂 Public assets handling",[1132,2170,2171,2172,2175,2176,2181,2182,2185],{},"We have shipped a reimplementation of Vite's public asset handling, meaning that public assets in your ",[1144,2173,2174],{},"public/"," directory or your layer directories are now resolved entirely by Nuxt (",[1152,2177,2180],{"href":2178,"rel":2179},"https://github.com/nuxt/nuxt/pull/26163",[1156],"#26163","), so if you have added ",[1144,2183,2184],{},"nitro.publicAssets"," directories with a custom prefix, these will now work.",[1136,2187,2189],{"id":2188},"chunk-naming","📦 Chunk naming",[1132,2191,2192,2193,2196,2197,2200,2201,1711],{},"We have changed the default ",[1144,2194,2195],{},"_nuxt/[name].[hash].js"," file name pattern for your JS chunks. Now, we default to ",[1144,2198,2199],{},"_nuxt/[hash].js",". This is to avoid false positives by ad blockers triggering off your component or chunk names, which can be a very difficult issue to debug. (",[1152,2202,2205],{"href":2203,"rel":2204},"https://github.com/nuxt/nuxt/pull/26203",[1156],"#26203",[1132,2207,2208],{},"You can easily configure this to revert to previous behaviour if you wish:",[1169,2210,2212],{"className":1390,"code":2211,"filename":260,"language":1392,"meta":1175,"style":1175},"export default defineNuxtConfig({\n  vite: {\n    $client: {\n      build: {\n        rollupOptions: {\n          output: {\n            chunkFileNames: '_nuxt/[name].[hash].js',\n            entryFileNames: '_nuxt/[name].[hash].js'\n          }\n        }\n      }\n    }\n  },\n})\n",[1144,2213,2214,2226,2235,2244,2253,2262,2271,2287,2300,2305,2310,2314,2318,2322],{"__ignoreMap":1175},[1179,2215,2216,2218,2220,2222,2224],{"class":1181,"line":1182},[1179,2217,1399],{"class":1254},[1179,2219,1402],{"class":1254},[1179,2221,1405],{"class":1210},[1179,2223,1214],{"class":1203},[1179,2225,1410],{"class":1185},[1179,2227,2228,2231,2233],{"class":1181,"line":1200},[1179,2229,2230],{"class":1189},"  vite",[1179,2232,1418],{"class":1185},[1179,2234,1269],{"class":1185},[1179,2236,2237,2240,2242],{"class":1181,"line":1229},[1179,2238,2239],{"class":1189},"    $client",[1179,2241,1418],{"class":1185},[1179,2243,1269],{"class":1185},[1179,2245,2246,2249,2251],{"class":1181,"line":1236},[1179,2247,2248],{"class":1189},"      build",[1179,2250,1418],{"class":1185},[1179,2252,1269],{"class":1185},[1179,2254,2255,2258,2260],{"class":1181,"line":1272},[1179,2256,2257],{"class":1189},"        rollupOptions",[1179,2259,1418],{"class":1185},[1179,2261,1269],{"class":1185},[1179,2263,2264,2267,2269],{"class":1181,"line":1293},[1179,2265,2266],{"class":1189},"          output",[1179,2268,1418],{"class":1185},[1179,2270,1269],{"class":1185},[1179,2272,2273,2276,2278,2280,2282,2284],{"class":1181,"line":1313},[1179,2274,2275],{"class":1189},"            chunkFileNames",[1179,2277,1418],{"class":1185},[1179,2279,1838],{"class":1185},[1179,2281,2195],{"class":1220},[1179,2283,1217],{"class":1185},[1179,2285,2286],{"class":1185},",\n",[1179,2288,2289,2292,2294,2296,2298],{"class":1181,"line":1320},[1179,2290,2291],{"class":1189},"            entryFileNames",[1179,2293,1418],{"class":1185},[1179,2295,1838],{"class":1185},[1179,2297,2195],{"class":1220},[1179,2299,2103],{"class":1185},[1179,2301,2302],{"class":1181,"line":1619},[1179,2303,2304],{"class":1185},"          }\n",[1179,2306,2307],{"class":1181,"line":1628},[1179,2308,2309],{"class":1185},"        }\n",[1179,2311,2312],{"class":1181,"line":1638},[1179,2313,1641],{"class":1185},[1179,2315,2316],{"class":1181,"line":1644},[1179,2317,2108],{"class":1185},[1179,2319,2320],{"class":1181,"line":1649},[1179,2321,1442],{"class":1185},[1179,2323,2324,2326],{"class":1181,"line":1654},[1179,2325,1248],{"class":1185},[1179,2327,1226],{"class":1203},[1136,2329,2331],{"id":2330},"type-fixes","💪 Type fixes",[1132,2333,2334,2335,2338],{},"Previously users with ",[1144,2336,2337],{},"shamefully-hoist=false"," may have encountered issues with types not being resolved or working correctly. You may also have encountered problems with excessive type instantiation.",[1132,2340,2341,2342,1164],{},"We now try to tell TypeScript about certain key types so they can be resolved even if deeply nested (",[1152,2343,2346],{"href":2344,"rel":2345},"https://github.com/nuxt/nuxt/pull/26158",[1156],"#26158",[1132,2348,2349,2350,1495,2355,2360,2361,1164],{},"There are a whole raft of other type fixes, including some regarding import types (",[1152,2351,2354],{"href":2352,"rel":2353},"https://github.com/nuxt/nuxt/pull/26218",[1156],"#26218",[1152,2356,2359],{"href":2357,"rel":2358},"https://github.com/nuxt/nuxt/pull/25965",[1156],"#25965",") and module typings (",[1152,2362,2365],{"href":2363,"rel":2364},"https://github.com/nuxt/nuxt/pull/25548",[1156],"#25548",[1136,2367,2369],{"id":2368},"upgrading","✅ Upgrading",[1132,2371,2372],{},"As usual, our recommendation for upgrading Nuxt is to run:",[1169,2374,2376],{"className":1333,"code":2375,"language":1335,"meta":1175,"style":1175},"nuxi upgrade --force\n",[1144,2377,2378],{"__ignoreMap":1175},[1179,2379,2380,2383,2386],{"class":1181,"line":1182},[1179,2381,2382],{"class":1342},"nuxi",[1179,2384,2385],{"class":1220}," upgrade",[1179,2387,2388],{"class":1220}," --force\n",[1132,2390,2391],{},"This will refresh your lockfile as well, and ensures that you pull in updates from other dependencies that Nuxt relies on, particularly in the unjs ecosystem.",[1136,2393,2395],{"id":2394},"full-release-notes","👉 Full release notes",[1500,2397,2401],{"to":2398,"icon":2399,"target":2400},"https://github.com/nuxt/nuxt/releases/tag/v3.11.0","i-simple-icons-github","_blank",[1132,2402,2403,2404,1207],{},"Read the full release notes of Nuxt ",[1144,2405,2406],{},"v3.11.0",[1132,2408,2409],{},"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.",[1132,2411,2412],{},[2007,2413,2414],{},"Happy Nuxting ✨",[2416,2417,2418],"style",{},"html pre.shiki code .sDfIl, html code.shiki .sDfIl{--shiki-light:#39ADB5;--shiki-default:#39ADB5;--shiki-dark:#89DDFF}html pre.shiki code .sRlkE, html code.shiki .sRlkE{--shiki-light:#E53935;--shiki-default:#E53935;--shiki-dark:#F07178}html pre.shiki code .smZ93, html code.shiki .smZ93{--shiki-light:#9C3EDA;--shiki-default:#9C3EDA;--shiki-dark:#C792EA}html pre.shiki code .sZSNi, html code.shiki .sZSNi{--shiki-light:#90A4AE;--shiki-default:#90A4AE;--shiki-dark:#BABED8}html pre.shiki code .s3cPz, html code.shiki .s3cPz{--shiki-light:#6182B8;--shiki-default:#6182B8;--shiki-dark:#82AAFF}html pre.shiki code .sGFVr, html code.shiki .sGFVr{--shiki-light:#91B859;--shiki-default:#91B859;--shiki-dark:#C3E88D}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 .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 .s52Pk, html code.shiki .s52Pk{--shiki-light:#E2931D;--shiki-default:#E2931D;--shiki-dark:#FFCB6B}html pre.shiki code .sbKd-, html code.shiki .sbKd-{--shiki-light:#FF5370;--shiki-default:#FF5370;--shiki-dark:#FF9CAC}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 .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}",{"title":1175,"searchDepth":1200,"depth":1200,"links":2420},[2421,2422,2423,2424,2426,2428,2430,2431,2432,2433,2434,2435,2436,2437,2438],{"id":1138,"depth":1200,"text":1139},{"id":1451,"depth":1200,"text":1452},{"id":1504,"depth":1200,"text":1505},{"id":1516,"depth":1200,"text":2425},"👮‍♂️ Middleware routeRules",{"id":1664,"depth":1200,"text":2427},"⌫ New clear data fetching utility",{"id":1869,"depth":1200,"text":2429},"🕳️ New #teleports target",{"id":1962,"depth":1200,"text":1963},{"id":1991,"depth":1200,"text":1992},{"id":2040,"depth":1200,"text":2041},{"id":2148,"depth":1200,"text":2149},{"id":2167,"depth":1200,"text":2168},{"id":2188,"depth":1200,"text":2189},{"id":2330,"depth":1200,"text":2331},{"id":2368,"depth":1200,"text":2369},{"id":2394,"depth":1200,"text":2395},"Release","2024-03-16T10:00:00.000Z","Nuxt 3.11 is out - with better logging, preview mode, server pages and much more!","md","/assets/blog/v3.11.png",{},"/blog/v3-11",{"title":1121,"description":2441},"blog/22.v3-11","fPD1JVVdfrcMMTe4dxpaxVOmyvdn8wCyNQ6WfEtXXFM",[6,6],1748853333198]