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