[{"data":1,"prerenderedAt":9679},["ShallowReactive",2],{"$fGCo9l1hMtNdUiA6QzdUX5X3kLqaWcC5t2kdz4LrvCvc":3,"versions":2842,"-docs-4-x-getting-started-data-fetching":2846,"-docs-4-x-getting-started-data-fetching-surround":9674},[4,1120,1940,2753],{"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,1404,1770,1847,1869,1903],{"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,1319,1329,1354,1370],{"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,1313,1316],{"title":1310,"path":1311,"stem":1312,"titleTemplate":6},"Nuxt and Hydration","/docs/4.x/guide/best-practices/hydration","docs/4.x/3.guide/2.best-practices/hydration",{"title":299,"path":1314,"stem":1315,"titleTemplate":6},"/docs/4.x/guide/best-practices/performance","docs/4.x/3.guide/2.best-practices/performance",{"title":303,"path":1317,"stem":1318,"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":1320,"stem":1321,"children":1322,"page":108},"/docs/4.x/guide/ai","docs/4.x/3.guide/3.ai",[1323,1326],{"title":314,"path":1324,"stem":1325,"titleTemplate":6},"/docs/4.x/guide/ai/mcp","docs/4.x/3.guide/3.ai/1.mcp",{"title":318,"path":1327,"stem":1328,"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":1330,"stem":1331,"children":1332,"page":108},"/docs/4.x/guide/modules","docs/4.x/3.guide/4.modules",[1333,1336,1339,1342,1345,1348,1351],{"title":329,"path":1334,"stem":1335,"titleTemplate":6},"/docs/4.x/guide/modules/getting-started","docs/4.x/3.guide/4.modules/1.getting-started",{"title":333,"path":1337,"stem":1338,"titleTemplate":6},"/docs/4.x/guide/modules/module-anatomy","docs/4.x/3.guide/4.modules/2.module-anatomy",{"title":337,"path":1340,"stem":1341,"titleTemplate":6},"/docs/4.x/guide/modules/recipes-basics","docs/4.x/3.guide/4.modules/3.recipes-basics",{"title":341,"path":1343,"stem":1344,"titleTemplate":6},"/docs/4.x/guide/modules/recipes-advanced","docs/4.x/3.guide/4.modules/4.recipes-advanced",{"title":345,"path":1346,"stem":1347,"titleTemplate":6},"/docs/4.x/guide/modules/testing","docs/4.x/3.guide/4.modules/5.testing",{"title":349,"path":1349,"stem":1350,"titleTemplate":6},"/docs/4.x/guide/modules/best-practices","docs/4.x/3.guide/4.modules/6.best-practices",{"title":353,"path":1352,"stem":1353,"titleTemplate":6},"/docs/4.x/guide/modules/ecosystem","docs/4.x/3.guide/4.modules/7.ecosystem",{"title":357,"titleTemplate":358,"icon":359,"path":1355,"stem":1356,"children":1357,"page":108},"/docs/4.x/guide/recipes","docs/4.x/3.guide/5.recipes",[1358,1361,1364,1367],{"title":364,"path":1359,"stem":1360,"titleTemplate":6},"/docs/4.x/guide/recipes/custom-routing","docs/4.x/3.guide/5.recipes/1.custom-routing",{"title":368,"path":1362,"stem":1363,"titleTemplate":6},"/docs/4.x/guide/recipes/vite-plugin","docs/4.x/3.guide/5.recipes/2.vite-plugin",{"title":372,"path":1365,"stem":1366,"titleTemplate":6},"/docs/4.x/guide/recipes/custom-usefetch","docs/4.x/3.guide/5.recipes/3.custom-usefetch",{"title":376,"path":1368,"stem":1369,"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":1371,"stem":1372,"children":1373,"page":108},"/docs/4.x/guide/going-further","docs/4.x/3.guide/6.going-further",[1374,1377,1380,1383,1386,1389,1392,1395,1398,1401],{"title":387,"path":1375,"stem":1376,"titleTemplate":6},"/docs/4.x/guide/going-further/events","docs/4.x/3.guide/6.going-further/1.events",{"title":391,"path":1378,"stem":1379,"titleTemplate":6},"/docs/4.x/guide/going-further/experimental-features","docs/4.x/3.guide/6.going-further/1.experimental-features",{"title":395,"path":1381,"stem":1382,"titleTemplate":6},"/docs/4.x/guide/going-further/features","docs/4.x/3.guide/6.going-further/1.features",{"title":399,"path":1384,"stem":1385,"titleTemplate":6},"/docs/4.x/guide/going-further/runtime-config","docs/4.x/3.guide/6.going-further/10.runtime-config",{"title":403,"path":1387,"stem":1388,"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":1390,"stem":1391,"titleTemplate":6},"/docs/4.x/guide/going-further/hooks","docs/4.x/3.guide/6.going-further/2.hooks",{"title":411,"path":1393,"stem":1394,"titleTemplate":6},"/docs/4.x/guide/going-further/kit","docs/4.x/3.guide/6.going-further/4.kit",{"title":415,"path":1396,"stem":1397,"titleTemplate":6},"/docs/4.x/guide/going-further/nuxt-app","docs/4.x/3.guide/6.going-further/6.nuxt-app",{"title":419,"path":1399,"stem":1400,"titleTemplate":6},"/docs/4.x/guide/going-further/layers","docs/4.x/3.guide/6.going-further/7.layers",{"title":423,"path":1402,"stem":1403,"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":1405,"stem":1406,"children":1407,"page":108},"/docs/4.x/api","docs/4.x/4.api",[1408,1461,1556,1647,1699,1757,1767],{"title":434,"titleTemplate":435,"icon":324,"path":1409,"stem":1410,"children":1411,"page":108},"/docs/4.x/api/components","docs/4.x/4.api/1.components",[1412,1415,1418,1421,1424,1427,1430,1433,1437,1440,1443,1446,1449,1452,1455,1458],{"title":440,"path":1413,"stem":1414,"titleTemplate":6},"/docs/4.x/api/components/client-only","docs/4.x/4.api/1.components/1.client-only",{"title":444,"path":1416,"stem":1417,"titleTemplate":6},"/docs/4.x/api/components/dev-only","docs/4.x/4.api/1.components/1.dev-only",{"title":448,"path":1419,"stem":1420,"titleTemplate":6},"/docs/4.x/api/components/nuxt-client-fallback","docs/4.x/4.api/1.components/1.nuxt-client-fallback",{"title":452,"path":1422,"stem":1423,"titleTemplate":6},"/docs/4.x/api/components/nuxt-picture","docs/4.x/4.api/1.components/10.nuxt-picture",{"title":456,"path":1425,"stem":1426,"titleTemplate":6},"/docs/4.x/api/components/teleports","docs/4.x/4.api/1.components/11.teleports",{"title":460,"path":1428,"stem":1429,"titleTemplate":6},"/docs/4.x/api/components/nuxt-route-announcer","docs/4.x/4.api/1.components/12.nuxt-route-announcer",{"title":464,"path":1431,"stem":1432,"titleTemplate":6},"/docs/4.x/api/components/nuxt-time","docs/4.x/4.api/1.components/13.nuxt-time",{"title":1434,"path":1435,"stem":1436,"titleTemplate":6},"\u003CNuxtAnnouncer>","/docs/4.x/api/components/nuxt-announcer","docs/4.x/4.api/1.components/14.nuxt-announcer",{"title":468,"path":1438,"stem":1439,"titleTemplate":6},"/docs/4.x/api/components/nuxt-page","docs/4.x/4.api/1.components/2.nuxt-page",{"title":472,"path":1441,"stem":1442,"titleTemplate":6},"/docs/4.x/api/components/nuxt-layout","docs/4.x/4.api/1.components/3.nuxt-layout",{"title":476,"path":1444,"stem":1445,"titleTemplate":6},"/docs/4.x/api/components/nuxt-link","docs/4.x/4.api/1.components/4.nuxt-link",{"title":480,"path":1447,"stem":1448,"titleTemplate":6},"/docs/4.x/api/components/nuxt-loading-indicator","docs/4.x/4.api/1.components/5.nuxt-loading-indicator",{"title":484,"path":1450,"stem":1451,"titleTemplate":6},"/docs/4.x/api/components/nuxt-error-boundary","docs/4.x/4.api/1.components/6.nuxt-error-boundary",{"title":488,"path":1453,"stem":1454,"titleTemplate":6},"/docs/4.x/api/components/nuxt-welcome","docs/4.x/4.api/1.components/7.nuxt-welcome",{"title":492,"path":1456,"stem":1457,"titleTemplate":6},"/docs/4.x/api/components/nuxt-island","docs/4.x/4.api/1.components/8.nuxt-island",{"title":496,"path":1459,"stem":1460,"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":1462,"stem":1463,"children":1464,"page":108},"/docs/4.x/api/composables","docs/4.x/4.api/2.composables",[1465,1468,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,1547,1550,1553],{"title":507,"path":1466,"stem":1467,"titleTemplate":6},"/docs/4.x/api/composables/on-prehydrate","docs/4.x/4.api/2.composables/on-prehydrate",{"title":1469,"path":1470,"stem":1471,"titleTemplate":6},"useAnnouncer","/docs/4.x/api/composables/use-announcer","docs/4.x/4.api/2.composables/use-announcer",{"title":511,"path":1473,"stem":1474,"titleTemplate":6},"/docs/4.x/api/composables/use-app-config","docs/4.x/4.api/2.composables/use-app-config",{"title":515,"path":1476,"stem":1477,"titleTemplate":6},"/docs/4.x/api/composables/use-async-data","docs/4.x/4.api/2.composables/use-async-data",{"title":519,"path":1479,"stem":1480,"titleTemplate":6},"/docs/4.x/api/composables/use-cookie","docs/4.x/4.api/2.composables/use-cookie",{"title":523,"path":1482,"stem":1483,"titleTemplate":6},"/docs/4.x/api/composables/use-error","docs/4.x/4.api/2.composables/use-error",{"title":527,"path":1485,"stem":1486,"titleTemplate":6},"/docs/4.x/api/composables/use-fetch","docs/4.x/4.api/2.composables/use-fetch",{"title":531,"path":1488,"stem":1489,"titleTemplate":6},"/docs/4.x/api/composables/use-head","docs/4.x/4.api/2.composables/use-head",{"title":535,"path":1491,"stem":1492,"titleTemplate":6},"/docs/4.x/api/composables/use-head-safe","docs/4.x/4.api/2.composables/use-head-safe",{"title":539,"path":1494,"stem":1495,"titleTemplate":6},"/docs/4.x/api/composables/use-hydration","docs/4.x/4.api/2.composables/use-hydration",{"title":543,"path":1497,"stem":1498,"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":1500,"stem":1501,"titleTemplate":6},"/docs/4.x/api/composables/use-lazy-fetch","docs/4.x/4.api/2.composables/use-lazy-fetch",{"title":551,"path":1503,"stem":1504,"titleTemplate":6},"/docs/4.x/api/composables/use-loading-indicator","docs/4.x/4.api/2.composables/use-loading-indicator",{"title":555,"path":1506,"stem":1507,"titleTemplate":6},"/docs/4.x/api/composables/use-nuxt-app","docs/4.x/4.api/2.composables/use-nuxt-app",{"title":559,"path":1509,"stem":1510,"titleTemplate":6},"/docs/4.x/api/composables/use-nuxt-data","docs/4.x/4.api/2.composables/use-nuxt-data",{"title":563,"path":1512,"stem":1513,"titleTemplate":6},"/docs/4.x/api/composables/use-preview-mode","docs/4.x/4.api/2.composables/use-preview-mode",{"title":567,"path":1515,"stem":1516,"titleTemplate":6},"/docs/4.x/api/composables/use-request-event","docs/4.x/4.api/2.composables/use-request-event",{"title":571,"path":1518,"stem":1519,"titleTemplate":6},"/docs/4.x/api/composables/use-request-fetch","docs/4.x/4.api/2.composables/use-request-fetch",{"title":575,"path":1521,"stem":1522,"titleTemplate":6},"/docs/4.x/api/composables/use-request-header","docs/4.x/4.api/2.composables/use-request-header",{"title":579,"path":1524,"stem":1525,"titleTemplate":6},"/docs/4.x/api/composables/use-request-headers","docs/4.x/4.api/2.composables/use-request-headers",{"title":583,"path":1527,"stem":1528,"titleTemplate":6},"/docs/4.x/api/composables/use-request-url","docs/4.x/4.api/2.composables/use-request-url",{"title":587,"path":1530,"stem":1531,"titleTemplate":6},"/docs/4.x/api/composables/use-response-header","docs/4.x/4.api/2.composables/use-response-header",{"title":591,"path":1533,"stem":1534,"titleTemplate":6},"/docs/4.x/api/composables/use-route","docs/4.x/4.api/2.composables/use-route",{"title":595,"path":1536,"stem":1537,"titleTemplate":6},"/docs/4.x/api/composables/use-route-announcer","docs/4.x/4.api/2.composables/use-route-announcer",{"title":599,"path":1539,"stem":1540,"titleTemplate":6},"/docs/4.x/api/composables/use-router","docs/4.x/4.api/2.composables/use-router",{"title":603,"path":1542,"stem":1543,"titleTemplate":6},"/docs/4.x/api/composables/use-runtime-config","docs/4.x/4.api/2.composables/use-runtime-config",{"title":607,"path":1545,"stem":1546,"titleTemplate":6},"/docs/4.x/api/composables/use-runtime-hook","docs/4.x/4.api/2.composables/use-runtime-hook",{"title":611,"path":1548,"stem":1549,"titleTemplate":6},"/docs/4.x/api/composables/use-seo-meta","docs/4.x/4.api/2.composables/use-seo-meta",{"title":615,"path":1551,"stem":1552,"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":1554,"stem":1555,"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":1557,"stem":1558,"children":1559,"page":108},"/docs/4.x/api/utils","docs/4.x/4.api/3.utils",[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,1638,1641,1644],{"title":630,"path":1561,"stem":1562,"titleTemplate":6},"/docs/4.x/api/utils/dollarfetch","docs/4.x/4.api/3.utils/$fetch",{"title":634,"path":1564,"stem":1565,"titleTemplate":6},"/docs/4.x/api/utils/abort-navigation","docs/4.x/4.api/3.utils/abort-navigation",{"title":638,"path":1567,"stem":1568,"titleTemplate":6},"/docs/4.x/api/utils/add-route-middleware","docs/4.x/4.api/3.utils/add-route-middleware",{"title":642,"path":1570,"stem":1571,"titleTemplate":6},"/docs/4.x/api/utils/call-once","docs/4.x/4.api/3.utils/call-once",{"title":646,"path":1573,"stem":1574,"titleTemplate":6},"/docs/4.x/api/utils/clear-error","docs/4.x/4.api/3.utils/clear-error",{"title":650,"path":1576,"stem":1577,"titleTemplate":6},"/docs/4.x/api/utils/clear-nuxt-data","docs/4.x/4.api/3.utils/clear-nuxt-data",{"title":654,"path":1579,"stem":1580,"titleTemplate":6},"/docs/4.x/api/utils/clear-nuxt-state","docs/4.x/4.api/3.utils/clear-nuxt-state",{"title":658,"path":1582,"stem":1583,"titleTemplate":6},"/docs/4.x/api/utils/create-error","docs/4.x/4.api/3.utils/create-error",{"title":662,"path":1585,"stem":1586,"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":1588,"stem":1589,"titleTemplate":6},"/docs/4.x/api/utils/define-nuxt-component","docs/4.x/4.api/3.utils/define-nuxt-component",{"title":670,"path":1591,"stem":1592,"titleTemplate":6},"/docs/4.x/api/utils/define-nuxt-plugin","docs/4.x/4.api/3.utils/define-nuxt-plugin",{"title":674,"path":1594,"stem":1595,"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":1597,"stem":1598,"titleTemplate":6},"/docs/4.x/api/utils/define-page-meta","docs/4.x/4.api/3.utils/define-page-meta",{"title":682,"path":1600,"stem":1601,"titleTemplate":6},"/docs/4.x/api/utils/define-route-rules","docs/4.x/4.api/3.utils/define-route-rules",{"title":686,"path":1603,"stem":1604,"titleTemplate":6},"/docs/4.x/api/utils/navigate-to","docs/4.x/4.api/3.utils/navigate-to",{"title":690,"path":1606,"stem":1607,"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":1609,"stem":1610,"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":1612,"stem":1613,"titleTemplate":6},"/docs/4.x/api/utils/on-nuxt-ready","docs/4.x/4.api/3.utils/on-nuxt-ready",{"title":702,"path":1615,"stem":1616,"titleTemplate":6},"/docs/4.x/api/utils/prefetch-components","docs/4.x/4.api/3.utils/prefetch-components",{"title":706,"path":1618,"stem":1619,"titleTemplate":6},"/docs/4.x/api/utils/preload-components","docs/4.x/4.api/3.utils/preload-components",{"title":710,"path":1621,"stem":1622,"titleTemplate":6},"/docs/4.x/api/utils/preload-route-components","docs/4.x/4.api/3.utils/preload-route-components",{"title":714,"path":1624,"stem":1625,"titleTemplate":6},"/docs/4.x/api/utils/prerender-routes","docs/4.x/4.api/3.utils/prerender-routes",{"title":718,"path":1627,"stem":1628,"titleTemplate":6},"/docs/4.x/api/utils/refresh-cookie","docs/4.x/4.api/3.utils/refresh-cookie",{"title":722,"path":1630,"stem":1631,"titleTemplate":6},"/docs/4.x/api/utils/refresh-nuxt-data","docs/4.x/4.api/3.utils/refresh-nuxt-data",{"title":726,"path":1633,"stem":1634,"titleTemplate":6},"/docs/4.x/api/utils/reload-nuxt-app","docs/4.x/4.api/3.utils/reload-nuxt-app",{"title":730,"path":1636,"stem":1637,"titleTemplate":6},"/docs/4.x/api/utils/set-page-layout","docs/4.x/4.api/3.utils/set-page-layout",{"title":734,"path":1639,"stem":1640,"titleTemplate":6},"/docs/4.x/api/utils/set-response-status","docs/4.x/4.api/3.utils/set-response-status",{"title":738,"path":1642,"stem":1643,"titleTemplate":6},"/docs/4.x/api/utils/show-error","docs/4.x/4.api/3.utils/show-error",{"title":742,"path":1645,"stem":1646,"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":1648,"stem":1649,"children":1650,"page":108},"/docs/4.x/api/commands","docs/4.x/4.api/4.commands",[1651,1654,1657,1660,1663,1666,1669,1672,1675,1678,1681,1684,1687,1690,1693,1696],{"title":753,"path":1652,"stem":1653,"titleTemplate":6},"/docs/4.x/api/commands/add","docs/4.x/4.api/4.commands/add",{"title":757,"path":1655,"stem":1656,"titleTemplate":6},"/docs/4.x/api/commands/analyze","docs/4.x/4.api/4.commands/analyze",{"title":761,"path":1658,"stem":1659,"titleTemplate":6},"/docs/4.x/api/commands/build","docs/4.x/4.api/4.commands/build",{"title":765,"path":1661,"stem":1662,"titleTemplate":6},"/docs/4.x/api/commands/build-module","docs/4.x/4.api/4.commands/build-module",{"title":769,"path":1664,"stem":1665,"titleTemplate":6},"/docs/4.x/api/commands/cleanup","docs/4.x/4.api/4.commands/cleanup",{"title":773,"path":1667,"stem":1668,"titleTemplate":6},"/docs/4.x/api/commands/dev","docs/4.x/4.api/4.commands/dev",{"title":777,"path":1670,"stem":1671,"titleTemplate":6},"/docs/4.x/api/commands/devtools","docs/4.x/4.api/4.commands/devtools",{"title":781,"path":1673,"stem":1674,"titleTemplate":6},"/docs/4.x/api/commands/generate","docs/4.x/4.api/4.commands/generate",{"title":785,"path":1676,"stem":1677,"titleTemplate":6},"/docs/4.x/api/commands/info","docs/4.x/4.api/4.commands/info",{"title":789,"path":1679,"stem":1680,"titleTemplate":6},"/docs/4.x/api/commands/init","docs/4.x/4.api/4.commands/init",{"title":793,"path":1682,"stem":1683,"titleTemplate":6},"/docs/4.x/api/commands/module","docs/4.x/4.api/4.commands/module",{"title":797,"path":1685,"stem":1686,"titleTemplate":6},"/docs/4.x/api/commands/prepare","docs/4.x/4.api/4.commands/prepare",{"title":801,"path":1688,"stem":1689,"titleTemplate":6},"/docs/4.x/api/commands/preview","docs/4.x/4.api/4.commands/preview",{"title":805,"path":1691,"stem":1692,"titleTemplate":6},"/docs/4.x/api/commands/test","docs/4.x/4.api/4.commands/test",{"title":809,"path":1694,"stem":1695,"titleTemplate":6},"/docs/4.x/api/commands/typecheck","docs/4.x/4.api/4.commands/typecheck",{"title":813,"path":1697,"stem":1698,"titleTemplate":6},"/docs/4.x/api/commands/upgrade","docs/4.x/4.api/4.commands/upgrade",{"title":411,"titleTemplate":817,"icon":818,"path":1700,"stem":1701,"children":1702,"page":108},"/docs/4.x/api/kit","docs/4.x/4.api/5.kit",[1703,1706,1709,1712,1715,1718,1721,1724,1727,1730,1733,1736,1739,1742,1745,1748,1751,1754],{"title":276,"path":1704,"stem":1705,"titleTemplate":6},"/docs/4.x/api/kit/modules","docs/4.x/4.api/5.kit/1.modules",{"title":399,"path":1707,"stem":1708,"titleTemplate":6},"/docs/4.x/api/kit/runtime-config","docs/4.x/4.api/5.kit/10.runtime-config",{"title":829,"path":1710,"stem":1711,"titleTemplate":6},"/docs/4.x/api/kit/templates","docs/4.x/4.api/5.kit/10.templates",{"title":833,"path":1713,"stem":1714,"titleTemplate":6},"/docs/4.x/api/kit/nitro","docs/4.x/4.api/5.kit/11.nitro",{"title":837,"path":1716,"stem":1717,"titleTemplate":6},"/docs/4.x/api/kit/resolving","docs/4.x/4.api/5.kit/12.resolving",{"title":841,"path":1719,"stem":1720,"titleTemplate":6},"/docs/4.x/api/kit/logging","docs/4.x/4.api/5.kit/13.logging",{"title":845,"path":1722,"stem":1723,"titleTemplate":6},"/docs/4.x/api/kit/builder","docs/4.x/4.api/5.kit/14.builder",{"title":849,"path":1725,"stem":1726,"titleTemplate":6},"/docs/4.x/api/kit/examples","docs/4.x/4.api/5.kit/15.examples",{"title":84,"path":1728,"stem":1729,"titleTemplate":6},"/docs/4.x/api/kit/layers","docs/4.x/4.api/5.kit/16.layers",{"title":856,"path":1731,"stem":1732,"titleTemplate":6},"/docs/4.x/api/kit/programmatic","docs/4.x/4.api/5.kit/2.programmatic",{"title":860,"path":1734,"stem":1735,"titleTemplate":6},"/docs/4.x/api/kit/compatibility","docs/4.x/4.api/5.kit/3.compatibility",{"title":268,"path":1737,"stem":1738,"titleTemplate":6},"/docs/4.x/api/kit/autoimports","docs/4.x/4.api/5.kit/4.autoimports",{"title":434,"path":1740,"stem":1741,"titleTemplate":6},"/docs/4.x/api/kit/components","docs/4.x/4.api/5.kit/5.components",{"title":870,"path":1743,"stem":1744,"titleTemplate":6},"/docs/4.x/api/kit/context","docs/4.x/4.api/5.kit/6.context",{"title":874,"path":1746,"stem":1747,"titleTemplate":6},"/docs/4.x/api/kit/pages","docs/4.x/4.api/5.kit/7.pages",{"title":878,"path":1749,"stem":1750,"titleTemplate":6},"/docs/4.x/api/kit/layout","docs/4.x/4.api/5.kit/8.layout",{"title":882,"path":1752,"stem":1753,"titleTemplate":6},"/docs/4.x/api/kit/head","docs/4.x/4.api/5.kit/9.head",{"title":886,"path":1755,"stem":1756,"titleTemplate":6},"/docs/4.x/api/kit/plugins","docs/4.x/4.api/5.kit/9.plugins",{"title":890,"titleTemplate":6,"icon":891,"path":1758,"stem":1759,"children":1760,"page":108},"/docs/4.x/api/advanced","docs/4.x/4.api/6.advanced",[1761,1764],{"title":407,"path":1762,"stem":1763,"titleTemplate":6},"/docs/4.x/api/advanced/hooks","docs/4.x/4.api/6.advanced/1.hooks",{"title":899,"path":1765,"stem":1766,"titleTemplate":6},"/docs/4.x/api/advanced/import-meta","docs/4.x/4.api/6.advanced/2.import-meta",{"title":903,"path":1768,"stem":1769,"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":1771,"stem":1772,"children":1773,"page":108},"/docs/4.x/examples","docs/4.x/4.examples",[1774,1777,1796,1809,1840],{"title":914,"path":1775,"stem":1776,"titleTemplate":6},"/docs/4.x/examples/hello-world","docs/4.x/4.examples/0.hello-world",{"title":395,"path":1778,"stem":1779,"children":1780,"page":108},"/docs/4.x/examples/features","docs/4.x/4.examples/1.features",[1781,1784,1787,1790,1793],{"title":922,"path":1782,"stem":1783,"titleTemplate":6},"/docs/4.x/examples/features/auto-imports","docs/4.x/4.examples/1.features/1.auto-imports",{"title":64,"path":1785,"stem":1786,"titleTemplate":6},"/docs/4.x/examples/features/data-fetching","docs/4.x/4.examples/1.features/2.data-fetching",{"title":69,"path":1788,"stem":1789,"titleTemplate":6},"/docs/4.x/examples/features/state-management","docs/4.x/4.examples/1.features/3.state-management",{"title":932,"path":1791,"stem":1792,"titleTemplate":6},"/docs/4.x/examples/features/meta-tags","docs/4.x/4.examples/1.features/4.meta-tags",{"title":936,"path":1794,"stem":1795,"titleTemplate":6},"/docs/4.x/examples/features/layouts","docs/4.x/4.examples/1.features/5.layouts",{"title":49,"path":1797,"stem":1798,"children":1799,"page":108},"/docs/4.x/examples/routing","docs/4.x/4.examples/2.routing",[1800,1803,1806],{"title":944,"path":1801,"stem":1802,"titleTemplate":6},"/docs/4.x/examples/routing/middleware","docs/4.x/4.examples/2.routing/middleware",{"title":874,"path":1804,"stem":1805,"titleTemplate":6},"/docs/4.x/examples/routing/pages","docs/4.x/4.examples/2.routing/pages",{"title":951,"path":1807,"stem":1808,"titleTemplate":6},"/docs/4.x/examples/routing/universal-router","docs/4.x/4.examples/2.routing/universal-router",{"title":890,"path":1810,"stem":1811,"children":1812,"page":108},"/docs/4.x/examples/advanced","docs/4.x/4.examples/4.advanced",[1813,1816,1819,1822,1825,1828,1831,1834,1837],{"title":84,"path":1814,"stem":1815,"titleTemplate":6},"/docs/4.x/examples/advanced/config-extends","docs/4.x/4.examples/4.advanced/config-extends",{"title":74,"path":1817,"stem":1818,"titleTemplate":6},"/docs/4.x/examples/advanced/error-handling","docs/4.x/4.examples/4.advanced/error-handling",{"title":965,"path":1820,"stem":1821,"titleTemplate":6},"/docs/4.x/examples/advanced/jsx","docs/4.x/4.examples/4.advanced/jsx",{"title":969,"path":1823,"stem":1824,"titleTemplate":6},"/docs/4.x/examples/advanced/locale","docs/4.x/4.examples/4.advanced/locale",{"title":973,"path":1826,"stem":1827,"titleTemplate":6},"/docs/4.x/examples/advanced/module-extend-pages","docs/4.x/4.examples/4.advanced/module-extend-pages",{"title":977,"path":1829,"stem":1830,"titleTemplate":6},"/docs/4.x/examples/advanced/teleport","docs/4.x/4.examples/4.advanced/teleport",{"title":99,"path":1832,"stem":1833,"titleTemplate":6},"/docs/4.x/examples/advanced/testing","docs/4.x/4.examples/4.advanced/testing",{"title":519,"path":1835,"stem":1836,"titleTemplate":6},"/docs/4.x/examples/advanced/use-cookie","docs/4.x/4.examples/4.advanced/use-cookie",{"title":987,"path":1838,"stem":1839,"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":1841,"stem":1842,"children":1843,"page":108},"/docs/4.x/examples/experimental","docs/4.x/4.examples/7.experimental",[1844],{"title":996,"path":1845,"stem":1846,"titleTemplate":6},"/docs/4.x/examples/experimental/wasm","docs/4.x/4.examples/7.experimental/wasm",{"title":1000,"titleTemplate":1001,"icon":1002,"path":1848,"stem":1849,"children":1850,"page":108},"/docs/4.x/community","docs/4.x/5.community",[1851,1854,1857,1860,1863,1866],{"title":1007,"path":1852,"stem":1853,"titleTemplate":6,"icon":1010},"/docs/4.x/community/getting-help","docs/4.x/5.community/2.getting-help",{"title":1012,"path":1855,"stem":1856,"titleTemplate":6,"icon":1015},"/docs/4.x/community/reporting-bugs","docs/4.x/5.community/3.reporting-bugs",{"title":1017,"path":1858,"stem":1859,"titleTemplate":6,"icon":1020},"/docs/4.x/community/contribution","docs/4.x/5.community/4.contribution",{"title":1022,"path":1861,"stem":1862,"titleTemplate":6,"icon":1025},"/docs/4.x/community/framework-contribution","docs/4.x/5.community/5.framework-contribution",{"title":1027,"path":1864,"stem":1865,"titleTemplate":6,"icon":1030},"/docs/4.x/community/roadmap","docs/4.x/5.community/6.roadmap",{"title":1032,"path":1867,"stem":1868,"titleTemplate":6,"icon":1035},"/docs/4.x/community/changelog","docs/4.x/5.community/7.changelog",{"title":1037,"titleTemplate":1038,"icon":1039,"path":1870,"stem":1871,"children":1872,"page":108},"/docs/4.x/bridge","docs/4.x/6.bridge",[1873,1876,1879,1882,1885,1888,1891,1894,1897,1900],{"title":1044,"path":1874,"stem":1875,"titleTemplate":6},"/docs/4.x/bridge/overview","docs/4.x/6.bridge/1.overview",{"title":29,"path":1877,"stem":1878,"titleTemplate":6},"/docs/4.x/bridge/configuration","docs/4.x/6.bridge/10.configuration",{"title":280,"path":1880,"stem":1881,"titleTemplate":6},"/docs/4.x/bridge/typescript","docs/4.x/6.bridge/2.typescript",{"title":1054,"path":1883,"stem":1884,"titleTemplate":6},"/docs/4.x/bridge/bridge-composition-api","docs/4.x/6.bridge/3.bridge-composition-api",{"title":1058,"path":1886,"stem":1887,"titleTemplate":6},"/docs/4.x/bridge/plugins-and-middleware","docs/4.x/6.bridge/4.plugins-and-middleware",{"title":1062,"path":1889,"stem":1890,"titleTemplate":6},"/docs/4.x/bridge/nuxt3-compatible-api","docs/4.x/6.bridge/5.nuxt3-compatible-api",{"title":932,"path":1892,"stem":1893,"titleTemplate":6},"/docs/4.x/bridge/meta","docs/4.x/6.bridge/6.meta",{"title":399,"path":1895,"stem":1896,"titleTemplate":6},"/docs/4.x/bridge/runtime-config","docs/4.x/6.bridge/7.runtime-config",{"title":833,"path":1898,"stem":1899,"titleTemplate":6},"/docs/4.x/bridge/nitro","docs/4.x/6.bridge/8.nitro",{"title":1075,"path":1901,"stem":1902,"titleTemplate":6},"/docs/4.x/bridge/vite","docs/4.x/6.bridge/9.vite",{"title":1079,"titleTemplate":1080,"icon":107,"path":1904,"stem":1905,"children":1906,"page":108},"/docs/4.x/migration","docs/4.x/7.migration",[1907,1910,1913,1916,1919,1922,1925,1928,1931,1934,1937],{"title":1044,"path":1908,"stem":1909,"titleTemplate":6},"/docs/4.x/migration/overview","docs/4.x/7.migration/1.overview",{"title":1088,"path":1911,"stem":1912,"titleTemplate":6},"/docs/4.x/migration/bundling","docs/4.x/7.migration/10.bundling",{"title":79,"path":1914,"stem":1915,"titleTemplate":6},"/docs/4.x/migration/server","docs/4.x/7.migration/11.server",{"title":29,"path":1917,"stem":1918,"titleTemplate":6},"/docs/4.x/migration/configuration","docs/4.x/7.migration/2.configuration",{"title":276,"path":1920,"stem":1921,"titleTemplate":6},"/docs/4.x/migration/module-authors","docs/4.x/7.migration/20.module-authors",{"title":922,"path":1923,"stem":1924,"titleTemplate":6},"/docs/4.x/migration/auto-imports","docs/4.x/7.migration/3.auto-imports",{"title":932,"path":1926,"stem":1927,"titleTemplate":6},"/docs/4.x/migration/meta","docs/4.x/7.migration/4.meta",{"title":1058,"path":1929,"stem":1930,"titleTemplate":6},"/docs/4.x/migration/plugins-and-middleware","docs/4.x/7.migration/5.plugins-and-middleware",{"title":1110,"path":1932,"stem":1933,"titleTemplate":6},"/docs/4.x/migration/pages-and-layouts","docs/4.x/7.migration/6.pages-and-layouts",{"title":1114,"path":1935,"stem":1936,"titleTemplate":6},"/docs/4.x/migration/component-options","docs/4.x/7.migration/7.component-options",{"title":399,"path":1938,"stem":1939,"titleTemplate":6},"/docs/4.x/migration/runtime-config","docs/4.x/7.migration/8.runtime-config",{"title":5,"titleTemplate":6,"icon":7,"path":1941,"stem":1942,"children":1943,"page":108},"/docs/5.x","docs/5.x",[1944,2002,2092,2219,2583,2660,2682,2716],{"title":12,"titleTemplate":13,"icon":14,"path":1945,"stem":1946,"children":1947,"page":108},"/docs/5.x/getting-started","docs/5.x/1.getting-started",[1948,1951,1954,1957,1960,1963,1966,1969,1972,1975,1978,1981,1984,1987,1990,1993,1996,1999],{"title":19,"path":1949,"stem":1950,"titleTemplate":6,"icon":22},"/docs/5.x/getting-started/introduction","docs/5.x/1.getting-started/01.introduction",{"title":24,"path":1952,"stem":1953,"titleTemplate":6,"icon":27},"/docs/5.x/getting-started/installation","docs/5.x/1.getting-started/02.installation",{"title":29,"path":1955,"stem":1956,"titleTemplate":6,"icon":32},"/docs/5.x/getting-started/configuration","docs/5.x/1.getting-started/03.configuration",{"title":34,"path":1958,"stem":1959,"titleTemplate":6,"icon":37},"/docs/5.x/getting-started/views","docs/5.x/1.getting-started/04.views",{"title":39,"path":1961,"stem":1962,"titleTemplate":6,"icon":42},"/docs/5.x/getting-started/assets","docs/5.x/1.getting-started/05.assets",{"title":44,"path":1964,"stem":1965,"titleTemplate":6,"icon":47},"/docs/5.x/getting-started/styling","docs/5.x/1.getting-started/06.styling",{"title":49,"path":1967,"stem":1968,"titleTemplate":6,"icon":52},"/docs/5.x/getting-started/routing","docs/5.x/1.getting-started/07.routing",{"title":54,"path":1970,"stem":1971,"titleTemplate":6,"icon":57},"/docs/5.x/getting-started/seo-meta","docs/5.x/1.getting-started/08.seo-meta",{"title":59,"path":1973,"stem":1974,"titleTemplate":6,"icon":62},"/docs/5.x/getting-started/transitions","docs/5.x/1.getting-started/09.transitions",{"title":64,"path":1976,"stem":1977,"titleTemplate":6,"icon":67},"/docs/5.x/getting-started/data-fetching","docs/5.x/1.getting-started/10.data-fetching",{"title":69,"path":1979,"stem":1980,"titleTemplate":6,"icon":72},"/docs/5.x/getting-started/state-management","docs/5.x/1.getting-started/11.state-management",{"title":74,"path":1982,"stem":1983,"titleTemplate":6,"icon":77},"/docs/5.x/getting-started/error-handling","docs/5.x/1.getting-started/12.error-handling",{"title":79,"path":1985,"stem":1986,"titleTemplate":6,"icon":82},"/docs/5.x/getting-started/server","docs/5.x/1.getting-started/13.server",{"title":84,"path":1988,"stem":1989,"titleTemplate":6,"icon":87},"/docs/5.x/getting-started/layers","docs/5.x/1.getting-started/14.layers",{"title":89,"path":1991,"stem":1992,"titleTemplate":6,"icon":92},"/docs/5.x/getting-started/prerendering","docs/5.x/1.getting-started/15.prerendering",{"title":94,"path":1994,"stem":1995,"titleTemplate":6,"icon":97},"/docs/5.x/getting-started/deployment","docs/5.x/1.getting-started/16.deployment",{"title":99,"path":1997,"stem":1998,"titleTemplate":6,"icon":102},"/docs/5.x/getting-started/testing","docs/5.x/1.getting-started/17.testing",{"title":104,"path":2000,"stem":2001,"titleTemplate":6,"icon":107},"/docs/5.x/getting-started/upgrade","docs/5.x/1.getting-started/18.upgrade",{"title":110,"titleTemplate":111,"icon":112,"path":2003,"stem":2004,"children":2005,"page":108},"/docs/5.x/directory-structure","docs/5.x/2.directory-structure",[2006,2009,2012,2050,2053,2056,2059,2062,2065,2068,2071,2074,2077,2080,2083,2086,2089],{"title":117,"path":2007,"stem":2008,"titleTemplate":6,"icon":120},"/docs/5.x/directory-structure/nuxt","docs/5.x/2.directory-structure/0.nuxt",{"title":122,"path":2010,"stem":2011,"titleTemplate":6,"icon":125},"/docs/5.x/directory-structure/output","docs/5.x/2.directory-structure/0.output",{"title":1193,"titleTemplate":111,"head":2013,"defaultOpen":1196,"icon":1197,"path":2014,"stem":2015,"children":2016,"page":108},{"title":1195},"/docs/5.x/directory-structure/app","docs/5.x/2.directory-structure/1.app",[2017,2020,2023,2026,2029,2032,2035,2038,2041,2044,2047],{"title":127,"path":2018,"stem":2019,"titleTemplate":6,"icon":130},"/docs/5.x/directory-structure/app/assets","docs/5.x/2.directory-structure/1.app/1.assets",{"title":132,"path":2021,"stem":2022,"titleTemplate":6,"icon":135},"/docs/5.x/directory-structure/app/components","docs/5.x/2.directory-structure/1.app/1.components",{"title":137,"path":2024,"stem":2025,"titleTemplate":6,"icon":140},"/docs/5.x/directory-structure/app/composables","docs/5.x/2.directory-structure/1.app/1.composables",{"title":152,"path":2027,"stem":2028,"titleTemplate":6,"icon":155},"/docs/5.x/directory-structure/app/layouts","docs/5.x/2.directory-structure/1.app/1.layouts",{"title":157,"path":2030,"stem":2031,"titleTemplate":6,"icon":160},"/docs/5.x/directory-structure/app/middleware","docs/5.x/2.directory-structure/1.app/1.middleware",{"title":171,"path":2033,"stem":2034,"titleTemplate":6,"icon":155},"/docs/5.x/directory-structure/app/pages","docs/5.x/2.directory-structure/1.app/1.pages",{"title":175,"path":2036,"stem":2037,"titleTemplate":6,"icon":178},"/docs/5.x/directory-structure/app/plugins","docs/5.x/2.directory-structure/1.app/1.plugins",{"title":195,"path":2039,"stem":2040,"titleTemplate":6,"icon":198},"/docs/5.x/directory-structure/app/utils","docs/5.x/2.directory-structure/1.app/1.utils",{"title":219,"path":2042,"stem":2043,"titleTemplate":6,"icon":222},"/docs/5.x/directory-structure/app/app","docs/5.x/2.directory-structure/1.app/3.app",{"title":224,"path":2045,"stem":2046,"titleTemplate":6,"icon":227},"/docs/5.x/directory-structure/app/app-config","docs/5.x/2.directory-structure/1.app/3.app-config",{"title":229,"path":2048,"stem":2049,"titleTemplate":6,"icon":222},"/docs/5.x/directory-structure/app/error","docs/5.x/2.directory-structure/1.app/3.error",{"title":142,"path":2051,"stem":2052,"titleTemplate":6,"icon":145},"/docs/5.x/directory-structure/content","docs/5.x/2.directory-structure/1.content",{"title":147,"path":2054,"stem":2055,"titleTemplate":6,"icon":150},"/docs/5.x/directory-structure/layers","docs/5.x/2.directory-structure/1.layers",{"title":162,"path":2057,"stem":2058,"titleTemplate":6,"icon":150},"/docs/5.x/directory-structure/modules","docs/5.x/2.directory-structure/1.modules",{"title":166,"path":2060,"stem":2061,"titleTemplate":6,"icon":169},"/docs/5.x/directory-structure/node_modules","docs/5.x/2.directory-structure/1.node_modules",{"title":180,"path":2063,"stem":2064,"titleTemplate":6,"icon":183},"/docs/5.x/directory-structure/public","docs/5.x/2.directory-structure/1.public",{"title":185,"path":2066,"stem":2067,"titleTemplate":6,"icon":188},"/docs/5.x/directory-structure/server","docs/5.x/2.directory-structure/1.server",{"title":190,"path":2069,"stem":2070,"titleTemplate":6,"icon":193},"/docs/5.x/directory-structure/shared","docs/5.x/2.directory-structure/1.shared",{"title":200,"path":2072,"stem":2073,"titleTemplate":6,"icon":203},"/docs/5.x/directory-structure/env","docs/5.x/2.directory-structure/2.env",{"title":205,"path":2075,"stem":2076,"titleTemplate":6,"icon":208},"/docs/5.x/directory-structure/gitignore","docs/5.x/2.directory-structure/2.gitignore",{"title":210,"path":2078,"stem":2079,"titleTemplate":6,"icon":213},"/docs/5.x/directory-structure/nuxtignore","docs/5.x/2.directory-structure/2.nuxtignore",{"title":215,"path":2081,"stem":2082,"titleTemplate":6,"icon":213},"/docs/5.x/directory-structure/nuxtrc","docs/5.x/2.directory-structure/2.nuxtrc",{"title":233,"path":2084,"stem":2085,"titleTemplate":6,"icon":213},"/docs/5.x/directory-structure/nuxt-config","docs/5.x/2.directory-structure/3.nuxt-config",{"title":237,"path":2087,"stem":2088,"titleTemplate":6,"icon":240},"/docs/5.x/directory-structure/package","docs/5.x/2.directory-structure/3.package",{"title":242,"path":2090,"stem":2091,"titleTemplate":6,"icon":245},"/docs/5.x/directory-structure/tsconfig","docs/5.x/2.directory-structure/3.tsconfig",{"title":247,"titleTemplate":6,"icon":248,"path":2093,"stem":2094,"children":2095,"page":108},"/docs/5.x/guide","docs/5.x/3.guide",[2096,2121,2134,2144,2169,2185],{"title":253,"titleTemplate":254,"icon":255,"path":2097,"stem":2098,"children":2099,"page":108},"/docs/5.x/guide/concepts","docs/5.x/3.guide/1.concepts",[2100,2103,2106,2109,2112,2115,2118],{"title":260,"path":2101,"stem":2102,"titleTemplate":6},"/docs/5.x/guide/concepts/rendering","docs/5.x/3.guide/1.concepts/1.rendering",{"title":264,"path":2104,"stem":2105,"titleTemplate":6},"/docs/5.x/guide/concepts/nuxt-lifecycle","docs/5.x/3.guide/1.concepts/2.nuxt-lifecycle",{"title":268,"path":2107,"stem":2108,"titleTemplate":6},"/docs/5.x/guide/concepts/auto-imports","docs/5.x/3.guide/1.concepts/3.auto-imports",{"title":272,"path":2110,"stem":2111,"titleTemplate":6},"/docs/5.x/guide/concepts/server-engine","docs/5.x/3.guide/1.concepts/4.server-engine",{"title":276,"path":2113,"stem":2114,"titleTemplate":6},"/docs/5.x/guide/concepts/modules","docs/5.x/3.guide/1.concepts/5.modules",{"title":280,"path":2116,"stem":2117,"titleTemplate":6},"/docs/5.x/guide/concepts/typescript","docs/5.x/3.guide/1.concepts/8.typescript",{"title":284,"path":2119,"stem":2120,"titleTemplate":6},"/docs/5.x/guide/concepts/code-style","docs/5.x/3.guide/1.concepts/9.code-style",{"title":288,"titleTemplate":289,"icon":290,"path":2122,"stem":2123,"children":2124,"page":108},"/docs/5.x/guide/best-practices","docs/5.x/3.guide/2.best-practices",[2125,2128,2131],{"title":1310,"path":2126,"stem":2127,"titleTemplate":6},"/docs/5.x/guide/best-practices/hydration","docs/5.x/3.guide/2.best-practices/hydration",{"title":299,"path":2129,"stem":2130,"titleTemplate":6},"/docs/5.x/guide/best-practices/performance","docs/5.x/3.guide/2.best-practices/performance",{"title":303,"path":2132,"stem":2133,"titleTemplate":6},"/docs/5.x/guide/best-practices/plugins","docs/5.x/3.guide/2.best-practices/plugins",{"title":307,"titleTemplate":308,"icon":309,"path":2135,"stem":2136,"children":2137,"page":108},"/docs/5.x/guide/ai","docs/5.x/3.guide/3.ai",[2138,2141],{"title":314,"path":2139,"stem":2140,"titleTemplate":6},"/docs/5.x/guide/ai/mcp","docs/5.x/3.guide/3.ai/1.mcp",{"title":318,"path":2142,"stem":2143,"titleTemplate":6},"/docs/5.x/guide/ai/llms-txt","docs/5.x/3.guide/3.ai/2.llms-txt",{"title":322,"titleTemplate":323,"icon":324,"path":2145,"stem":2146,"children":2147,"page":108},"/docs/5.x/guide/modules","docs/5.x/3.guide/4.modules",[2148,2151,2154,2157,2160,2163,2166],{"title":329,"path":2149,"stem":2150,"titleTemplate":6},"/docs/5.x/guide/modules/getting-started","docs/5.x/3.guide/4.modules/1.getting-started",{"title":333,"path":2152,"stem":2153,"titleTemplate":6},"/docs/5.x/guide/modules/module-anatomy","docs/5.x/3.guide/4.modules/2.module-anatomy",{"title":337,"path":2155,"stem":2156,"titleTemplate":6},"/docs/5.x/guide/modules/recipes-basics","docs/5.x/3.guide/4.modules/3.recipes-basics",{"title":341,"path":2158,"stem":2159,"titleTemplate":6},"/docs/5.x/guide/modules/recipes-advanced","docs/5.x/3.guide/4.modules/4.recipes-advanced",{"title":345,"path":2161,"stem":2162,"titleTemplate":6},"/docs/5.x/guide/modules/testing","docs/5.x/3.guide/4.modules/5.testing",{"title":349,"path":2164,"stem":2165,"titleTemplate":6},"/docs/5.x/guide/modules/best-practices","docs/5.x/3.guide/4.modules/6.best-practices",{"title":353,"path":2167,"stem":2168,"titleTemplate":6},"/docs/5.x/guide/modules/ecosystem","docs/5.x/3.guide/4.modules/7.ecosystem",{"title":357,"titleTemplate":358,"icon":359,"path":2170,"stem":2171,"children":2172,"page":108},"/docs/5.x/guide/recipes","docs/5.x/3.guide/5.recipes",[2173,2176,2179,2182],{"title":364,"path":2174,"stem":2175,"titleTemplate":6},"/docs/5.x/guide/recipes/custom-routing","docs/5.x/3.guide/5.recipes/1.custom-routing",{"title":368,"path":2177,"stem":2178,"titleTemplate":6},"/docs/5.x/guide/recipes/vite-plugin","docs/5.x/3.guide/5.recipes/2.vite-plugin",{"title":372,"path":2180,"stem":2181,"titleTemplate":6},"/docs/5.x/guide/recipes/custom-usefetch","docs/5.x/3.guide/5.recipes/3.custom-usefetch",{"title":376,"path":2183,"stem":2184,"titleTemplate":6},"/docs/5.x/guide/recipes/sessions-and-authentication","docs/5.x/3.guide/5.recipes/4.sessions-and-authentication",{"title":380,"titleTemplate":381,"icon":382,"path":2186,"stem":2187,"children":2188,"page":108},"/docs/5.x/guide/going-further","docs/5.x/3.guide/6.going-further",[2189,2192,2195,2198,2201,2204,2207,2210,2213,2216],{"title":387,"path":2190,"stem":2191,"titleTemplate":6},"/docs/5.x/guide/going-further/events","docs/5.x/3.guide/6.going-further/1.events",{"title":391,"path":2193,"stem":2194,"titleTemplate":6},"/docs/5.x/guide/going-further/experimental-features","docs/5.x/3.guide/6.going-further/1.experimental-features",{"title":395,"path":2196,"stem":2197,"titleTemplate":6},"/docs/5.x/guide/going-further/features","docs/5.x/3.guide/6.going-further/1.features",{"title":399,"path":2199,"stem":2200,"titleTemplate":6},"/docs/5.x/guide/going-further/runtime-config","docs/5.x/3.guide/6.going-further/10.runtime-config",{"title":403,"path":2202,"stem":2203,"titleTemplate":6},"/docs/5.x/guide/going-further/nightly-release-channel","docs/5.x/3.guide/6.going-further/11.nightly-release-channel",{"title":407,"path":2205,"stem":2206,"titleTemplate":6},"/docs/5.x/guide/going-further/hooks","docs/5.x/3.guide/6.going-further/2.hooks",{"title":411,"path":2208,"stem":2209,"titleTemplate":6},"/docs/5.x/guide/going-further/kit","docs/5.x/3.guide/6.going-further/4.kit",{"title":415,"path":2211,"stem":2212,"titleTemplate":6},"/docs/5.x/guide/going-further/nuxt-app","docs/5.x/3.guide/6.going-further/6.nuxt-app",{"title":419,"path":2214,"stem":2215,"titleTemplate":6},"/docs/5.x/guide/going-further/layers","docs/5.x/3.guide/6.going-further/7.layers",{"title":423,"path":2217,"stem":2218,"titleTemplate":6},"/docs/5.x/guide/going-further/debugging","docs/5.x/3.guide/6.going-further/9.debugging",{"title":427,"titleTemplate":428,"icon":429,"path":2220,"stem":2221,"children":2222,"page":108},"/docs/5.x/api","docs/5.x/4.api",[2223,2275,2369,2460,2512,2570,2580],{"title":434,"titleTemplate":435,"icon":324,"path":2224,"stem":2225,"children":2226,"page":108},"/docs/5.x/api/components","docs/5.x/4.api/1.components",[2227,2230,2233,2236,2239,2242,2245,2248,2251,2254,2257,2260,2263,2266,2269,2272],{"title":440,"path":2228,"stem":2229,"titleTemplate":6},"/docs/5.x/api/components/client-only","docs/5.x/4.api/1.components/1.client-only",{"title":444,"path":2231,"stem":2232,"titleTemplate":6},"/docs/5.x/api/components/dev-only","docs/5.x/4.api/1.components/1.dev-only",{"title":448,"path":2234,"stem":2235,"titleTemplate":6},"/docs/5.x/api/components/nuxt-client-fallback","docs/5.x/4.api/1.components/1.nuxt-client-fallback",{"title":452,"path":2237,"stem":2238,"titleTemplate":6},"/docs/5.x/api/components/nuxt-picture","docs/5.x/4.api/1.components/10.nuxt-picture",{"title":456,"path":2240,"stem":2241,"titleTemplate":6},"/docs/5.x/api/components/teleports","docs/5.x/4.api/1.components/11.teleports",{"title":460,"path":2243,"stem":2244,"titleTemplate":6},"/docs/5.x/api/components/nuxt-route-announcer","docs/5.x/4.api/1.components/12.nuxt-route-announcer",{"title":464,"path":2246,"stem":2247,"titleTemplate":6},"/docs/5.x/api/components/nuxt-time","docs/5.x/4.api/1.components/13.nuxt-time",{"title":1434,"path":2249,"stem":2250,"titleTemplate":6},"/docs/5.x/api/components/nuxt-announcer","docs/5.x/4.api/1.components/14.nuxt-announcer",{"title":468,"path":2252,"stem":2253,"titleTemplate":6},"/docs/5.x/api/components/nuxt-page","docs/5.x/4.api/1.components/2.nuxt-page",{"title":472,"path":2255,"stem":2256,"titleTemplate":6},"/docs/5.x/api/components/nuxt-layout","docs/5.x/4.api/1.components/3.nuxt-layout",{"title":476,"path":2258,"stem":2259,"titleTemplate":6},"/docs/5.x/api/components/nuxt-link","docs/5.x/4.api/1.components/4.nuxt-link",{"title":480,"path":2261,"stem":2262,"titleTemplate":6},"/docs/5.x/api/components/nuxt-loading-indicator","docs/5.x/4.api/1.components/5.nuxt-loading-indicator",{"title":484,"path":2264,"stem":2265,"titleTemplate":6},"/docs/5.x/api/components/nuxt-error-boundary","docs/5.x/4.api/1.components/6.nuxt-error-boundary",{"title":488,"path":2267,"stem":2268,"titleTemplate":6},"/docs/5.x/api/components/nuxt-welcome","docs/5.x/4.api/1.components/7.nuxt-welcome",{"title":492,"path":2270,"stem":2271,"titleTemplate":6},"/docs/5.x/api/components/nuxt-island","docs/5.x/4.api/1.components/8.nuxt-island",{"title":496,"path":2273,"stem":2274,"titleTemplate":6},"/docs/5.x/api/components/nuxt-img","docs/5.x/4.api/1.components/9.nuxt-img",{"title":500,"titleTemplate":501,"icon":502,"path":2276,"stem":2277,"children":2278,"page":108},"/docs/5.x/api/composables","docs/5.x/4.api/2.composables",[2279,2282,2285,2288,2291,2294,2297,2300,2303,2306,2309,2312,2315,2318,2321,2324,2327,2330,2333,2336,2339,2342,2345,2348,2351,2354,2357,2360,2363,2366],{"title":507,"path":2280,"stem":2281,"titleTemplate":6},"/docs/5.x/api/composables/on-prehydrate","docs/5.x/4.api/2.composables/on-prehydrate",{"title":1469,"path":2283,"stem":2284,"titleTemplate":6},"/docs/5.x/api/composables/use-announcer","docs/5.x/4.api/2.composables/use-announcer",{"title":511,"path":2286,"stem":2287,"titleTemplate":6},"/docs/5.x/api/composables/use-app-config","docs/5.x/4.api/2.composables/use-app-config",{"title":515,"path":2289,"stem":2290,"titleTemplate":6},"/docs/5.x/api/composables/use-async-data","docs/5.x/4.api/2.composables/use-async-data",{"title":519,"path":2292,"stem":2293,"titleTemplate":6},"/docs/5.x/api/composables/use-cookie","docs/5.x/4.api/2.composables/use-cookie",{"title":523,"path":2295,"stem":2296,"titleTemplate":6},"/docs/5.x/api/composables/use-error","docs/5.x/4.api/2.composables/use-error",{"title":527,"path":2298,"stem":2299,"titleTemplate":6},"/docs/5.x/api/composables/use-fetch","docs/5.x/4.api/2.composables/use-fetch",{"title":531,"path":2301,"stem":2302,"titleTemplate":6},"/docs/5.x/api/composables/use-head","docs/5.x/4.api/2.composables/use-head",{"title":535,"path":2304,"stem":2305,"titleTemplate":6},"/docs/5.x/api/composables/use-head-safe","docs/5.x/4.api/2.composables/use-head-safe",{"title":539,"path":2307,"stem":2308,"titleTemplate":6},"/docs/5.x/api/composables/use-hydration","docs/5.x/4.api/2.composables/use-hydration",{"title":543,"path":2310,"stem":2311,"titleTemplate":6},"/docs/5.x/api/composables/use-lazy-async-data","docs/5.x/4.api/2.composables/use-lazy-async-data",{"title":547,"path":2313,"stem":2314,"titleTemplate":6},"/docs/5.x/api/composables/use-lazy-fetch","docs/5.x/4.api/2.composables/use-lazy-fetch",{"title":551,"path":2316,"stem":2317,"titleTemplate":6},"/docs/5.x/api/composables/use-loading-indicator","docs/5.x/4.api/2.composables/use-loading-indicator",{"title":555,"path":2319,"stem":2320,"titleTemplate":6},"/docs/5.x/api/composables/use-nuxt-app","docs/5.x/4.api/2.composables/use-nuxt-app",{"title":559,"path":2322,"stem":2323,"titleTemplate":6},"/docs/5.x/api/composables/use-nuxt-data","docs/5.x/4.api/2.composables/use-nuxt-data",{"title":563,"path":2325,"stem":2326,"titleTemplate":6},"/docs/5.x/api/composables/use-preview-mode","docs/5.x/4.api/2.composables/use-preview-mode",{"title":567,"path":2328,"stem":2329,"titleTemplate":6},"/docs/5.x/api/composables/use-request-event","docs/5.x/4.api/2.composables/use-request-event",{"title":571,"path":2331,"stem":2332,"titleTemplate":6},"/docs/5.x/api/composables/use-request-fetch","docs/5.x/4.api/2.composables/use-request-fetch",{"title":575,"path":2334,"stem":2335,"titleTemplate":6},"/docs/5.x/api/composables/use-request-header","docs/5.x/4.api/2.composables/use-request-header",{"title":579,"path":2337,"stem":2338,"titleTemplate":6},"/docs/5.x/api/composables/use-request-headers","docs/5.x/4.api/2.composables/use-request-headers",{"title":583,"path":2340,"stem":2341,"titleTemplate":6},"/docs/5.x/api/composables/use-request-url","docs/5.x/4.api/2.composables/use-request-url",{"title":587,"path":2343,"stem":2344,"titleTemplate":6},"/docs/5.x/api/composables/use-response-header","docs/5.x/4.api/2.composables/use-response-header",{"title":591,"path":2346,"stem":2347,"titleTemplate":6},"/docs/5.x/api/composables/use-route","docs/5.x/4.api/2.composables/use-route",{"title":595,"path":2349,"stem":2350,"titleTemplate":6},"/docs/5.x/api/composables/use-route-announcer","docs/5.x/4.api/2.composables/use-route-announcer",{"title":599,"path":2352,"stem":2353,"titleTemplate":6},"/docs/5.x/api/composables/use-router","docs/5.x/4.api/2.composables/use-router",{"title":603,"path":2355,"stem":2356,"titleTemplate":6},"/docs/5.x/api/composables/use-runtime-config","docs/5.x/4.api/2.composables/use-runtime-config",{"title":607,"path":2358,"stem":2359,"titleTemplate":6},"/docs/5.x/api/composables/use-runtime-hook","docs/5.x/4.api/2.composables/use-runtime-hook",{"title":611,"path":2361,"stem":2362,"titleTemplate":6},"/docs/5.x/api/composables/use-seo-meta","docs/5.x/4.api/2.composables/use-seo-meta",{"title":615,"path":2364,"stem":2365,"titleTemplate":6},"/docs/5.x/api/composables/use-server-seo-meta","docs/5.x/4.api/2.composables/use-server-seo-meta",{"title":619,"path":2367,"stem":2368,"titleTemplate":6},"/docs/5.x/api/composables/use-state","docs/5.x/4.api/2.composables/use-state",{"title":623,"titleTemplate":624,"icon":625,"path":2370,"stem":2371,"children":2372,"page":108},"/docs/5.x/api/utils","docs/5.x/4.api/3.utils",[2373,2376,2379,2382,2385,2388,2391,2394,2397,2400,2403,2406,2409,2412,2415,2418,2421,2424,2427,2430,2433,2436,2439,2442,2445,2448,2451,2454,2457],{"title":630,"path":2374,"stem":2375,"titleTemplate":6},"/docs/5.x/api/utils/dollarfetch","docs/5.x/4.api/3.utils/$fetch",{"title":634,"path":2377,"stem":2378,"titleTemplate":6},"/docs/5.x/api/utils/abort-navigation","docs/5.x/4.api/3.utils/abort-navigation",{"title":638,"path":2380,"stem":2381,"titleTemplate":6},"/docs/5.x/api/utils/add-route-middleware","docs/5.x/4.api/3.utils/add-route-middleware",{"title":642,"path":2383,"stem":2384,"titleTemplate":6},"/docs/5.x/api/utils/call-once","docs/5.x/4.api/3.utils/call-once",{"title":646,"path":2386,"stem":2387,"titleTemplate":6},"/docs/5.x/api/utils/clear-error","docs/5.x/4.api/3.utils/clear-error",{"title":650,"path":2389,"stem":2390,"titleTemplate":6},"/docs/5.x/api/utils/clear-nuxt-data","docs/5.x/4.api/3.utils/clear-nuxt-data",{"title":654,"path":2392,"stem":2393,"titleTemplate":6},"/docs/5.x/api/utils/clear-nuxt-state","docs/5.x/4.api/3.utils/clear-nuxt-state",{"title":658,"path":2395,"stem":2396,"titleTemplate":6},"/docs/5.x/api/utils/create-error","docs/5.x/4.api/3.utils/create-error",{"title":662,"path":2398,"stem":2399,"titleTemplate":6},"/docs/5.x/api/utils/define-lazy-hydration-component","docs/5.x/4.api/3.utils/define-lazy-hydration-component",{"title":666,"path":2401,"stem":2402,"titleTemplate":6},"/docs/5.x/api/utils/define-nuxt-component","docs/5.x/4.api/3.utils/define-nuxt-component",{"title":670,"path":2404,"stem":2405,"titleTemplate":6},"/docs/5.x/api/utils/define-nuxt-plugin","docs/5.x/4.api/3.utils/define-nuxt-plugin",{"title":674,"path":2407,"stem":2408,"titleTemplate":6},"/docs/5.x/api/utils/define-nuxt-route-middleware","docs/5.x/4.api/3.utils/define-nuxt-route-middleware",{"title":678,"path":2410,"stem":2411,"titleTemplate":6},"/docs/5.x/api/utils/define-page-meta","docs/5.x/4.api/3.utils/define-page-meta",{"title":682,"path":2413,"stem":2414,"titleTemplate":6},"/docs/5.x/api/utils/define-route-rules","docs/5.x/4.api/3.utils/define-route-rules",{"title":686,"path":2416,"stem":2417,"titleTemplate":6},"/docs/5.x/api/utils/navigate-to","docs/5.x/4.api/3.utils/navigate-to",{"title":690,"path":2419,"stem":2420,"titleTemplate":6},"/docs/5.x/api/utils/on-before-route-leave","docs/5.x/4.api/3.utils/on-before-route-leave",{"title":694,"path":2422,"stem":2423,"titleTemplate":6},"/docs/5.x/api/utils/on-before-route-update","docs/5.x/4.api/3.utils/on-before-route-update",{"title":698,"path":2425,"stem":2426,"titleTemplate":6},"/docs/5.x/api/utils/on-nuxt-ready","docs/5.x/4.api/3.utils/on-nuxt-ready",{"title":702,"path":2428,"stem":2429,"titleTemplate":6},"/docs/5.x/api/utils/prefetch-components","docs/5.x/4.api/3.utils/prefetch-components",{"title":706,"path":2431,"stem":2432,"titleTemplate":6},"/docs/5.x/api/utils/preload-components","docs/5.x/4.api/3.utils/preload-components",{"title":710,"path":2434,"stem":2435,"titleTemplate":6},"/docs/5.x/api/utils/preload-route-components","docs/5.x/4.api/3.utils/preload-route-components",{"title":714,"path":2437,"stem":2438,"titleTemplate":6},"/docs/5.x/api/utils/prerender-routes","docs/5.x/4.api/3.utils/prerender-routes",{"title":718,"path":2440,"stem":2441,"titleTemplate":6},"/docs/5.x/api/utils/refresh-cookie","docs/5.x/4.api/3.utils/refresh-cookie",{"title":722,"path":2443,"stem":2444,"titleTemplate":6},"/docs/5.x/api/utils/refresh-nuxt-data","docs/5.x/4.api/3.utils/refresh-nuxt-data",{"title":726,"path":2446,"stem":2447,"titleTemplate":6},"/docs/5.x/api/utils/reload-nuxt-app","docs/5.x/4.api/3.utils/reload-nuxt-app",{"title":730,"path":2449,"stem":2450,"titleTemplate":6},"/docs/5.x/api/utils/set-page-layout","docs/5.x/4.api/3.utils/set-page-layout",{"title":734,"path":2452,"stem":2453,"titleTemplate":6},"/docs/5.x/api/utils/set-response-status","docs/5.x/4.api/3.utils/set-response-status",{"title":738,"path":2455,"stem":2456,"titleTemplate":6},"/docs/5.x/api/utils/show-error","docs/5.x/4.api/3.utils/show-error",{"title":742,"path":2458,"stem":2459,"titleTemplate":6},"/docs/5.x/api/utils/update-app-config","docs/5.x/4.api/3.utils/update-app-config",{"title":746,"titleTemplate":747,"icon":748,"path":2461,"stem":2462,"children":2463,"page":108},"/docs/5.x/api/commands","docs/5.x/4.api/4.commands",[2464,2467,2470,2473,2476,2479,2482,2485,2488,2491,2494,2497,2500,2503,2506,2509],{"title":753,"path":2465,"stem":2466,"titleTemplate":6},"/docs/5.x/api/commands/add","docs/5.x/4.api/4.commands/add",{"title":757,"path":2468,"stem":2469,"titleTemplate":6},"/docs/5.x/api/commands/analyze","docs/5.x/4.api/4.commands/analyze",{"title":761,"path":2471,"stem":2472,"titleTemplate":6},"/docs/5.x/api/commands/build","docs/5.x/4.api/4.commands/build",{"title":765,"path":2474,"stem":2475,"titleTemplate":6},"/docs/5.x/api/commands/build-module","docs/5.x/4.api/4.commands/build-module",{"title":769,"path":2477,"stem":2478,"titleTemplate":6},"/docs/5.x/api/commands/cleanup","docs/5.x/4.api/4.commands/cleanup",{"title":773,"path":2480,"stem":2481,"titleTemplate":6},"/docs/5.x/api/commands/dev","docs/5.x/4.api/4.commands/dev",{"title":777,"path":2483,"stem":2484,"titleTemplate":6},"/docs/5.x/api/commands/devtools","docs/5.x/4.api/4.commands/devtools",{"title":781,"path":2486,"stem":2487,"titleTemplate":6},"/docs/5.x/api/commands/generate","docs/5.x/4.api/4.commands/generate",{"title":785,"path":2489,"stem":2490,"titleTemplate":6},"/docs/5.x/api/commands/info","docs/5.x/4.api/4.commands/info",{"title":789,"path":2492,"stem":2493,"titleTemplate":6},"/docs/5.x/api/commands/init","docs/5.x/4.api/4.commands/init",{"title":793,"path":2495,"stem":2496,"titleTemplate":6},"/docs/5.x/api/commands/module","docs/5.x/4.api/4.commands/module",{"title":797,"path":2498,"stem":2499,"titleTemplate":6},"/docs/5.x/api/commands/prepare","docs/5.x/4.api/4.commands/prepare",{"title":801,"path":2501,"stem":2502,"titleTemplate":6},"/docs/5.x/api/commands/preview","docs/5.x/4.api/4.commands/preview",{"title":805,"path":2504,"stem":2505,"titleTemplate":6},"/docs/5.x/api/commands/test","docs/5.x/4.api/4.commands/test",{"title":809,"path":2507,"stem":2508,"titleTemplate":6},"/docs/5.x/api/commands/typecheck","docs/5.x/4.api/4.commands/typecheck",{"title":813,"path":2510,"stem":2511,"titleTemplate":6},"/docs/5.x/api/commands/upgrade","docs/5.x/4.api/4.commands/upgrade",{"title":411,"titleTemplate":817,"icon":818,"path":2513,"stem":2514,"children":2515,"page":108},"/docs/5.x/api/kit","docs/5.x/4.api/5.kit",[2516,2519,2522,2525,2528,2531,2534,2537,2540,2543,2546,2549,2552,2555,2558,2561,2564,2567],{"title":276,"path":2517,"stem":2518,"titleTemplate":6},"/docs/5.x/api/kit/modules","docs/5.x/4.api/5.kit/1.modules",{"title":399,"path":2520,"stem":2521,"titleTemplate":6},"/docs/5.x/api/kit/runtime-config","docs/5.x/4.api/5.kit/10.runtime-config",{"title":829,"path":2523,"stem":2524,"titleTemplate":6},"/docs/5.x/api/kit/templates","docs/5.x/4.api/5.kit/10.templates",{"title":833,"path":2526,"stem":2527,"titleTemplate":6},"/docs/5.x/api/kit/nitro","docs/5.x/4.api/5.kit/11.nitro",{"title":837,"path":2529,"stem":2530,"titleTemplate":6},"/docs/5.x/api/kit/resolving","docs/5.x/4.api/5.kit/12.resolving",{"title":841,"path":2532,"stem":2533,"titleTemplate":6},"/docs/5.x/api/kit/logging","docs/5.x/4.api/5.kit/13.logging",{"title":845,"path":2535,"stem":2536,"titleTemplate":6},"/docs/5.x/api/kit/builder","docs/5.x/4.api/5.kit/14.builder",{"title":849,"path":2538,"stem":2539,"titleTemplate":6},"/docs/5.x/api/kit/examples","docs/5.x/4.api/5.kit/15.examples",{"title":84,"path":2541,"stem":2542,"titleTemplate":6},"/docs/5.x/api/kit/layers","docs/5.x/4.api/5.kit/16.layers",{"title":856,"path":2544,"stem":2545,"titleTemplate":6},"/docs/5.x/api/kit/programmatic","docs/5.x/4.api/5.kit/2.programmatic",{"title":860,"path":2547,"stem":2548,"titleTemplate":6},"/docs/5.x/api/kit/compatibility","docs/5.x/4.api/5.kit/3.compatibility",{"title":268,"path":2550,"stem":2551,"titleTemplate":6},"/docs/5.x/api/kit/autoimports","docs/5.x/4.api/5.kit/4.autoimports",{"title":434,"path":2553,"stem":2554,"titleTemplate":6},"/docs/5.x/api/kit/components","docs/5.x/4.api/5.kit/5.components",{"title":870,"path":2556,"stem":2557,"titleTemplate":6},"/docs/5.x/api/kit/context","docs/5.x/4.api/5.kit/6.context",{"title":874,"path":2559,"stem":2560,"titleTemplate":6},"/docs/5.x/api/kit/pages","docs/5.x/4.api/5.kit/7.pages",{"title":878,"path":2562,"stem":2563,"titleTemplate":6},"/docs/5.x/api/kit/layout","docs/5.x/4.api/5.kit/8.layout",{"title":882,"path":2565,"stem":2566,"titleTemplate":6},"/docs/5.x/api/kit/head","docs/5.x/4.api/5.kit/9.head",{"title":886,"path":2568,"stem":2569,"titleTemplate":6},"/docs/5.x/api/kit/plugins","docs/5.x/4.api/5.kit/9.plugins",{"title":890,"titleTemplate":6,"icon":891,"path":2571,"stem":2572,"children":2573,"page":108},"/docs/5.x/api/advanced","docs/5.x/4.api/6.advanced",[2574,2577],{"title":407,"path":2575,"stem":2576,"titleTemplate":6},"/docs/5.x/api/advanced/hooks","docs/5.x/4.api/6.advanced/1.hooks",{"title":899,"path":2578,"stem":2579,"titleTemplate":6},"/docs/5.x/api/advanced/import-meta","docs/5.x/4.api/6.advanced/2.import-meta",{"title":903,"path":2581,"stem":2582,"titleTemplate":906,"icon":32},"/docs/5.x/api/nuxt-config","docs/5.x/4.api/6.nuxt-config",{"title":849,"titleTemplate":908,"icon":909,"path":2584,"stem":2585,"children":2586,"page":108},"/docs/5.x/examples","docs/5.x/4.examples",[2587,2590,2609,2622,2653],{"title":914,"path":2588,"stem":2589,"titleTemplate":6},"/docs/5.x/examples/hello-world","docs/5.x/4.examples/0.hello-world",{"title":395,"path":2591,"stem":2592,"children":2593,"page":108},"/docs/5.x/examples/features","docs/5.x/4.examples/1.features",[2594,2597,2600,2603,2606],{"title":922,"path":2595,"stem":2596,"titleTemplate":6},"/docs/5.x/examples/features/auto-imports","docs/5.x/4.examples/1.features/1.auto-imports",{"title":64,"path":2598,"stem":2599,"titleTemplate":6},"/docs/5.x/examples/features/data-fetching","docs/5.x/4.examples/1.features/2.data-fetching",{"title":69,"path":2601,"stem":2602,"titleTemplate":6},"/docs/5.x/examples/features/state-management","docs/5.x/4.examples/1.features/3.state-management",{"title":932,"path":2604,"stem":2605,"titleTemplate":6},"/docs/5.x/examples/features/meta-tags","docs/5.x/4.examples/1.features/4.meta-tags",{"title":936,"path":2607,"stem":2608,"titleTemplate":6},"/docs/5.x/examples/features/layouts","docs/5.x/4.examples/1.features/5.layouts",{"title":49,"path":2610,"stem":2611,"children":2612,"page":108},"/docs/5.x/examples/routing","docs/5.x/4.examples/2.routing",[2613,2616,2619],{"title":944,"path":2614,"stem":2615,"titleTemplate":6},"/docs/5.x/examples/routing/middleware","docs/5.x/4.examples/2.routing/middleware",{"title":874,"path":2617,"stem":2618,"titleTemplate":6},"/docs/5.x/examples/routing/pages","docs/5.x/4.examples/2.routing/pages",{"title":951,"path":2620,"stem":2621,"titleTemplate":6},"/docs/5.x/examples/routing/universal-router","docs/5.x/4.examples/2.routing/universal-router",{"title":890,"path":2623,"stem":2624,"children":2625,"page":108},"/docs/5.x/examples/advanced","docs/5.x/4.examples/4.advanced",[2626,2629,2632,2635,2638,2641,2644,2647,2650],{"title":84,"path":2627,"stem":2628,"titleTemplate":6},"/docs/5.x/examples/advanced/config-extends","docs/5.x/4.examples/4.advanced/config-extends",{"title":74,"path":2630,"stem":2631,"titleTemplate":6},"/docs/5.x/examples/advanced/error-handling","docs/5.x/4.examples/4.advanced/error-handling",{"title":965,"path":2633,"stem":2634,"titleTemplate":6},"/docs/5.x/examples/advanced/jsx","docs/5.x/4.examples/4.advanced/jsx",{"title":969,"path":2636,"stem":2637,"titleTemplate":6},"/docs/5.x/examples/advanced/locale","docs/5.x/4.examples/4.advanced/locale",{"title":973,"path":2639,"stem":2640,"titleTemplate":6},"/docs/5.x/examples/advanced/module-extend-pages","docs/5.x/4.examples/4.advanced/module-extend-pages",{"title":977,"path":2642,"stem":2643,"titleTemplate":6},"/docs/5.x/examples/advanced/teleport","docs/5.x/4.examples/4.advanced/teleport",{"title":99,"path":2645,"stem":2646,"titleTemplate":6},"/docs/5.x/examples/advanced/testing","docs/5.x/4.examples/4.advanced/testing",{"title":519,"path":2648,"stem":2649,"titleTemplate":6},"/docs/5.x/examples/advanced/use-cookie","docs/5.x/4.examples/4.advanced/use-cookie",{"title":987,"path":2651,"stem":2652,"titleTemplate":6},"/docs/5.x/examples/advanced/use-custom-fetch-composable","docs/5.x/4.examples/4.advanced/use-custom-fetch-composable",{"title":991,"path":2654,"stem":2655,"children":2656,"page":108},"/docs/5.x/examples/experimental","docs/5.x/4.examples/7.experimental",[2657],{"title":996,"path":2658,"stem":2659,"titleTemplate":6},"/docs/5.x/examples/experimental/wasm","docs/5.x/4.examples/7.experimental/wasm",{"title":1000,"titleTemplate":1001,"icon":1002,"path":2661,"stem":2662,"children":2663,"page":108},"/docs/5.x/community","docs/5.x/5.community",[2664,2667,2670,2673,2676,2679],{"title":1007,"path":2665,"stem":2666,"titleTemplate":6,"icon":1010},"/docs/5.x/community/getting-help","docs/5.x/5.community/2.getting-help",{"title":1012,"path":2668,"stem":2669,"titleTemplate":6,"icon":1015},"/docs/5.x/community/reporting-bugs","docs/5.x/5.community/3.reporting-bugs",{"title":1017,"path":2671,"stem":2672,"titleTemplate":6,"icon":1020},"/docs/5.x/community/contribution","docs/5.x/5.community/4.contribution",{"title":1022,"path":2674,"stem":2675,"titleTemplate":6,"icon":1025},"/docs/5.x/community/framework-contribution","docs/5.x/5.community/5.framework-contribution",{"title":1027,"path":2677,"stem":2678,"titleTemplate":6,"icon":1030},"/docs/5.x/community/roadmap","docs/5.x/5.community/6.roadmap",{"title":1032,"path":2680,"stem":2681,"titleTemplate":6,"icon":1035},"/docs/5.x/community/changelog","docs/5.x/5.community/7.changelog",{"title":1037,"titleTemplate":1038,"icon":1039,"path":2683,"stem":2684,"children":2685,"page":108},"/docs/5.x/bridge","docs/5.x/6.bridge",[2686,2689,2692,2695,2698,2701,2704,2707,2710,2713],{"title":1044,"path":2687,"stem":2688,"titleTemplate":6},"/docs/5.x/bridge/overview","docs/5.x/6.bridge/1.overview",{"title":29,"path":2690,"stem":2691,"titleTemplate":6},"/docs/5.x/bridge/configuration","docs/5.x/6.bridge/10.configuration",{"title":280,"path":2693,"stem":2694,"titleTemplate":6},"/docs/5.x/bridge/typescript","docs/5.x/6.bridge/2.typescript",{"title":1054,"path":2696,"stem":2697,"titleTemplate":6},"/docs/5.x/bridge/bridge-composition-api","docs/5.x/6.bridge/3.bridge-composition-api",{"title":1058,"path":2699,"stem":2700,"titleTemplate":6},"/docs/5.x/bridge/plugins-and-middleware","docs/5.x/6.bridge/4.plugins-and-middleware",{"title":1062,"path":2702,"stem":2703,"titleTemplate":6},"/docs/5.x/bridge/nuxt3-compatible-api","docs/5.x/6.bridge/5.nuxt3-compatible-api",{"title":932,"path":2705,"stem":2706,"titleTemplate":6},"/docs/5.x/bridge/meta","docs/5.x/6.bridge/6.meta",{"title":399,"path":2708,"stem":2709,"titleTemplate":6},"/docs/5.x/bridge/runtime-config","docs/5.x/6.bridge/7.runtime-config",{"title":833,"path":2711,"stem":2712,"titleTemplate":6},"/docs/5.x/bridge/nitro","docs/5.x/6.bridge/8.nitro",{"title":1075,"path":2714,"stem":2715,"titleTemplate":6},"/docs/5.x/bridge/vite","docs/5.x/6.bridge/9.vite",{"title":1079,"titleTemplate":1080,"icon":107,"path":2717,"stem":2718,"children":2719,"page":108},"/docs/5.x/migration","docs/5.x/7.migration",[2720,2723,2726,2729,2732,2735,2738,2741,2744,2747,2750],{"title":1044,"path":2721,"stem":2722,"titleTemplate":6},"/docs/5.x/migration/overview","docs/5.x/7.migration/1.overview",{"title":1088,"path":2724,"stem":2725,"titleTemplate":6},"/docs/5.x/migration/bundling","docs/5.x/7.migration/10.bundling",{"title":79,"path":2727,"stem":2728,"titleTemplate":6},"/docs/5.x/migration/server","docs/5.x/7.migration/11.server",{"title":29,"path":2730,"stem":2731,"titleTemplate":6},"/docs/5.x/migration/configuration","docs/5.x/7.migration/2.configuration",{"title":276,"path":2733,"stem":2734,"titleTemplate":6},"/docs/5.x/migration/module-authors","docs/5.x/7.migration/20.module-authors",{"title":922,"path":2736,"stem":2737,"titleTemplate":6},"/docs/5.x/migration/auto-imports","docs/5.x/7.migration/3.auto-imports",{"title":932,"path":2739,"stem":2740,"titleTemplate":6},"/docs/5.x/migration/meta","docs/5.x/7.migration/4.meta",{"title":1058,"path":2742,"stem":2743,"titleTemplate":6},"/docs/5.x/migration/plugins-and-middleware","docs/5.x/7.migration/5.plugins-and-middleware",{"title":1110,"path":2745,"stem":2746,"titleTemplate":6},"/docs/5.x/migration/pages-and-layouts","docs/5.x/7.migration/6.pages-and-layouts",{"title":1114,"path":2748,"stem":2749,"titleTemplate":6},"/docs/5.x/migration/component-options","docs/5.x/7.migration/7.component-options",{"title":399,"path":2751,"stem":2752,"titleTemplate":6},"/docs/5.x/migration/runtime-config","docs/5.x/7.migration/8.runtime-config",{"title":2754,"path":2755,"stem":2756,"children":2757,"page":108},"Blog","/blog","blog",[2758,2762,2766,2770,2774,2778,2782,2786,2790,2794,2798,2802,2806,2810,2814,2818,2822,2826,2830,2834,2838],{"title":2759,"path":2760,"stem":2761},"Announcing 3.0","/blog/v3","blog/1.v3",{"title":2763,"path":2764,"stem":2765},"Nuxt 3.3","/blog/v3-3","blog/10.v3-3",{"title":2767,"path":2768,"stem":2769},"Nuxt 3.4","/blog/v3-4","blog/11.v3-4",{"title":2771,"path":2772,"stem":2773},"Nuxt 3.5","/blog/v3-5","blog/12.v3-5",{"title":2775,"path":2776,"stem":2777},"Nuxt 3.6","/blog/v3-6","blog/13.v3-6",{"title":2779,"path":2780,"stem":2781},"Nuxt on the Edge","/blog/nuxt-on-the-edge","blog/14.nuxt-on-the-edge",{"title":2783,"path":2784,"stem":2785},"Nuxt DevTools v1.0","/blog/nuxt-devtools-v1-0","blog/18.nuxt-devtools-v1-0",{"title":2787,"path":2788,"stem":2789},"Nuxt: A vision for 2023","/blog/vision-2023","blog/2.vision-2023",{"title":2791,"path":2792,"stem":2793},"The Evolution of Shiki v1.0","/blog/shiki-v1","blog/21.shiki-v1",{"title":2795,"path":2796,"stem":2797},"Refreshed Nuxt ESLint Integrations","/blog/eslint-module","blog/24.eslint-module",{"title":2799,"path":2800,"stem":2801},"Introducing Nuxt Scripts","/blog/nuxt-scripts","blog/26.nuxt-scripts",{"title":2803,"path":2804,"stem":2805},"Introducing Nuxt Icon v1","/blog/nuxt-icon-v1-0","blog/29.nuxt-icon-v1-0",{"title":2807,"path":2808,"stem":2809},"Introducing Nuxt DevTools","/blog/introducing-nuxt-devtools","blog/3.introducing-nuxt-devtools",{"title":2811,"path":2812,"stem":2813},"Announcing Nuxt 3 Release Candidate","/blog/nuxt3-rc","blog/3.nuxt3-rc",{"title":2815,"path":2816,"stem":2817},"Nuxt 2 End-of-Life (EOL)","/blog/nuxt2-eol","blog/4.nuxt2-eol",{"title":2819,"path":2820,"stem":2821},"Introducing Nuxt 3 Beta","/blog/nuxt3-beta","blog/4.nuxt3-beta",{"title":2823,"path":2824,"stem":2825},"Going Full Static","/blog/going-full-static","blog/5.going-full-static",{"title":2827,"path":2828,"stem":2829},"Introducing Smart Prefetching","/blog/introducing-smart-prefetching","blog/6.introducing-smart-prefetching",{"title":2831,"path":2832,"stem":2833},"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":2835,"path":2836,"stem":2837},"Nuxt 2 Static Improvements","/blog/nuxt-static-improvements","blog/8.nuxt-static-improvements",{"title":2839,"path":2840,"stem":2841},"Nuxt 2: From Terminal to Browser","/blog/nuxtjs-from-terminal-to-browser","blog/9.nuxtjs-from-terminal-to-browser",{"v5":2843,"v4":2843,"v3":2844,"v2":2845},"4.3.1","3.21.1","2.18.1",{"id":2847,"title":64,"body":2848,"description":9668,"extension":9669,"links":6,"meta":9670,"navigation":9671,"path":1156,"seo":9672,"stem":1157,"titleTemplate":6,"__hash__":9673},"docsv4/docs/4.x/1.getting-started/10.data-fetching.md",{"type":2849,"value":2850,"toc":9635},"minimark",[2851,2868,2871,2906,2914,2923,2932,2944,2957,2974,3303,3312,3317,3328,3339,3344,3356,3471,3498,3506,3510,3525,3585,3622,3639,3747,3757,3802,3807,3817,3921,3932,3937,3939,3942,3947,3952,3975,3979,3992,4125,4161,4298,4306,4526,4629,4635,4639,4646,4720,4738,4744,4766,4770,4781,4785,4794,4991,5001,5067,5073,5079,5084,5088,5098,5104,5211,5222,5226,5232,5394,5401,5523,5532,5536,5540,5545,5556,5582,5591,5595,5599,5615,5622,5654,5821,5827,5852,6015,6018,6154,6158,6161,6306,6310,6318,6479,6491,6504,6507,6515,6668,6671,6681,6795,6802,6916,6924,6930,7051,7055,7058,7172,7181,7188,7542,7549,7552,7561,7570,7798,7804,7827,7831,7840,7846,7859,7863,7866,8088,8220,8224,8234,8346,8357,8359,8363,8399,8407,8421,8425,8442,8453,8457,8497,8562,8566,8576,8745,8845,8849,8858,8867,9012,9148,9151,9155,9175,9178,9437,9441,9448,9627,9631],[2852,2853,2854,2855,2858,2859,2864,2865,2867],"p",{},"Nuxt comes with two composables and a built-in library to perform data-fetching in browser or server environments: ",[2856,2857,527],"code",{},", ",[2860,2861,2862],"a",{"href":1476},[2856,2863,515],{}," and ",[2856,2866,630],{},".",[2852,2869,2870],{},"In a nutshell:",[2872,2873,2874,2882,2896],"ul",{},[2875,2876,2877,2881],"li",{},[2860,2878,2879],{"href":1561},[2856,2880,630],{}," is the simplest way to make a network request.",[2875,2883,2884,2888,2889,2891,2892,2867],{},[2860,2885,2886],{"href":1485},[2856,2887,527],{}," is a wrapper around ",[2856,2890,630],{}," that fetches data only once in ",[2860,2893,2895],{"href":2894},"/docs/4.x/guide/concepts/rendering#universal-rendering","universal rendering",[2875,2897,2898,2902,2903,2905],{},[2860,2899,2900],{"href":1476},[2856,2901,515],{}," is similar to ",[2856,2904,527],{}," but offers more fine-grained control.",[2852,2907,2908,2909,2864,2911,2913],{},"Both ",[2856,2910,527],{},[2856,2912,515],{}," share a common set of options and patterns that we will detail in the last sections.",[2915,2916,2918,2919,2864,2921],"h2",{"id":2917},"the-need-for-usefetch-and-useasyncdata","The need for ",[2856,2920,527],{},[2856,2922,515],{},[2852,2924,2925,2926,2931],{},"Nuxt is a framework which can run isomorphic (or universal) code in both server and client environments. If the ",[2860,2927,2928,2930],{"href":1561},[2856,2929,630],{}," function"," is used to perform data fetching in the setup function of a Vue component, this may cause data to be fetched twice, once on the server (to render the HTML) and once again on the client (when the HTML is hydrated). This can cause hydration issues, increase the time to interactivity and cause unpredictable behavior.",[2852,2933,2934,2935,2864,2939,2943],{},"The ",[2860,2936,2937],{"href":1485},[2856,2938,527],{},[2860,2940,2941],{"href":1476},[2856,2942,515],{}," composables solve this problem by ensuring that if an API call is made on the server, the data is forwarded to the client in the payload.",[2852,2945,2946,2947,2953,2954,2867],{},"The payload is a JavaScript object accessible through ",[2860,2948,2950],{"href":2949},"/docs/4.x/api/composables/use-nuxt-app#payload",[2856,2951,2952],{},"useNuxtApp().payload",". It is used on the client to avoid refetching the same data when the code is executed in the browser ",[2860,2955,2956],{"href":2894},"during hydration",[2958,2959,2960],"tip",{},[2852,2961,2962,2963,2969,2970,2867],{},"Use the ",[2860,2964,2968],{"href":2965,"rel":2966},"https://devtools.nuxt.com",[2967],"nofollow","Nuxt DevTools"," to inspect this data in the ",[2971,2972,2973],"strong",{},"Payload tab",[2975,2976,2982],"pre",{"className":2977,"code":2978,"filename":2979,"language":2980,"meta":2981,"style":2981},"language-vue shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","\u003Cscript setup lang=\"ts\">\nconst { data } = await useFetch('/api/data')\n\nasync function handleFormSubmit () {\n  const res = await $fetch('/api/submit', {\n    method: 'POST',\n    body: {\n      // My form data\n    },\n  })\n}\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cdiv v-if=\"data == undefined\">\n    No data\n  \u003C/div>\n  \u003Cdiv v-else>\n    \u003Cform @submit=\"handleFormSubmit\">\n      \u003C!-- form input tags -->\n    \u003C/form>\n  \u003C/div>\n\u003C/template>\n","app/app.vue","vue","",[2856,2983,2984,3019,3060,3066,3083,3113,3133,3143,3150,3156,3164,3170,3180,3185,3195,3218,3224,3234,3246,3269,3275,3285,3294],{"__ignoreMap":2981},[2985,2986,2989,2993,2997,3001,3004,3007,3010,3014,3016],"span",{"class":2987,"line":2988},"line",1,[2985,2990,2992],{"class":2991},"sDfIl","\u003C",[2985,2994,2996],{"class":2995},"sRlkE","script",[2985,2998,3000],{"class":2999},"smZ93"," setup",[2985,3002,3003],{"class":2999}," lang",[2985,3005,3006],{"class":2991},"=",[2985,3008,3009],{"class":2991},"\"",[2985,3011,3013],{"class":3012},"sGFVr","ts",[2985,3015,3009],{"class":2991},[2985,3017,3018],{"class":2991},">\n",[2985,3020,3022,3025,3028,3032,3035,3038,3042,3046,3049,3052,3055,3057],{"class":2987,"line":3021},2,[2985,3023,3024],{"class":2999},"const",[2985,3026,3027],{"class":2991}," {",[2985,3029,3031],{"class":3030},"sZSNi"," data ",[2985,3033,3034],{"class":2991},"}",[2985,3036,3037],{"class":2991}," =",[2985,3039,3041],{"class":3040},"s8R28"," await",[2985,3043,3045],{"class":3044},"s3cPz"," useFetch",[2985,3047,3048],{"class":3030},"(",[2985,3050,3051],{"class":2991},"'",[2985,3053,3054],{"class":3012},"/api/data",[2985,3056,3051],{"class":2991},[2985,3058,3059],{"class":3030},")\n",[2985,3061,3063],{"class":2987,"line":3062},3,[2985,3064,3065],{"emptyLinePlaceholder":1196},"\n",[2985,3067,3069,3072,3074,3077,3080],{"class":2987,"line":3068},4,[2985,3070,3071],{"class":2999},"async",[2985,3073,2930],{"class":2999},[2985,3075,3076],{"class":3044}," handleFormSubmit",[2985,3078,3079],{"class":2991}," ()",[2985,3081,3082],{"class":2991}," {\n",[2985,3084,3086,3089,3092,3094,3096,3099,3101,3103,3106,3108,3111],{"class":2987,"line":3085},5,[2985,3087,3088],{"class":2999},"  const",[2985,3090,3091],{"class":3030}," res",[2985,3093,3037],{"class":2991},[2985,3095,3041],{"class":3040},[2985,3097,3098],{"class":3044}," $fetch",[2985,3100,3048],{"class":2995},[2985,3102,3051],{"class":2991},[2985,3104,3105],{"class":3012},"/api/submit",[2985,3107,3051],{"class":2991},[2985,3109,3110],{"class":2991},",",[2985,3112,3082],{"class":2991},[2985,3114,3116,3119,3122,3125,3128,3130],{"class":2987,"line":3115},6,[2985,3117,3118],{"class":2995},"    method",[2985,3120,3121],{"class":2991},":",[2985,3123,3124],{"class":2991}," '",[2985,3126,3127],{"class":3012},"POST",[2985,3129,3051],{"class":2991},[2985,3131,3132],{"class":2991},",\n",[2985,3134,3136,3139,3141],{"class":2987,"line":3135},7,[2985,3137,3138],{"class":2995},"    body",[2985,3140,3121],{"class":2991},[2985,3142,3082],{"class":2991},[2985,3144,3146],{"class":2987,"line":3145},8,[2985,3147,3149],{"class":3148},"sWuyu","      // My form data\n",[2985,3151,3153],{"class":2987,"line":3152},9,[2985,3154,3155],{"class":2991},"    },\n",[2985,3157,3159,3162],{"class":2987,"line":3158},10,[2985,3160,3161],{"class":2991},"  }",[2985,3163,3059],{"class":2995},[2985,3165,3167],{"class":2987,"line":3166},11,[2985,3168,3169],{"class":2991},"}\n",[2985,3171,3173,3176,3178],{"class":2987,"line":3172},12,[2985,3174,3175],{"class":2991},"\u003C/",[2985,3177,2996],{"class":2995},[2985,3179,3018],{"class":2991},[2985,3181,3183],{"class":2987,"line":3182},13,[2985,3184,3065],{"emptyLinePlaceholder":1196},[2985,3186,3188,3190,3193],{"class":2987,"line":3187},14,[2985,3189,2992],{"class":2991},[2985,3191,3192],{"class":2995},"template",[2985,3194,3018],{"class":2991},[2985,3196,3198,3201,3204,3207,3209,3211,3214,3216],{"class":2987,"line":3197},15,[2985,3199,3200],{"class":2991},"  \u003C",[2985,3202,3203],{"class":2995},"div",[2985,3205,3206],{"class":2999}," v-if",[2985,3208,3006],{"class":2991},[2985,3210,3009],{"class":2991},[2985,3212,3213],{"class":3012},"data == undefined",[2985,3215,3009],{"class":2991},[2985,3217,3018],{"class":2991},[2985,3219,3221],{"class":2987,"line":3220},16,[2985,3222,3223],{"class":3030},"    No data\n",[2985,3225,3227,3230,3232],{"class":2987,"line":3226},17,[2985,3228,3229],{"class":2991},"  \u003C/",[2985,3231,3203],{"class":2995},[2985,3233,3018],{"class":2991},[2985,3235,3237,3239,3241,3244],{"class":2987,"line":3236},18,[2985,3238,3200],{"class":2991},[2985,3240,3203],{"class":2995},[2985,3242,3243],{"class":2999}," v-else",[2985,3245,3018],{"class":2991},[2985,3247,3249,3252,3255,3258,3260,3262,3265,3267],{"class":2987,"line":3248},19,[2985,3250,3251],{"class":2991},"    \u003C",[2985,3253,3254],{"class":2995},"form",[2985,3256,3257],{"class":2999}," @submit",[2985,3259,3006],{"class":2991},[2985,3261,3009],{"class":2991},[2985,3263,3264],{"class":3012},"handleFormSubmit",[2985,3266,3009],{"class":2991},[2985,3268,3018],{"class":2991},[2985,3270,3272],{"class":2987,"line":3271},20,[2985,3273,3274],{"class":3148},"      \u003C!-- form input tags -->\n",[2985,3276,3278,3281,3283],{"class":2987,"line":3277},21,[2985,3279,3280],{"class":2991},"    \u003C/",[2985,3282,3254],{"class":2995},[2985,3284,3018],{"class":2991},[2985,3286,3288,3290,3292],{"class":2987,"line":3287},22,[2985,3289,3229],{"class":2991},[2985,3291,3203],{"class":2995},[2985,3293,3018],{"class":2991},[2985,3295,3297,3299,3301],{"class":2987,"line":3296},23,[2985,3298,3175],{"class":2991},[2985,3300,3192],{"class":2995},[2985,3302,3018],{"class":2991},[2852,3304,3305,3306,3308,3309,3311],{},"In the example above, ",[2856,3307,527],{}," would make sure that the request would occur in the server and is properly forwarded to the browser. ",[2856,3310,630],{}," has no such mechanism and is a better option to use when the request is solely made from the browser.",[3313,3314,3316],"h3",{"id":3315},"suspense","Suspense",[2852,3318,3319,3320,3327],{},"Nuxt uses Vue's ",[2860,3321,3324],{"href":3322,"rel":3323},"https://vuejs.org/guide/built-ins/suspense",[2967],[2856,3325,3326],{},"\u003CSuspense>"," component under the hood to prevent navigation before every async data is available to the view. The data fetching composables can help you leverage this feature and use what suits best on a per-call basis.",[3329,3330,3331],"note",{},[2852,3332,3333,3334,3338],{},"You can add the ",[2860,3335,3336],{"href":1447},[2856,3337,480],{}," to add a progress bar between page navigations.",[2915,3340,3342],{"id":3341},"fetch",[2856,3343,630],{},[2852,3345,3346,3347,3352,3353,3355],{},"Nuxt includes the ",[2860,3348,3351],{"href":3349,"rel":3350},"https://github.com/unjs/ofetch",[2967],"ofetch"," library, and is auto-imported as the ",[2856,3354,630],{}," alias globally across your application.",[2975,3357,3361],{"className":2977,"code":3358,"filename":3359,"language":2980,"meta":3360,"style":2981},"\u003Cscript setup lang=\"ts\">\nasync function addTodo () {\n  const todo = await $fetch('/api/todos', {\n    method: 'POST',\n    body: {\n      // My todo data\n    },\n  })\n}\n\u003C/script>\n","pages/todos.vue","twoslash",[2856,3362,3363,3383,3396,3422,3436,3444,3449,3453,3459,3463],{"__ignoreMap":2981},[2985,3364,3365,3367,3369,3371,3373,3375,3377,3379,3381],{"class":2987,"line":2988},[2985,3366,2992],{"class":2991},[2985,3368,2996],{"class":2995},[2985,3370,3000],{"class":2999},[2985,3372,3003],{"class":2999},[2985,3374,3006],{"class":2991},[2985,3376,3009],{"class":2991},[2985,3378,3013],{"class":3012},[2985,3380,3009],{"class":2991},[2985,3382,3018],{"class":2991},[2985,3384,3385,3387,3389,3392,3394],{"class":2987,"line":3021},[2985,3386,3071],{"class":2999},[2985,3388,2930],{"class":2999},[2985,3390,3391],{"class":3044}," addTodo",[2985,3393,3079],{"class":2991},[2985,3395,3082],{"class":2991},[2985,3397,3398,3400,3403,3405,3407,3409,3411,3413,3416,3418,3420],{"class":2987,"line":3062},[2985,3399,3088],{"class":2999},[2985,3401,3402],{"class":3030}," todo",[2985,3404,3037],{"class":2991},[2985,3406,3041],{"class":3040},[2985,3408,3098],{"class":3044},[2985,3410,3048],{"class":2995},[2985,3412,3051],{"class":2991},[2985,3414,3415],{"class":3012},"/api/todos",[2985,3417,3051],{"class":2991},[2985,3419,3110],{"class":2991},[2985,3421,3082],{"class":2991},[2985,3423,3424,3426,3428,3430,3432,3434],{"class":2987,"line":3068},[2985,3425,3118],{"class":2995},[2985,3427,3121],{"class":2991},[2985,3429,3124],{"class":2991},[2985,3431,3127],{"class":3012},[2985,3433,3051],{"class":2991},[2985,3435,3132],{"class":2991},[2985,3437,3438,3440,3442],{"class":2987,"line":3085},[2985,3439,3138],{"class":2995},[2985,3441,3121],{"class":2991},[2985,3443,3082],{"class":2991},[2985,3445,3446],{"class":2987,"line":3115},[2985,3447,3448],{"class":3148},"      // My todo data\n",[2985,3450,3451],{"class":2987,"line":3135},[2985,3452,3155],{"class":2991},[2985,3454,3455,3457],{"class":2987,"line":3145},[2985,3456,3161],{"class":2991},[2985,3458,3059],{"class":2995},[2985,3460,3461],{"class":2987,"line":3152},[2985,3462,3169],{"class":2991},[2985,3464,3465,3467,3469],{"class":2987,"line":3158},[2985,3466,3175],{"class":2991},[2985,3468,2996],{"class":2995},[2985,3470,3018],{"class":2991},[3472,3473,3474],"warning",{},[2852,3475,3476,3477,3479,3480,3484,3485,3488,3489,3491,3492,3497],{},"Beware that using only ",[2856,3478,630],{}," will not provide ",[2860,3481,3483],{"href":3482},"/docs/4.x/getting-started/data-fetching#the-need-for-usefetch-and-useasyncdata","network calls de-duplication and navigation prevention",". ",[3486,3487],"br",{},"\nIt is recommended to use ",[2856,3490,630],{}," for client-side interactions (event-based) or combined with ",[2860,3493,3495],{"href":3494},"/docs/4.x/getting-started/data-fetching#useasyncdata",[2856,3496,515],{}," when fetching the initial component data.",[3499,3500,3501],"read-more",{"to":1561},[2852,3502,3503,3504,2867],{},"Read more about ",[2856,3505,630],{},[3313,3507,3509],{"id":3508},"pass-client-headers-to-the-api","Pass Client Headers to the API",[2852,3511,3512,3513,3515,3516,3520,3521,3524],{},"When calling ",[2856,3514,527],{}," on the server, Nuxt will use ",[2860,3517,3518],{"href":1518},[2856,3519,571],{}," to proxy client headers and cookies (with the exception of headers not meant to be forwarded, like ",[2856,3522,3523],{},"host",").",[2975,3526,3528],{"className":2977,"code":3527,"language":2980,"meta":2981,"style":2981},"\u003Cscript setup lang=\"ts\">\nconst { data } = await useFetch('/api/echo')\n\u003C/script>\n",[2856,3529,3530,3550,3577],{"__ignoreMap":2981},[2985,3531,3532,3534,3536,3538,3540,3542,3544,3546,3548],{"class":2987,"line":2988},[2985,3533,2992],{"class":2991},[2985,3535,2996],{"class":2995},[2985,3537,3000],{"class":2999},[2985,3539,3003],{"class":2999},[2985,3541,3006],{"class":2991},[2985,3543,3009],{"class":2991},[2985,3545,3013],{"class":3012},[2985,3547,3009],{"class":2991},[2985,3549,3018],{"class":2991},[2985,3551,3552,3554,3556,3558,3560,3562,3564,3566,3568,3570,3573,3575],{"class":2987,"line":3021},[2985,3553,3024],{"class":2999},[2985,3555,3027],{"class":2991},[2985,3557,3031],{"class":3030},[2985,3559,3034],{"class":2991},[2985,3561,3037],{"class":2991},[2985,3563,3041],{"class":3040},[2985,3565,3045],{"class":3044},[2985,3567,3048],{"class":3030},[2985,3569,3051],{"class":2991},[2985,3571,3572],{"class":3012},"/api/echo",[2985,3574,3051],{"class":2991},[2985,3576,3059],{"class":3030},[2985,3578,3579,3581,3583],{"class":2987,"line":3062},[2985,3580,3175],{"class":2991},[2985,3582,2996],{"class":2995},[2985,3584,3018],{"class":2991},[2975,3586,3589],{"className":3587,"code":3588,"language":3013,"meta":2981,"style":2981},"language-ts shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","// /api/echo.ts\nexport default defineEventHandler(event => parseCookies(event))\n",[2856,3590,3591,3596],{"__ignoreMap":2981},[2985,3592,3593],{"class":2987,"line":2988},[2985,3594,3595],{"class":3148},"// /api/echo.ts\n",[2985,3597,3598,3601,3604,3607,3609,3613,3616,3619],{"class":2987,"line":3021},[2985,3599,3600],{"class":3040},"export",[2985,3602,3603],{"class":3040}," default",[2985,3605,3606],{"class":3044}," defineEventHandler",[2985,3608,3048],{"class":3030},[2985,3610,3612],{"class":3611},"s1nJG","event",[2985,3614,3615],{"class":2999}," =>",[2985,3617,3618],{"class":3044}," parseCookies",[2985,3620,3621],{"class":3030},"(event))\n",[2852,3623,3624,3625,3629,3630,3632,3633,3636,3637,2867],{},"Alternatively, the example below shows how to use ",[2860,3626,3627],{"href":1524},[2856,3628,579],{}," to access and send cookies to the API from a server-side request (originating on the client). Using an isomorphic ",[2856,3631,630],{}," call, we ensure that the API endpoint has access to the same ",[2856,3634,3635],{},"cookie"," header originally sent by the user's browser. This is only necessary if you aren't using ",[2856,3638,527],{},[2975,3640,3642],{"className":2977,"code":3641,"language":2980,"meta":2981,"style":2981},"\u003Cscript setup lang=\"ts\">\nconst headers = useRequestHeaders(['cookie'])\n\nasync function getCurrentUser () {\n  return await $fetch('/api/me', { headers })\n}\n\u003C/script>\n",[2856,3643,3644,3664,3688,3692,3705,3735,3739],{"__ignoreMap":2981},[2985,3645,3646,3648,3650,3652,3654,3656,3658,3660,3662],{"class":2987,"line":2988},[2985,3647,2992],{"class":2991},[2985,3649,2996],{"class":2995},[2985,3651,3000],{"class":2999},[2985,3653,3003],{"class":2999},[2985,3655,3006],{"class":2991},[2985,3657,3009],{"class":2991},[2985,3659,3013],{"class":3012},[2985,3661,3009],{"class":2991},[2985,3663,3018],{"class":2991},[2985,3665,3666,3668,3671,3673,3676,3679,3681,3683,3685],{"class":2987,"line":3021},[2985,3667,3024],{"class":2999},[2985,3669,3670],{"class":3030}," headers ",[2985,3672,3006],{"class":2991},[2985,3674,3675],{"class":3044}," useRequestHeaders",[2985,3677,3678],{"class":3030},"([",[2985,3680,3051],{"class":2991},[2985,3682,3635],{"class":3012},[2985,3684,3051],{"class":2991},[2985,3686,3687],{"class":3030},"])\n",[2985,3689,3690],{"class":2987,"line":3062},[2985,3691,3065],{"emptyLinePlaceholder":1196},[2985,3693,3694,3696,3698,3701,3703],{"class":2987,"line":3068},[2985,3695,3071],{"class":2999},[2985,3697,2930],{"class":2999},[2985,3699,3700],{"class":3044}," getCurrentUser",[2985,3702,3079],{"class":2991},[2985,3704,3082],{"class":2991},[2985,3706,3707,3710,3712,3714,3716,3718,3721,3723,3725,3727,3730,3733],{"class":2987,"line":3085},[2985,3708,3709],{"class":3040},"  return",[2985,3711,3041],{"class":3040},[2985,3713,3098],{"class":3044},[2985,3715,3048],{"class":2995},[2985,3717,3051],{"class":2991},[2985,3719,3720],{"class":3012},"/api/me",[2985,3722,3051],{"class":2991},[2985,3724,3110],{"class":2991},[2985,3726,3027],{"class":2991},[2985,3728,3729],{"class":3030}," headers",[2985,3731,3732],{"class":2991}," }",[2985,3734,3059],{"class":2995},[2985,3736,3737],{"class":2987,"line":3115},[2985,3738,3169],{"class":2991},[2985,3740,3741,3743,3745],{"class":2987,"line":3135},[2985,3742,3175],{"class":2991},[2985,3744,2996],{"class":2995},[2985,3746,3018],{"class":2991},[2958,3748,3749],{},[2852,3750,3751,3752,3756],{},"You can also use ",[2860,3753,3754],{"href":1518},[2856,3755,571],{}," to proxy headers to the call automatically.",[3758,3759,3760,3763],"caution",{},[2852,3761,3762],{},"Be very careful before proxying headers to an external API and just include headers that you need. Not all headers are safe to be bypassed and might introduce unwanted behavior. Here is a list of common headers that are NOT to be proxied:",[2872,3764,3765,3772,3783,3794],{},[2875,3766,3767,2858,3769],{},[2856,3768,3523],{},[2856,3770,3771],{},"accept",[2875,3773,3774,2858,3777,2858,3780],{},[2856,3775,3776],{},"content-length",[2856,3778,3779],{},"content-md5",[2856,3781,3782],{},"content-type",[2875,3784,3785,2858,3788,2858,3791],{},[2856,3786,3787],{},"x-forwarded-host",[2856,3789,3790],{},"x-forwarded-port",[2856,3792,3793],{},"x-forwarded-proto",[2875,3795,3796,2858,3799],{},[2856,3797,3798],{},"cf-connecting-ip",[2856,3800,3801],{},"cf-ray",[2915,3803,3805],{"id":3804},"usefetch",[2856,3806,527],{},[2852,3808,2934,3809,3813,3814,3816],{},[2860,3810,3811],{"href":1485},[2856,3812,527],{}," composable uses ",[2856,3815,630],{}," under-the-hood to make SSR-safe network calls in the setup function.",[2975,3818,3820],{"className":2977,"code":3819,"filename":2979,"language":2980,"meta":3360,"style":2981},"\u003Cscript setup lang=\"ts\">\nconst { data: count } = await useFetch('/api/count')\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cp>Page visits: {{ count }}\u003C/p>\n\u003C/template>\n",[2856,3821,3822,3842,3875,3883,3887,3895,3913],{"__ignoreMap":2981},[2985,3823,3824,3826,3828,3830,3832,3834,3836,3838,3840],{"class":2987,"line":2988},[2985,3825,2992],{"class":2991},[2985,3827,2996],{"class":2995},[2985,3829,3000],{"class":2999},[2985,3831,3003],{"class":2999},[2985,3833,3006],{"class":2991},[2985,3835,3009],{"class":2991},[2985,3837,3013],{"class":3012},[2985,3839,3009],{"class":2991},[2985,3841,3018],{"class":2991},[2985,3843,3844,3846,3848,3851,3853,3856,3858,3860,3862,3864,3866,3868,3871,3873],{"class":2987,"line":3021},[2985,3845,3024],{"class":2999},[2985,3847,3027],{"class":2991},[2985,3849,3850],{"class":2995}," data",[2985,3852,3121],{"class":2991},[2985,3854,3855],{"class":3030}," count ",[2985,3857,3034],{"class":2991},[2985,3859,3037],{"class":2991},[2985,3861,3041],{"class":3040},[2985,3863,3045],{"class":3044},[2985,3865,3048],{"class":3030},[2985,3867,3051],{"class":2991},[2985,3869,3870],{"class":3012},"/api/count",[2985,3872,3051],{"class":2991},[2985,3874,3059],{"class":3030},[2985,3876,3877,3879,3881],{"class":2987,"line":3062},[2985,3878,3175],{"class":2991},[2985,3880,2996],{"class":2995},[2985,3882,3018],{"class":2991},[2985,3884,3885],{"class":2987,"line":3068},[2985,3886,3065],{"emptyLinePlaceholder":1196},[2985,3888,3889,3891,3893],{"class":2987,"line":3085},[2985,3890,2992],{"class":2991},[2985,3892,3192],{"class":2995},[2985,3894,3018],{"class":2991},[2985,3896,3897,3899,3901,3904,3907,3909,3911],{"class":2987,"line":3115},[2985,3898,3200],{"class":2991},[2985,3900,2852],{"class":2995},[2985,3902,3903],{"class":2991},">",[2985,3905,3906],{"class":3030},"Page visits: {{ count }}",[2985,3908,3175],{"class":2991},[2985,3910,2852],{"class":2995},[2985,3912,3018],{"class":2991},[2985,3914,3915,3917,3919],{"class":2987,"line":3135},[2985,3916,3175],{"class":2991},[2985,3918,3192],{"class":2995},[2985,3920,3018],{"class":2991},[2852,3922,3923,3924,3928,3929,3931],{},"This composable is a wrapper around the ",[2860,3925,3926],{"href":1476},[2856,3927,515],{}," composable and ",[2856,3930,630],{}," utility.",[3933,3934],"video-accordion",{"title":3935,"video-id":3936},"Watch a video from Alexander Lichter to avoid using useFetch the wrong way","njsGVmcWviY",[3499,3938],{"to":1485},[3940,3941],"link-example",{"to":1785},[2915,3943,3945],{"id":3944},"useasyncdata",[2856,3946,515],{},[2852,3948,2934,3949,3951],{},[2856,3950,515],{}," composable is responsible for wrapping async logic and returning the result once it is resolved.",[2958,3953,3954],{},[2852,3955,3956,3959,3960,3484,3963,3965,3966,3969,3970,3974],{},[2856,3957,3958],{},"useFetch(url)"," is nearly equivalent to ",[2856,3961,3962],{},"useAsyncData(url, () => event.$fetch(url))",[3486,3964],{},"\nIt's developer experience sugar for the most common use case. (You can find out more about ",[2856,3967,3968],{},"event.fetch"," at ",[2860,3971,3972],{"href":1518},[2856,3973,571],{},".)",[3933,3976],{"title":3977,"video-id":3978},"Watch a video from Alexander Lichter to dig deeper into the difference between useFetch and useAsyncData","0X-aOpSGabA",[2852,3980,3981,3982,3986,3987,3991],{},"There are some cases when using the ",[2860,3983,3984],{"href":1485},[2856,3985,527],{}," composable is not appropriate, for example when a CMS or a third-party provide their own query layer. In this case, you can use ",[2860,3988,3989],{"href":1476},[2856,3990,515],{}," to wrap your calls and still keep the benefits provided by the composable.",[2975,3993,3996],{"className":2977,"code":3994,"filename":3995,"language":2980,"meta":2981,"style":2981},"\u003Cscript setup lang=\"ts\">\nconst { data, error } = await useAsyncData('users', () => myGetFunction('users'))\n\n// This is also possible:\nconst { data, error } = await useAsyncData(() => myGetFunction('users'))\n\u003C/script>\n","app/pages/users.vue",[2856,3997,3998,4018,4069,4073,4078,4117],{"__ignoreMap":2981},[2985,3999,4000,4002,4004,4006,4008,4010,4012,4014,4016],{"class":2987,"line":2988},[2985,4001,2992],{"class":2991},[2985,4003,2996],{"class":2995},[2985,4005,3000],{"class":2999},[2985,4007,3003],{"class":2999},[2985,4009,3006],{"class":2991},[2985,4011,3009],{"class":2991},[2985,4013,3013],{"class":3012},[2985,4015,3009],{"class":2991},[2985,4017,3018],{"class":2991},[2985,4019,4020,4022,4024,4026,4028,4031,4033,4035,4037,4040,4042,4044,4047,4049,4051,4053,4055,4058,4060,4062,4064,4066],{"class":2987,"line":3021},[2985,4021,3024],{"class":2999},[2985,4023,3027],{"class":2991},[2985,4025,3850],{"class":3030},[2985,4027,3110],{"class":2991},[2985,4029,4030],{"class":3030}," error ",[2985,4032,3034],{"class":2991},[2985,4034,3037],{"class":2991},[2985,4036,3041],{"class":3040},[2985,4038,4039],{"class":3044}," useAsyncData",[2985,4041,3048],{"class":3030},[2985,4043,3051],{"class":2991},[2985,4045,4046],{"class":3012},"users",[2985,4048,3051],{"class":2991},[2985,4050,3110],{"class":2991},[2985,4052,3079],{"class":2991},[2985,4054,3615],{"class":2999},[2985,4056,4057],{"class":3044}," myGetFunction",[2985,4059,3048],{"class":3030},[2985,4061,3051],{"class":2991},[2985,4063,4046],{"class":3012},[2985,4065,3051],{"class":2991},[2985,4067,4068],{"class":3030},"))\n",[2985,4070,4071],{"class":2987,"line":3062},[2985,4072,3065],{"emptyLinePlaceholder":1196},[2985,4074,4075],{"class":2987,"line":3068},[2985,4076,4077],{"class":3148},"// This is also possible:\n",[2985,4079,4080,4082,4084,4086,4088,4090,4092,4094,4096,4098,4100,4103,4105,4107,4109,4111,4113,4115],{"class":2987,"line":3085},[2985,4081,3024],{"class":2999},[2985,4083,3027],{"class":2991},[2985,4085,3850],{"class":3030},[2985,4087,3110],{"class":2991},[2985,4089,4030],{"class":3030},[2985,4091,3034],{"class":2991},[2985,4093,3037],{"class":2991},[2985,4095,3041],{"class":3040},[2985,4097,4039],{"class":3044},[2985,4099,3048],{"class":3030},[2985,4101,4102],{"class":2991},"()",[2985,4104,3615],{"class":2999},[2985,4106,4057],{"class":3044},[2985,4108,3048],{"class":3030},[2985,4110,3051],{"class":2991},[2985,4112,4046],{"class":3012},[2985,4114,3051],{"class":2991},[2985,4116,4068],{"class":3030},[2985,4118,4119,4121,4123],{"class":2987,"line":3115},[2985,4120,3175],{"class":2991},[2985,4122,2996],{"class":2995},[2985,4124,3018],{"class":2991},[3329,4126,4127],{},[2852,4128,4129,4130,4134,4135,4137,4138,4140,4141,4143,4144,4146,4147,4137,4149,4151,4152,4156,4157,2867],{},"The first argument of ",[2860,4131,4132],{"href":1476},[2856,4133,515],{}," is a unique key used to cache the response of the second argument, the querying function. This key can be ignored by directly passing the querying function, the key will be auto-generated.\n",[3486,4136],{}," ",[3486,4139],{},"\nSince the autogenerated key only takes into account the file and line where ",[2856,4142,515],{}," is invoked, it is recommended to always create your own key to avoid unwanted behavior, like when you are creating your own custom composable wrapping ",[2856,4145,515],{},".\n",[3486,4148],{},[3486,4150],{},"\nSetting a key can be useful to share the same data between components using ",[2860,4153,4154],{"href":1509},[2856,4155,559],{}," or to ",[2860,4158,4160],{"href":4159},"/docs/4.x/api/utils/refresh-nuxt-data#refresh-specific-data","refresh specific data",[2975,4162,4165],{"className":2977,"code":4163,"filename":4164,"language":2980,"meta":2981,"style":2981},"\u003Cscript setup lang=\"ts\">\nconst { id } = useRoute().params\n\nconst { data, error } = await useAsyncData(`user:${id}`, () => {\n  return myGetFunction('users', { id })\n})\n\u003C/script>\n","app/pages/users/[id].vue",[2856,4166,4167,4187,4210,4214,4259,4284,4290],{"__ignoreMap":2981},[2985,4168,4169,4171,4173,4175,4177,4179,4181,4183,4185],{"class":2987,"line":2988},[2985,4170,2992],{"class":2991},[2985,4172,2996],{"class":2995},[2985,4174,3000],{"class":2999},[2985,4176,3003],{"class":2999},[2985,4178,3006],{"class":2991},[2985,4180,3009],{"class":2991},[2985,4182,3013],{"class":3012},[2985,4184,3009],{"class":2991},[2985,4186,3018],{"class":2991},[2985,4188,4189,4191,4193,4196,4198,4200,4203,4205,4207],{"class":2987,"line":3021},[2985,4190,3024],{"class":2999},[2985,4192,3027],{"class":2991},[2985,4194,4195],{"class":3030}," id ",[2985,4197,3034],{"class":2991},[2985,4199,3037],{"class":2991},[2985,4201,4202],{"class":3044}," useRoute",[2985,4204,4102],{"class":3030},[2985,4206,2867],{"class":2991},[2985,4208,4209],{"class":3030},"params\n",[2985,4211,4212],{"class":2987,"line":3062},[2985,4213,3065],{"emptyLinePlaceholder":1196},[2985,4215,4216,4218,4220,4222,4224,4226,4228,4230,4232,4234,4236,4239,4242,4245,4248,4251,4253,4255,4257],{"class":2987,"line":3068},[2985,4217,3024],{"class":2999},[2985,4219,3027],{"class":2991},[2985,4221,3850],{"class":3030},[2985,4223,3110],{"class":2991},[2985,4225,4030],{"class":3030},[2985,4227,3034],{"class":2991},[2985,4229,3037],{"class":2991},[2985,4231,3041],{"class":3040},[2985,4233,4039],{"class":3044},[2985,4235,3048],{"class":3030},[2985,4237,4238],{"class":2991},"`",[2985,4240,4241],{"class":3012},"user:",[2985,4243,4244],{"class":2991},"${",[2985,4246,4247],{"class":3030},"id",[2985,4249,4250],{"class":2991},"}`",[2985,4252,3110],{"class":2991},[2985,4254,3079],{"class":2991},[2985,4256,3615],{"class":2999},[2985,4258,3082],{"class":2991},[2985,4260,4261,4263,4265,4267,4269,4271,4273,4275,4277,4280,4282],{"class":2987,"line":3085},[2985,4262,3709],{"class":3040},[2985,4264,4057],{"class":3044},[2985,4266,3048],{"class":2995},[2985,4268,3051],{"class":2991},[2985,4270,4046],{"class":3012},[2985,4272,3051],{"class":2991},[2985,4274,3110],{"class":2991},[2985,4276,3027],{"class":2991},[2985,4278,4279],{"class":3030}," id",[2985,4281,3732],{"class":2991},[2985,4283,3059],{"class":2995},[2985,4285,4286,4288],{"class":2987,"line":3115},[2985,4287,3034],{"class":2991},[2985,4289,3059],{"class":3030},[2985,4291,4292,4294,4296],{"class":2987,"line":3135},[2985,4293,3175],{"class":2991},[2985,4295,2996],{"class":2995},[2985,4297,3018],{"class":2991},[2852,4299,2934,4300,4302,4303,4305],{},[2856,4301,515],{}," composable is a great way to wrap and wait for multiple ",[2856,4304,630],{}," requests to be completed, and then process the results.",[2975,4307,4309],{"className":2977,"code":4308,"language":2980,"meta":2981,"style":2981},"\u003Cscript setup lang=\"ts\">\nconst { data: discounts, status } = await useAsyncData('cart-discount', async (_nuxtApp, { signal }) => {\n  const [coupons, offers] = await Promise.all([\n    $fetch('/cart/coupons', { signal }),\n    $fetch('/cart/offers', { signal }),\n  ])\n\n  return { coupons, offers }\n})\n// discounts.value.coupons\n// discounts.value.offers\n\u003C/script>\n",[2856,4310,4311,4331,4391,4425,4452,4477,4482,4486,4502,4508,4513,4518],{"__ignoreMap":2981},[2985,4312,4313,4315,4317,4319,4321,4323,4325,4327,4329],{"class":2987,"line":2988},[2985,4314,2992],{"class":2991},[2985,4316,2996],{"class":2995},[2985,4318,3000],{"class":2999},[2985,4320,3003],{"class":2999},[2985,4322,3006],{"class":2991},[2985,4324,3009],{"class":2991},[2985,4326,3013],{"class":3012},[2985,4328,3009],{"class":2991},[2985,4330,3018],{"class":2991},[2985,4332,4333,4335,4337,4339,4341,4344,4346,4349,4351,4353,4355,4357,4359,4361,4364,4366,4368,4371,4374,4377,4379,4381,4384,4387,4389],{"class":2987,"line":3021},[2985,4334,3024],{"class":2999},[2985,4336,3027],{"class":2991},[2985,4338,3850],{"class":2995},[2985,4340,3121],{"class":2991},[2985,4342,4343],{"class":3030}," discounts",[2985,4345,3110],{"class":2991},[2985,4347,4348],{"class":3030}," status ",[2985,4350,3034],{"class":2991},[2985,4352,3037],{"class":2991},[2985,4354,3041],{"class":3040},[2985,4356,4039],{"class":3044},[2985,4358,3048],{"class":3030},[2985,4360,3051],{"class":2991},[2985,4362,4363],{"class":3012},"cart-discount",[2985,4365,3051],{"class":2991},[2985,4367,3110],{"class":2991},[2985,4369,4370],{"class":2999}," async",[2985,4372,4373],{"class":2991}," (",[2985,4375,4376],{"class":3611},"_nuxtApp",[2985,4378,3110],{"class":2991},[2985,4380,3027],{"class":2991},[2985,4382,4383],{"class":3611}," signal",[2985,4385,4386],{"class":2991}," })",[2985,4388,3615],{"class":2999},[2985,4390,3082],{"class":2991},[2985,4392,4393,4395,4398,4401,4403,4406,4409,4411,4413,4417,4419,4422],{"class":2987,"line":3062},[2985,4394,3088],{"class":2999},[2985,4396,4397],{"class":2991}," [",[2985,4399,4400],{"class":3030},"coupons",[2985,4402,3110],{"class":2991},[2985,4404,4405],{"class":3030}," offers",[2985,4407,4408],{"class":2991},"]",[2985,4410,3037],{"class":2991},[2985,4412,3041],{"class":3040},[2985,4414,4416],{"class":4415},"s52Pk"," Promise",[2985,4418,2867],{"class":2991},[2985,4420,4421],{"class":3044},"all",[2985,4423,4424],{"class":2995},"([\n",[2985,4426,4427,4430,4432,4434,4437,4439,4441,4443,4445,4447,4450],{"class":2987,"line":3068},[2985,4428,4429],{"class":3044},"    $fetch",[2985,4431,3048],{"class":2995},[2985,4433,3051],{"class":2991},[2985,4435,4436],{"class":3012},"/cart/coupons",[2985,4438,3051],{"class":2991},[2985,4440,3110],{"class":2991},[2985,4442,3027],{"class":2991},[2985,4444,4383],{"class":3030},[2985,4446,3732],{"class":2991},[2985,4448,4449],{"class":2995},")",[2985,4451,3132],{"class":2991},[2985,4453,4454,4456,4458,4460,4463,4465,4467,4469,4471,4473,4475],{"class":2987,"line":3085},[2985,4455,4429],{"class":3044},[2985,4457,3048],{"class":2995},[2985,4459,3051],{"class":2991},[2985,4461,4462],{"class":3012},"/cart/offers",[2985,4464,3051],{"class":2991},[2985,4466,3110],{"class":2991},[2985,4468,3027],{"class":2991},[2985,4470,4383],{"class":3030},[2985,4472,3732],{"class":2991},[2985,4474,4449],{"class":2995},[2985,4476,3132],{"class":2991},[2985,4478,4479],{"class":2987,"line":3115},[2985,4480,4481],{"class":2995},"  ])\n",[2985,4483,4484],{"class":2987,"line":3135},[2985,4485,3065],{"emptyLinePlaceholder":1196},[2985,4487,4488,4490,4492,4495,4497,4499],{"class":2987,"line":3145},[2985,4489,3709],{"class":3040},[2985,4491,3027],{"class":2991},[2985,4493,4494],{"class":3030}," coupons",[2985,4496,3110],{"class":2991},[2985,4498,4405],{"class":3030},[2985,4500,4501],{"class":2991}," }\n",[2985,4503,4504,4506],{"class":2987,"line":3152},[2985,4505,3034],{"class":2991},[2985,4507,3059],{"class":3030},[2985,4509,4510],{"class":2987,"line":3158},[2985,4511,4512],{"class":3148},"// discounts.value.coupons\n",[2985,4514,4515],{"class":2987,"line":3166},[2985,4516,4517],{"class":3148},"// discounts.value.offers\n",[2985,4519,4520,4522,4524],{"class":2987,"line":3172},[2985,4521,3175],{"class":2991},[2985,4523,2996],{"class":2995},[2985,4525,3018],{"class":2991},[3329,4527,4528,4538],{},[2852,4529,4530,4532,4533,4537],{},[2856,4531,515],{}," is for fetching and caching data, not triggering side effects like calling Pinia actions, as this can cause unintended behavior such as repeated executions with nullish values. If you need to trigger side effects, use the ",[2860,4534,4535],{"href":1570},[2856,4536,642],{}," utility to do so.",[2975,4539,4541],{"className":2977,"code":4540,"language":2980,"meta":2981,"style":2981},"\u003Cscript setup lang=\"ts\">\nconst offersStore = useOffersStore()\n\n// you can't do this\nawait useAsyncData(() => offersStore.getOffer(route.params.slug))\n\u003C/script>\n",[2856,4542,4543,4563,4578,4582,4587,4621],{"__ignoreMap":2981},[2985,4544,4545,4547,4549,4551,4553,4555,4557,4559,4561],{"class":2987,"line":2988},[2985,4546,2992],{"class":2991},[2985,4548,2996],{"class":2995},[2985,4550,3000],{"class":2999},[2985,4552,3003],{"class":2999},[2985,4554,3006],{"class":2991},[2985,4556,3009],{"class":2991},[2985,4558,3013],{"class":3012},[2985,4560,3009],{"class":2991},[2985,4562,3018],{"class":2991},[2985,4564,4565,4567,4570,4572,4575],{"class":2987,"line":3021},[2985,4566,3024],{"class":2999},[2985,4568,4569],{"class":3030}," offersStore ",[2985,4571,3006],{"class":2991},[2985,4573,4574],{"class":3044}," useOffersStore",[2985,4576,4577],{"class":3030},"()\n",[2985,4579,4580],{"class":2987,"line":3062},[2985,4581,3065],{"emptyLinePlaceholder":1196},[2985,4583,4584],{"class":2987,"line":3068},[2985,4585,4586],{"class":3148},"// you can't do this\n",[2985,4588,4589,4592,4594,4596,4598,4600,4603,4605,4608,4611,4613,4616,4618],{"class":2987,"line":3085},[2985,4590,4591],{"class":3040},"await",[2985,4593,4039],{"class":3044},[2985,4595,3048],{"class":3030},[2985,4597,4102],{"class":2991},[2985,4599,3615],{"class":2999},[2985,4601,4602],{"class":3030}," offersStore",[2985,4604,2867],{"class":2991},[2985,4606,4607],{"class":3044},"getOffer",[2985,4609,4610],{"class":3030},"(route",[2985,4612,2867],{"class":2991},[2985,4614,4615],{"class":3030},"params",[2985,4617,2867],{"class":2991},[2985,4619,4620],{"class":3030},"slug))\n",[2985,4622,4623,4625,4627],{"class":2987,"line":3115},[2985,4624,3175],{"class":2991},[2985,4626,2996],{"class":2995},[2985,4628,3018],{"class":2991},[3499,4630,4631],{"to":1476},[2852,4632,3503,4633,2867],{},[2856,4634,515],{},[2915,4636,4638],{"id":4637},"return-values","Return Values",[2852,4640,4641,2864,4643,4645],{},[2856,4642,527],{},[2856,4644,515],{}," have the same return values listed below.",[2872,4647,4648,4654,4668,4698,4703],{},[2875,4649,4650,4653],{},[2856,4651,4652],{},"data",": the result of the asynchronous function that is passed in.",[2875,4655,4656,4659,4660,4663,4664,4667],{},[2856,4657,4658],{},"refresh","/",[2856,4661,4662],{},"execute",": a function that can be used to refresh the data returned by the ",[2856,4665,4666],{},"handler"," function.",[2875,4669,4670,4673,4674,4676,4677,4680,4681,4684,4685,4676,4688,4690,4691,4676,4694,4697],{},[2856,4671,4672],{},"clear",": a function that can be used to set ",[2856,4675,4652],{}," to ",[2856,4678,4679],{},"undefined"," (or the value of ",[2856,4682,4683],{},"options.default()"," if provided), set ",[2856,4686,4687],{},"error",[2856,4689,4679],{},", set ",[2856,4692,4693],{},"status",[2856,4695,4696],{},"idle",", and mark any currently pending requests as cancelled.",[2875,4699,4700,4702],{},[2856,4701,4687],{},": an error object if the data fetching failed.",[2875,4704,4705,4707,4708,2858,4711,2858,4714,2858,4717,3524],{},[2856,4706,4693],{},": a string indicating the status of the data request (",[2856,4709,4710],{},"\"idle\"",[2856,4712,4713],{},"\"pending\"",[2856,4715,4716],{},"\"success\"",[2856,4718,4719],{},"\"error\"",[3329,4721,4722],{},[2852,4723,4724,2858,4726,2864,4728,4730,4731,4734,4735],{},[2856,4725,4652],{},[2856,4727,4687],{},[2856,4729,4693],{}," are Vue refs accessible with ",[2856,4732,4733],{},".value"," in ",[2856,4736,4737],{},"\u003Cscript setup>",[2852,4739,4740,4741,4743],{},"By default, Nuxt waits until a ",[2856,4742,4658],{}," is finished before it can be executed again.",[3329,4745,4746],{},[2852,4747,4748,4749,4752,4753,4757,4758,4760,4761,4763,4764,2867],{},"If you have not fetched data on the server (for example, with ",[2856,4750,4751],{},"server: false","), then the data ",[4754,4755,4756],"em",{},"will not"," be fetched until hydration completes. This means even if you await ",[2856,4759,527],{}," on client-side, ",[2856,4762,4652],{}," will remain null within ",[2856,4765,4737],{},[2915,4767,4769],{"id":4768},"options","Options",[2852,4771,4772,2864,4776,4780],{},[2860,4773,4774],{"href":1476},[2856,4775,515],{},[2860,4777,4778],{"href":1485},[2856,4779,527],{}," return the same object type and accept a common set of options as their last argument. They can help you control the composables behavior, such as navigation blocking, caching or execution.",[3313,4782,4784],{"id":4783},"lazy","Lazy",[2852,4786,4787,4788,4790,4791,4793],{},"By default, data fetching composables will wait for the resolution of their asynchronous function before navigating to a new page by using Vue's Suspense. This feature can be ignored on client-side navigation with the ",[2856,4789,4783],{}," option. In that case, you will have to manually handle loading state using the ",[2856,4792,4693],{}," value.",[2975,4795,4797],{"className":2977,"code":4796,"filename":2979,"language":2980,"meta":3360,"style":2981},"\u003Cscript setup lang=\"ts\">\nconst { status, data: posts } = useFetch('/api/posts', {\n  lazy: true,\n})\n\u003C/script>\n\n\u003Ctemplate>\n  \u003C!-- you will need to handle a loading state -->\n  \u003Cdiv v-if=\"status === 'pending'\">\n    Loading ...\n  \u003C/div>\n  \u003Cdiv v-else>\n    \u003Cdiv v-for=\"post in posts\">\n      \u003C!-- do something -->\n    \u003C/div>\n  \u003C/div>\n\u003C/template>\n",[2856,4798,4799,4819,4856,4869,4875,4883,4887,4895,4900,4919,4924,4932,4942,4962,4967,4975,4983],{"__ignoreMap":2981},[2985,4800,4801,4803,4805,4807,4809,4811,4813,4815,4817],{"class":2987,"line":2988},[2985,4802,2992],{"class":2991},[2985,4804,2996],{"class":2995},[2985,4806,3000],{"class":2999},[2985,4808,3003],{"class":2999},[2985,4810,3006],{"class":2991},[2985,4812,3009],{"class":2991},[2985,4814,3013],{"class":3012},[2985,4816,3009],{"class":2991},[2985,4818,3018],{"class":2991},[2985,4820,4821,4823,4825,4828,4830,4832,4834,4837,4839,4841,4843,4845,4847,4850,4852,4854],{"class":2987,"line":3021},[2985,4822,3024],{"class":2999},[2985,4824,3027],{"class":2991},[2985,4826,4827],{"class":3030}," status",[2985,4829,3110],{"class":2991},[2985,4831,3850],{"class":2995},[2985,4833,3121],{"class":2991},[2985,4835,4836],{"class":3030}," posts ",[2985,4838,3034],{"class":2991},[2985,4840,3037],{"class":2991},[2985,4842,3045],{"class":3044},[2985,4844,3048],{"class":3030},[2985,4846,3051],{"class":2991},[2985,4848,4849],{"class":3012},"/api/posts",[2985,4851,3051],{"class":2991},[2985,4853,3110],{"class":2991},[2985,4855,3082],{"class":2991},[2985,4857,4858,4861,4863,4867],{"class":2987,"line":3062},[2985,4859,4860],{"class":2995},"  lazy",[2985,4862,3121],{"class":2991},[2985,4864,4866],{"class":4865},"sbKd-"," true",[2985,4868,3132],{"class":2991},[2985,4870,4871,4873],{"class":2987,"line":3068},[2985,4872,3034],{"class":2991},[2985,4874,3059],{"class":3030},[2985,4876,4877,4879,4881],{"class":2987,"line":3085},[2985,4878,3175],{"class":2991},[2985,4880,2996],{"class":2995},[2985,4882,3018],{"class":2991},[2985,4884,4885],{"class":2987,"line":3115},[2985,4886,3065],{"emptyLinePlaceholder":1196},[2985,4888,4889,4891,4893],{"class":2987,"line":3135},[2985,4890,2992],{"class":2991},[2985,4892,3192],{"class":2995},[2985,4894,3018],{"class":2991},[2985,4896,4897],{"class":2987,"line":3145},[2985,4898,4899],{"class":3148},"  \u003C!-- you will need to handle a loading state -->\n",[2985,4901,4902,4904,4906,4908,4910,4912,4915,4917],{"class":2987,"line":3152},[2985,4903,3200],{"class":2991},[2985,4905,3203],{"class":2995},[2985,4907,3206],{"class":2999},[2985,4909,3006],{"class":2991},[2985,4911,3009],{"class":2991},[2985,4913,4914],{"class":3012},"status === 'pending'",[2985,4916,3009],{"class":2991},[2985,4918,3018],{"class":2991},[2985,4920,4921],{"class":2987,"line":3158},[2985,4922,4923],{"class":3030},"    Loading ...\n",[2985,4925,4926,4928,4930],{"class":2987,"line":3166},[2985,4927,3229],{"class":2991},[2985,4929,3203],{"class":2995},[2985,4931,3018],{"class":2991},[2985,4933,4934,4936,4938,4940],{"class":2987,"line":3172},[2985,4935,3200],{"class":2991},[2985,4937,3203],{"class":2995},[2985,4939,3243],{"class":2999},[2985,4941,3018],{"class":2991},[2985,4943,4944,4946,4948,4951,4953,4955,4958,4960],{"class":2987,"line":3182},[2985,4945,3251],{"class":2991},[2985,4947,3203],{"class":2995},[2985,4949,4950],{"class":2999}," v-for",[2985,4952,3006],{"class":2991},[2985,4954,3009],{"class":2991},[2985,4956,4957],{"class":3012},"post in posts",[2985,4959,3009],{"class":2991},[2985,4961,3018],{"class":2991},[2985,4963,4964],{"class":2987,"line":3187},[2985,4965,4966],{"class":3148},"      \u003C!-- do something -->\n",[2985,4968,4969,4971,4973],{"class":2987,"line":3197},[2985,4970,3280],{"class":2991},[2985,4972,3203],{"class":2995},[2985,4974,3018],{"class":2991},[2985,4976,4977,4979,4981],{"class":2987,"line":3220},[2985,4978,3229],{"class":2991},[2985,4980,3203],{"class":2995},[2985,4982,3018],{"class":2991},[2985,4984,4985,4987,4989],{"class":2987,"line":3226},[2985,4986,3175],{"class":2991},[2985,4988,3192],{"class":2995},[2985,4990,3018],{"class":2991},[2852,4992,4993,4994,2864,4998,5000],{},"You can alternatively use ",[2860,4995,4996],{"href":1500},[2856,4997,547],{},[2856,4999,543],{}," as convenient methods to perform the same.",[2975,5002,5004],{"className":2977,"code":5003,"language":2980,"meta":3360,"style":2981},"\u003Cscript setup lang=\"ts\">\nconst { status, data: posts } = useLazyFetch('/api/posts')\n\u003C/script>\n",[2856,5005,5006,5026,5059],{"__ignoreMap":2981},[2985,5007,5008,5010,5012,5014,5016,5018,5020,5022,5024],{"class":2987,"line":2988},[2985,5009,2992],{"class":2991},[2985,5011,2996],{"class":2995},[2985,5013,3000],{"class":2999},[2985,5015,3003],{"class":2999},[2985,5017,3006],{"class":2991},[2985,5019,3009],{"class":2991},[2985,5021,3013],{"class":3012},[2985,5023,3009],{"class":2991},[2985,5025,3018],{"class":2991},[2985,5027,5028,5030,5032,5034,5036,5038,5040,5042,5044,5046,5049,5051,5053,5055,5057],{"class":2987,"line":3021},[2985,5029,3024],{"class":2999},[2985,5031,3027],{"class":2991},[2985,5033,4827],{"class":3030},[2985,5035,3110],{"class":2991},[2985,5037,3850],{"class":2995},[2985,5039,3121],{"class":2991},[2985,5041,4836],{"class":3030},[2985,5043,3034],{"class":2991},[2985,5045,3037],{"class":2991},[2985,5047,5048],{"class":3044}," useLazyFetch",[2985,5050,3048],{"class":3030},[2985,5052,3051],{"class":2991},[2985,5054,4849],{"class":3012},[2985,5056,3051],{"class":2991},[2985,5058,3059],{"class":3030},[2985,5060,5061,5063,5065],{"class":2987,"line":3062},[2985,5062,3175],{"class":2991},[2985,5064,2996],{"class":2995},[2985,5066,3018],{"class":2991},[3499,5068,5069],{"to":1500},[2852,5070,3503,5071,2867],{},[2856,5072,547],{},[3499,5074,5075],{"to":1497},[2852,5076,3503,5077,2867],{},[2856,5078,543],{},[3933,5080],{"title":5081,"video-id":5082,"platform":5083},"Watch a video from Vue School on blocking vs. non-blocking (lazy) requests","1022000555","vimeo",[3313,5085,5087],{"id":5086},"client-only-fetching","Client-only fetching",[2852,5089,5090,5091,5093,5094,5097],{},"By default, data fetching composables will perform their asynchronous function on both client and server environments. Set the ",[2856,5092,185],{}," option to ",[2856,5095,5096],{},"false"," to only perform the call on the client-side. On initial load, the data will not be fetched before hydration is complete so you have to handle a pending state, though on subsequent client-side navigation the data will be awaited before loading the page.",[2852,5099,5100,5101,5103],{},"Combined with the ",[2856,5102,4783],{}," option, this can be useful for data that is not needed on the first render (for example, non-SEO sensitive data).",[2975,5105,5107],{"className":3587,"code":5106,"language":3013,"meta":3360,"style":2981},"/* This call is performed before hydration */\nconst articles = await useFetch('/api/article')\n\n/* This call will only be performed on the client */\nconst { status, data: comments } = useFetch('/api/comments', {\n  lazy: true,\n  server: false,\n})\n",[2856,5108,5109,5114,5138,5142,5147,5183,5193,5205],{"__ignoreMap":2981},[2985,5110,5111],{"class":2987,"line":2988},[2985,5112,5113],{"class":3148},"/* This call is performed before hydration */\n",[2985,5115,5116,5118,5121,5123,5125,5127,5129,5131,5134,5136],{"class":2987,"line":3021},[2985,5117,3024],{"class":2999},[2985,5119,5120],{"class":3030}," articles ",[2985,5122,3006],{"class":2991},[2985,5124,3041],{"class":3040},[2985,5126,3045],{"class":3044},[2985,5128,3048],{"class":3030},[2985,5130,3051],{"class":2991},[2985,5132,5133],{"class":3012},"/api/article",[2985,5135,3051],{"class":2991},[2985,5137,3059],{"class":3030},[2985,5139,5140],{"class":2987,"line":3062},[2985,5141,3065],{"emptyLinePlaceholder":1196},[2985,5143,5144],{"class":2987,"line":3068},[2985,5145,5146],{"class":3148},"/* This call will only be performed on the client */\n",[2985,5148,5149,5151,5153,5155,5157,5159,5161,5164,5166,5168,5170,5172,5174,5177,5179,5181],{"class":2987,"line":3085},[2985,5150,3024],{"class":2999},[2985,5152,3027],{"class":2991},[2985,5154,4827],{"class":3030},[2985,5156,3110],{"class":2991},[2985,5158,3850],{"class":2995},[2985,5160,3121],{"class":2991},[2985,5162,5163],{"class":3030}," comments ",[2985,5165,3034],{"class":2991},[2985,5167,3037],{"class":2991},[2985,5169,3045],{"class":3044},[2985,5171,3048],{"class":3030},[2985,5173,3051],{"class":2991},[2985,5175,5176],{"class":3012},"/api/comments",[2985,5178,3051],{"class":2991},[2985,5180,3110],{"class":2991},[2985,5182,3082],{"class":2991},[2985,5184,5185,5187,5189,5191],{"class":2987,"line":3115},[2985,5186,4860],{"class":2995},[2985,5188,3121],{"class":2991},[2985,5190,4866],{"class":4865},[2985,5192,3132],{"class":2991},[2985,5194,5195,5198,5200,5203],{"class":2987,"line":3135},[2985,5196,5197],{"class":2995},"  server",[2985,5199,3121],{"class":2991},[2985,5201,5202],{"class":4865}," false",[2985,5204,3132],{"class":2991},[2985,5206,5207,5209],{"class":2987,"line":3145},[2985,5208,3034],{"class":2991},[2985,5210,3059],{"class":3030},[2852,5212,2934,5213,5215,5216,2867],{},[2856,5214,527],{}," composable is meant to be invoked in setup method or called directly at the top level of a function in lifecycle hooks, otherwise you should use ",[2860,5217,5219,5221],{"href":5218},"/docs/4.x/getting-started/data-fetching#fetch",[2856,5220,630],{}," method",[3313,5223,5225],{"id":5224},"minimize-payload-size","Minimize payload size",[2852,5227,2934,5228,5231],{},[2856,5229,5230],{},"pick"," option helps you to minimize the payload size stored in your HTML document by only selecting the fields that you want returned from the composables.",[2975,5233,5235],{"className":2977,"code":5234,"language":2980,"meta":2981,"style":2981},"\u003Cscript setup lang=\"ts\">\n/* only pick the fields used in your template */\nconst { data: mountain } = await useFetch('/api/mountains/everest', {\n  pick: ['title', 'description'],\n})\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Ch1>{{ mountain.title }}\u003C/h1>\n  \u003Cp>{{ mountain.description }}\u003C/p>\n\u003C/template>\n",[2856,5236,5237,5257,5262,5296,5325,5331,5339,5343,5351,5369,5386],{"__ignoreMap":2981},[2985,5238,5239,5241,5243,5245,5247,5249,5251,5253,5255],{"class":2987,"line":2988},[2985,5240,2992],{"class":2991},[2985,5242,2996],{"class":2995},[2985,5244,3000],{"class":2999},[2985,5246,3003],{"class":2999},[2985,5248,3006],{"class":2991},[2985,5250,3009],{"class":2991},[2985,5252,3013],{"class":3012},[2985,5254,3009],{"class":2991},[2985,5256,3018],{"class":2991},[2985,5258,5259],{"class":2987,"line":3021},[2985,5260,5261],{"class":3148},"/* only pick the fields used in your template */\n",[2985,5263,5264,5266,5268,5270,5272,5275,5277,5279,5281,5283,5285,5287,5290,5292,5294],{"class":2987,"line":3062},[2985,5265,3024],{"class":2999},[2985,5267,3027],{"class":2991},[2985,5269,3850],{"class":2995},[2985,5271,3121],{"class":2991},[2985,5273,5274],{"class":3030}," mountain ",[2985,5276,3034],{"class":2991},[2985,5278,3037],{"class":2991},[2985,5280,3041],{"class":3040},[2985,5282,3045],{"class":3044},[2985,5284,3048],{"class":3030},[2985,5286,3051],{"class":2991},[2985,5288,5289],{"class":3012},"/api/mountains/everest",[2985,5291,3051],{"class":2991},[2985,5293,3110],{"class":2991},[2985,5295,3082],{"class":2991},[2985,5297,5298,5301,5303,5305,5307,5310,5312,5314,5316,5319,5321,5323],{"class":2987,"line":3068},[2985,5299,5300],{"class":2995},"  pick",[2985,5302,3121],{"class":2991},[2985,5304,4397],{"class":3030},[2985,5306,3051],{"class":2991},[2985,5308,5309],{"class":3012},"title",[2985,5311,3051],{"class":2991},[2985,5313,3110],{"class":2991},[2985,5315,3124],{"class":2991},[2985,5317,5318],{"class":3012},"description",[2985,5320,3051],{"class":2991},[2985,5322,4408],{"class":3030},[2985,5324,3132],{"class":2991},[2985,5326,5327,5329],{"class":2987,"line":3085},[2985,5328,3034],{"class":2991},[2985,5330,3059],{"class":3030},[2985,5332,5333,5335,5337],{"class":2987,"line":3115},[2985,5334,3175],{"class":2991},[2985,5336,2996],{"class":2995},[2985,5338,3018],{"class":2991},[2985,5340,5341],{"class":2987,"line":3135},[2985,5342,3065],{"emptyLinePlaceholder":1196},[2985,5344,5345,5347,5349],{"class":2987,"line":3145},[2985,5346,2992],{"class":2991},[2985,5348,3192],{"class":2995},[2985,5350,3018],{"class":2991},[2985,5352,5353,5355,5358,5360,5363,5365,5367],{"class":2987,"line":3152},[2985,5354,3200],{"class":2991},[2985,5356,5357],{"class":2995},"h1",[2985,5359,3903],{"class":2991},[2985,5361,5362],{"class":3030},"{{ mountain.title }}",[2985,5364,3175],{"class":2991},[2985,5366,5357],{"class":2995},[2985,5368,3018],{"class":2991},[2985,5370,5371,5373,5375,5377,5380,5382,5384],{"class":2987,"line":3158},[2985,5372,3200],{"class":2991},[2985,5374,2852],{"class":2995},[2985,5376,3903],{"class":2991},[2985,5378,5379],{"class":3030},"{{ mountain.description }}",[2985,5381,3175],{"class":2991},[2985,5383,2852],{"class":2995},[2985,5385,3018],{"class":2991},[2985,5387,5388,5390,5392],{"class":2987,"line":3166},[2985,5389,3175],{"class":2991},[2985,5391,3192],{"class":2995},[2985,5393,3018],{"class":2991},[2852,5395,5396,5397,5400],{},"If you need more control or map over several objects, you can use the ",[2856,5398,5399],{},"transform"," function to alter the result of the query.",[2975,5402,5404],{"className":3587,"code":5403,"language":3013,"meta":2981,"style":2981},"const { data: mountains } = await useFetch('/api/mountains', {\n  transform: (mountains) => {\n    return mountains.map(mountain => ({ title: mountain.title, description: mountain.description }))\n  },\n})\n",[2856,5405,5406,5440,5458,5512,5517],{"__ignoreMap":2981},[2985,5407,5408,5410,5412,5414,5416,5419,5421,5423,5425,5427,5429,5431,5434,5436,5438],{"class":2987,"line":2988},[2985,5409,3024],{"class":2999},[2985,5411,3027],{"class":2991},[2985,5413,3850],{"class":2995},[2985,5415,3121],{"class":2991},[2985,5417,5418],{"class":3030}," mountains ",[2985,5420,3034],{"class":2991},[2985,5422,3037],{"class":2991},[2985,5424,3041],{"class":3040},[2985,5426,3045],{"class":3044},[2985,5428,3048],{"class":3030},[2985,5430,3051],{"class":2991},[2985,5432,5433],{"class":3012},"/api/mountains",[2985,5435,3051],{"class":2991},[2985,5437,3110],{"class":2991},[2985,5439,3082],{"class":2991},[2985,5441,5442,5445,5447,5449,5452,5454,5456],{"class":2987,"line":3021},[2985,5443,5444],{"class":3044},"  transform",[2985,5446,3121],{"class":2991},[2985,5448,4373],{"class":2991},[2985,5450,5451],{"class":3611},"mountains",[2985,5453,4449],{"class":2991},[2985,5455,3615],{"class":2999},[2985,5457,3082],{"class":2991},[2985,5459,5460,5463,5466,5468,5471,5473,5476,5478,5480,5483,5486,5488,5491,5493,5495,5497,5500,5502,5504,5506,5508,5510],{"class":2987,"line":3062},[2985,5461,5462],{"class":3040},"    return",[2985,5464,5465],{"class":3030}," mountains",[2985,5467,2867],{"class":2991},[2985,5469,5470],{"class":3044},"map",[2985,5472,3048],{"class":2995},[2985,5474,5475],{"class":3611},"mountain",[2985,5477,3615],{"class":2999},[2985,5479,4373],{"class":2995},[2985,5481,5482],{"class":2991},"{",[2985,5484,5485],{"class":2995}," title",[2985,5487,3121],{"class":2991},[2985,5489,5490],{"class":3030}," mountain",[2985,5492,2867],{"class":2991},[2985,5494,5309],{"class":3030},[2985,5496,3110],{"class":2991},[2985,5498,5499],{"class":2995}," description",[2985,5501,3121],{"class":2991},[2985,5503,5490],{"class":3030},[2985,5505,2867],{"class":2991},[2985,5507,5318],{"class":3030},[2985,5509,3732],{"class":2991},[2985,5511,4068],{"class":2995},[2985,5513,5514],{"class":2987,"line":3068},[2985,5515,5516],{"class":2991},"  },\n",[2985,5518,5519,5521],{"class":2987,"line":3085},[2985,5520,3034],{"class":2991},[2985,5522,3059],{"class":3030},[3329,5524,5525],{},[2852,5526,2908,5527,2864,5529,5531],{},[2856,5528,5230],{},[2856,5530,5399],{}," don't prevent the unwanted data from being fetched initially. But they will prevent unwanted data from being added to the payload transferred from server to client.",[3933,5533],{"title":5534,"video-id":5535,"platform":5083},"Watch a video from Vue School on minimizing payload size","1026410430",[3313,5537,5539],{"id":5538},"caching-and-refetching","Caching and refetching",[5541,5542,5544],"h4",{"id":5543},"keys","Keys",[2852,5546,5547,2864,5551,5555],{},[2860,5548,5549],{"href":1485},[2856,5550,527],{},[2860,5552,5553],{"href":1476},[2856,5554,515],{}," use keys to prevent refetching the same data.",[2872,5557,5558,5572],{},[2875,5559,5560,5564,5565,5568,5569,5571],{},[2860,5561,5562],{"href":1485},[2856,5563,527],{}," uses the provided URL as a key. Alternatively, a ",[2856,5566,5567],{},"key"," value can be provided in the ",[2856,5570,4768],{}," object passed as a last argument.",[2875,5573,5574,5578,5579,5581],{},[2860,5575,5576],{"href":1476},[2856,5577,515],{}," uses its first argument as a key if it is a string. If the first argument is the handler function that performs the query, then a key that is unique to the file name and line number of the instance of ",[2856,5580,515],{}," will be generated for you.",[2958,5583,5584],{},[2852,5585,5586,5587],{},"To get the cached data by key, you can use ",[2860,5588,5589],{"href":1509},[2856,5590,559],{},[3933,5592],{"title":5593,"video-id":5594,"platform":5083},"Watch a video from Vue School on caching data with the key option","1026410044",[5541,5596,5598],{"id":5597},"shared-state-and-option-consistency","Shared State and Option Consistency",[2852,5600,5601,5602,5604,5605,5607,5608,2858,5610,2864,5612,5614],{},"When multiple components use the same key with ",[2856,5603,515],{}," or ",[2856,5606,527],{},", they will share the same ",[2856,5609,4652],{},[2856,5611,4687],{},[2856,5613,4693],{}," refs. This ensures consistency across components but requires some options to be consistent.",[2852,5616,5617,5618,5621],{},"The following options ",[2971,5619,5620],{},"must be consistent"," across all calls with the same key:",[2872,5623,5624,5628,5634,5638,5643,5648],{},[2875,5625,5626,2930],{},[2856,5627,4666],{},[2875,5629,5630,5633],{},[2856,5631,5632],{},"deep"," option",[2875,5635,5636,2930],{},[2856,5637,5399],{},[2875,5639,5640,5642],{},[2856,5641,5230],{}," array",[2875,5644,5645,2930],{},[2856,5646,5647],{},"getCachedData",[2875,5649,5650,5653],{},[2856,5651,5652],{},"default"," value",[2975,5655,5657],{"className":3587,"code":5656,"language":3013,"meta":2981,"style":2981},"// ❌ This will trigger a development warning\nconst { data: users1 } = useAsyncData('users', (_nuxtApp, { signal }) => $fetch('/api/users', { signal }), { deep: false })\nconst { data: users2 } = useAsyncData('users', (_nuxtApp, { signal }) => $fetch('/api/users', { signal }), { deep: true })\n",[2856,5658,5659,5664,5744],{"__ignoreMap":2981},[2985,5660,5661],{"class":2987,"line":2988},[2985,5662,5663],{"class":3148},"// ❌ This will trigger a development warning\n",[2985,5665,5666,5668,5670,5672,5674,5677,5679,5681,5683,5685,5687,5689,5691,5693,5695,5697,5699,5701,5703,5705,5707,5709,5711,5713,5716,5718,5720,5722,5725,5727,5729,5731,5733,5736,5738,5740,5742],{"class":2987,"line":3021},[2985,5667,3024],{"class":2999},[2985,5669,3027],{"class":2991},[2985,5671,3850],{"class":2995},[2985,5673,3121],{"class":2991},[2985,5675,5676],{"class":3030}," users1 ",[2985,5678,3034],{"class":2991},[2985,5680,3037],{"class":2991},[2985,5682,4039],{"class":3044},[2985,5684,3048],{"class":3030},[2985,5686,3051],{"class":2991},[2985,5688,4046],{"class":3012},[2985,5690,3051],{"class":2991},[2985,5692,3110],{"class":2991},[2985,5694,4373],{"class":2991},[2985,5696,4376],{"class":3611},[2985,5698,3110],{"class":2991},[2985,5700,3027],{"class":2991},[2985,5702,4383],{"class":3611},[2985,5704,4386],{"class":2991},[2985,5706,3615],{"class":2999},[2985,5708,3098],{"class":3044},[2985,5710,3048],{"class":3030},[2985,5712,3051],{"class":2991},[2985,5714,5715],{"class":3012},"/api/users",[2985,5717,3051],{"class":2991},[2985,5719,3110],{"class":2991},[2985,5721,3027],{"class":2991},[2985,5723,5724],{"class":3030}," signal ",[2985,5726,3034],{"class":2991},[2985,5728,4449],{"class":3030},[2985,5730,3110],{"class":2991},[2985,5732,3027],{"class":2991},[2985,5734,5735],{"class":2995}," deep",[2985,5737,3121],{"class":2991},[2985,5739,5202],{"class":4865},[2985,5741,3732],{"class":2991},[2985,5743,3059],{"class":3030},[2985,5745,5746,5748,5750,5752,5754,5757,5759,5761,5763,5765,5767,5769,5771,5773,5775,5777,5779,5781,5783,5785,5787,5789,5791,5793,5795,5797,5799,5801,5803,5805,5807,5809,5811,5813,5815,5817,5819],{"class":2987,"line":3062},[2985,5747,3024],{"class":2999},[2985,5749,3027],{"class":2991},[2985,5751,3850],{"class":2995},[2985,5753,3121],{"class":2991},[2985,5755,5756],{"class":3030}," users2 ",[2985,5758,3034],{"class":2991},[2985,5760,3037],{"class":2991},[2985,5762,4039],{"class":3044},[2985,5764,3048],{"class":3030},[2985,5766,3051],{"class":2991},[2985,5768,4046],{"class":3012},[2985,5770,3051],{"class":2991},[2985,5772,3110],{"class":2991},[2985,5774,4373],{"class":2991},[2985,5776,4376],{"class":3611},[2985,5778,3110],{"class":2991},[2985,5780,3027],{"class":2991},[2985,5782,4383],{"class":3611},[2985,5784,4386],{"class":2991},[2985,5786,3615],{"class":2999},[2985,5788,3098],{"class":3044},[2985,5790,3048],{"class":3030},[2985,5792,3051],{"class":2991},[2985,5794,5715],{"class":3012},[2985,5796,3051],{"class":2991},[2985,5798,3110],{"class":2991},[2985,5800,3027],{"class":2991},[2985,5802,5724],{"class":3030},[2985,5804,3034],{"class":2991},[2985,5806,4449],{"class":3030},[2985,5808,3110],{"class":2991},[2985,5810,3027],{"class":2991},[2985,5812,5735],{"class":2995},[2985,5814,3121],{"class":2991},[2985,5816,4866],{"class":4865},[2985,5818,3732],{"class":2991},[2985,5820,3059],{"class":3030},[2852,5822,5617,5823,5826],{},[2971,5824,5825],{},"can safely differ"," without triggering warnings:",[2872,5828,5829,5833,5837,5842,5847],{},[2875,5830,5831],{},[2856,5832,185],{},[2875,5834,5835],{},[2856,5836,4783],{},[2875,5838,5839],{},[2856,5840,5841],{},"immediate",[2875,5843,5844],{},[2856,5845,5846],{},"dedupe",[2875,5848,5849],{},[2856,5850,5851],{},"watch",[2975,5853,5855],{"className":3587,"code":5854,"language":3013,"meta":2981,"style":2981},"// ✅ This is allowed\nconst { data: users1 } = useAsyncData('users', (_nuxtApp, { signal }) => $fetch('/api/users', { signal }), { immediate: true })\nconst { data: users2 } = useAsyncData('users', (_nuxtApp, { signal }) => $fetch('/api/users', { signal }), { immediate: false })\n",[2856,5856,5857,5862,5939],{"__ignoreMap":2981},[2985,5858,5859],{"class":2987,"line":2988},[2985,5860,5861],{"class":3148},"// ✅ This is allowed\n",[2985,5863,5864,5866,5868,5870,5872,5874,5876,5878,5880,5882,5884,5886,5888,5890,5892,5894,5896,5898,5900,5902,5904,5906,5908,5910,5912,5914,5916,5918,5920,5922,5924,5926,5928,5931,5933,5935,5937],{"class":2987,"line":3021},[2985,5865,3024],{"class":2999},[2985,5867,3027],{"class":2991},[2985,5869,3850],{"class":2995},[2985,5871,3121],{"class":2991},[2985,5873,5676],{"class":3030},[2985,5875,3034],{"class":2991},[2985,5877,3037],{"class":2991},[2985,5879,4039],{"class":3044},[2985,5881,3048],{"class":3030},[2985,5883,3051],{"class":2991},[2985,5885,4046],{"class":3012},[2985,5887,3051],{"class":2991},[2985,5889,3110],{"class":2991},[2985,5891,4373],{"class":2991},[2985,5893,4376],{"class":3611},[2985,5895,3110],{"class":2991},[2985,5897,3027],{"class":2991},[2985,5899,4383],{"class":3611},[2985,5901,4386],{"class":2991},[2985,5903,3615],{"class":2999},[2985,5905,3098],{"class":3044},[2985,5907,3048],{"class":3030},[2985,5909,3051],{"class":2991},[2985,5911,5715],{"class":3012},[2985,5913,3051],{"class":2991},[2985,5915,3110],{"class":2991},[2985,5917,3027],{"class":2991},[2985,5919,5724],{"class":3030},[2985,5921,3034],{"class":2991},[2985,5923,4449],{"class":3030},[2985,5925,3110],{"class":2991},[2985,5927,3027],{"class":2991},[2985,5929,5930],{"class":2995}," immediate",[2985,5932,3121],{"class":2991},[2985,5934,4866],{"class":4865},[2985,5936,3732],{"class":2991},[2985,5938,3059],{"class":3030},[2985,5940,5941,5943,5945,5947,5949,5951,5953,5955,5957,5959,5961,5963,5965,5967,5969,5971,5973,5975,5977,5979,5981,5983,5985,5987,5989,5991,5993,5995,5997,5999,6001,6003,6005,6007,6009,6011,6013],{"class":2987,"line":3062},[2985,5942,3024],{"class":2999},[2985,5944,3027],{"class":2991},[2985,5946,3850],{"class":2995},[2985,5948,3121],{"class":2991},[2985,5950,5756],{"class":3030},[2985,5952,3034],{"class":2991},[2985,5954,3037],{"class":2991},[2985,5956,4039],{"class":3044},[2985,5958,3048],{"class":3030},[2985,5960,3051],{"class":2991},[2985,5962,4046],{"class":3012},[2985,5964,3051],{"class":2991},[2985,5966,3110],{"class":2991},[2985,5968,4373],{"class":2991},[2985,5970,4376],{"class":3611},[2985,5972,3110],{"class":2991},[2985,5974,3027],{"class":2991},[2985,5976,4383],{"class":3611},[2985,5978,4386],{"class":2991},[2985,5980,3615],{"class":2999},[2985,5982,3098],{"class":3044},[2985,5984,3048],{"class":3030},[2985,5986,3051],{"class":2991},[2985,5988,5715],{"class":3012},[2985,5990,3051],{"class":2991},[2985,5992,3110],{"class":2991},[2985,5994,3027],{"class":2991},[2985,5996,5724],{"class":3030},[2985,5998,3034],{"class":2991},[2985,6000,4449],{"class":3030},[2985,6002,3110],{"class":2991},[2985,6004,3027],{"class":2991},[2985,6006,5930],{"class":2995},[2985,6008,3121],{"class":2991},[2985,6010,5202],{"class":4865},[2985,6012,3732],{"class":2991},[2985,6014,3059],{"class":3030},[2852,6016,6017],{},"If you need independent instances, use different keys:",[2975,6019,6021],{"className":3587,"code":6020,"language":3013,"meta":2981,"style":2981},"// These are completely independent instances\nconst { data: users1 } = useAsyncData('users-1', (_nuxtApp, { signal }) => $fetch('/api/users', { signal }))\nconst { data: users2 } = useAsyncData('users-2', (_nuxtApp, { signal }) => $fetch('/api/users', { signal }))\n",[2856,6022,6023,6028,6091],{"__ignoreMap":2981},[2985,6024,6025],{"class":2987,"line":2988},[2985,6026,6027],{"class":3148},"// These are completely independent instances\n",[2985,6029,6030,6032,6034,6036,6038,6040,6042,6044,6046,6048,6050,6053,6055,6057,6059,6061,6063,6065,6067,6069,6071,6073,6075,6077,6079,6081,6083,6085,6087,6089],{"class":2987,"line":3021},[2985,6031,3024],{"class":2999},[2985,6033,3027],{"class":2991},[2985,6035,3850],{"class":2995},[2985,6037,3121],{"class":2991},[2985,6039,5676],{"class":3030},[2985,6041,3034],{"class":2991},[2985,6043,3037],{"class":2991},[2985,6045,4039],{"class":3044},[2985,6047,3048],{"class":3030},[2985,6049,3051],{"class":2991},[2985,6051,6052],{"class":3012},"users-1",[2985,6054,3051],{"class":2991},[2985,6056,3110],{"class":2991},[2985,6058,4373],{"class":2991},[2985,6060,4376],{"class":3611},[2985,6062,3110],{"class":2991},[2985,6064,3027],{"class":2991},[2985,6066,4383],{"class":3611},[2985,6068,4386],{"class":2991},[2985,6070,3615],{"class":2999},[2985,6072,3098],{"class":3044},[2985,6074,3048],{"class":3030},[2985,6076,3051],{"class":2991},[2985,6078,5715],{"class":3012},[2985,6080,3051],{"class":2991},[2985,6082,3110],{"class":2991},[2985,6084,3027],{"class":2991},[2985,6086,5724],{"class":3030},[2985,6088,3034],{"class":2991},[2985,6090,4068],{"class":3030},[2985,6092,6093,6095,6097,6099,6101,6103,6105,6107,6109,6111,6113,6116,6118,6120,6122,6124,6126,6128,6130,6132,6134,6136,6138,6140,6142,6144,6146,6148,6150,6152],{"class":2987,"line":3062},[2985,6094,3024],{"class":2999},[2985,6096,3027],{"class":2991},[2985,6098,3850],{"class":2995},[2985,6100,3121],{"class":2991},[2985,6102,5756],{"class":3030},[2985,6104,3034],{"class":2991},[2985,6106,3037],{"class":2991},[2985,6108,4039],{"class":3044},[2985,6110,3048],{"class":3030},[2985,6112,3051],{"class":2991},[2985,6114,6115],{"class":3012},"users-2",[2985,6117,3051],{"class":2991},[2985,6119,3110],{"class":2991},[2985,6121,4373],{"class":2991},[2985,6123,4376],{"class":3611},[2985,6125,3110],{"class":2991},[2985,6127,3027],{"class":2991},[2985,6129,4383],{"class":3611},[2985,6131,4386],{"class":2991},[2985,6133,3615],{"class":2999},[2985,6135,3098],{"class":3044},[2985,6137,3048],{"class":3030},[2985,6139,3051],{"class":2991},[2985,6141,5715],{"class":3012},[2985,6143,3051],{"class":2991},[2985,6145,3110],{"class":2991},[2985,6147,3027],{"class":2991},[2985,6149,5724],{"class":3030},[2985,6151,3034],{"class":2991},[2985,6153,4068],{"class":3030},[5541,6155,6157],{"id":6156},"reactive-keys","Reactive Keys",[2852,6159,6160],{},"You can use computed refs, plain refs or getter functions as keys, allowing for dynamic data fetching that automatically updates when dependencies change:",[2975,6162,6164],{"className":3587,"code":6163,"language":3013,"meta":2981,"style":2981},"// Using a computed property as a key\nconst userId = ref('123')\nconst { data: user } = useAsyncData(\n  computed(() => `user-${userId.value}`),\n  () => fetchUser(userId.value),\n)\n\n// When userId changes, the data will be automatically refetched\n// and the old data will be cleaned up if no other components use it\nuserId.value = '456'\n",[2856,6165,6166,6171,6194,6216,6249,6269,6273,6277,6282,6287],{"__ignoreMap":2981},[2985,6167,6168],{"class":2987,"line":2988},[2985,6169,6170],{"class":3148},"// Using a computed property as a key\n",[2985,6172,6173,6175,6178,6180,6183,6185,6187,6190,6192],{"class":2987,"line":3021},[2985,6174,3024],{"class":2999},[2985,6176,6177],{"class":3030}," userId ",[2985,6179,3006],{"class":2991},[2985,6181,6182],{"class":3044}," ref",[2985,6184,3048],{"class":3030},[2985,6186,3051],{"class":2991},[2985,6188,6189],{"class":3012},"123",[2985,6191,3051],{"class":2991},[2985,6193,3059],{"class":3030},[2985,6195,6196,6198,6200,6202,6204,6207,6209,6211,6213],{"class":2987,"line":3062},[2985,6197,3024],{"class":2999},[2985,6199,3027],{"class":2991},[2985,6201,3850],{"class":2995},[2985,6203,3121],{"class":2991},[2985,6205,6206],{"class":3030}," user ",[2985,6208,3034],{"class":2991},[2985,6210,3037],{"class":2991},[2985,6212,4039],{"class":3044},[2985,6214,6215],{"class":3030},"(\n",[2985,6217,6218,6221,6223,6225,6227,6230,6233,6235,6238,6240,6243,6245,6247],{"class":2987,"line":3068},[2985,6219,6220],{"class":3044},"  computed",[2985,6222,3048],{"class":3030},[2985,6224,4102],{"class":2991},[2985,6226,3615],{"class":2999},[2985,6228,6229],{"class":2991}," `",[2985,6231,6232],{"class":3012},"user-",[2985,6234,4244],{"class":2991},[2985,6236,6237],{"class":3030},"userId",[2985,6239,2867],{"class":2991},[2985,6241,6242],{"class":3030},"value",[2985,6244,4250],{"class":2991},[2985,6246,4449],{"class":3030},[2985,6248,3132],{"class":2991},[2985,6250,6251,6254,6256,6259,6262,6264,6267],{"class":2987,"line":3085},[2985,6252,6253],{"class":2991},"  ()",[2985,6255,3615],{"class":2999},[2985,6257,6258],{"class":3044}," fetchUser",[2985,6260,6261],{"class":3030},"(userId",[2985,6263,2867],{"class":2991},[2985,6265,6266],{"class":3030},"value)",[2985,6268,3132],{"class":2991},[2985,6270,6271],{"class":2987,"line":3115},[2985,6272,3059],{"class":3030},[2985,6274,6275],{"class":2987,"line":3135},[2985,6276,3065],{"emptyLinePlaceholder":1196},[2985,6278,6279],{"class":2987,"line":3145},[2985,6280,6281],{"class":3148},"// When userId changes, the data will be automatically refetched\n",[2985,6283,6284],{"class":2987,"line":3152},[2985,6285,6286],{"class":3148},"// and the old data will be cleaned up if no other components use it\n",[2985,6288,6289,6291,6293,6296,6298,6300,6303],{"class":2987,"line":3158},[2985,6290,6237],{"class":3030},[2985,6292,2867],{"class":2991},[2985,6294,6295],{"class":3030},"value ",[2985,6297,3006],{"class":2991},[2985,6299,3124],{"class":2991},[2985,6301,6302],{"class":3012},"456",[2985,6304,6305],{"class":2991},"'\n",[5541,6307,6309],{"id":6308},"refresh-and-execute","Refresh and execute",[2852,6311,6312,6313,5604,6315,6317],{},"If you want to fetch or refresh data manually, use the ",[2856,6314,4662],{},[2856,6316,4658],{}," function provided by the composables.",[2975,6319,6321],{"className":2977,"code":6320,"language":2980,"meta":3360,"style":2981},"\u003Cscript setup lang=\"ts\">\nconst { data, error, execute, refresh } = await useFetch('/api/users')\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cdiv>\n    \u003Cp>{{ data }}\u003C/p>\n    \u003Cbutton @click=\"() => refresh()\">\n      Refresh data\n    \u003C/button>\n  \u003C/div>\n\u003C/template>\n",[2856,6322,6323,6343,6384,6392,6396,6404,6412,6429,6450,6455,6463,6471],{"__ignoreMap":2981},[2985,6324,6325,6327,6329,6331,6333,6335,6337,6339,6341],{"class":2987,"line":2988},[2985,6326,2992],{"class":2991},[2985,6328,2996],{"class":2995},[2985,6330,3000],{"class":2999},[2985,6332,3003],{"class":2999},[2985,6334,3006],{"class":2991},[2985,6336,3009],{"class":2991},[2985,6338,3013],{"class":3012},[2985,6340,3009],{"class":2991},[2985,6342,3018],{"class":2991},[2985,6344,6345,6347,6349,6351,6353,6356,6358,6361,6363,6366,6368,6370,6372,6374,6376,6378,6380,6382],{"class":2987,"line":3021},[2985,6346,3024],{"class":2999},[2985,6348,3027],{"class":2991},[2985,6350,3850],{"class":3030},[2985,6352,3110],{"class":2991},[2985,6354,6355],{"class":3030}," error",[2985,6357,3110],{"class":2991},[2985,6359,6360],{"class":3030}," execute",[2985,6362,3110],{"class":2991},[2985,6364,6365],{"class":3030}," refresh ",[2985,6367,3034],{"class":2991},[2985,6369,3037],{"class":2991},[2985,6371,3041],{"class":3040},[2985,6373,3045],{"class":3044},[2985,6375,3048],{"class":3030},[2985,6377,3051],{"class":2991},[2985,6379,5715],{"class":3012},[2985,6381,3051],{"class":2991},[2985,6383,3059],{"class":3030},[2985,6385,6386,6388,6390],{"class":2987,"line":3062},[2985,6387,3175],{"class":2991},[2985,6389,2996],{"class":2995},[2985,6391,3018],{"class":2991},[2985,6393,6394],{"class":2987,"line":3068},[2985,6395,3065],{"emptyLinePlaceholder":1196},[2985,6397,6398,6400,6402],{"class":2987,"line":3085},[2985,6399,2992],{"class":2991},[2985,6401,3192],{"class":2995},[2985,6403,3018],{"class":2991},[2985,6405,6406,6408,6410],{"class":2987,"line":3115},[2985,6407,3200],{"class":2991},[2985,6409,3203],{"class":2995},[2985,6411,3018],{"class":2991},[2985,6413,6414,6416,6418,6420,6423,6425,6427],{"class":2987,"line":3135},[2985,6415,3251],{"class":2991},[2985,6417,2852],{"class":2995},[2985,6419,3903],{"class":2991},[2985,6421,6422],{"class":3030},"{{ data }}",[2985,6424,3175],{"class":2991},[2985,6426,2852],{"class":2995},[2985,6428,3018],{"class":2991},[2985,6430,6431,6433,6436,6439,6441,6443,6446,6448],{"class":2987,"line":3145},[2985,6432,3251],{"class":2991},[2985,6434,6435],{"class":2995},"button",[2985,6437,6438],{"class":2999}," @click",[2985,6440,3006],{"class":2991},[2985,6442,3009],{"class":2991},[2985,6444,6445],{"class":3012},"() => refresh()",[2985,6447,3009],{"class":2991},[2985,6449,3018],{"class":2991},[2985,6451,6452],{"class":2987,"line":3152},[2985,6453,6454],{"class":3030},"      Refresh data\n",[2985,6456,6457,6459,6461],{"class":2987,"line":3158},[2985,6458,3280],{"class":2991},[2985,6460,6435],{"class":2995},[2985,6462,3018],{"class":2991},[2985,6464,6465,6467,6469],{"class":2987,"line":3166},[2985,6466,3229],{"class":2991},[2985,6468,3203],{"class":2995},[2985,6470,3018],{"class":2991},[2985,6472,6473,6475,6477],{"class":2987,"line":3172},[2985,6474,3175],{"class":2991},[2985,6476,3192],{"class":2995},[2985,6478,3018],{"class":2991},[2852,6480,2934,6481,6483,6484,6486,6487,2867],{},[2856,6482,4662],{}," function is an alias for ",[2856,6485,4658],{}," that works in exactly the same way but is more semantic for cases when the fetch is ",[2860,6488,6490],{"href":6489},"/docs/4.x/getting-started/data-fetching#not-immediate","not immediate",[2958,6492,6493],{},[2852,6494,6495,6496,2864,6500,2867],{},"To globally refetch or invalidate cached data, see ",[2860,6497,6498],{"href":1576},[2856,6499,650],{},[2860,6501,6502],{"href":1630},[2856,6503,722],{},[5541,6505,6506],{"id":4672},"Clear",[2852,6508,6509,6510,6512,6513,6317],{},"If you want to clear the data provided, for whatever reason, without needing to know the specific key to pass to ",[2856,6511,650],{},", you can use the ",[2856,6514,4672],{},[2975,6516,6518],{"className":2977,"code":6517,"language":2980,"meta":3360,"style":2981},"\u003Cscript setup lang=\"ts\">\nconst { data, clear } = await useFetch('/api/users')\n\nconst route = useRoute()\nwatch(() => route.path, (path) => {\n  if (path === '/') {\n    clear()\n  }\n})\n\u003C/script>\n",[2856,6519,6520,6540,6571,6575,6588,6618,6642,6649,6654,6660],{"__ignoreMap":2981},[2985,6521,6522,6524,6526,6528,6530,6532,6534,6536,6538],{"class":2987,"line":2988},[2985,6523,2992],{"class":2991},[2985,6525,2996],{"class":2995},[2985,6527,3000],{"class":2999},[2985,6529,3003],{"class":2999},[2985,6531,3006],{"class":2991},[2985,6533,3009],{"class":2991},[2985,6535,3013],{"class":3012},[2985,6537,3009],{"class":2991},[2985,6539,3018],{"class":2991},[2985,6541,6542,6544,6546,6548,6550,6553,6555,6557,6559,6561,6563,6565,6567,6569],{"class":2987,"line":3021},[2985,6543,3024],{"class":2999},[2985,6545,3027],{"class":2991},[2985,6547,3850],{"class":3030},[2985,6549,3110],{"class":2991},[2985,6551,6552],{"class":3030}," clear ",[2985,6554,3034],{"class":2991},[2985,6556,3037],{"class":2991},[2985,6558,3041],{"class":3040},[2985,6560,3045],{"class":3044},[2985,6562,3048],{"class":3030},[2985,6564,3051],{"class":2991},[2985,6566,5715],{"class":3012},[2985,6568,3051],{"class":2991},[2985,6570,3059],{"class":3030},[2985,6572,6573],{"class":2987,"line":3062},[2985,6574,3065],{"emptyLinePlaceholder":1196},[2985,6576,6577,6579,6582,6584,6586],{"class":2987,"line":3068},[2985,6578,3024],{"class":2999},[2985,6580,6581],{"class":3030}," route ",[2985,6583,3006],{"class":2991},[2985,6585,4202],{"class":3044},[2985,6587,4577],{"class":3030},[2985,6589,6590,6592,6594,6596,6598,6601,6603,6606,6608,6610,6612,6614,6616],{"class":2987,"line":3085},[2985,6591,5851],{"class":3044},[2985,6593,3048],{"class":3030},[2985,6595,4102],{"class":2991},[2985,6597,3615],{"class":2999},[2985,6599,6600],{"class":3030}," route",[2985,6602,2867],{"class":2991},[2985,6604,6605],{"class":3030},"path",[2985,6607,3110],{"class":2991},[2985,6609,4373],{"class":2991},[2985,6611,6605],{"class":3611},[2985,6613,4449],{"class":2991},[2985,6615,3615],{"class":2999},[2985,6617,3082],{"class":2991},[2985,6619,6620,6623,6625,6627,6630,6632,6634,6636,6639],{"class":2987,"line":3115},[2985,6621,6622],{"class":3040},"  if",[2985,6624,4373],{"class":2995},[2985,6626,6605],{"class":3030},[2985,6628,6629],{"class":2991}," ===",[2985,6631,3124],{"class":2991},[2985,6633,4659],{"class":3012},[2985,6635,3051],{"class":2991},[2985,6637,6638],{"class":2995},") ",[2985,6640,6641],{"class":2991},"{\n",[2985,6643,6644,6647],{"class":2987,"line":3135},[2985,6645,6646],{"class":3044},"    clear",[2985,6648,4577],{"class":2995},[2985,6650,6651],{"class":2987,"line":3145},[2985,6652,6653],{"class":2991},"  }\n",[2985,6655,6656,6658],{"class":2987,"line":3152},[2985,6657,3034],{"class":2991},[2985,6659,3059],{"class":3030},[2985,6661,6662,6664,6666],{"class":2987,"line":3158},[2985,6663,3175],{"class":2991},[2985,6665,2996],{"class":2995},[2985,6667,3018],{"class":2991},[5541,6669,6670],{"id":5851},"Watch",[2852,6672,6673,6674,6676,6677,6680],{},"To re-run your fetching function each time other reactive values in your application change, use the ",[2856,6675,5851],{}," option. You can use it for one or multiple ",[4754,6678,6679],{},"watchable"," elements.",[2975,6682,6684],{"className":2977,"code":6683,"language":2980,"meta":3360,"style":2981},"\u003Cscript setup lang=\"ts\">\nconst id = ref(1)\n\nconst { data, error, refresh } = await useFetch('/api/users', {\n  /* Changing the id will trigger a refetch */\n  watch: [id],\n})\n\u003C/script>\n",[2856,6685,6686,6706,6724,6728,6764,6769,6781,6787],{"__ignoreMap":2981},[2985,6687,6688,6690,6692,6694,6696,6698,6700,6702,6704],{"class":2987,"line":2988},[2985,6689,2992],{"class":2991},[2985,6691,2996],{"class":2995},[2985,6693,3000],{"class":2999},[2985,6695,3003],{"class":2999},[2985,6697,3006],{"class":2991},[2985,6699,3009],{"class":2991},[2985,6701,3013],{"class":3012},[2985,6703,3009],{"class":2991},[2985,6705,3018],{"class":2991},[2985,6707,6708,6710,6712,6714,6716,6718,6722],{"class":2987,"line":3021},[2985,6709,3024],{"class":2999},[2985,6711,4195],{"class":3030},[2985,6713,3006],{"class":2991},[2985,6715,6182],{"class":3044},[2985,6717,3048],{"class":3030},[2985,6719,6721],{"class":6720},"sYRBq","1",[2985,6723,3059],{"class":3030},[2985,6725,6726],{"class":2987,"line":3062},[2985,6727,3065],{"emptyLinePlaceholder":1196},[2985,6729,6730,6732,6734,6736,6738,6740,6742,6744,6746,6748,6750,6752,6754,6756,6758,6760,6762],{"class":2987,"line":3068},[2985,6731,3024],{"class":2999},[2985,6733,3027],{"class":2991},[2985,6735,3850],{"class":3030},[2985,6737,3110],{"class":2991},[2985,6739,6355],{"class":3030},[2985,6741,3110],{"class":2991},[2985,6743,6365],{"class":3030},[2985,6745,3034],{"class":2991},[2985,6747,3037],{"class":2991},[2985,6749,3041],{"class":3040},[2985,6751,3045],{"class":3044},[2985,6753,3048],{"class":3030},[2985,6755,3051],{"class":2991},[2985,6757,5715],{"class":3012},[2985,6759,3051],{"class":2991},[2985,6761,3110],{"class":2991},[2985,6763,3082],{"class":2991},[2985,6765,6766],{"class":2987,"line":3085},[2985,6767,6768],{"class":3148},"  /* Changing the id will trigger a refetch */\n",[2985,6770,6771,6774,6776,6779],{"class":2987,"line":3115},[2985,6772,6773],{"class":2995},"  watch",[2985,6775,3121],{"class":2991},[2985,6777,6778],{"class":3030}," [id]",[2985,6780,3132],{"class":2991},[2985,6782,6783,6785],{"class":2987,"line":3135},[2985,6784,3034],{"class":2991},[2985,6786,3059],{"class":3030},[2985,6788,6789,6791,6793],{"class":2987,"line":3145},[2985,6790,3175],{"class":2991},[2985,6792,2996],{"class":2995},[2985,6794,3018],{"class":2991},[2852,6796,6797,6798,6801],{},"Note that ",[2971,6799,6800],{},"watching a reactive value won't change the URL fetched",". For example, this will keep fetching the same initial ID of the user because the URL is constructed at the moment the function is invoked.",[2975,6803,6805],{"className":2977,"code":6804,"language":2980,"meta":2981,"style":2981},"\u003Cscript setup lang=\"ts\">\nconst id = ref(1)\n\nconst { data, error, refresh } = await useFetch(`/api/users/${id.value}`, {\n  watch: [id],\n})\n\u003C/script>\n",[2856,6806,6807,6827,6843,6847,6892,6902,6908],{"__ignoreMap":2981},[2985,6808,6809,6811,6813,6815,6817,6819,6821,6823,6825],{"class":2987,"line":2988},[2985,6810,2992],{"class":2991},[2985,6812,2996],{"class":2995},[2985,6814,3000],{"class":2999},[2985,6816,3003],{"class":2999},[2985,6818,3006],{"class":2991},[2985,6820,3009],{"class":2991},[2985,6822,3013],{"class":3012},[2985,6824,3009],{"class":2991},[2985,6826,3018],{"class":2991},[2985,6828,6829,6831,6833,6835,6837,6839,6841],{"class":2987,"line":3021},[2985,6830,3024],{"class":2999},[2985,6832,4195],{"class":3030},[2985,6834,3006],{"class":2991},[2985,6836,6182],{"class":3044},[2985,6838,3048],{"class":3030},[2985,6840,6721],{"class":6720},[2985,6842,3059],{"class":3030},[2985,6844,6845],{"class":2987,"line":3062},[2985,6846,3065],{"emptyLinePlaceholder":1196},[2985,6848,6849,6851,6853,6855,6857,6859,6861,6863,6865,6867,6869,6871,6873,6875,6878,6880,6882,6884,6886,6888,6890],{"class":2987,"line":3068},[2985,6850,3024],{"class":2999},[2985,6852,3027],{"class":2991},[2985,6854,3850],{"class":3030},[2985,6856,3110],{"class":2991},[2985,6858,6355],{"class":3030},[2985,6860,3110],{"class":2991},[2985,6862,6365],{"class":3030},[2985,6864,3034],{"class":2991},[2985,6866,3037],{"class":2991},[2985,6868,3041],{"class":3040},[2985,6870,3045],{"class":3044},[2985,6872,3048],{"class":3030},[2985,6874,4238],{"class":2991},[2985,6876,6877],{"class":3012},"/api/users/",[2985,6879,4244],{"class":2991},[2985,6881,4247],{"class":3030},[2985,6883,2867],{"class":2991},[2985,6885,6242],{"class":3030},[2985,6887,4250],{"class":2991},[2985,6889,3110],{"class":2991},[2985,6891,3082],{"class":2991},[2985,6893,6894,6896,6898,6900],{"class":2987,"line":3085},[2985,6895,6773],{"class":2995},[2985,6897,3121],{"class":2991},[2985,6899,6778],{"class":3030},[2985,6901,3132],{"class":2991},[2985,6903,6904,6906],{"class":2987,"line":3115},[2985,6905,3034],{"class":2991},[2985,6907,3059],{"class":3030},[2985,6909,6910,6912,6914],{"class":2987,"line":3135},[2985,6911,3175],{"class":2991},[2985,6913,2996],{"class":2995},[2985,6915,3018],{"class":2991},[2852,6917,6918,6919,6923],{},"If you need to change the URL based on a reactive value, you may want to use a ",[2860,6920,6922],{"href":6921},"/docs/4.x/getting-started/data-fetching#computed-url","computed URL"," instead.",[2852,6925,6926,6927,2867],{},"When reactive fetch options are provided, they'll be automatically watched and trigger refetches. In some cases, it can be useful to opt-out of this behavior by specifying ",[2856,6928,6929],{},"watch: false",[2975,6931,6933],{"className":3587,"code":6932,"language":3013,"meta":2981,"style":2981},"const id = ref(1)\n\n// Won't automatically refetch when id changes\nconst { data, execute } = await useFetch('/api/users', {\n  query: { id }, // id is watched by default\n  watch: false, // disables automatic watching of id\n})\n\n// doesn't trigger refetch\nid.value = 2\n",[2856,6934,6935,6951,6955,6960,6993,7010,7023,7029,7033,7038],{"__ignoreMap":2981},[2985,6936,6937,6939,6941,6943,6945,6947,6949],{"class":2987,"line":2988},[2985,6938,3024],{"class":2999},[2985,6940,4195],{"class":3030},[2985,6942,3006],{"class":2991},[2985,6944,6182],{"class":3044},[2985,6946,3048],{"class":3030},[2985,6948,6721],{"class":6720},[2985,6950,3059],{"class":3030},[2985,6952,6953],{"class":2987,"line":3021},[2985,6954,3065],{"emptyLinePlaceholder":1196},[2985,6956,6957],{"class":2987,"line":3062},[2985,6958,6959],{"class":3148},"// Won't automatically refetch when id changes\n",[2985,6961,6962,6964,6966,6968,6970,6973,6975,6977,6979,6981,6983,6985,6987,6989,6991],{"class":2987,"line":3068},[2985,6963,3024],{"class":2999},[2985,6965,3027],{"class":2991},[2985,6967,3850],{"class":3030},[2985,6969,3110],{"class":2991},[2985,6971,6972],{"class":3030}," execute ",[2985,6974,3034],{"class":2991},[2985,6976,3037],{"class":2991},[2985,6978,3041],{"class":3040},[2985,6980,3045],{"class":3044},[2985,6982,3048],{"class":3030},[2985,6984,3051],{"class":2991},[2985,6986,5715],{"class":3012},[2985,6988,3051],{"class":2991},[2985,6990,3110],{"class":2991},[2985,6992,3082],{"class":2991},[2985,6994,6995,6998,7000,7002,7004,7007],{"class":2987,"line":3085},[2985,6996,6997],{"class":2995},"  query",[2985,6999,3121],{"class":2991},[2985,7001,3027],{"class":2991},[2985,7003,4195],{"class":3030},[2985,7005,7006],{"class":2991},"},",[2985,7008,7009],{"class":3148}," // id is watched by default\n",[2985,7011,7012,7014,7016,7018,7020],{"class":2987,"line":3115},[2985,7013,6773],{"class":2995},[2985,7015,3121],{"class":2991},[2985,7017,5202],{"class":4865},[2985,7019,3110],{"class":2991},[2985,7021,7022],{"class":3148}," // disables automatic watching of id\n",[2985,7024,7025,7027],{"class":2987,"line":3135},[2985,7026,3034],{"class":2991},[2985,7028,3059],{"class":3030},[2985,7030,7031],{"class":2987,"line":3145},[2985,7032,3065],{"emptyLinePlaceholder":1196},[2985,7034,7035],{"class":2987,"line":3152},[2985,7036,7037],{"class":3148},"// doesn't trigger refetch\n",[2985,7039,7040,7042,7044,7046,7048],{"class":2987,"line":3158},[2985,7041,4247],{"class":3030},[2985,7043,2867],{"class":2991},[2985,7045,6295],{"class":3030},[2985,7047,3006],{"class":2991},[2985,7049,7050],{"class":6720}," 2\n",[5541,7052,7054],{"id":7053},"computed-url","Computed URL",[2852,7056,7057],{},"Sometimes you may need to compute a URL from reactive values, and refresh the data each time these change. Instead of juggling your way around, you can attach each param as a reactive value. Nuxt will automatically use the reactive value and re-fetch each time it changes.",[2975,7059,7061],{"className":2977,"code":7060,"language":2980,"meta":2981,"style":2981},"\u003Cscript setup lang=\"ts\">\nconst id = ref(null)\n\nconst { data, status } = useLazyFetch('/api/user', {\n  query: {\n    user_id: id,\n  },\n})\n\u003C/script>\n",[2856,7062,7063,7083,7100,7104,7135,7143,7154,7158,7164],{"__ignoreMap":2981},[2985,7064,7065,7067,7069,7071,7073,7075,7077,7079,7081],{"class":2987,"line":2988},[2985,7066,2992],{"class":2991},[2985,7068,2996],{"class":2995},[2985,7070,3000],{"class":2999},[2985,7072,3003],{"class":2999},[2985,7074,3006],{"class":2991},[2985,7076,3009],{"class":2991},[2985,7078,3013],{"class":3012},[2985,7080,3009],{"class":2991},[2985,7082,3018],{"class":2991},[2985,7084,7085,7087,7089,7091,7093,7095,7098],{"class":2987,"line":3021},[2985,7086,3024],{"class":2999},[2985,7088,4195],{"class":3030},[2985,7090,3006],{"class":2991},[2985,7092,6182],{"class":3044},[2985,7094,3048],{"class":3030},[2985,7096,7097],{"class":2991},"null",[2985,7099,3059],{"class":3030},[2985,7101,7102],{"class":2987,"line":3062},[2985,7103,3065],{"emptyLinePlaceholder":1196},[2985,7105,7106,7108,7110,7112,7114,7116,7118,7120,7122,7124,7126,7129,7131,7133],{"class":2987,"line":3068},[2985,7107,3024],{"class":2999},[2985,7109,3027],{"class":2991},[2985,7111,3850],{"class":3030},[2985,7113,3110],{"class":2991},[2985,7115,4348],{"class":3030},[2985,7117,3034],{"class":2991},[2985,7119,3037],{"class":2991},[2985,7121,5048],{"class":3044},[2985,7123,3048],{"class":3030},[2985,7125,3051],{"class":2991},[2985,7127,7128],{"class":3012},"/api/user",[2985,7130,3051],{"class":2991},[2985,7132,3110],{"class":2991},[2985,7134,3082],{"class":2991},[2985,7136,7137,7139,7141],{"class":2987,"line":3085},[2985,7138,6997],{"class":2995},[2985,7140,3121],{"class":2991},[2985,7142,3082],{"class":2991},[2985,7144,7145,7148,7150,7152],{"class":2987,"line":3115},[2985,7146,7147],{"class":2995},"    user_id",[2985,7149,3121],{"class":2991},[2985,7151,4279],{"class":3030},[2985,7153,3132],{"class":2991},[2985,7155,7156],{"class":2987,"line":3135},[2985,7157,5516],{"class":2991},[2985,7159,7160,7162],{"class":2987,"line":3145},[2985,7161,3034],{"class":2991},[2985,7163,3059],{"class":3030},[2985,7165,7166,7168,7170],{"class":2987,"line":3152},[2985,7167,3175],{"class":2991},[2985,7169,2996],{"class":2995},[2985,7171,3018],{"class":2991},[2852,7173,7174,7175,7180],{},"In the case of more complex URL construction, you may use a callback as a ",[2860,7176,7179],{"href":7177,"rel":7178},"https://vuejs.org/guide/essentials/computed",[2967],"computed getter"," that returns the URL string.",[2852,7182,7183,7184,7187],{},"Every time a dependency changes, the data will be fetched using the newly constructed URL. Combine this with ",[2860,7185,7186],{"href":6489},"not-immediate",", and you can wait until the reactive element changes before fetching.",[2975,7189,7191],{"className":2977,"code":7190,"language":2980,"meta":2981,"style":2981},"\u003Cscript setup lang=\"ts\">\nconst id = ref(null)\n\nconst { data, status } = useLazyFetch(() => `/api/users/${id.value}`, {\n  immediate: false,\n})\n\nconst pending = computed(() => status.value === 'pending')\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cdiv>\n    \u003C!-- disable the input while fetching -->\n    \u003Cinput\n      v-model=\"id\"\n      type=\"number\"\n      :disabled=\"pending\"\n    >\n\n    \u003Cdiv v-if=\"status === 'idle'\">\n      Type an user ID\n    \u003C/div>\n\n    \u003Cdiv v-else-if=\"pending\">\n      Loading ...\n    \u003C/div>\n\n    \u003Cdiv v-else>\n      {{ data }}\n    \u003C/div>\n  \u003C/div>\n\u003C/template>\n",[2856,7192,7193,7213,7229,7233,7275,7286,7292,7296,7332,7340,7344,7352,7360,7365,7372,7386,7400,7413,7418,7422,7441,7446,7454,7458,7478,7484,7493,7498,7509,7515,7524,7533],{"__ignoreMap":2981},[2985,7194,7195,7197,7199,7201,7203,7205,7207,7209,7211],{"class":2987,"line":2988},[2985,7196,2992],{"class":2991},[2985,7198,2996],{"class":2995},[2985,7200,3000],{"class":2999},[2985,7202,3003],{"class":2999},[2985,7204,3006],{"class":2991},[2985,7206,3009],{"class":2991},[2985,7208,3013],{"class":3012},[2985,7210,3009],{"class":2991},[2985,7212,3018],{"class":2991},[2985,7214,7215,7217,7219,7221,7223,7225,7227],{"class":2987,"line":3021},[2985,7216,3024],{"class":2999},[2985,7218,4195],{"class":3030},[2985,7220,3006],{"class":2991},[2985,7222,6182],{"class":3044},[2985,7224,3048],{"class":3030},[2985,7226,7097],{"class":2991},[2985,7228,3059],{"class":3030},[2985,7230,7231],{"class":2987,"line":3062},[2985,7232,3065],{"emptyLinePlaceholder":1196},[2985,7234,7235,7237,7239,7241,7243,7245,7247,7249,7251,7253,7255,7257,7259,7261,7263,7265,7267,7269,7271,7273],{"class":2987,"line":3068},[2985,7236,3024],{"class":2999},[2985,7238,3027],{"class":2991},[2985,7240,3850],{"class":3030},[2985,7242,3110],{"class":2991},[2985,7244,4348],{"class":3030},[2985,7246,3034],{"class":2991},[2985,7248,3037],{"class":2991},[2985,7250,5048],{"class":3044},[2985,7252,3048],{"class":3030},[2985,7254,4102],{"class":2991},[2985,7256,3615],{"class":2999},[2985,7258,6229],{"class":2991},[2985,7260,6877],{"class":3012},[2985,7262,4244],{"class":2991},[2985,7264,4247],{"class":3030},[2985,7266,2867],{"class":2991},[2985,7268,6242],{"class":3030},[2985,7270,4250],{"class":2991},[2985,7272,3110],{"class":2991},[2985,7274,3082],{"class":2991},[2985,7276,7277,7280,7282,7284],{"class":2987,"line":3085},[2985,7278,7279],{"class":2995},"  immediate",[2985,7281,3121],{"class":2991},[2985,7283,5202],{"class":4865},[2985,7285,3132],{"class":2991},[2985,7287,7288,7290],{"class":2987,"line":3115},[2985,7289,3034],{"class":2991},[2985,7291,3059],{"class":3030},[2985,7293,7294],{"class":2987,"line":3135},[2985,7295,3065],{"emptyLinePlaceholder":1196},[2985,7297,7298,7300,7303,7305,7308,7310,7312,7314,7316,7318,7320,7323,7325,7328,7330],{"class":2987,"line":3145},[2985,7299,3024],{"class":2999},[2985,7301,7302],{"class":3030}," pending ",[2985,7304,3006],{"class":2991},[2985,7306,7307],{"class":3044}," computed",[2985,7309,3048],{"class":3030},[2985,7311,4102],{"class":2991},[2985,7313,3615],{"class":2999},[2985,7315,4827],{"class":3030},[2985,7317,2867],{"class":2991},[2985,7319,6295],{"class":3030},[2985,7321,7322],{"class":2991},"===",[2985,7324,3124],{"class":2991},[2985,7326,7327],{"class":3012},"pending",[2985,7329,3051],{"class":2991},[2985,7331,3059],{"class":3030},[2985,7333,7334,7336,7338],{"class":2987,"line":3152},[2985,7335,3175],{"class":2991},[2985,7337,2996],{"class":2995},[2985,7339,3018],{"class":2991},[2985,7341,7342],{"class":2987,"line":3158},[2985,7343,3065],{"emptyLinePlaceholder":1196},[2985,7345,7346,7348,7350],{"class":2987,"line":3166},[2985,7347,2992],{"class":2991},[2985,7349,3192],{"class":2995},[2985,7351,3018],{"class":2991},[2985,7353,7354,7356,7358],{"class":2987,"line":3172},[2985,7355,3200],{"class":2991},[2985,7357,3203],{"class":2995},[2985,7359,3018],{"class":2991},[2985,7361,7362],{"class":2987,"line":3182},[2985,7363,7364],{"class":3148},"    \u003C!-- disable the input while fetching -->\n",[2985,7366,7367,7369],{"class":2987,"line":3187},[2985,7368,3251],{"class":2991},[2985,7370,7371],{"class":2995},"input\n",[2985,7373,7374,7377,7379,7381,7383],{"class":2987,"line":3197},[2985,7375,7376],{"class":2999},"      v-model",[2985,7378,3006],{"class":2991},[2985,7380,3009],{"class":2991},[2985,7382,4247],{"class":3012},[2985,7384,7385],{"class":2991},"\"\n",[2985,7387,7388,7391,7393,7395,7398],{"class":2987,"line":3220},[2985,7389,7390],{"class":2999},"      type",[2985,7392,3006],{"class":2991},[2985,7394,3009],{"class":2991},[2985,7396,7397],{"class":3012},"number",[2985,7399,7385],{"class":2991},[2985,7401,7402,7405,7407,7409,7411],{"class":2987,"line":3226},[2985,7403,7404],{"class":2999},"      :disabled",[2985,7406,3006],{"class":2991},[2985,7408,3009],{"class":2991},[2985,7410,7327],{"class":3012},[2985,7412,7385],{"class":2991},[2985,7414,7415],{"class":2987,"line":3236},[2985,7416,7417],{"class":2991},"    >\n",[2985,7419,7420],{"class":2987,"line":3248},[2985,7421,3065],{"emptyLinePlaceholder":1196},[2985,7423,7424,7426,7428,7430,7432,7434,7437,7439],{"class":2987,"line":3271},[2985,7425,3251],{"class":2991},[2985,7427,3203],{"class":2995},[2985,7429,3206],{"class":2999},[2985,7431,3006],{"class":2991},[2985,7433,3009],{"class":2991},[2985,7435,7436],{"class":3012},"status === 'idle'",[2985,7438,3009],{"class":2991},[2985,7440,3018],{"class":2991},[2985,7442,7443],{"class":2987,"line":3277},[2985,7444,7445],{"class":3030},"      Type an user ID\n",[2985,7447,7448,7450,7452],{"class":2987,"line":3287},[2985,7449,3280],{"class":2991},[2985,7451,3203],{"class":2995},[2985,7453,3018],{"class":2991},[2985,7455,7456],{"class":2987,"line":3296},[2985,7457,3065],{"emptyLinePlaceholder":1196},[2985,7459,7461,7463,7465,7468,7470,7472,7474,7476],{"class":2987,"line":7460},24,[2985,7462,3251],{"class":2991},[2985,7464,3203],{"class":2995},[2985,7466,7467],{"class":2999}," v-else-if",[2985,7469,3006],{"class":2991},[2985,7471,3009],{"class":2991},[2985,7473,7327],{"class":3012},[2985,7475,3009],{"class":2991},[2985,7477,3018],{"class":2991},[2985,7479,7481],{"class":2987,"line":7480},25,[2985,7482,7483],{"class":3030},"      Loading ...\n",[2985,7485,7487,7489,7491],{"class":2987,"line":7486},26,[2985,7488,3280],{"class":2991},[2985,7490,3203],{"class":2995},[2985,7492,3018],{"class":2991},[2985,7494,7496],{"class":2987,"line":7495},27,[2985,7497,3065],{"emptyLinePlaceholder":1196},[2985,7499,7501,7503,7505,7507],{"class":2987,"line":7500},28,[2985,7502,3251],{"class":2991},[2985,7504,3203],{"class":2995},[2985,7506,3243],{"class":2999},[2985,7508,3018],{"class":2991},[2985,7510,7512],{"class":2987,"line":7511},29,[2985,7513,7514],{"class":3030},"      {{ data }}\n",[2985,7516,7518,7520,7522],{"class":2987,"line":7517},30,[2985,7519,3280],{"class":2991},[2985,7521,3203],{"class":2995},[2985,7523,3018],{"class":2991},[2985,7525,7527,7529,7531],{"class":2987,"line":7526},31,[2985,7528,3229],{"class":2991},[2985,7530,3203],{"class":2995},[2985,7532,3018],{"class":2991},[2985,7534,7536,7538,7540],{"class":2987,"line":7535},32,[2985,7537,3175],{"class":2991},[2985,7539,3192],{"class":2995},[2985,7541,3018],{"class":2991},[2852,7543,7544,7545,2867],{},"If you need to force a refresh when other reactive values change, you can also ",[2860,7546,7548],{"href":7547},"/docs/4.x/getting-started/data-fetching#watch","watch other values",[3313,7550,7551],{"id":7186},"Not immediate",[2852,7553,2934,7554,7556,7557,7560],{},[2856,7555,527],{}," composable will start fetching data the moment is invoked. You may prevent this by setting ",[2856,7558,7559],{},"immediate: false",", for example, to wait for user interaction.",[2852,7562,7563,7564,7566,7567,7569],{},"With that, you will need both the ",[2856,7565,4693],{}," to handle the fetch lifecycle, and ",[2856,7568,4662],{}," to start the data fetch.",[2975,7571,7573],{"className":2977,"code":7572,"language":2980,"meta":2981,"style":2981},"\u003Cscript setup lang=\"ts\">\nconst { data, error, execute, status } = await useLazyFetch('/api/comments', {\n  immediate: false,\n})\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cdiv v-if=\"status === 'idle'\">\n    \u003Cbutton @click=\"execute\">\n      Get data\n    \u003C/button>\n  \u003C/div>\n\n  \u003Cdiv v-else-if=\"status === 'pending'\">\n    Loading comments...\n  \u003C/div>\n\n  \u003Cdiv v-else>\n    {{ data }}\n  \u003C/div>\n\u003C/template>\n",[2856,7574,7575,7595,7635,7645,7651,7659,7663,7671,7689,7707,7712,7720,7728,7732,7750,7755,7763,7767,7777,7782,7790],{"__ignoreMap":2981},[2985,7576,7577,7579,7581,7583,7585,7587,7589,7591,7593],{"class":2987,"line":2988},[2985,7578,2992],{"class":2991},[2985,7580,2996],{"class":2995},[2985,7582,3000],{"class":2999},[2985,7584,3003],{"class":2999},[2985,7586,3006],{"class":2991},[2985,7588,3009],{"class":2991},[2985,7590,3013],{"class":3012},[2985,7592,3009],{"class":2991},[2985,7594,3018],{"class":2991},[2985,7596,7597,7599,7601,7603,7605,7607,7609,7611,7613,7615,7617,7619,7621,7623,7625,7627,7629,7631,7633],{"class":2987,"line":3021},[2985,7598,3024],{"class":2999},[2985,7600,3027],{"class":2991},[2985,7602,3850],{"class":3030},[2985,7604,3110],{"class":2991},[2985,7606,6355],{"class":3030},[2985,7608,3110],{"class":2991},[2985,7610,6360],{"class":3030},[2985,7612,3110],{"class":2991},[2985,7614,4348],{"class":3030},[2985,7616,3034],{"class":2991},[2985,7618,3037],{"class":2991},[2985,7620,3041],{"class":3040},[2985,7622,5048],{"class":3044},[2985,7624,3048],{"class":3030},[2985,7626,3051],{"class":2991},[2985,7628,5176],{"class":3012},[2985,7630,3051],{"class":2991},[2985,7632,3110],{"class":2991},[2985,7634,3082],{"class":2991},[2985,7636,7637,7639,7641,7643],{"class":2987,"line":3062},[2985,7638,7279],{"class":2995},[2985,7640,3121],{"class":2991},[2985,7642,5202],{"class":4865},[2985,7644,3132],{"class":2991},[2985,7646,7647,7649],{"class":2987,"line":3068},[2985,7648,3034],{"class":2991},[2985,7650,3059],{"class":3030},[2985,7652,7653,7655,7657],{"class":2987,"line":3085},[2985,7654,3175],{"class":2991},[2985,7656,2996],{"class":2995},[2985,7658,3018],{"class":2991},[2985,7660,7661],{"class":2987,"line":3115},[2985,7662,3065],{"emptyLinePlaceholder":1196},[2985,7664,7665,7667,7669],{"class":2987,"line":3135},[2985,7666,2992],{"class":2991},[2985,7668,3192],{"class":2995},[2985,7670,3018],{"class":2991},[2985,7672,7673,7675,7677,7679,7681,7683,7685,7687],{"class":2987,"line":3145},[2985,7674,3200],{"class":2991},[2985,7676,3203],{"class":2995},[2985,7678,3206],{"class":2999},[2985,7680,3006],{"class":2991},[2985,7682,3009],{"class":2991},[2985,7684,7436],{"class":3012},[2985,7686,3009],{"class":2991},[2985,7688,3018],{"class":2991},[2985,7690,7691,7693,7695,7697,7699,7701,7703,7705],{"class":2987,"line":3152},[2985,7692,3251],{"class":2991},[2985,7694,6435],{"class":2995},[2985,7696,6438],{"class":2999},[2985,7698,3006],{"class":2991},[2985,7700,3009],{"class":2991},[2985,7702,4662],{"class":3012},[2985,7704,3009],{"class":2991},[2985,7706,3018],{"class":2991},[2985,7708,7709],{"class":2987,"line":3158},[2985,7710,7711],{"class":3030},"      Get data\n",[2985,7713,7714,7716,7718],{"class":2987,"line":3166},[2985,7715,3280],{"class":2991},[2985,7717,6435],{"class":2995},[2985,7719,3018],{"class":2991},[2985,7721,7722,7724,7726],{"class":2987,"line":3172},[2985,7723,3229],{"class":2991},[2985,7725,3203],{"class":2995},[2985,7727,3018],{"class":2991},[2985,7729,7730],{"class":2987,"line":3182},[2985,7731,3065],{"emptyLinePlaceholder":1196},[2985,7733,7734,7736,7738,7740,7742,7744,7746,7748],{"class":2987,"line":3187},[2985,7735,3200],{"class":2991},[2985,7737,3203],{"class":2995},[2985,7739,7467],{"class":2999},[2985,7741,3006],{"class":2991},[2985,7743,3009],{"class":2991},[2985,7745,4914],{"class":3012},[2985,7747,3009],{"class":2991},[2985,7749,3018],{"class":2991},[2985,7751,7752],{"class":2987,"line":3197},[2985,7753,7754],{"class":3030},"    Loading comments...\n",[2985,7756,7757,7759,7761],{"class":2987,"line":3220},[2985,7758,3229],{"class":2991},[2985,7760,3203],{"class":2995},[2985,7762,3018],{"class":2991},[2985,7764,7765],{"class":2987,"line":3226},[2985,7766,3065],{"emptyLinePlaceholder":1196},[2985,7768,7769,7771,7773,7775],{"class":2987,"line":3236},[2985,7770,3200],{"class":2991},[2985,7772,3203],{"class":2995},[2985,7774,3243],{"class":2999},[2985,7776,3018],{"class":2991},[2985,7778,7779],{"class":2987,"line":3248},[2985,7780,7781],{"class":3030},"    {{ data }}\n",[2985,7783,7784,7786,7788],{"class":2987,"line":3271},[2985,7785,3229],{"class":2991},[2985,7787,3203],{"class":2995},[2985,7789,3018],{"class":2991},[2985,7791,7792,7794,7796],{"class":2987,"line":3277},[2985,7793,3175],{"class":2991},[2985,7795,3192],{"class":2995},[2985,7797,3018],{"class":2991},[2852,7799,7800,7801,7803],{},"For finer control, the ",[2856,7802,4693],{}," variable can be:",[2872,7805,7806,7811,7816,7821],{},[2875,7807,7808,7810],{},[2856,7809,4696],{}," when the fetch hasn't started",[2875,7812,7813,7815],{},[2856,7814,7327],{}," when a fetch has started but not yet completed",[2875,7817,7818,7820],{},[2856,7819,4687],{}," when the fetch fails",[2875,7822,7823,7826],{},[2856,7824,7825],{},"success"," when the fetch is completed successfully",[2915,7828,7830],{"id":7829},"passing-headers-and-cookies","Passing Headers and Cookies",[2852,7832,7833,7834,7836,7837,7839],{},"When we call ",[2856,7835,630],{}," in the browser, user headers like ",[2856,7838,3635],{}," will be directly sent to the API.",[2852,7841,7842,7843,7845],{},"Normally, during server-side-rendering, due to security considerations, the ",[2856,7844,630],{}," wouldn't include the user's browser cookies, nor pass on cookies from the fetch response.",[2852,7847,7848,7849,7851,7852,7856,7857,3524],{},"However, when calling ",[2856,7850,527],{}," with a relative URL on the server, Nuxt will use ",[2860,7853,7854],{"href":1518},[2856,7855,571],{}," to proxy headers and cookies (with the exception of headers not meant to be forwarded, like ",[2856,7858,3523],{},[3313,7860,7862],{"id":7861},"pass-cookies-from-server-side-api-calls-on-ssr-response","Pass Cookies From Server-side API Calls on SSR Response",[2852,7864,7865],{},"If you want to pass on/proxy cookies in the other direction, from an internal request back to the client, you will need to handle this yourself.",[2975,7867,7870],{"className":3587,"code":7868,"filename":7869,"language":3013,"meta":2981,"style":2981},"import { appendResponseHeader } from 'h3'\nimport type { H3Event } from 'h3'\n\nexport const fetchWithCookie = async (event: H3Event, url: string) => {\n  /* Get the response from the server endpoint */\n  const res = await $fetch.raw(url)\n  /* Get the cookies from the response */\n  const cookies = res.headers.getSetCookie()\n  /* Attach each cookie to our incoming Request */\n  for (const cookie of cookies) {\n    appendResponseHeader(event, 'set-cookie', cookie)\n  }\n  /* Return the data of the response */\n  return res._data\n}\n","app/composables/fetch.ts",[2856,7871,7872,7893,7915,7919,7957,7962,7986,7991,8014,8019,8040,8064,8068,8073,8084],{"__ignoreMap":2981},[2985,7873,7874,7877,7879,7882,7884,7887,7889,7891],{"class":2987,"line":2988},[2985,7875,7876],{"class":3040},"import",[2985,7878,3027],{"class":2991},[2985,7880,7881],{"class":3030}," appendResponseHeader",[2985,7883,3732],{"class":2991},[2985,7885,7886],{"class":3040}," from",[2985,7888,3124],{"class":2991},[2985,7890,3313],{"class":3012},[2985,7892,6305],{"class":2991},[2985,7894,7895,7897,7900,7902,7905,7907,7909,7911,7913],{"class":2987,"line":3021},[2985,7896,7876],{"class":3040},[2985,7898,7899],{"class":3040}," type",[2985,7901,3027],{"class":2991},[2985,7903,7904],{"class":3030}," H3Event",[2985,7906,3732],{"class":2991},[2985,7908,7886],{"class":3040},[2985,7910,3124],{"class":2991},[2985,7912,3313],{"class":3012},[2985,7914,6305],{"class":2991},[2985,7916,7917],{"class":2987,"line":3062},[2985,7918,3065],{"emptyLinePlaceholder":1196},[2985,7920,7921,7923,7926,7929,7931,7933,7935,7937,7939,7941,7943,7946,7948,7951,7953,7955],{"class":2987,"line":3068},[2985,7922,3600],{"class":3040},[2985,7924,7925],{"class":2999}," const",[2985,7927,7928],{"class":3030}," fetchWithCookie ",[2985,7930,3006],{"class":2991},[2985,7932,4370],{"class":2999},[2985,7934,4373],{"class":2991},[2985,7936,3612],{"class":3611},[2985,7938,3121],{"class":2991},[2985,7940,7904],{"class":4415},[2985,7942,3110],{"class":2991},[2985,7944,7945],{"class":3611}," url",[2985,7947,3121],{"class":2991},[2985,7949,7950],{"class":4415}," string",[2985,7952,4449],{"class":2991},[2985,7954,3615],{"class":2999},[2985,7956,3082],{"class":2991},[2985,7958,7959],{"class":2987,"line":3085},[2985,7960,7961],{"class":3148},"  /* Get the response from the server endpoint */\n",[2985,7963,7964,7966,7968,7970,7972,7974,7976,7979,7981,7984],{"class":2987,"line":3115},[2985,7965,3088],{"class":2999},[2985,7967,3091],{"class":3030},[2985,7969,3037],{"class":2991},[2985,7971,3041],{"class":3040},[2985,7973,3098],{"class":3030},[2985,7975,2867],{"class":2991},[2985,7977,7978],{"class":3044},"raw",[2985,7980,3048],{"class":2995},[2985,7982,7983],{"class":3030},"url",[2985,7985,3059],{"class":2995},[2985,7987,7988],{"class":2987,"line":3135},[2985,7989,7990],{"class":3148},"  /* Get the cookies from the response */\n",[2985,7992,7993,7995,7998,8000,8002,8004,8007,8009,8012],{"class":2987,"line":3145},[2985,7994,3088],{"class":2999},[2985,7996,7997],{"class":3030}," cookies",[2985,7999,3037],{"class":2991},[2985,8001,3091],{"class":3030},[2985,8003,2867],{"class":2991},[2985,8005,8006],{"class":3030},"headers",[2985,8008,2867],{"class":2991},[2985,8010,8011],{"class":3044},"getSetCookie",[2985,8013,4577],{"class":2995},[2985,8015,8016],{"class":2987,"line":3152},[2985,8017,8018],{"class":3148},"  /* Attach each cookie to our incoming Request */\n",[2985,8020,8021,8024,8026,8028,8031,8034,8036,8038],{"class":2987,"line":3158},[2985,8022,8023],{"class":3040},"  for",[2985,8025,4373],{"class":2995},[2985,8027,3024],{"class":2999},[2985,8029,8030],{"class":3030}," cookie",[2985,8032,8033],{"class":2991}," of",[2985,8035,7997],{"class":3030},[2985,8037,6638],{"class":2995},[2985,8039,6641],{"class":2991},[2985,8041,8042,8045,8047,8049,8051,8053,8056,8058,8060,8062],{"class":2987,"line":3166},[2985,8043,8044],{"class":3044},"    appendResponseHeader",[2985,8046,3048],{"class":2995},[2985,8048,3612],{"class":3030},[2985,8050,3110],{"class":2991},[2985,8052,3124],{"class":2991},[2985,8054,8055],{"class":3012},"set-cookie",[2985,8057,3051],{"class":2991},[2985,8059,3110],{"class":2991},[2985,8061,8030],{"class":3030},[2985,8063,3059],{"class":2995},[2985,8065,8066],{"class":2987,"line":3172},[2985,8067,6653],{"class":2991},[2985,8069,8070],{"class":2987,"line":3182},[2985,8071,8072],{"class":3148},"  /* Return the data of the response */\n",[2985,8074,8075,8077,8079,8081],{"class":2987,"line":3187},[2985,8076,3709],{"class":3040},[2985,8078,3091],{"class":3030},[2985,8080,2867],{"class":2991},[2985,8082,8083],{"class":3030},"_data\n",[2985,8085,8086],{"class":2987,"line":3197},[2985,8087,3169],{"class":2991},[2975,8089,8091],{"className":2977,"code":8090,"language":2980,"meta":2981,"style":2981},"\u003Cscript setup lang=\"ts\">\n// This composable will automatically pass cookies to the client\nconst event = useRequestEvent()\n\nconst { data: result } = await useAsyncData(() => fetchWithCookie(event!, '/api/with-cookie'))\n\nonMounted(() => console.log(document.cookie))\n\u003C/script>\n",[2856,8092,8093,8113,8118,8132,8136,8181,8185,8212],{"__ignoreMap":2981},[2985,8094,8095,8097,8099,8101,8103,8105,8107,8109,8111],{"class":2987,"line":2988},[2985,8096,2992],{"class":2991},[2985,8098,2996],{"class":2995},[2985,8100,3000],{"class":2999},[2985,8102,3003],{"class":2999},[2985,8104,3006],{"class":2991},[2985,8106,3009],{"class":2991},[2985,8108,3013],{"class":3012},[2985,8110,3009],{"class":2991},[2985,8112,3018],{"class":2991},[2985,8114,8115],{"class":2987,"line":3021},[2985,8116,8117],{"class":3148},"// This composable will automatically pass cookies to the client\n",[2985,8119,8120,8122,8125,8127,8130],{"class":2987,"line":3062},[2985,8121,3024],{"class":2999},[2985,8123,8124],{"class":3030}," event ",[2985,8126,3006],{"class":2991},[2985,8128,8129],{"class":3044}," useRequestEvent",[2985,8131,4577],{"class":3030},[2985,8133,8134],{"class":2987,"line":3068},[2985,8135,3065],{"emptyLinePlaceholder":1196},[2985,8137,8138,8140,8142,8144,8146,8149,8151,8153,8155,8157,8159,8161,8163,8166,8169,8172,8174,8177,8179],{"class":2987,"line":3085},[2985,8139,3024],{"class":2999},[2985,8141,3027],{"class":2991},[2985,8143,3850],{"class":2995},[2985,8145,3121],{"class":2991},[2985,8147,8148],{"class":3030}," result ",[2985,8150,3034],{"class":2991},[2985,8152,3037],{"class":2991},[2985,8154,3041],{"class":3040},[2985,8156,4039],{"class":3044},[2985,8158,3048],{"class":3030},[2985,8160,4102],{"class":2991},[2985,8162,3615],{"class":2999},[2985,8164,8165],{"class":3044}," fetchWithCookie",[2985,8167,8168],{"class":3030},"(event",[2985,8170,8171],{"class":2991},"!,",[2985,8173,3124],{"class":2991},[2985,8175,8176],{"class":3012},"/api/with-cookie",[2985,8178,3051],{"class":2991},[2985,8180,4068],{"class":3030},[2985,8182,8183],{"class":2987,"line":3115},[2985,8184,3065],{"emptyLinePlaceholder":1196},[2985,8186,8187,8190,8192,8194,8196,8199,8201,8204,8207,8209],{"class":2987,"line":3135},[2985,8188,8189],{"class":3044},"onMounted",[2985,8191,3048],{"class":3030},[2985,8193,4102],{"class":2991},[2985,8195,3615],{"class":2999},[2985,8197,8198],{"class":3030}," console",[2985,8200,2867],{"class":2991},[2985,8202,8203],{"class":3044},"log",[2985,8205,8206],{"class":3030},"(document",[2985,8208,2867],{"class":2991},[2985,8210,8211],{"class":3030},"cookie))\n",[2985,8213,8214,8216,8218],{"class":2987,"line":3145},[2985,8215,3175],{"class":2991},[2985,8217,2996],{"class":2995},[2985,8219,3018],{"class":2991},[2915,8221,8223],{"id":8222},"options-api-support","Options API Support",[2852,8225,8226,8227,8230,8231,8233],{},"Nuxt provides a way to perform ",[2856,8228,8229],{},"asyncData"," fetching within the Options API. You must wrap your component definition within ",[2856,8232,666],{}," for this to work.",[2975,8235,8237],{"className":2977,"code":8236,"language":2980,"meta":2981,"style":2981},"\u003Cscript>\nexport default defineNuxtComponent({\n  /* Use the fetchKey option to provide a unique key */\n  fetchKey: 'hello',\n  async asyncData () {\n    return {\n      hello: await $fetch('/api/hello'),\n    }\n  },\n})\n\u003C/script>\n",[2856,8238,8239,8247,8260,8265,8281,8293,8299,8323,8328,8332,8338],{"__ignoreMap":2981},[2985,8240,8241,8243,8245],{"class":2987,"line":2988},[2985,8242,2992],{"class":2991},[2985,8244,2996],{"class":2995},[2985,8246,3018],{"class":2991},[2985,8248,8249,8251,8253,8256,8258],{"class":2987,"line":3021},[2985,8250,3600],{"class":3040},[2985,8252,3603],{"class":3040},[2985,8254,8255],{"class":3044}," defineNuxtComponent",[2985,8257,3048],{"class":3030},[2985,8259,6641],{"class":2991},[2985,8261,8262],{"class":2987,"line":3062},[2985,8263,8264],{"class":3148},"  /* Use the fetchKey option to provide a unique key */\n",[2985,8266,8267,8270,8272,8274,8277,8279],{"class":2987,"line":3068},[2985,8268,8269],{"class":2995},"  fetchKey",[2985,8271,3121],{"class":2991},[2985,8273,3124],{"class":2991},[2985,8275,8276],{"class":3012},"hello",[2985,8278,3051],{"class":2991},[2985,8280,3132],{"class":2991},[2985,8282,8283,8286,8289,8291],{"class":2987,"line":3085},[2985,8284,8285],{"class":2999},"  async",[2985,8287,8288],{"class":2995}," asyncData",[2985,8290,3079],{"class":2991},[2985,8292,3082],{"class":2991},[2985,8294,8295,8297],{"class":2987,"line":3115},[2985,8296,5462],{"class":3040},[2985,8298,3082],{"class":2991},[2985,8300,8301,8304,8306,8308,8310,8312,8314,8317,8319,8321],{"class":2987,"line":3135},[2985,8302,8303],{"class":2995},"      hello",[2985,8305,3121],{"class":2991},[2985,8307,3041],{"class":3040},[2985,8309,3098],{"class":3044},[2985,8311,3048],{"class":2995},[2985,8313,3051],{"class":2991},[2985,8315,8316],{"class":3012},"/api/hello",[2985,8318,3051],{"class":2991},[2985,8320,4449],{"class":2995},[2985,8322,3132],{"class":2991},[2985,8324,8325],{"class":2987,"line":3145},[2985,8326,8327],{"class":2991},"    }\n",[2985,8329,8330],{"class":2987,"line":3152},[2985,8331,5516],{"class":2991},[2985,8333,8334,8336],{"class":2987,"line":3158},[2985,8335,3034],{"class":2991},[2985,8337,3059],{"class":3030},[2985,8339,8340,8342,8344],{"class":2987,"line":3166},[2985,8341,3175],{"class":2991},[2985,8343,2996],{"class":2995},[2985,8345,3018],{"class":2991},[3329,8347,8348],{},[2852,8349,8350,8351,5604,8353,8356],{},"Using ",[2856,8352,4737],{},[2856,8354,8355],{},"\u003Cscript setup lang=\"ts\">"," are the recommended way of declaring Vue components in Nuxt.",[3499,8358],{"to":1588},[2915,8360,8362],{"id":8361},"serializing-data-from-server-to-client","Serializing Data From Server to Client",[2852,8364,8365,8366,2864,8368,8370,8371,8374,8375,8382,8383,2858,8386,2858,8389,2858,8392,2864,8395,8398],{},"When using ",[2856,8367,515],{},[2856,8369,543],{}," to transfer data fetched on server to the client (as well as anything else that utilizes ",[2860,8372,8373],{"href":2949},"the Nuxt payload","), the payload is serialized with ",[2860,8376,8379],{"href":8377,"rel":8378},"https://github.com/sveltejs/devalue",[2967],[2856,8380,8381],{},"devalue",". This allows us to transfer not just basic JSON but also to serialize and revive/deserialize more advanced kinds of data, such as regular expressions, Dates, Map and Set, ",[2856,8384,8385],{},"ref",[2856,8387,8388],{},"reactive",[2856,8390,8391],{},"shallowRef",[2856,8393,8394],{},"shallowReactive",[2856,8396,8397],{},"NuxtError"," - and more.",[2852,8400,8401,8402,8406],{},"It is also possible to define your own serializer/deserializer for types that are not supported by Nuxt. You can read more in the ",[2860,8403,8404],{"href":2949},[2856,8405,555],{}," docs.",[3329,8408,8409],{},[2852,8410,8411,8412,8415,8416,5604,8418,8420],{},"Note that this ",[4754,8413,8414],{},"does not apply"," to data passed from your server routes when fetched with ",[2856,8417,630],{},[2856,8419,527],{}," - see the next section for more information.",[2915,8422,8424],{"id":8423},"serializing-data-from-api-routes","Serializing Data From API Routes",[2852,8426,8427,8428,8430,8431,8434,8435,2864,8437,8441],{},"When fetching data from the ",[2856,8429,185],{}," directory, the response is serialized using ",[2856,8432,8433],{},"JSON.stringify",". However, since serialization is limited to only JavaScript primitive types, Nuxt does its best to convert the return type of ",[2856,8436,630],{},[2860,8438,8439],{"href":1485},[2856,8440,527],{}," to match the actual value.",[3499,8443,8447],{"to":8444,"icon":8445,"target":8446},"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify#description","i-simple-icons-mdnwebdocs","_blank",[2852,8448,8449,8450,8452],{},"Learn more about ",[2856,8451,8433],{}," limitations.",[3313,8454,8456],{"id":8455},"example","Example",[2975,8458,8461],{"className":3587,"code":8459,"filename":8460,"language":3013,"meta":2981,"style":2981},"export default defineEventHandler(() => {\n  return new Date()\n})\n","server/api/foo.ts",[2856,8462,8463,8479,8491],{"__ignoreMap":2981},[2985,8464,8465,8467,8469,8471,8473,8475,8477],{"class":2987,"line":2988},[2985,8466,3600],{"class":3040},[2985,8468,3603],{"class":3040},[2985,8470,3606],{"class":3044},[2985,8472,3048],{"class":3030},[2985,8474,4102],{"class":2991},[2985,8476,3615],{"class":2999},[2985,8478,3082],{"class":2991},[2985,8480,8481,8483,8486,8489],{"class":2987,"line":3021},[2985,8482,3709],{"class":3040},[2985,8484,8485],{"class":2991}," new",[2985,8487,8488],{"class":3044}," Date",[2985,8490,4577],{"class":2995},[2985,8492,8493,8495],{"class":2987,"line":3062},[2985,8494,3034],{"class":2991},[2985,8496,3059],{"class":3030},[2975,8498,8500],{"className":2977,"code":8499,"filename":2979,"language":2980,"meta":2981,"style":2981},"\u003Cscript setup lang=\"ts\">\n// Type of `data` is inferred as string even though we returned a Date object\nconst { data } = await useFetch('/api/foo')\n\u003C/script>\n",[2856,8501,8502,8522,8527,8554],{"__ignoreMap":2981},[2985,8503,8504,8506,8508,8510,8512,8514,8516,8518,8520],{"class":2987,"line":2988},[2985,8505,2992],{"class":2991},[2985,8507,2996],{"class":2995},[2985,8509,3000],{"class":2999},[2985,8511,3003],{"class":2999},[2985,8513,3006],{"class":2991},[2985,8515,3009],{"class":2991},[2985,8517,3013],{"class":3012},[2985,8519,3009],{"class":2991},[2985,8521,3018],{"class":2991},[2985,8523,8524],{"class":2987,"line":3021},[2985,8525,8526],{"class":3148},"// Type of `data` is inferred as string even though we returned a Date object\n",[2985,8528,8529,8531,8533,8535,8537,8539,8541,8543,8545,8547,8550,8552],{"class":2987,"line":3062},[2985,8530,3024],{"class":2999},[2985,8532,3027],{"class":2991},[2985,8534,3031],{"class":3030},[2985,8536,3034],{"class":2991},[2985,8538,3037],{"class":2991},[2985,8540,3041],{"class":3040},[2985,8542,3045],{"class":3044},[2985,8544,3048],{"class":3030},[2985,8546,3051],{"class":2991},[2985,8548,8549],{"class":3012},"/api/foo",[2985,8551,3051],{"class":2991},[2985,8553,3059],{"class":3030},[2985,8555,8556,8558,8560],{"class":2987,"line":3068},[2985,8557,3175],{"class":2991},[2985,8559,2996],{"class":2995},[2985,8561,3018],{"class":2991},[3313,8563,8565],{"id":8564},"custom-serializer-function","Custom serializer function",[2852,8567,8568,8569,8572,8573,8575],{},"To customize the serialization behavior, you can define a ",[2856,8570,8571],{},"toJSON"," function on your returned object. If you define a ",[2856,8574,8571],{}," method, Nuxt will respect the return type of the function and will not try to convert the types.",[2975,8577,8580],{"className":3587,"code":8578,"filename":8579,"language":3013,"meta":2981,"style":2981},"export default defineEventHandler(() => {\n  const data = {\n    createdAt: new Date(),\n\n    toJSON () {\n      return {\n        createdAt: {\n          year: this.createdAt.getFullYear(),\n          month: this.createdAt.getMonth(),\n          day: this.createdAt.getDate(),\n        },\n      }\n    },\n  }\n  return data\n})\n","server/api/bar.ts",[2856,8581,8582,8598,8608,8623,8627,8636,8643,8652,8674,8694,8714,8719,8724,8728,8732,8739],{"__ignoreMap":2981},[2985,8583,8584,8586,8588,8590,8592,8594,8596],{"class":2987,"line":2988},[2985,8585,3600],{"class":3040},[2985,8587,3603],{"class":3040},[2985,8589,3606],{"class":3044},[2985,8591,3048],{"class":3030},[2985,8593,4102],{"class":2991},[2985,8595,3615],{"class":2999},[2985,8597,3082],{"class":2991},[2985,8599,8600,8602,8604,8606],{"class":2987,"line":3021},[2985,8601,3088],{"class":2999},[2985,8603,3850],{"class":3030},[2985,8605,3037],{"class":2991},[2985,8607,3082],{"class":2991},[2985,8609,8610,8613,8615,8617,8619,8621],{"class":2987,"line":3062},[2985,8611,8612],{"class":2995},"    createdAt",[2985,8614,3121],{"class":2991},[2985,8616,8485],{"class":2991},[2985,8618,8488],{"class":3044},[2985,8620,4102],{"class":2995},[2985,8622,3132],{"class":2991},[2985,8624,8625],{"class":2987,"line":3068},[2985,8626,3065],{"emptyLinePlaceholder":1196},[2985,8628,8629,8632,8634],{"class":2987,"line":3085},[2985,8630,8631],{"class":2995},"    toJSON ",[2985,8633,4102],{"class":2991},[2985,8635,3082],{"class":2991},[2985,8637,8638,8641],{"class":2987,"line":3115},[2985,8639,8640],{"class":3040},"      return",[2985,8642,3082],{"class":2991},[2985,8644,8645,8648,8650],{"class":2987,"line":3135},[2985,8646,8647],{"class":2995},"        createdAt",[2985,8649,3121],{"class":2991},[2985,8651,3082],{"class":2991},[2985,8653,8654,8657,8659,8662,8665,8667,8670,8672],{"class":2987,"line":3145},[2985,8655,8656],{"class":2995},"          year",[2985,8658,3121],{"class":2991},[2985,8660,8661],{"class":2991}," this.",[2985,8663,8664],{"class":3030},"createdAt",[2985,8666,2867],{"class":2991},[2985,8668,8669],{"class":3044},"getFullYear",[2985,8671,4102],{"class":2995},[2985,8673,3132],{"class":2991},[2985,8675,8676,8679,8681,8683,8685,8687,8690,8692],{"class":2987,"line":3152},[2985,8677,8678],{"class":2995},"          month",[2985,8680,3121],{"class":2991},[2985,8682,8661],{"class":2991},[2985,8684,8664],{"class":3030},[2985,8686,2867],{"class":2991},[2985,8688,8689],{"class":3044},"getMonth",[2985,8691,4102],{"class":2995},[2985,8693,3132],{"class":2991},[2985,8695,8696,8699,8701,8703,8705,8707,8710,8712],{"class":2987,"line":3158},[2985,8697,8698],{"class":2995},"          day",[2985,8700,3121],{"class":2991},[2985,8702,8661],{"class":2991},[2985,8704,8664],{"class":3030},[2985,8706,2867],{"class":2991},[2985,8708,8709],{"class":3044},"getDate",[2985,8711,4102],{"class":2995},[2985,8713,3132],{"class":2991},[2985,8715,8716],{"class":2987,"line":3166},[2985,8717,8718],{"class":2991},"        },\n",[2985,8720,8721],{"class":2987,"line":3172},[2985,8722,8723],{"class":2991},"      }\n",[2985,8725,8726],{"class":2987,"line":3182},[2985,8727,3155],{"class":2991},[2985,8729,8730],{"class":2987,"line":3187},[2985,8731,6653],{"class":2991},[2985,8733,8734,8736],{"class":2987,"line":3197},[2985,8735,3709],{"class":3040},[2985,8737,8738],{"class":3030}," data\n",[2985,8740,8741,8743],{"class":2987,"line":3220},[2985,8742,3034],{"class":2991},[2985,8744,3059],{"class":3030},[2975,8746,8748],{"className":2977,"code":8747,"filename":2979,"language":2980,"meta":2981,"style":2981},"\u003Cscript setup lang=\"ts\">\n// Type of `data` is inferred as\n// {\n//   createdAt: {\n//     year: number\n//     month: number\n//     day: number\n//   }\n// }\nconst { data } = await useFetch('/api/bar')\n\u003C/script>\n",[2856,8749,8750,8770,8775,8780,8785,8790,8795,8800,8805,8810,8837],{"__ignoreMap":2981},[2985,8751,8752,8754,8756,8758,8760,8762,8764,8766,8768],{"class":2987,"line":2988},[2985,8753,2992],{"class":2991},[2985,8755,2996],{"class":2995},[2985,8757,3000],{"class":2999},[2985,8759,3003],{"class":2999},[2985,8761,3006],{"class":2991},[2985,8763,3009],{"class":2991},[2985,8765,3013],{"class":3012},[2985,8767,3009],{"class":2991},[2985,8769,3018],{"class":2991},[2985,8771,8772],{"class":2987,"line":3021},[2985,8773,8774],{"class":3148},"// Type of `data` is inferred as\n",[2985,8776,8777],{"class":2987,"line":3062},[2985,8778,8779],{"class":3148},"// {\n",[2985,8781,8782],{"class":2987,"line":3068},[2985,8783,8784],{"class":3148},"//   createdAt: {\n",[2985,8786,8787],{"class":2987,"line":3085},[2985,8788,8789],{"class":3148},"//     year: number\n",[2985,8791,8792],{"class":2987,"line":3115},[2985,8793,8794],{"class":3148},"//     month: number\n",[2985,8796,8797],{"class":2987,"line":3135},[2985,8798,8799],{"class":3148},"//     day: number\n",[2985,8801,8802],{"class":2987,"line":3145},[2985,8803,8804],{"class":3148},"//   }\n",[2985,8806,8807],{"class":2987,"line":3152},[2985,8808,8809],{"class":3148},"// }\n",[2985,8811,8812,8814,8816,8818,8820,8822,8824,8826,8828,8830,8833,8835],{"class":2987,"line":3158},[2985,8813,3024],{"class":2999},[2985,8815,3027],{"class":2991},[2985,8817,3031],{"class":3030},[2985,8819,3034],{"class":2991},[2985,8821,3037],{"class":2991},[2985,8823,3041],{"class":3040},[2985,8825,3045],{"class":3044},[2985,8827,3048],{"class":3030},[2985,8829,3051],{"class":2991},[2985,8831,8832],{"class":3012},"/api/bar",[2985,8834,3051],{"class":2991},[2985,8836,3059],{"class":3030},[2985,8838,8839,8841,8843],{"class":2987,"line":3166},[2985,8840,3175],{"class":2991},[2985,8842,2996],{"class":2995},[2985,8844,3018],{"class":2991},[3313,8846,8848],{"id":8847},"using-an-alternative-serializer","Using an alternative serializer",[2852,8850,8851,8852,8854,8855,8857],{},"Nuxt does not currently support an alternative serializer to ",[2856,8853,8433],{},". However, you can return your payload as a normal string and utilize the ",[2856,8856,8571],{}," method to maintain type safety.",[2852,8859,8860,8861,8866],{},"In the example below, we use ",[2860,8862,8865],{"href":8863,"rel":8864},"https://github.com/flightcontrolhq/superjson",[2967],"superjson"," as our serializer.",[2975,8868,8871],{"className":3587,"code":8869,"filename":8870,"language":3013,"meta":2981,"style":2981},"import superjson from 'superjson'\n\nexport default defineEventHandler(() => {\n  const data = {\n    createdAt: new Date(),\n\n    // Workaround the type conversion\n    toJSON () {\n      return this\n    },\n  }\n\n  // Serialize the output to string, using superjson\n  return superjson.stringify(data) as unknown as typeof data\n})\n","server/api/superjson.ts",[2856,8872,8873,8889,8893,8909,8919,8933,8937,8942,8950,8957,8961,8965,8969,8974,9006],{"__ignoreMap":2981},[2985,8874,8875,8877,8880,8883,8885,8887],{"class":2987,"line":2988},[2985,8876,7876],{"class":3040},[2985,8878,8879],{"class":3030}," superjson ",[2985,8881,8882],{"class":3040},"from",[2985,8884,3124],{"class":2991},[2985,8886,8865],{"class":3012},[2985,8888,6305],{"class":2991},[2985,8890,8891],{"class":2987,"line":3021},[2985,8892,3065],{"emptyLinePlaceholder":1196},[2985,8894,8895,8897,8899,8901,8903,8905,8907],{"class":2987,"line":3062},[2985,8896,3600],{"class":3040},[2985,8898,3603],{"class":3040},[2985,8900,3606],{"class":3044},[2985,8902,3048],{"class":3030},[2985,8904,4102],{"class":2991},[2985,8906,3615],{"class":2999},[2985,8908,3082],{"class":2991},[2985,8910,8911,8913,8915,8917],{"class":2987,"line":3068},[2985,8912,3088],{"class":2999},[2985,8914,3850],{"class":3030},[2985,8916,3037],{"class":2991},[2985,8918,3082],{"class":2991},[2985,8920,8921,8923,8925,8927,8929,8931],{"class":2987,"line":3085},[2985,8922,8612],{"class":2995},[2985,8924,3121],{"class":2991},[2985,8926,8485],{"class":2991},[2985,8928,8488],{"class":3044},[2985,8930,4102],{"class":2995},[2985,8932,3132],{"class":2991},[2985,8934,8935],{"class":2987,"line":3115},[2985,8936,3065],{"emptyLinePlaceholder":1196},[2985,8938,8939],{"class":2987,"line":3135},[2985,8940,8941],{"class":3148},"    // Workaround the type conversion\n",[2985,8943,8944,8946,8948],{"class":2987,"line":3145},[2985,8945,8631],{"class":2995},[2985,8947,4102],{"class":2991},[2985,8949,3082],{"class":2991},[2985,8951,8952,8954],{"class":2987,"line":3152},[2985,8953,8640],{"class":3040},[2985,8955,8956],{"class":2991}," this\n",[2985,8958,8959],{"class":2987,"line":3158},[2985,8960,3155],{"class":2991},[2985,8962,8963],{"class":2987,"line":3166},[2985,8964,6653],{"class":2991},[2985,8966,8967],{"class":2987,"line":3172},[2985,8968,3065],{"emptyLinePlaceholder":1196},[2985,8970,8971],{"class":2987,"line":3182},[2985,8972,8973],{"class":3148},"  // Serialize the output to string, using superjson\n",[2985,8975,8976,8978,8981,8983,8986,8988,8990,8992,8995,8998,9001,9004],{"class":2987,"line":3187},[2985,8977,3709],{"class":3040},[2985,8979,8980],{"class":3030}," superjson",[2985,8982,2867],{"class":2991},[2985,8984,8985],{"class":3044},"stringify",[2985,8987,3048],{"class":2995},[2985,8989,4652],{"class":3030},[2985,8991,6638],{"class":2995},[2985,8993,8994],{"class":3040},"as",[2985,8996,8997],{"class":4415}," unknown",[2985,8999,9000],{"class":3040}," as",[2985,9002,9003],{"class":2991}," typeof",[2985,9005,8738],{"class":3030},[2985,9007,9008,9010],{"class":2987,"line":3197},[2985,9009,3034],{"class":2991},[2985,9011,3059],{"class":3030},[2975,9013,9015],{"className":2977,"code":9014,"filename":2979,"language":2980,"meta":2981,"style":2981},"\u003Cscript setup lang=\"ts\">\nimport superjson from 'superjson'\n\n// `date` is inferred as { createdAt: Date } and you can safely use the Date object methods\nconst { data } = await useFetch('/api/superjson', {\n  transform: (value) => {\n    return superjson.parse(value as unknown as string)\n  },\n})\n\u003C/script>\n",[2856,9016,9017,9037,9051,9055,9060,9089,9105,9130,9134,9140],{"__ignoreMap":2981},[2985,9018,9019,9021,9023,9025,9027,9029,9031,9033,9035],{"class":2987,"line":2988},[2985,9020,2992],{"class":2991},[2985,9022,2996],{"class":2995},[2985,9024,3000],{"class":2999},[2985,9026,3003],{"class":2999},[2985,9028,3006],{"class":2991},[2985,9030,3009],{"class":2991},[2985,9032,3013],{"class":3012},[2985,9034,3009],{"class":2991},[2985,9036,3018],{"class":2991},[2985,9038,9039,9041,9043,9045,9047,9049],{"class":2987,"line":3021},[2985,9040,7876],{"class":3040},[2985,9042,8879],{"class":3030},[2985,9044,8882],{"class":3040},[2985,9046,3124],{"class":2991},[2985,9048,8865],{"class":3012},[2985,9050,6305],{"class":2991},[2985,9052,9053],{"class":2987,"line":3062},[2985,9054,3065],{"emptyLinePlaceholder":1196},[2985,9056,9057],{"class":2987,"line":3068},[2985,9058,9059],{"class":3148},"// `date` is inferred as { createdAt: Date } and you can safely use the Date object methods\n",[2985,9061,9062,9064,9066,9068,9070,9072,9074,9076,9078,9080,9083,9085,9087],{"class":2987,"line":3085},[2985,9063,3024],{"class":2999},[2985,9065,3027],{"class":2991},[2985,9067,3031],{"class":3030},[2985,9069,3034],{"class":2991},[2985,9071,3037],{"class":2991},[2985,9073,3041],{"class":3040},[2985,9075,3045],{"class":3044},[2985,9077,3048],{"class":3030},[2985,9079,3051],{"class":2991},[2985,9081,9082],{"class":3012},"/api/superjson",[2985,9084,3051],{"class":2991},[2985,9086,3110],{"class":2991},[2985,9088,3082],{"class":2991},[2985,9090,9091,9093,9095,9097,9099,9101,9103],{"class":2987,"line":3115},[2985,9092,5444],{"class":3044},[2985,9094,3121],{"class":2991},[2985,9096,4373],{"class":2991},[2985,9098,6242],{"class":3611},[2985,9100,4449],{"class":2991},[2985,9102,3615],{"class":2999},[2985,9104,3082],{"class":2991},[2985,9106,9107,9109,9111,9113,9116,9118,9120,9122,9124,9126,9128],{"class":2987,"line":3135},[2985,9108,5462],{"class":3040},[2985,9110,8980],{"class":3030},[2985,9112,2867],{"class":2991},[2985,9114,9115],{"class":3044},"parse",[2985,9117,3048],{"class":2995},[2985,9119,6242],{"class":3030},[2985,9121,9000],{"class":3040},[2985,9123,8997],{"class":4415},[2985,9125,9000],{"class":3040},[2985,9127,7950],{"class":4415},[2985,9129,3059],{"class":2995},[2985,9131,9132],{"class":2987,"line":3145},[2985,9133,5516],{"class":2991},[2985,9135,9136,9138],{"class":2987,"line":3152},[2985,9137,3034],{"class":2991},[2985,9139,3059],{"class":3030},[2985,9141,9142,9144,9146],{"class":2987,"line":3158},[2985,9143,3175],{"class":2991},[2985,9145,2996],{"class":2995},[2985,9147,3018],{"class":2991},[2915,9149,357],{"id":9150},"recipes",[3313,9152,9154],{"id":9153},"consuming-sse-server-sent-events-via-post-request","Consuming SSE (Server-Sent Events) via POST request",[2958,9156,9157],{},[2852,9158,9159,9160,9167,9168,2867],{},"If you're consuming SSE via GET request, you can use ",[2860,9161,9164],{"href":9162,"rel":9163},"https://developer.mozilla.org/en-US/docs/Web/API/EventSource",[2967],[2856,9165,9166],{},"EventSource"," or VueUse composable ",[2860,9169,9172],{"href":9170,"rel":9171},"https://vueuse.org/core/useeventsource/",[2967],[2856,9173,9174],{},"useEventSource",[2852,9176,9177],{},"When consuming SSE via POST request, you need to handle the connection manually. Here's how you can do it:",[2975,9179,9181],{"className":3587,"code":9180,"language":3013,"meta":2981,"style":2981},"// Make a POST request to the SSE endpoint\nconst response = await $fetch\u003CReadableStream>('/chats/ask-ai', {\n  method: 'POST',\n  body: {\n    query: 'Hello AI, how are you?',\n  },\n  responseType: 'stream',\n})\n\n// Create a new ReadableStream from the response with TextDecoderStream to get the data as text\nconst reader = response.pipeThrough(new TextDecoderStream()).getReader()\n\n// Read the chunk of data as we get it\nwhile (true) {\n  const { value, done } = await reader.read()\n\n  if (done) { break }\n\n  console.log('Received:', value)\n}\n",[2856,9182,9183,9188,9221,9236,9245,9261,9265,9281,9287,9291,9296,9331,9335,9340,9354,9383,9387,9405,9409,9433],{"__ignoreMap":2981},[2985,9184,9185],{"class":2987,"line":2988},[2985,9186,9187],{"class":3148},"// Make a POST request to the SSE endpoint\n",[2985,9189,9190,9192,9195,9197,9199,9201,9203,9206,9208,9210,9212,9215,9217,9219],{"class":2987,"line":3021},[2985,9191,3024],{"class":2999},[2985,9193,9194],{"class":3030}," response ",[2985,9196,3006],{"class":2991},[2985,9198,3041],{"class":3040},[2985,9200,3098],{"class":3044},[2985,9202,2992],{"class":2991},[2985,9204,9205],{"class":4415},"ReadableStream",[2985,9207,3903],{"class":2991},[2985,9209,3048],{"class":3030},[2985,9211,3051],{"class":2991},[2985,9213,9214],{"class":3012},"/chats/ask-ai",[2985,9216,3051],{"class":2991},[2985,9218,3110],{"class":2991},[2985,9220,3082],{"class":2991},[2985,9222,9223,9226,9228,9230,9232,9234],{"class":2987,"line":3062},[2985,9224,9225],{"class":2995},"  method",[2985,9227,3121],{"class":2991},[2985,9229,3124],{"class":2991},[2985,9231,3127],{"class":3012},[2985,9233,3051],{"class":2991},[2985,9235,3132],{"class":2991},[2985,9237,9238,9241,9243],{"class":2987,"line":3068},[2985,9239,9240],{"class":2995},"  body",[2985,9242,3121],{"class":2991},[2985,9244,3082],{"class":2991},[2985,9246,9247,9250,9252,9254,9257,9259],{"class":2987,"line":3085},[2985,9248,9249],{"class":2995},"    query",[2985,9251,3121],{"class":2991},[2985,9253,3124],{"class":2991},[2985,9255,9256],{"class":3012},"Hello AI, how are you?",[2985,9258,3051],{"class":2991},[2985,9260,3132],{"class":2991},[2985,9262,9263],{"class":2987,"line":3115},[2985,9264,5516],{"class":2991},[2985,9266,9267,9270,9272,9274,9277,9279],{"class":2987,"line":3135},[2985,9268,9269],{"class":2995},"  responseType",[2985,9271,3121],{"class":2991},[2985,9273,3124],{"class":2991},[2985,9275,9276],{"class":3012},"stream",[2985,9278,3051],{"class":2991},[2985,9280,3132],{"class":2991},[2985,9282,9283,9285],{"class":2987,"line":3145},[2985,9284,3034],{"class":2991},[2985,9286,3059],{"class":3030},[2985,9288,9289],{"class":2987,"line":3152},[2985,9290,3065],{"emptyLinePlaceholder":1196},[2985,9292,9293],{"class":2987,"line":3158},[2985,9294,9295],{"class":3148},"// Create a new ReadableStream from the response with TextDecoderStream to get the data as text\n",[2985,9297,9298,9300,9303,9305,9308,9310,9313,9315,9318,9321,9324,9326,9329],{"class":2987,"line":3166},[2985,9299,3024],{"class":2999},[2985,9301,9302],{"class":3030}," reader ",[2985,9304,3006],{"class":2991},[2985,9306,9307],{"class":3030}," response",[2985,9309,2867],{"class":2991},[2985,9311,9312],{"class":3044},"pipeThrough",[2985,9314,3048],{"class":3030},[2985,9316,9317],{"class":2991},"new",[2985,9319,9320],{"class":3044}," TextDecoderStream",[2985,9322,9323],{"class":3030},"())",[2985,9325,2867],{"class":2991},[2985,9327,9328],{"class":3044},"getReader",[2985,9330,4577],{"class":3030},[2985,9332,9333],{"class":2987,"line":3172},[2985,9334,3065],{"emptyLinePlaceholder":1196},[2985,9336,9337],{"class":2987,"line":3182},[2985,9338,9339],{"class":3148},"// Read the chunk of data as we get it\n",[2985,9341,9342,9345,9347,9350,9352],{"class":2987,"line":3187},[2985,9343,9344],{"class":3040},"while",[2985,9346,4373],{"class":3030},[2985,9348,9349],{"class":4865},"true",[2985,9351,6638],{"class":3030},[2985,9353,6641],{"class":2991},[2985,9355,9356,9358,9360,9362,9364,9367,9369,9371,9373,9376,9378,9381],{"class":2987,"line":3197},[2985,9357,3088],{"class":2999},[2985,9359,3027],{"class":2991},[2985,9361,5653],{"class":3030},[2985,9363,3110],{"class":2991},[2985,9365,9366],{"class":3030}," done",[2985,9368,3732],{"class":2991},[2985,9370,3037],{"class":2991},[2985,9372,3041],{"class":3040},[2985,9374,9375],{"class":3030}," reader",[2985,9377,2867],{"class":2991},[2985,9379,9380],{"class":3044},"read",[2985,9382,4577],{"class":2995},[2985,9384,9385],{"class":2987,"line":3220},[2985,9386,3065],{"emptyLinePlaceholder":1196},[2985,9388,9389,9391,9393,9396,9398,9400,9403],{"class":2987,"line":3226},[2985,9390,6622],{"class":3040},[2985,9392,4373],{"class":2995},[2985,9394,9395],{"class":3030},"done",[2985,9397,6638],{"class":2995},[2985,9399,5482],{"class":2991},[2985,9401,9402],{"class":3040}," break",[2985,9404,4501],{"class":2991},[2985,9406,9407],{"class":2987,"line":3236},[2985,9408,3065],{"emptyLinePlaceholder":1196},[2985,9410,9411,9414,9416,9418,9420,9422,9425,9427,9429,9431],{"class":2987,"line":3248},[2985,9412,9413],{"class":3030},"  console",[2985,9415,2867],{"class":2991},[2985,9417,8203],{"class":3044},[2985,9419,3048],{"class":2995},[2985,9421,3051],{"class":2991},[2985,9423,9424],{"class":3012},"Received:",[2985,9426,3051],{"class":2991},[2985,9428,3110],{"class":2991},[2985,9430,5653],{"class":3030},[2985,9432,3059],{"class":2995},[2985,9434,9435],{"class":2987,"line":3271},[2985,9436,3169],{"class":2991},[3313,9438,9440],{"id":9439},"making-parallel-requests","Making parallel requests",[2852,9442,9443,9444,9447],{},"When requests don't rely on each other, you can make them in parallel with ",[2856,9445,9446],{},"Promise.all()"," to boost performance.",[2975,9449,9451],{"className":3587,"code":9450,"language":3013,"meta":2981,"style":2981},"const { data } = await useAsyncData((_nuxtApp, { signal }) => {\n  return Promise.all([\n    $fetch('/api/comments/', { signal }),\n    $fetch('/api/author/12', { signal }),\n  ])\n})\n\nconst comments = computed(() => data.value?.[0])\nconst author = computed(() => data.value?.[1])\n",[2856,9452,9453,9487,9499,9524,9549,9553,9559,9563,9596],{"__ignoreMap":2981},[2985,9454,9455,9457,9459,9461,9463,9465,9467,9469,9471,9473,9475,9477,9479,9481,9483,9485],{"class":2987,"line":2988},[2985,9456,3024],{"class":2999},[2985,9458,3027],{"class":2991},[2985,9460,3031],{"class":3030},[2985,9462,3034],{"class":2991},[2985,9464,3037],{"class":2991},[2985,9466,3041],{"class":3040},[2985,9468,4039],{"class":3044},[2985,9470,3048],{"class":3030},[2985,9472,3048],{"class":2991},[2985,9474,4376],{"class":3611},[2985,9476,3110],{"class":2991},[2985,9478,3027],{"class":2991},[2985,9480,4383],{"class":3611},[2985,9482,4386],{"class":2991},[2985,9484,3615],{"class":2999},[2985,9486,3082],{"class":2991},[2985,9488,9489,9491,9493,9495,9497],{"class":2987,"line":3021},[2985,9490,3709],{"class":3040},[2985,9492,4416],{"class":4415},[2985,9494,2867],{"class":2991},[2985,9496,4421],{"class":3044},[2985,9498,4424],{"class":2995},[2985,9500,9501,9503,9505,9507,9510,9512,9514,9516,9518,9520,9522],{"class":2987,"line":3062},[2985,9502,4429],{"class":3044},[2985,9504,3048],{"class":2995},[2985,9506,3051],{"class":2991},[2985,9508,9509],{"class":3012},"/api/comments/",[2985,9511,3051],{"class":2991},[2985,9513,3110],{"class":2991},[2985,9515,3027],{"class":2991},[2985,9517,4383],{"class":3030},[2985,9519,3732],{"class":2991},[2985,9521,4449],{"class":2995},[2985,9523,3132],{"class":2991},[2985,9525,9526,9528,9530,9532,9535,9537,9539,9541,9543,9545,9547],{"class":2987,"line":3068},[2985,9527,4429],{"class":3044},[2985,9529,3048],{"class":2995},[2985,9531,3051],{"class":2991},[2985,9533,9534],{"class":3012},"/api/author/12",[2985,9536,3051],{"class":2991},[2985,9538,3110],{"class":2991},[2985,9540,3027],{"class":2991},[2985,9542,4383],{"class":3030},[2985,9544,3732],{"class":2991},[2985,9546,4449],{"class":2995},[2985,9548,3132],{"class":2991},[2985,9550,9551],{"class":2987,"line":3085},[2985,9552,4481],{"class":2995},[2985,9554,9555,9557],{"class":2987,"line":3115},[2985,9556,3034],{"class":2991},[2985,9558,3059],{"class":3030},[2985,9560,9561],{"class":2987,"line":3135},[2985,9562,3065],{"emptyLinePlaceholder":1196},[2985,9564,9565,9567,9569,9571,9573,9575,9577,9579,9581,9583,9585,9588,9591,9594],{"class":2987,"line":3145},[2985,9566,3024],{"class":2999},[2985,9568,5163],{"class":3030},[2985,9570,3006],{"class":2991},[2985,9572,7307],{"class":3044},[2985,9574,3048],{"class":3030},[2985,9576,4102],{"class":2991},[2985,9578,3615],{"class":2999},[2985,9580,3850],{"class":3030},[2985,9582,2867],{"class":2991},[2985,9584,6242],{"class":3030},[2985,9586,9587],{"class":2991},"?.",[2985,9589,9590],{"class":3030},"[",[2985,9592,9593],{"class":6720},"0",[2985,9595,3687],{"class":3030},[2985,9597,9598,9600,9603,9605,9607,9609,9611,9613,9615,9617,9619,9621,9623,9625],{"class":2987,"line":3152},[2985,9599,3024],{"class":2999},[2985,9601,9602],{"class":3030}," author ",[2985,9604,3006],{"class":2991},[2985,9606,7307],{"class":3044},[2985,9608,3048],{"class":3030},[2985,9610,4102],{"class":2991},[2985,9612,3615],{"class":2999},[2985,9614,3850],{"class":3030},[2985,9616,2867],{"class":2991},[2985,9618,6242],{"class":3030},[2985,9620,9587],{"class":2991},[2985,9622,9590],{"class":3030},[2985,9624,6721],{"class":6720},[2985,9626,3687],{"class":3030},[3933,9628],{"title":9629,"video-id":9630,"platform":5083},"Watch a video from Vue School on parallel data fetching","1024262536",[9632,9633,9634],"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 .s8R28, html code.shiki .s8R28{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#39ADB5;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .s3cPz, html code.shiki .s3cPz{--shiki-light:#6182B8;--shiki-default:#6182B8;--shiki-dark:#82AAFF}html pre.shiki code .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 .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 .s52Pk, html code.shiki .s52Pk{--shiki-light:#E2931D;--shiki-default:#E2931D;--shiki-dark:#FFCB6B}html pre.shiki code .sbKd-, html code.shiki .sbKd-{--shiki-light:#FF5370;--shiki-default:#FF5370;--shiki-dark:#FF9CAC}html pre.shiki code .sYRBq, html code.shiki .sYRBq{--shiki-light:#F76D47;--shiki-default:#F76D47;--shiki-dark:#F78C6C}",{"title":2981,"searchDepth":3021,"depth":3021,"links":9636},[9637,9641,9644,9645,9646,9647,9654,9657,9658,9659,9664],{"id":2917,"depth":3021,"text":9638,"children":9639},"The need for useFetch and useAsyncData",[9640],{"id":3315,"depth":3062,"text":3316},{"id":3341,"depth":3021,"text":630,"children":9642},[9643],{"id":3508,"depth":3062,"text":3509},{"id":3804,"depth":3021,"text":527},{"id":3944,"depth":3021,"text":515},{"id":4637,"depth":3021,"text":4638},{"id":4768,"depth":3021,"text":4769,"children":9648},[9649,9650,9651,9652,9653],{"id":4783,"depth":3062,"text":4784},{"id":5086,"depth":3062,"text":5087},{"id":5224,"depth":3062,"text":5225},{"id":5538,"depth":3062,"text":5539},{"id":7186,"depth":3062,"text":7551},{"id":7829,"depth":3021,"text":7830,"children":9655},[9656],{"id":7861,"depth":3062,"text":7862},{"id":8222,"depth":3021,"text":8223},{"id":8361,"depth":3021,"text":8362},{"id":8423,"depth":3021,"text":8424,"children":9660},[9661,9662,9663],{"id":8455,"depth":3062,"text":8456},{"id":8564,"depth":3062,"text":8565},{"id":8847,"depth":3062,"text":8848},{"id":9150,"depth":3021,"text":357,"children":9665},[9666,9667],{"id":9153,"depth":3062,"text":9154},{"id":9439,"depth":3062,"text":9440},"Nuxt provides composables to handle data fetching within your application.","md",{},{"icon":67},{"title":64,"description":9668},"DlgrK0xWdFAl8Ub3qlMG3rPdG2MMhoKS-WTiQU5yPPs",[9675,9677],{"title":59,"path":1153,"stem":1154,"description":9676,"icon":62,"children":-1},"Apply transitions between pages and layouts with Vue or native browser View Transitions.",{"title":69,"path":1159,"stem":1160,"description":9678,"icon":72,"children":-1},"Nuxt provides powerful state management libraries and the useState composable to create a reactive and SSR-friendly shared state.",1772452237686]