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