[{"data":1,"prerenderedAt":8865},["ShallowReactive",2],{"$fGCo9l1hMtNdUiA6QzdUX5X3kLqaWcC5t2kdz4LrvCvc":3,"versions":2028,"-docs-4-x-getting-started-data-fetching":2032,"-docs-4-x-getting-started-data-fetching-surround":8860},[4,1120,1939],{"title":5,"titleTemplate":6,"icon":7,"path":8,"stem":9,"children":10,"page":108},"Docs",null,"i-lucide-book-marked","/docs/3.x","docs/3.x",[11,109,246,426,907,999,1036,1078],{"title":12,"titleTemplate":13,"icon":14,"path":15,"stem":16,"children":17,"page":108},"Get Started","%s · Get Started with Nuxt","i-lucide-rocket","/docs/3.x/getting-started","docs/3.x/1.getting-started",[18,23,28,33,38,43,48,53,58,63,68,73,78,83,88,93,98,103],{"title":19,"path":20,"stem":21,"titleTemplate":6,"icon":22},"Introduction","/docs/3.x/getting-started/introduction","docs/3.x/1.getting-started/01.introduction","i-lucide-info",{"title":24,"path":25,"stem":26,"titleTemplate":6,"icon":27},"Installation","/docs/3.x/getting-started/installation","docs/3.x/1.getting-started/02.installation","i-lucide-play",{"title":29,"path":30,"stem":31,"titleTemplate":6,"icon":32},"Configuration","/docs/3.x/getting-started/configuration","docs/3.x/1.getting-started/03.configuration","i-lucide-cog",{"title":34,"path":35,"stem":36,"titleTemplate":6,"icon":37},"Views","/docs/3.x/getting-started/views","docs/3.x/1.getting-started/04.views","i-lucide-panels-top-left",{"title":39,"path":40,"stem":41,"titleTemplate":6,"icon":42},"Assets","/docs/3.x/getting-started/assets","docs/3.x/1.getting-started/05.assets","i-lucide-image",{"title":44,"path":45,"stem":46,"titleTemplate":6,"icon":47},"Styling","/docs/3.x/getting-started/styling","docs/3.x/1.getting-started/06.styling","i-lucide-palette",{"title":49,"path":50,"stem":51,"titleTemplate":6,"icon":52},"Routing","/docs/3.x/getting-started/routing","docs/3.x/1.getting-started/07.routing","i-lucide-milestone",{"title":54,"path":55,"stem":56,"titleTemplate":6,"icon":57},"SEO and Meta","/docs/3.x/getting-started/seo-meta","docs/3.x/1.getting-started/08.seo-meta","i-lucide-file-search",{"title":59,"path":60,"stem":61,"titleTemplate":6,"icon":62},"Transitions","/docs/3.x/getting-started/transitions","docs/3.x/1.getting-started/09.transitions","i-lucide-toggle-right",{"title":64,"path":65,"stem":66,"titleTemplate":6,"icon":67},"Data Fetching","/docs/3.x/getting-started/data-fetching","docs/3.x/1.getting-started/10.data-fetching","i-lucide-cable",{"title":69,"path":70,"stem":71,"titleTemplate":6,"icon":72},"State Management","/docs/3.x/getting-started/state-management","docs/3.x/1.getting-started/11.state-management","i-lucide-database",{"title":74,"path":75,"stem":76,"titleTemplate":6,"icon":77},"Error Handling","/docs/3.x/getting-started/error-handling","docs/3.x/1.getting-started/12.error-handling","i-lucide-bug-off",{"title":79,"path":80,"stem":81,"titleTemplate":6,"icon":82},"Server","/docs/3.x/getting-started/server","docs/3.x/1.getting-started/13.server","i-lucide-pc-case",{"title":84,"path":85,"stem":86,"titleTemplate":6,"icon":87},"Layers","/docs/3.x/getting-started/layers","docs/3.x/1.getting-started/14.layers","i-lucide-layers",{"title":89,"path":90,"stem":91,"titleTemplate":6,"icon":92},"Prerendering","/docs/3.x/getting-started/prerendering","docs/3.x/1.getting-started/15.prerendering","i-lucide-file-code-2",{"title":94,"path":95,"stem":96,"titleTemplate":6,"icon":97},"Deployment","/docs/3.x/getting-started/deployment","docs/3.x/1.getting-started/16.deployment","i-lucide-cloud",{"title":99,"path":100,"stem":101,"titleTemplate":6,"icon":102},"Testing","/docs/3.x/getting-started/testing","docs/3.x/1.getting-started/17.testing","i-lucide-circle-check",{"title":104,"path":105,"stem":106,"titleTemplate":6,"icon":107},"Upgrade Guide","/docs/3.x/getting-started/upgrade","docs/3.x/1.getting-started/18.upgrade","i-lucide-circle-arrow-up",false,{"title":110,"titleTemplate":111,"icon":112,"path":113,"stem":114,"children":115,"page":108},"Directory Structure","%s · Nuxt Directory Structure","i-vscode-icons-default-folder","/docs/3.x/directory-structure","docs/3.x/2.directory-structure",[116,121,126,131,136,141,146,151,156,161,165,170,174,179,184,189,194,199,204,209,214,218,223,228,232,236,241],{"title":117,"path":118,"stem":119,"titleTemplate":6,"icon":120},".nuxt","/docs/3.x/directory-structure/nuxt","docs/3.x/2.directory-structure/0.nuxt","i-vscode-icons-folder-type-temp",{"title":122,"path":123,"stem":124,"titleTemplate":6,"icon":125},".output","/docs/3.x/directory-structure/output","docs/3.x/2.directory-structure/0.output","i-vscode-icons-folder-type-package",{"title":127,"path":128,"stem":129,"titleTemplate":6,"icon":130},"assets","/docs/3.x/directory-structure/assets","docs/3.x/2.directory-structure/1.assets","i-vscode-icons-folder-type-asset",{"title":132,"path":133,"stem":134,"titleTemplate":6,"icon":135},"components","/docs/3.x/directory-structure/components","docs/3.x/2.directory-structure/1.components","i-vscode-icons-folder-type-component",{"title":137,"path":138,"stem":139,"titleTemplate":6,"icon":140},"composables","/docs/3.x/directory-structure/composables","docs/3.x/2.directory-structure/1.composables","i-vscode-icons-folder-type-src",{"title":142,"path":143,"stem":144,"titleTemplate":6,"icon":145},"content","/docs/3.x/directory-structure/content","docs/3.x/2.directory-structure/1.content","i-vscode-icons-folder-type-log",{"title":147,"path":148,"stem":149,"titleTemplate":6,"icon":150},"layers","/docs/3.x/directory-structure/layers","docs/3.x/2.directory-structure/1.layers","i-vscode-icons-folder-type-nuxt",{"title":152,"path":153,"stem":154,"titleTemplate":6,"icon":155},"layouts","/docs/3.x/directory-structure/layouts","docs/3.x/2.directory-structure/1.layouts","i-vscode-icons-folder-type-view",{"title":157,"path":158,"stem":159,"titleTemplate":6,"icon":160},"middleware","/docs/3.x/directory-structure/middleware","docs/3.x/2.directory-structure/1.middleware","i-vscode-icons-folder-type-middleware",{"title":162,"path":163,"stem":164,"titleTemplate":6,"icon":150},"modules","/docs/3.x/directory-structure/modules","docs/3.x/2.directory-structure/1.modules",{"title":166,"path":167,"stem":168,"titleTemplate":6,"icon":169},"node_modules","/docs/3.x/directory-structure/node_modules","docs/3.x/2.directory-structure/1.node_modules","i-vscode-icons-folder-type-node",{"title":171,"path":172,"stem":173,"titleTemplate":6,"icon":155},"pages","/docs/3.x/directory-structure/pages","docs/3.x/2.directory-structure/1.pages",{"title":175,"path":176,"stem":177,"titleTemplate":6,"icon":178},"plugins","/docs/3.x/directory-structure/plugins","docs/3.x/2.directory-structure/1.plugins","i-vscode-icons-folder-type-plugin",{"title":180,"path":181,"stem":182,"titleTemplate":6,"icon":183},"public","/docs/3.x/directory-structure/public","docs/3.x/2.directory-structure/1.public","i-vscode-icons-folder-type-public",{"title":185,"path":186,"stem":187,"titleTemplate":6,"icon":188},"server","/docs/3.x/directory-structure/server","docs/3.x/2.directory-structure/1.server","i-vscode-icons-folder-type-server",{"title":190,"path":191,"stem":192,"titleTemplate":6,"icon":193},"shared","/docs/3.x/directory-structure/shared","docs/3.x/2.directory-structure/1.shared","i-vscode-icons-folder-type-shared",{"title":195,"path":196,"stem":197,"titleTemplate":6,"icon":198},"utils","/docs/3.x/directory-structure/utils","docs/3.x/2.directory-structure/1.utils","i-vscode-icons-folder-type-tools",{"title":200,"path":201,"stem":202,"titleTemplate":6,"icon":203},".env","/docs/3.x/directory-structure/env","docs/3.x/2.directory-structure/2.env","i-vscode-icons-file-type-dotenv",{"title":205,"path":206,"stem":207,"titleTemplate":6,"icon":208},".gitignore","/docs/3.x/directory-structure/gitignore","docs/3.x/2.directory-structure/2.gitignore","i-vscode-icons-file-type-git",{"title":210,"path":211,"stem":212,"titleTemplate":6,"icon":213},".nuxtignore","/docs/3.x/directory-structure/nuxtignore","docs/3.x/2.directory-structure/2.nuxtignore","i-vscode-icons-file-type-nuxt",{"title":215,"path":216,"stem":217,"titleTemplate":6,"icon":213},".nuxtrc","/docs/3.x/directory-structure/nuxtrc","docs/3.x/2.directory-structure/2.nuxtrc",{"title":219,"path":220,"stem":221,"titleTemplate":6,"icon":222},"app.vue","/docs/3.x/directory-structure/app","docs/3.x/2.directory-structure/3.app","i-vscode-icons-file-type-vue",{"title":224,"path":225,"stem":226,"titleTemplate":6,"icon":227},"app.config.ts","/docs/3.x/directory-structure/app-config","docs/3.x/2.directory-structure/3.app-config","i-vscode-icons-file-type-light-config",{"title":229,"path":230,"stem":231,"titleTemplate":6,"icon":222},"error.vue","/docs/3.x/directory-structure/error","docs/3.x/2.directory-structure/3.error",{"title":233,"path":234,"stem":235,"titleTemplate":6,"icon":213},"nuxt.config.ts","/docs/3.x/directory-structure/nuxt-config","docs/3.x/2.directory-structure/3.nuxt-config",{"title":237,"path":238,"stem":239,"titleTemplate":6,"icon":240},"package.json","/docs/3.x/directory-structure/package","docs/3.x/2.directory-structure/3.package","i-vscode-icons-file-type-npm",{"title":242,"path":243,"stem":244,"titleTemplate":6,"icon":245},"tsconfig.json","/docs/3.x/directory-structure/tsconfig","docs/3.x/2.directory-structure/3.tsconfig","i-vscode-icons-file-type-tsconfig",{"title":247,"titleTemplate":6,"icon":248,"path":249,"stem":250,"children":251,"page":108},"Guide","i-lucide-book-open","/docs/3.x/guide","docs/3.x/3.guide",[252,287,306,321,356,379],{"title":253,"titleTemplate":254,"icon":255,"path":256,"stem":257,"children":258,"page":108},"Key Concepts","%s · Nuxt Concepts","i-lucide-medal","/docs/3.x/guide/concepts","docs/3.x/3.guide/1.concepts",[259,263,267,271,275,279,283],{"title":260,"path":261,"stem":262,"titleTemplate":6},"Rendering Modes","/docs/3.x/guide/concepts/rendering","docs/3.x/3.guide/1.concepts/1.rendering",{"title":264,"path":265,"stem":266,"titleTemplate":6},"Nuxt Lifecycle","/docs/3.x/guide/concepts/nuxt-lifecycle","docs/3.x/3.guide/1.concepts/2.nuxt-lifecycle",{"title":268,"path":269,"stem":270,"titleTemplate":6},"Auto-imports","/docs/3.x/guide/concepts/auto-imports","docs/3.x/3.guide/1.concepts/3.auto-imports",{"title":272,"path":273,"stem":274,"titleTemplate":6},"Server Engine","/docs/3.x/guide/concepts/server-engine","docs/3.x/3.guide/1.concepts/4.server-engine",{"title":276,"path":277,"stem":278,"titleTemplate":6},"Modules","/docs/3.x/guide/concepts/modules","docs/3.x/3.guide/1.concepts/5.modules",{"title":280,"path":281,"stem":282,"titleTemplate":6},"TypeScript","/docs/3.x/guide/concepts/typescript","docs/3.x/3.guide/1.concepts/8.typescript",{"title":284,"path":285,"stem":286,"titleTemplate":6},"Code Style","/docs/3.x/guide/concepts/code-style","docs/3.x/3.guide/1.concepts/9.code-style",{"title":288,"titleTemplate":289,"icon":290,"path":291,"stem":292,"children":293,"page":108},"Best Practices","%s · Best Practices","i-lucide-square-check","/docs/3.x/guide/best-practices","docs/3.x/3.guide/2.best-practices",[294,298,302],{"title":295,"path":296,"stem":297,"titleTemplate":6},"Nuxt and hydration","/docs/3.x/guide/best-practices/hydration","docs/3.x/3.guide/2.best-practices/hydration",{"title":299,"path":300,"stem":301,"titleTemplate":6},"Nuxt Performance","/docs/3.x/guide/best-practices/performance","docs/3.x/3.guide/2.best-practices/performance",{"title":303,"path":304,"stem":305,"titleTemplate":6},"Nuxt Plugins","/docs/3.x/guide/best-practices/plugins","docs/3.x/3.guide/2.best-practices/plugins",{"title":307,"titleTemplate":308,"icon":309,"path":310,"stem":311,"children":312,"page":108},"Working with AI","Working with AI: %s","i-lucide-bot","/docs/3.x/guide/ai","docs/3.x/3.guide/3.ai",[313,317],{"title":314,"path":315,"stem":316,"titleTemplate":6},"MCP Server","/docs/3.x/guide/ai/mcp","docs/3.x/3.guide/3.ai/1.mcp",{"title":318,"path":319,"stem":320,"titleTemplate":6},"LLMs.txt","/docs/3.x/guide/ai/llms-txt","docs/3.x/3.guide/3.ai/2.llms-txt",{"title":322,"titleTemplate":323,"icon":324,"path":325,"stem":326,"children":327,"page":108},"Module Author Guide","%s · Nuxt Modules Author Guide","i-lucide-box","/docs/3.x/guide/modules","docs/3.x/3.guide/4.modules",[328,332,336,340,344,348,352],{"title":329,"path":330,"stem":331,"titleTemplate":6},"Create Your First Module","/docs/3.x/guide/modules/getting-started","docs/3.x/3.guide/4.modules/1.getting-started",{"title":333,"path":334,"stem":335,"titleTemplate":6},"Understand Module Structure","/docs/3.x/guide/modules/module-anatomy","docs/3.x/3.guide/4.modules/2.module-anatomy",{"title":337,"path":338,"stem":339,"titleTemplate":6},"Add Plugins, Components & More","/docs/3.x/guide/modules/recipes-basics","docs/3.x/3.guide/4.modules/3.recipes-basics",{"title":341,"path":342,"stem":343,"titleTemplate":6},"Use Hooks & Extend Types","/docs/3.x/guide/modules/recipes-advanced","docs/3.x/3.guide/4.modules/4.recipes-advanced",{"title":345,"path":346,"stem":347,"titleTemplate":6},"Test Your Module","/docs/3.x/guide/modules/testing","docs/3.x/3.guide/4.modules/5.testing",{"title":349,"path":350,"stem":351,"titleTemplate":6},"Follow Best Practices","/docs/3.x/guide/modules/best-practices","docs/3.x/3.guide/4.modules/6.best-practices",{"title":353,"path":354,"stem":355,"titleTemplate":6},"Publish & Share Your Module","/docs/3.x/guide/modules/ecosystem","docs/3.x/3.guide/4.modules/7.ecosystem",{"title":357,"titleTemplate":358,"icon":359,"path":360,"stem":361,"children":362,"page":108},"Recipes","%s · Recipes","i-lucide-cooking-pot","/docs/3.x/guide/recipes","docs/3.x/3.guide/5.recipes",[363,367,371,375],{"title":364,"path":365,"stem":366,"titleTemplate":6},"Custom Routing","/docs/3.x/guide/recipes/custom-routing","docs/3.x/3.guide/5.recipes/1.custom-routing",{"title":368,"path":369,"stem":370,"titleTemplate":6},"Vite Plugins","/docs/3.x/guide/recipes/vite-plugin","docs/3.x/3.guide/5.recipes/2.vite-plugin",{"title":372,"path":373,"stem":374,"titleTemplate":6},"Custom useFetch","/docs/3.x/guide/recipes/custom-usefetch","docs/3.x/3.guide/5.recipes/3.custom-usefetch",{"title":376,"path":377,"stem":378,"titleTemplate":6},"Sessions and Authentication","/docs/3.x/guide/recipes/sessions-and-authentication","docs/3.x/3.guide/5.recipes/4.sessions-and-authentication",{"title":380,"titleTemplate":381,"icon":382,"path":383,"stem":384,"children":385,"page":108},"Going Further","%s · Nuxt Advanced","i-lucide-star","/docs/3.x/guide/going-further","docs/3.x/3.guide/6.going-further",[386,390,394,398,402,406,410,414,418,422],{"title":387,"path":388,"stem":389,"titleTemplate":6},"Custom Events","/docs/3.x/guide/going-further/events","docs/3.x/3.guide/6.going-further/1.events",{"title":391,"path":392,"stem":393,"titleTemplate":6},"Experimental Features","/docs/3.x/guide/going-further/experimental-features","docs/3.x/3.guide/6.going-further/1.experimental-features",{"title":395,"path":396,"stem":397,"titleTemplate":6},"Features","/docs/3.x/guide/going-further/features","docs/3.x/3.guide/6.going-further/1.features",{"title":399,"path":400,"stem":401,"titleTemplate":6},"Runtime Config","/docs/3.x/guide/going-further/runtime-config","docs/3.x/3.guide/6.going-further/10.runtime-config",{"title":403,"path":404,"stem":405,"titleTemplate":6},"Nightly Release Channel","/docs/3.x/guide/going-further/nightly-release-channel","docs/3.x/3.guide/6.going-further/11.nightly-release-channel",{"title":407,"path":408,"stem":409,"titleTemplate":6},"Lifecycle Hooks","/docs/3.x/guide/going-further/hooks","docs/3.x/3.guide/6.going-further/2.hooks",{"title":411,"path":412,"stem":413,"titleTemplate":6},"Nuxt Kit","/docs/3.x/guide/going-further/kit","docs/3.x/3.guide/6.going-further/4.kit",{"title":415,"path":416,"stem":417,"titleTemplate":6},"NuxtApp","/docs/3.x/guide/going-further/nuxt-app","docs/3.x/3.guide/6.going-further/6.nuxt-app",{"title":419,"path":420,"stem":421,"titleTemplate":6},"Authoring Nuxt Layers","/docs/3.x/guide/going-further/layers","docs/3.x/3.guide/6.going-further/7.layers",{"title":423,"path":424,"stem":425,"titleTemplate":6},"Debugging","/docs/3.x/guide/going-further/debugging","docs/3.x/3.guide/6.going-further/9.debugging",{"title":427,"titleTemplate":428,"icon":429,"path":430,"stem":431,"children":432,"page":108},"API","%s · Nuxt API","i-lucide-code-xml","/docs/3.x/api","docs/3.x/4.api",[433,499,622,745,816,889,902],{"title":434,"titleTemplate":435,"icon":324,"path":436,"stem":437,"children":438,"page":108},"Components","%s · Nuxt Components","/docs/3.x/api/components","docs/3.x/4.api/1.components",[439,443,447,451,455,459,463,467,471,475,479,483,487,491,495],{"title":440,"path":441,"stem":442,"titleTemplate":6},"\u003CClientOnly>","/docs/3.x/api/components/client-only","docs/3.x/4.api/1.components/1.client-only",{"title":444,"path":445,"stem":446,"titleTemplate":6},"\u003CDevOnly>","/docs/3.x/api/components/dev-only","docs/3.x/4.api/1.components/1.dev-only",{"title":448,"path":449,"stem":450,"titleTemplate":6},"\u003CNuxtClientFallback>","/docs/3.x/api/components/nuxt-client-fallback","docs/3.x/4.api/1.components/1.nuxt-client-fallback",{"title":452,"path":453,"stem":454,"titleTemplate":6},"\u003CNuxtPicture>","/docs/3.x/api/components/nuxt-picture","docs/3.x/4.api/1.components/10.nuxt-picture",{"title":456,"path":457,"stem":458,"titleTemplate":6},"\u003CTeleport>","/docs/3.x/api/components/teleports","docs/3.x/4.api/1.components/11.teleports",{"title":460,"path":461,"stem":462,"titleTemplate":6},"\u003CNuxtRouteAnnouncer>","/docs/3.x/api/components/nuxt-route-announcer","docs/3.x/4.api/1.components/12.nuxt-route-announcer",{"title":464,"path":465,"stem":466,"titleTemplate":6},"\u003CNuxtTime>","/docs/3.x/api/components/nuxt-time","docs/3.x/4.api/1.components/13.nuxt-time",{"title":468,"path":469,"stem":470,"titleTemplate":6},"\u003CNuxtPage>","/docs/3.x/api/components/nuxt-page","docs/3.x/4.api/1.components/2.nuxt-page",{"title":472,"path":473,"stem":474,"titleTemplate":6},"\u003CNuxtLayout>","/docs/3.x/api/components/nuxt-layout","docs/3.x/4.api/1.components/3.nuxt-layout",{"title":476,"path":477,"stem":478,"titleTemplate":6},"\u003CNuxtLink>","/docs/3.x/api/components/nuxt-link","docs/3.x/4.api/1.components/4.nuxt-link",{"title":480,"path":481,"stem":482,"titleTemplate":6},"\u003CNuxtLoadingIndicator>","/docs/3.x/api/components/nuxt-loading-indicator","docs/3.x/4.api/1.components/5.nuxt-loading-indicator",{"title":484,"path":485,"stem":486,"titleTemplate":6},"\u003CNuxtErrorBoundary>","/docs/3.x/api/components/nuxt-error-boundary","docs/3.x/4.api/1.components/6.nuxt-error-boundary",{"title":488,"path":489,"stem":490,"titleTemplate":6},"\u003CNuxtWelcome>","/docs/3.x/api/components/nuxt-welcome","docs/3.x/4.api/1.components/7.nuxt-welcome",{"title":492,"path":493,"stem":494,"titleTemplate":6},"\u003CNuxtIsland>","/docs/3.x/api/components/nuxt-island","docs/3.x/4.api/1.components/8.nuxt-island",{"title":496,"path":497,"stem":498,"titleTemplate":6},"\u003CNuxtImg>","/docs/3.x/api/components/nuxt-img","docs/3.x/4.api/1.components/9.nuxt-img",{"title":500,"titleTemplate":501,"icon":502,"path":503,"stem":504,"children":505,"page":108},"Composables","%s · Nuxt Composables","i-lucide-arrow-left-right","/docs/3.x/api/composables","docs/3.x/4.api/2.composables",[506,510,514,518,522,526,530,534,538,542,546,550,554,558,562,566,570,574,578,582,586,590,594,598,602,606,610,614,618],{"title":507,"path":508,"stem":509,"titleTemplate":6},"onPrehydrate","/docs/3.x/api/composables/on-prehydrate","docs/3.x/4.api/2.composables/on-prehydrate",{"title":511,"path":512,"stem":513,"titleTemplate":6},"useAppConfig","/docs/3.x/api/composables/use-app-config","docs/3.x/4.api/2.composables/use-app-config",{"title":515,"path":516,"stem":517,"titleTemplate":6},"useAsyncData","/docs/3.x/api/composables/use-async-data","docs/3.x/4.api/2.composables/use-async-data",{"title":519,"path":520,"stem":521,"titleTemplate":6},"useCookie","/docs/3.x/api/composables/use-cookie","docs/3.x/4.api/2.composables/use-cookie",{"title":523,"path":524,"stem":525,"titleTemplate":6},"useError","/docs/3.x/api/composables/use-error","docs/3.x/4.api/2.composables/use-error",{"title":527,"path":528,"stem":529,"titleTemplate":6},"useFetch","/docs/3.x/api/composables/use-fetch","docs/3.x/4.api/2.composables/use-fetch",{"title":531,"path":532,"stem":533,"titleTemplate":6},"useHead","/docs/3.x/api/composables/use-head","docs/3.x/4.api/2.composables/use-head",{"title":535,"path":536,"stem":537,"titleTemplate":6},"useHeadSafe","/docs/3.x/api/composables/use-head-safe","docs/3.x/4.api/2.composables/use-head-safe",{"title":539,"path":540,"stem":541,"titleTemplate":6},"useHydration","/docs/3.x/api/composables/use-hydration","docs/3.x/4.api/2.composables/use-hydration",{"title":543,"path":544,"stem":545,"titleTemplate":6},"useLazyAsyncData","/docs/3.x/api/composables/use-lazy-async-data","docs/3.x/4.api/2.composables/use-lazy-async-data",{"title":547,"path":548,"stem":549,"titleTemplate":6},"useLazyFetch","/docs/3.x/api/composables/use-lazy-fetch","docs/3.x/4.api/2.composables/use-lazy-fetch",{"title":551,"path":552,"stem":553,"titleTemplate":6},"useLoadingIndicator","/docs/3.x/api/composables/use-loading-indicator","docs/3.x/4.api/2.composables/use-loading-indicator",{"title":555,"path":556,"stem":557,"titleTemplate":6},"useNuxtApp","/docs/3.x/api/composables/use-nuxt-app","docs/3.x/4.api/2.composables/use-nuxt-app",{"title":559,"path":560,"stem":561,"titleTemplate":6},"useNuxtData","/docs/3.x/api/composables/use-nuxt-data","docs/3.x/4.api/2.composables/use-nuxt-data",{"title":563,"path":564,"stem":565,"titleTemplate":6},"usePreviewMode","/docs/3.x/api/composables/use-preview-mode","docs/3.x/4.api/2.composables/use-preview-mode",{"title":567,"path":568,"stem":569,"titleTemplate":6},"useRequestEvent","/docs/3.x/api/composables/use-request-event","docs/3.x/4.api/2.composables/use-request-event",{"title":571,"path":572,"stem":573,"titleTemplate":6},"useRequestFetch","/docs/3.x/api/composables/use-request-fetch","docs/3.x/4.api/2.composables/use-request-fetch",{"title":575,"path":576,"stem":577,"titleTemplate":6},"useRequestHeader","/docs/3.x/api/composables/use-request-header","docs/3.x/4.api/2.composables/use-request-header",{"title":579,"path":580,"stem":581,"titleTemplate":6},"useRequestHeaders","/docs/3.x/api/composables/use-request-headers","docs/3.x/4.api/2.composables/use-request-headers",{"title":583,"path":584,"stem":585,"titleTemplate":6},"useRequestURL","/docs/3.x/api/composables/use-request-url","docs/3.x/4.api/2.composables/use-request-url",{"title":587,"path":588,"stem":589,"titleTemplate":6},"useResponseHeader","/docs/3.x/api/composables/use-response-header","docs/3.x/4.api/2.composables/use-response-header",{"title":591,"path":592,"stem":593,"titleTemplate":6},"useRoute","/docs/3.x/api/composables/use-route","docs/3.x/4.api/2.composables/use-route",{"title":595,"path":596,"stem":597,"titleTemplate":6},"useRouteAnnouncer","/docs/3.x/api/composables/use-route-announcer","docs/3.x/4.api/2.composables/use-route-announcer",{"title":599,"path":600,"stem":601,"titleTemplate":6},"useRouter","/docs/3.x/api/composables/use-router","docs/3.x/4.api/2.composables/use-router",{"title":603,"path":604,"stem":605,"titleTemplate":6},"useRuntimeConfig","/docs/3.x/api/composables/use-runtime-config","docs/3.x/4.api/2.composables/use-runtime-config",{"title":607,"path":608,"stem":609,"titleTemplate":6},"useRuntimeHook","/docs/3.x/api/composables/use-runtime-hook","docs/3.x/4.api/2.composables/use-runtime-hook",{"title":611,"path":612,"stem":613,"titleTemplate":6},"useSeoMeta","/docs/3.x/api/composables/use-seo-meta","docs/3.x/4.api/2.composables/use-seo-meta",{"title":615,"path":616,"stem":617,"titleTemplate":6},"useServerSeoMeta","/docs/3.x/api/composables/use-server-seo-meta","docs/3.x/4.api/2.composables/use-server-seo-meta",{"title":619,"path":620,"stem":621,"titleTemplate":6},"useState","/docs/3.x/api/composables/use-state","docs/3.x/4.api/2.composables/use-state",{"title":623,"titleTemplate":624,"icon":625,"path":626,"stem":627,"children":628,"page":108},"Utils","%s · Nuxt Utils","i-lucide-square-function","/docs/3.x/api/utils","docs/3.x/4.api/3.utils",[629,633,637,641,645,649,653,657,661,665,669,673,677,681,685,689,693,697,701,705,709,713,717,721,725,729,733,737,741],{"title":630,"path":631,"stem":632,"titleTemplate":6},"$fetch","/docs/3.x/api/utils/dollarfetch","docs/3.x/4.api/3.utils/$fetch",{"title":634,"path":635,"stem":636,"titleTemplate":6},"abortNavigation","/docs/3.x/api/utils/abort-navigation","docs/3.x/4.api/3.utils/abort-navigation",{"title":638,"path":639,"stem":640,"titleTemplate":6},"addRouteMiddleware","/docs/3.x/api/utils/add-route-middleware","docs/3.x/4.api/3.utils/add-route-middleware",{"title":642,"path":643,"stem":644,"titleTemplate":6},"callOnce","/docs/3.x/api/utils/call-once","docs/3.x/4.api/3.utils/call-once",{"title":646,"path":647,"stem":648,"titleTemplate":6},"clearError","/docs/3.x/api/utils/clear-error","docs/3.x/4.api/3.utils/clear-error",{"title":650,"path":651,"stem":652,"titleTemplate":6},"clearNuxtData","/docs/3.x/api/utils/clear-nuxt-data","docs/3.x/4.api/3.utils/clear-nuxt-data",{"title":654,"path":655,"stem":656,"titleTemplate":6},"clearNuxtState","/docs/3.x/api/utils/clear-nuxt-state","docs/3.x/4.api/3.utils/clear-nuxt-state",{"title":658,"path":659,"stem":660,"titleTemplate":6},"createError","/docs/3.x/api/utils/create-error","docs/3.x/4.api/3.utils/create-error",{"title":662,"path":663,"stem":664,"titleTemplate":6},"defineLazyHydrationComponent","/docs/3.x/api/utils/define-lazy-hydration-component","docs/3.x/4.api/3.utils/define-lazy-hydration-component",{"title":666,"path":667,"stem":668,"titleTemplate":6},"defineNuxtComponent","/docs/3.x/api/utils/define-nuxt-component","docs/3.x/4.api/3.utils/define-nuxt-component",{"title":670,"path":671,"stem":672,"titleTemplate":6},"defineNuxtPlugin","/docs/3.x/api/utils/define-nuxt-plugin","docs/3.x/4.api/3.utils/define-nuxt-plugin",{"title":674,"path":675,"stem":676,"titleTemplate":6},"defineNuxtRouteMiddleware","/docs/3.x/api/utils/define-nuxt-route-middleware","docs/3.x/4.api/3.utils/define-nuxt-route-middleware",{"title":678,"path":679,"stem":680,"titleTemplate":6},"definePageMeta","/docs/3.x/api/utils/define-page-meta","docs/3.x/4.api/3.utils/define-page-meta",{"title":682,"path":683,"stem":684,"titleTemplate":6},"defineRouteRules","/docs/3.x/api/utils/define-route-rules","docs/3.x/4.api/3.utils/define-route-rules",{"title":686,"path":687,"stem":688,"titleTemplate":6},"navigateTo","/docs/3.x/api/utils/navigate-to","docs/3.x/4.api/3.utils/navigate-to",{"title":690,"path":691,"stem":692,"titleTemplate":6},"onBeforeRouteLeave","/docs/3.x/api/utils/on-before-route-leave","docs/3.x/4.api/3.utils/on-before-route-leave",{"title":694,"path":695,"stem":696,"titleTemplate":6},"onBeforeRouteUpdate","/docs/3.x/api/utils/on-before-route-update","docs/3.x/4.api/3.utils/on-before-route-update",{"title":698,"path":699,"stem":700,"titleTemplate":6},"onNuxtReady","/docs/3.x/api/utils/on-nuxt-ready","docs/3.x/4.api/3.utils/on-nuxt-ready",{"title":702,"path":703,"stem":704,"titleTemplate":6},"prefetchComponents","/docs/3.x/api/utils/prefetch-components","docs/3.x/4.api/3.utils/prefetch-components",{"title":706,"path":707,"stem":708,"titleTemplate":6},"preloadComponents","/docs/3.x/api/utils/preload-components","docs/3.x/4.api/3.utils/preload-components",{"title":710,"path":711,"stem":712,"titleTemplate":6},"preloadRouteComponents","/docs/3.x/api/utils/preload-route-components","docs/3.x/4.api/3.utils/preload-route-components",{"title":714,"path":715,"stem":716,"titleTemplate":6},"prerenderRoutes","/docs/3.x/api/utils/prerender-routes","docs/3.x/4.api/3.utils/prerender-routes",{"title":718,"path":719,"stem":720,"titleTemplate":6},"refreshCookie","/docs/3.x/api/utils/refresh-cookie","docs/3.x/4.api/3.utils/refresh-cookie",{"title":722,"path":723,"stem":724,"titleTemplate":6},"refreshNuxtData","/docs/3.x/api/utils/refresh-nuxt-data","docs/3.x/4.api/3.utils/refresh-nuxt-data",{"title":726,"path":727,"stem":728,"titleTemplate":6},"reloadNuxtApp","/docs/3.x/api/utils/reload-nuxt-app","docs/3.x/4.api/3.utils/reload-nuxt-app",{"title":730,"path":731,"stem":732,"titleTemplate":6},"setPageLayout","/docs/3.x/api/utils/set-page-layout","docs/3.x/4.api/3.utils/set-page-layout",{"title":734,"path":735,"stem":736,"titleTemplate":6},"setResponseStatus","/docs/3.x/api/utils/set-response-status","docs/3.x/4.api/3.utils/set-response-status",{"title":738,"path":739,"stem":740,"titleTemplate":6},"showError","/docs/3.x/api/utils/show-error","docs/3.x/4.api/3.utils/show-error",{"title":742,"path":743,"stem":744,"titleTemplate":6},"updateAppConfig","/docs/3.x/api/utils/update-app-config","docs/3.x/4.api/3.utils/update-app-config",{"title":746,"titleTemplate":747,"icon":748,"path":749,"stem":750,"children":751,"page":108},"Commands","%s · Nuxt Commands","i-lucide-square-terminal","/docs/3.x/api/commands","docs/3.x/4.api/4.commands",[752,756,760,764,768,772,776,780,784,788,792,796,800,804,808,812],{"title":753,"path":754,"stem":755,"titleTemplate":6},"nuxt add","/docs/3.x/api/commands/add","docs/3.x/4.api/4.commands/add",{"title":757,"path":758,"stem":759,"titleTemplate":6},"nuxt analyze","/docs/3.x/api/commands/analyze","docs/3.x/4.api/4.commands/analyze",{"title":761,"path":762,"stem":763,"titleTemplate":6},"nuxt build","/docs/3.x/api/commands/build","docs/3.x/4.api/4.commands/build",{"title":765,"path":766,"stem":767,"titleTemplate":6},"nuxt build-module","/docs/3.x/api/commands/build-module","docs/3.x/4.api/4.commands/build-module",{"title":769,"path":770,"stem":771,"titleTemplate":6},"nuxt cleanup","/docs/3.x/api/commands/cleanup","docs/3.x/4.api/4.commands/cleanup",{"title":773,"path":774,"stem":775,"titleTemplate":6},"nuxt dev","/docs/3.x/api/commands/dev","docs/3.x/4.api/4.commands/dev",{"title":777,"path":778,"stem":779,"titleTemplate":6},"nuxt devtools","/docs/3.x/api/commands/devtools","docs/3.x/4.api/4.commands/devtools",{"title":781,"path":782,"stem":783,"titleTemplate":6},"nuxt generate","/docs/3.x/api/commands/generate","docs/3.x/4.api/4.commands/generate",{"title":785,"path":786,"stem":787,"titleTemplate":6},"nuxt info","/docs/3.x/api/commands/info","docs/3.x/4.api/4.commands/info",{"title":789,"path":790,"stem":791,"titleTemplate":6},"create nuxt","/docs/3.x/api/commands/init","docs/3.x/4.api/4.commands/init",{"title":793,"path":794,"stem":795,"titleTemplate":6},"nuxt module","/docs/3.x/api/commands/module","docs/3.x/4.api/4.commands/module",{"title":797,"path":798,"stem":799,"titleTemplate":6},"nuxt prepare","/docs/3.x/api/commands/prepare","docs/3.x/4.api/4.commands/prepare",{"title":801,"path":802,"stem":803,"titleTemplate":6},"nuxt preview","/docs/3.x/api/commands/preview","docs/3.x/4.api/4.commands/preview",{"title":805,"path":806,"stem":807,"titleTemplate":6},"nuxt test","/docs/3.x/api/commands/test","docs/3.x/4.api/4.commands/test",{"title":809,"path":810,"stem":811,"titleTemplate":6},"nuxt typecheck","/docs/3.x/api/commands/typecheck","docs/3.x/4.api/4.commands/typecheck",{"title":813,"path":814,"stem":815,"titleTemplate":6},"nuxt upgrade","/docs/3.x/api/commands/upgrade","docs/3.x/4.api/4.commands/upgrade",{"title":411,"titleTemplate":817,"icon":818,"path":819,"stem":820,"children":821,"page":108},"%s · Nuxt Kit","i-lucide-package","/docs/3.x/api/kit","docs/3.x/4.api/5.kit",[822,825,828,832,836,840,844,848,852,855,859,863,866,869,873,877,881,885],{"title":276,"path":823,"stem":824,"titleTemplate":6},"/docs/3.x/api/kit/modules","docs/3.x/4.api/5.kit/1.modules",{"title":399,"path":826,"stem":827,"titleTemplate":6},"/docs/3.x/api/kit/runtime-config","docs/3.x/4.api/5.kit/10.runtime-config",{"title":829,"path":830,"stem":831,"titleTemplate":6},"Templates","/docs/3.x/api/kit/templates","docs/3.x/4.api/5.kit/10.templates",{"title":833,"path":834,"stem":835,"titleTemplate":6},"Nitro","/docs/3.x/api/kit/nitro","docs/3.x/4.api/5.kit/11.nitro",{"title":837,"path":838,"stem":839,"titleTemplate":6},"Resolving","/docs/3.x/api/kit/resolving","docs/3.x/4.api/5.kit/12.resolving",{"title":841,"path":842,"stem":843,"titleTemplate":6},"Logging","/docs/3.x/api/kit/logging","docs/3.x/4.api/5.kit/13.logging",{"title":845,"path":846,"stem":847,"titleTemplate":6},"Builder","/docs/3.x/api/kit/builder","docs/3.x/4.api/5.kit/14.builder",{"title":849,"path":850,"stem":851,"titleTemplate":6},"Examples","/docs/3.x/api/kit/examples","docs/3.x/4.api/5.kit/15.examples",{"title":84,"path":853,"stem":854,"titleTemplate":6},"/docs/3.x/api/kit/layers","docs/3.x/4.api/5.kit/16.layers",{"title":856,"path":857,"stem":858,"titleTemplate":6},"Programmatic Usage","/docs/3.x/api/kit/programmatic","docs/3.x/4.api/5.kit/2.programmatic",{"title":860,"path":861,"stem":862,"titleTemplate":6},"Compatibility","/docs/3.x/api/kit/compatibility","docs/3.x/4.api/5.kit/3.compatibility",{"title":268,"path":864,"stem":865,"titleTemplate":6},"/docs/3.x/api/kit/autoimports","docs/3.x/4.api/5.kit/4.autoimports",{"title":434,"path":867,"stem":868,"titleTemplate":6},"/docs/3.x/api/kit/components","docs/3.x/4.api/5.kit/5.components",{"title":870,"path":871,"stem":872,"titleTemplate":6},"Context","/docs/3.x/api/kit/context","docs/3.x/4.api/5.kit/6.context",{"title":874,"path":875,"stem":876,"titleTemplate":6},"Pages","/docs/3.x/api/kit/pages","docs/3.x/4.api/5.kit/7.pages",{"title":878,"path":879,"stem":880,"titleTemplate":6},"Layout","/docs/3.x/api/kit/layout","docs/3.x/4.api/5.kit/8.layout",{"title":882,"path":883,"stem":884,"titleTemplate":6},"Head","/docs/3.x/api/kit/head","docs/3.x/4.api/5.kit/9.head",{"title":886,"path":887,"stem":888,"titleTemplate":6},"Plugins","/docs/3.x/api/kit/plugins","docs/3.x/4.api/5.kit/9.plugins",{"title":890,"titleTemplate":6,"icon":891,"path":892,"stem":893,"children":894,"page":108},"Advanced","i-lucide-brain","/docs/3.x/api/advanced","docs/3.x/4.api/6.advanced",[895,898],{"title":407,"path":896,"stem":897,"titleTemplate":6},"/docs/3.x/api/advanced/hooks","docs/3.x/4.api/6.advanced/1.hooks",{"title":899,"path":900,"stem":901,"titleTemplate":6},"Import meta","/docs/3.x/api/advanced/import-meta","docs/3.x/4.api/6.advanced/2.import-meta",{"title":903,"path":904,"stem":905,"titleTemplate":906,"icon":32},"Nuxt Configuration","/docs/3.x/api/nuxt-config","docs/3.x/4.api/6.nuxt-config","%s",{"title":849,"titleTemplate":908,"icon":909,"path":910,"stem":911,"children":912,"page":108},"%s · Nuxt Examples","i-lucide-app-window-mac","/docs/3.x/examples","docs/3.x/4.examples",[913,917,939,954,990],{"title":914,"path":915,"stem":916,"titleTemplate":6},"Hello World","/docs/3.x/examples/hello-world","docs/3.x/4.examples/0.hello-world",{"title":395,"path":918,"stem":919,"children":920,"page":108},"/docs/3.x/examples/features","docs/3.x/4.examples/1.features",[921,925,928,931,935],{"title":922,"path":923,"stem":924,"titleTemplate":6},"Auto Imports","/docs/3.x/examples/features/auto-imports","docs/3.x/4.examples/1.features/1.auto-imports",{"title":64,"path":926,"stem":927,"titleTemplate":6},"/docs/3.x/examples/features/data-fetching","docs/3.x/4.examples/1.features/2.data-fetching",{"title":69,"path":929,"stem":930,"titleTemplate":6},"/docs/3.x/examples/features/state-management","docs/3.x/4.examples/1.features/3.state-management",{"title":932,"path":933,"stem":934,"titleTemplate":6},"Meta Tags","/docs/3.x/examples/features/meta-tags","docs/3.x/4.examples/1.features/4.meta-tags",{"title":936,"path":937,"stem":938,"titleTemplate":6},"Layouts","/docs/3.x/examples/features/layouts","docs/3.x/4.examples/1.features/5.layouts",{"title":49,"path":940,"stem":941,"children":942,"page":108},"/docs/3.x/examples/routing","docs/3.x/4.examples/2.routing",[943,947,950],{"title":944,"path":945,"stem":946,"titleTemplate":6},"Middleware","/docs/3.x/examples/routing/middleware","docs/3.x/4.examples/2.routing/middleware",{"title":874,"path":948,"stem":949,"titleTemplate":6},"/docs/3.x/examples/routing/pages","docs/3.x/4.examples/2.routing/pages",{"title":951,"path":952,"stem":953,"titleTemplate":6},"Universal Router","/docs/3.x/examples/routing/universal-router","docs/3.x/4.examples/2.routing/universal-router",{"title":890,"path":955,"stem":956,"children":957,"page":108},"/docs/3.x/examples/advanced","docs/3.x/4.examples/4.advanced",[958,961,964,968,972,976,980,983,986],{"title":84,"path":959,"stem":960,"titleTemplate":6},"/docs/3.x/examples/advanced/config-extends","docs/3.x/4.examples/4.advanced/config-extends",{"title":74,"path":962,"stem":963,"titleTemplate":6},"/docs/3.x/examples/advanced/error-handling","docs/3.x/4.examples/4.advanced/error-handling",{"title":965,"path":966,"stem":967,"titleTemplate":6},"JSX / TSX","/docs/3.x/examples/advanced/jsx","docs/3.x/4.examples/4.advanced/jsx",{"title":969,"path":970,"stem":971,"titleTemplate":6},"Locale","/docs/3.x/examples/advanced/locale","docs/3.x/4.examples/4.advanced/locale",{"title":973,"path":974,"stem":975,"titleTemplate":6},"Module Extend Pages","/docs/3.x/examples/advanced/module-extend-pages","docs/3.x/4.examples/4.advanced/module-extend-pages",{"title":977,"path":978,"stem":979,"titleTemplate":6},"Teleport","/docs/3.x/examples/advanced/teleport","docs/3.x/4.examples/4.advanced/teleport",{"title":99,"path":981,"stem":982,"titleTemplate":6},"/docs/3.x/examples/advanced/testing","docs/3.x/4.examples/4.advanced/testing",{"title":519,"path":984,"stem":985,"titleTemplate":6},"/docs/3.x/examples/advanced/use-cookie","docs/3.x/4.examples/4.advanced/use-cookie",{"title":987,"path":988,"stem":989,"titleTemplate":6},"Use Custom Fetch Composable","/docs/3.x/examples/advanced/use-custom-fetch-composable","docs/3.x/4.examples/4.advanced/use-custom-fetch-composable",{"title":991,"path":992,"stem":993,"children":994,"page":108},"Experimental","/docs/3.x/examples/experimental","docs/3.x/4.examples/7.experimental",[995],{"title":996,"path":997,"stem":998,"titleTemplate":6},"WASM","/docs/3.x/examples/experimental/wasm","docs/3.x/4.examples/7.experimental/wasm",{"title":1000,"titleTemplate":1001,"icon":1002,"path":1003,"stem":1004,"children":1005,"page":108},"Community","%s · Nuxt Community","i-lucide-messages-square","/docs/3.x/community","docs/3.x/5.community",[1006,1011,1016,1021,1026,1031],{"title":1007,"path":1008,"stem":1009,"titleTemplate":6,"icon":1010},"Getting Help","/docs/3.x/community/getting-help","docs/3.x/5.community/2.getting-help","i-lucide-life-buoy",{"title":1012,"path":1013,"stem":1014,"titleTemplate":6,"icon":1015},"Reporting Bugs","/docs/3.x/community/reporting-bugs","docs/3.x/5.community/3.reporting-bugs","i-lucide-bug",{"title":1017,"path":1018,"stem":1019,"titleTemplate":6,"icon":1020},"Contribution","/docs/3.x/community/contribution","docs/3.x/5.community/4.contribution","i-lucide-git-pull-request",{"title":1022,"path":1023,"stem":1024,"titleTemplate":6,"icon":1025},"Framework","/docs/3.x/community/framework-contribution","docs/3.x/5.community/5.framework-contribution","i-lucide-github",{"title":1027,"path":1028,"stem":1029,"titleTemplate":6,"icon":1030},"Roadmap","/docs/3.x/community/roadmap","docs/3.x/5.community/6.roadmap","i-lucide-map",{"title":1032,"path":1033,"stem":1034,"titleTemplate":6,"icon":1035},"Releases","/docs/3.x/community/changelog","docs/3.x/5.community/7.changelog","i-lucide-bell-dot",{"title":1037,"titleTemplate":1038,"icon":1039,"path":1040,"stem":1041,"children":1042,"page":108},"Migrate to Nuxt Bridge","Migrate to Nuxt Bridge: %s","i-lucide-ship","/docs/3.x/bridge","docs/3.x/6.bridge",[1043,1047,1050,1053,1057,1061,1065,1068,1071,1074],{"title":1044,"path":1045,"stem":1046,"titleTemplate":6},"Overview","/docs/3.x/bridge/overview","docs/3.x/6.bridge/1.overview",{"title":29,"path":1048,"stem":1049,"titleTemplate":6},"/docs/3.x/bridge/configuration","docs/3.x/6.bridge/10.configuration",{"title":280,"path":1051,"stem":1052,"titleTemplate":6},"/docs/3.x/bridge/typescript","docs/3.x/6.bridge/2.typescript",{"title":1054,"path":1055,"stem":1056,"titleTemplate":6},"Legacy Composition API","/docs/3.x/bridge/bridge-composition-api","docs/3.x/6.bridge/3.bridge-composition-api",{"title":1058,"path":1059,"stem":1060,"titleTemplate":6},"Plugins and Middleware","/docs/3.x/bridge/plugins-and-middleware","docs/3.x/6.bridge/4.plugins-and-middleware",{"title":1062,"path":1063,"stem":1064,"titleTemplate":6},"New Composition API","/docs/3.x/bridge/nuxt3-compatible-api","docs/3.x/6.bridge/5.nuxt3-compatible-api",{"title":932,"path":1066,"stem":1067,"titleTemplate":6},"/docs/3.x/bridge/meta","docs/3.x/6.bridge/6.meta",{"title":399,"path":1069,"stem":1070,"titleTemplate":6},"/docs/3.x/bridge/runtime-config","docs/3.x/6.bridge/7.runtime-config",{"title":833,"path":1072,"stem":1073,"titleTemplate":6},"/docs/3.x/bridge/nitro","docs/3.x/6.bridge/8.nitro",{"title":1075,"path":1076,"stem":1077,"titleTemplate":6},"Vite","/docs/3.x/bridge/vite","docs/3.x/6.bridge/9.vite",{"title":1079,"titleTemplate":1080,"icon":107,"path":1081,"stem":1082,"children":1083,"page":108},"Migrate to Nuxt 3","Migrate to Nuxt 3: %s","/docs/3.x/migration","docs/3.x/7.migration",[1084,1087,1091,1094,1097,1100,1103,1106,1109,1113,1117],{"title":1044,"path":1085,"stem":1086,"titleTemplate":6},"/docs/3.x/migration/overview","docs/3.x/7.migration/1.overview",{"title":1088,"path":1089,"stem":1090,"titleTemplate":6},"Build Tooling","/docs/3.x/migration/bundling","docs/3.x/7.migration/10.bundling",{"title":79,"path":1092,"stem":1093,"titleTemplate":6},"/docs/3.x/migration/server","docs/3.x/7.migration/11.server",{"title":29,"path":1095,"stem":1096,"titleTemplate":6},"/docs/3.x/migration/configuration","docs/3.x/7.migration/2.configuration",{"title":276,"path":1098,"stem":1099,"titleTemplate":6},"/docs/3.x/migration/module-authors","docs/3.x/7.migration/20.module-authors",{"title":922,"path":1101,"stem":1102,"titleTemplate":6},"/docs/3.x/migration/auto-imports","docs/3.x/7.migration/3.auto-imports",{"title":932,"path":1104,"stem":1105,"titleTemplate":6},"/docs/3.x/migration/meta","docs/3.x/7.migration/4.meta",{"title":1058,"path":1107,"stem":1108,"titleTemplate":6},"/docs/3.x/migration/plugins-and-middleware","docs/3.x/7.migration/5.plugins-and-middleware",{"title":1110,"path":1111,"stem":1112,"titleTemplate":6},"Pages and Layouts","/docs/3.x/migration/pages-and-layouts","docs/3.x/7.migration/6.pages-and-layouts",{"title":1114,"path":1115,"stem":1116,"titleTemplate":6},"Component Options","/docs/3.x/migration/component-options","docs/3.x/7.migration/7.component-options",{"title":399,"path":1118,"stem":1119,"titleTemplate":6},"/docs/3.x/migration/runtime-config","docs/3.x/7.migration/8.runtime-config",{"title":5,"titleTemplate":6,"icon":7,"path":1121,"stem":1122,"children":1123,"page":108},"/docs/4.x","docs/4.x",[1124,1182,1276,1403,1769,1846,1868,1902],{"title":12,"titleTemplate":13,"icon":14,"path":1125,"stem":1126,"children":1127,"page":108},"/docs/4.x/getting-started","docs/4.x/1.getting-started",[1128,1131,1134,1137,1140,1143,1146,1149,1152,1155,1158,1161,1164,1167,1170,1173,1176,1179],{"title":19,"path":1129,"stem":1130,"titleTemplate":6,"icon":22},"/docs/4.x/getting-started/introduction","docs/4.x/1.getting-started/01.introduction",{"title":24,"path":1132,"stem":1133,"titleTemplate":6,"icon":27},"/docs/4.x/getting-started/installation","docs/4.x/1.getting-started/02.installation",{"title":29,"path":1135,"stem":1136,"titleTemplate":6,"icon":32},"/docs/4.x/getting-started/configuration","docs/4.x/1.getting-started/03.configuration",{"title":34,"path":1138,"stem":1139,"titleTemplate":6,"icon":37},"/docs/4.x/getting-started/views","docs/4.x/1.getting-started/04.views",{"title":39,"path":1141,"stem":1142,"titleTemplate":6,"icon":42},"/docs/4.x/getting-started/assets","docs/4.x/1.getting-started/05.assets",{"title":44,"path":1144,"stem":1145,"titleTemplate":6,"icon":47},"/docs/4.x/getting-started/styling","docs/4.x/1.getting-started/06.styling",{"title":49,"path":1147,"stem":1148,"titleTemplate":6,"icon":52},"/docs/4.x/getting-started/routing","docs/4.x/1.getting-started/07.routing",{"title":54,"path":1150,"stem":1151,"titleTemplate":6,"icon":57},"/docs/4.x/getting-started/seo-meta","docs/4.x/1.getting-started/08.seo-meta",{"title":59,"path":1153,"stem":1154,"titleTemplate":6,"icon":62},"/docs/4.x/getting-started/transitions","docs/4.x/1.getting-started/09.transitions",{"title":64,"path":1156,"stem":1157,"titleTemplate":6,"icon":67},"/docs/4.x/getting-started/data-fetching","docs/4.x/1.getting-started/10.data-fetching",{"title":69,"path":1159,"stem":1160,"titleTemplate":6,"icon":72},"/docs/4.x/getting-started/state-management","docs/4.x/1.getting-started/11.state-management",{"title":74,"path":1162,"stem":1163,"titleTemplate":6,"icon":77},"/docs/4.x/getting-started/error-handling","docs/4.x/1.getting-started/12.error-handling",{"title":79,"path":1165,"stem":1166,"titleTemplate":6,"icon":82},"/docs/4.x/getting-started/server","docs/4.x/1.getting-started/13.server",{"title":84,"path":1168,"stem":1169,"titleTemplate":6,"icon":87},"/docs/4.x/getting-started/layers","docs/4.x/1.getting-started/14.layers",{"title":89,"path":1171,"stem":1172,"titleTemplate":6,"icon":92},"/docs/4.x/getting-started/prerendering","docs/4.x/1.getting-started/15.prerendering",{"title":94,"path":1174,"stem":1175,"titleTemplate":6,"icon":97},"/docs/4.x/getting-started/deployment","docs/4.x/1.getting-started/16.deployment",{"title":99,"path":1177,"stem":1178,"titleTemplate":6,"icon":102},"/docs/4.x/getting-started/testing","docs/4.x/1.getting-started/17.testing",{"title":104,"path":1180,"stem":1181,"titleTemplate":6,"icon":107},"/docs/4.x/getting-started/upgrade","docs/4.x/1.getting-started/18.upgrade",{"title":110,"titleTemplate":111,"icon":112,"path":1183,"stem":1184,"children":1185,"page":108},"/docs/4.x/directory-structure","docs/4.x/2.directory-structure",[1186,1189,1192,1234,1237,1240,1243,1246,1249,1252,1255,1258,1261,1264,1267,1270,1273],{"title":117,"path":1187,"stem":1188,"titleTemplate":6,"icon":120},"/docs/4.x/directory-structure/nuxt","docs/4.x/2.directory-structure/0.nuxt",{"title":122,"path":1190,"stem":1191,"titleTemplate":6,"icon":125},"/docs/4.x/directory-structure/output","docs/4.x/2.directory-structure/0.output",{"title":1193,"titleTemplate":111,"head":1194,"defaultOpen":1196,"icon":1197,"path":1198,"stem":1199,"children":1200,"page":108},"app",{"title":1195},"app/",true,"i-vscode-icons-folder-type-app","/docs/4.x/directory-structure/app","docs/4.x/2.directory-structure/1.app",[1201,1204,1207,1210,1213,1216,1219,1222,1225,1228,1231],{"title":127,"path":1202,"stem":1203,"titleTemplate":6,"icon":130},"/docs/4.x/directory-structure/app/assets","docs/4.x/2.directory-structure/1.app/1.assets",{"title":132,"path":1205,"stem":1206,"titleTemplate":6,"icon":135},"/docs/4.x/directory-structure/app/components","docs/4.x/2.directory-structure/1.app/1.components",{"title":137,"path":1208,"stem":1209,"titleTemplate":6,"icon":140},"/docs/4.x/directory-structure/app/composables","docs/4.x/2.directory-structure/1.app/1.composables",{"title":152,"path":1211,"stem":1212,"titleTemplate":6,"icon":155},"/docs/4.x/directory-structure/app/layouts","docs/4.x/2.directory-structure/1.app/1.layouts",{"title":157,"path":1214,"stem":1215,"titleTemplate":6,"icon":160},"/docs/4.x/directory-structure/app/middleware","docs/4.x/2.directory-structure/1.app/1.middleware",{"title":171,"path":1217,"stem":1218,"titleTemplate":6,"icon":155},"/docs/4.x/directory-structure/app/pages","docs/4.x/2.directory-structure/1.app/1.pages",{"title":175,"path":1220,"stem":1221,"titleTemplate":6,"icon":178},"/docs/4.x/directory-structure/app/plugins","docs/4.x/2.directory-structure/1.app/1.plugins",{"title":195,"path":1223,"stem":1224,"titleTemplate":6,"icon":198},"/docs/4.x/directory-structure/app/utils","docs/4.x/2.directory-structure/1.app/1.utils",{"title":219,"path":1226,"stem":1227,"titleTemplate":6,"icon":222},"/docs/4.x/directory-structure/app/app","docs/4.x/2.directory-structure/1.app/3.app",{"title":224,"path":1229,"stem":1230,"titleTemplate":6,"icon":227},"/docs/4.x/directory-structure/app/app-config","docs/4.x/2.directory-structure/1.app/3.app-config",{"title":229,"path":1232,"stem":1233,"titleTemplate":6,"icon":222},"/docs/4.x/directory-structure/app/error","docs/4.x/2.directory-structure/1.app/3.error",{"title":142,"path":1235,"stem":1236,"titleTemplate":6,"icon":145},"/docs/4.x/directory-structure/content","docs/4.x/2.directory-structure/1.content",{"title":147,"path":1238,"stem":1239,"titleTemplate":6,"icon":150},"/docs/4.x/directory-structure/layers","docs/4.x/2.directory-structure/1.layers",{"title":162,"path":1241,"stem":1242,"titleTemplate":6,"icon":150},"/docs/4.x/directory-structure/modules","docs/4.x/2.directory-structure/1.modules",{"title":166,"path":1244,"stem":1245,"titleTemplate":6,"icon":169},"/docs/4.x/directory-structure/node_modules","docs/4.x/2.directory-structure/1.node_modules",{"title":180,"path":1247,"stem":1248,"titleTemplate":6,"icon":183},"/docs/4.x/directory-structure/public","docs/4.x/2.directory-structure/1.public",{"title":185,"path":1250,"stem":1251,"titleTemplate":6,"icon":188},"/docs/4.x/directory-structure/server","docs/4.x/2.directory-structure/1.server",{"title":190,"path":1253,"stem":1254,"titleTemplate":6,"icon":193},"/docs/4.x/directory-structure/shared","docs/4.x/2.directory-structure/1.shared",{"title":200,"path":1256,"stem":1257,"titleTemplate":6,"icon":203},"/docs/4.x/directory-structure/env","docs/4.x/2.directory-structure/2.env",{"title":205,"path":1259,"stem":1260,"titleTemplate":6,"icon":208},"/docs/4.x/directory-structure/gitignore","docs/4.x/2.directory-structure/2.gitignore",{"title":210,"path":1262,"stem":1263,"titleTemplate":6,"icon":213},"/docs/4.x/directory-structure/nuxtignore","docs/4.x/2.directory-structure/2.nuxtignore",{"title":215,"path":1265,"stem":1266,"titleTemplate":6,"icon":213},"/docs/4.x/directory-structure/nuxtrc","docs/4.x/2.directory-structure/2.nuxtrc",{"title":233,"path":1268,"stem":1269,"titleTemplate":6,"icon":213},"/docs/4.x/directory-structure/nuxt-config","docs/4.x/2.directory-structure/3.nuxt-config",{"title":237,"path":1271,"stem":1272,"titleTemplate":6,"icon":240},"/docs/4.x/directory-structure/package","docs/4.x/2.directory-structure/3.package",{"title":242,"path":1274,"stem":1275,"titleTemplate":6,"icon":245},"/docs/4.x/directory-structure/tsconfig","docs/4.x/2.directory-structure/3.tsconfig",{"title":247,"titleTemplate":6,"icon":248,"path":1277,"stem":1278,"children":1279,"page":108},"/docs/4.x/guide","docs/4.x/3.guide",[1280,1305,1318,1328,1353,1369],{"title":253,"titleTemplate":254,"icon":255,"path":1281,"stem":1282,"children":1283,"page":108},"/docs/4.x/guide/concepts","docs/4.x/3.guide/1.concepts",[1284,1287,1290,1293,1296,1299,1302],{"title":260,"path":1285,"stem":1286,"titleTemplate":6},"/docs/4.x/guide/concepts/rendering","docs/4.x/3.guide/1.concepts/1.rendering",{"title":264,"path":1288,"stem":1289,"titleTemplate":6},"/docs/4.x/guide/concepts/nuxt-lifecycle","docs/4.x/3.guide/1.concepts/2.nuxt-lifecycle",{"title":268,"path":1291,"stem":1292,"titleTemplate":6},"/docs/4.x/guide/concepts/auto-imports","docs/4.x/3.guide/1.concepts/3.auto-imports",{"title":272,"path":1294,"stem":1295,"titleTemplate":6},"/docs/4.x/guide/concepts/server-engine","docs/4.x/3.guide/1.concepts/4.server-engine",{"title":276,"path":1297,"stem":1298,"titleTemplate":6},"/docs/4.x/guide/concepts/modules","docs/4.x/3.guide/1.concepts/5.modules",{"title":280,"path":1300,"stem":1301,"titleTemplate":6},"/docs/4.x/guide/concepts/typescript","docs/4.x/3.guide/1.concepts/8.typescript",{"title":284,"path":1303,"stem":1304,"titleTemplate":6},"/docs/4.x/guide/concepts/code-style","docs/4.x/3.guide/1.concepts/9.code-style",{"title":288,"titleTemplate":289,"icon":290,"path":1306,"stem":1307,"children":1308,"page":108},"/docs/4.x/guide/best-practices","docs/4.x/3.guide/2.best-practices",[1309,1312,1315],{"title":295,"path":1310,"stem":1311,"titleTemplate":6},"/docs/4.x/guide/best-practices/hydration","docs/4.x/3.guide/2.best-practices/hydration",{"title":299,"path":1313,"stem":1314,"titleTemplate":6},"/docs/4.x/guide/best-practices/performance","docs/4.x/3.guide/2.best-practices/performance",{"title":303,"path":1316,"stem":1317,"titleTemplate":6},"/docs/4.x/guide/best-practices/plugins","docs/4.x/3.guide/2.best-practices/plugins",{"title":307,"titleTemplate":308,"icon":309,"path":1319,"stem":1320,"children":1321,"page":108},"/docs/4.x/guide/ai","docs/4.x/3.guide/3.ai",[1322,1325],{"title":314,"path":1323,"stem":1324,"titleTemplate":6},"/docs/4.x/guide/ai/mcp","docs/4.x/3.guide/3.ai/1.mcp",{"title":318,"path":1326,"stem":1327,"titleTemplate":6},"/docs/4.x/guide/ai/llms-txt","docs/4.x/3.guide/3.ai/2.llms-txt",{"title":322,"titleTemplate":323,"icon":324,"path":1329,"stem":1330,"children":1331,"page":108},"/docs/4.x/guide/modules","docs/4.x/3.guide/4.modules",[1332,1335,1338,1341,1344,1347,1350],{"title":329,"path":1333,"stem":1334,"titleTemplate":6},"/docs/4.x/guide/modules/getting-started","docs/4.x/3.guide/4.modules/1.getting-started",{"title":333,"path":1336,"stem":1337,"titleTemplate":6},"/docs/4.x/guide/modules/module-anatomy","docs/4.x/3.guide/4.modules/2.module-anatomy",{"title":337,"path":1339,"stem":1340,"titleTemplate":6},"/docs/4.x/guide/modules/recipes-basics","docs/4.x/3.guide/4.modules/3.recipes-basics",{"title":341,"path":1342,"stem":1343,"titleTemplate":6},"/docs/4.x/guide/modules/recipes-advanced","docs/4.x/3.guide/4.modules/4.recipes-advanced",{"title":345,"path":1345,"stem":1346,"titleTemplate":6},"/docs/4.x/guide/modules/testing","docs/4.x/3.guide/4.modules/5.testing",{"title":349,"path":1348,"stem":1349,"titleTemplate":6},"/docs/4.x/guide/modules/best-practices","docs/4.x/3.guide/4.modules/6.best-practices",{"title":353,"path":1351,"stem":1352,"titleTemplate":6},"/docs/4.x/guide/modules/ecosystem","docs/4.x/3.guide/4.modules/7.ecosystem",{"title":357,"titleTemplate":358,"icon":359,"path":1354,"stem":1355,"children":1356,"page":108},"/docs/4.x/guide/recipes","docs/4.x/3.guide/5.recipes",[1357,1360,1363,1366],{"title":364,"path":1358,"stem":1359,"titleTemplate":6},"/docs/4.x/guide/recipes/custom-routing","docs/4.x/3.guide/5.recipes/1.custom-routing",{"title":368,"path":1361,"stem":1362,"titleTemplate":6},"/docs/4.x/guide/recipes/vite-plugin","docs/4.x/3.guide/5.recipes/2.vite-plugin",{"title":372,"path":1364,"stem":1365,"titleTemplate":6},"/docs/4.x/guide/recipes/custom-usefetch","docs/4.x/3.guide/5.recipes/3.custom-usefetch",{"title":376,"path":1367,"stem":1368,"titleTemplate":6},"/docs/4.x/guide/recipes/sessions-and-authentication","docs/4.x/3.guide/5.recipes/4.sessions-and-authentication",{"title":380,"titleTemplate":381,"icon":382,"path":1370,"stem":1371,"children":1372,"page":108},"/docs/4.x/guide/going-further","docs/4.x/3.guide/6.going-further",[1373,1376,1379,1382,1385,1388,1391,1394,1397,1400],{"title":387,"path":1374,"stem":1375,"titleTemplate":6},"/docs/4.x/guide/going-further/events","docs/4.x/3.guide/6.going-further/1.events",{"title":391,"path":1377,"stem":1378,"titleTemplate":6},"/docs/4.x/guide/going-further/experimental-features","docs/4.x/3.guide/6.going-further/1.experimental-features",{"title":395,"path":1380,"stem":1381,"titleTemplate":6},"/docs/4.x/guide/going-further/features","docs/4.x/3.guide/6.going-further/1.features",{"title":399,"path":1383,"stem":1384,"titleTemplate":6},"/docs/4.x/guide/going-further/runtime-config","docs/4.x/3.guide/6.going-further/10.runtime-config",{"title":403,"path":1386,"stem":1387,"titleTemplate":6},"/docs/4.x/guide/going-further/nightly-release-channel","docs/4.x/3.guide/6.going-further/11.nightly-release-channel",{"title":407,"path":1389,"stem":1390,"titleTemplate":6},"/docs/4.x/guide/going-further/hooks","docs/4.x/3.guide/6.going-further/2.hooks",{"title":411,"path":1392,"stem":1393,"titleTemplate":6},"/docs/4.x/guide/going-further/kit","docs/4.x/3.guide/6.going-further/4.kit",{"title":415,"path":1395,"stem":1396,"titleTemplate":6},"/docs/4.x/guide/going-further/nuxt-app","docs/4.x/3.guide/6.going-further/6.nuxt-app",{"title":419,"path":1398,"stem":1399,"titleTemplate":6},"/docs/4.x/guide/going-further/layers","docs/4.x/3.guide/6.going-further/7.layers",{"title":423,"path":1401,"stem":1402,"titleTemplate":6},"/docs/4.x/guide/going-further/debugging","docs/4.x/3.guide/6.going-further/9.debugging",{"title":427,"titleTemplate":428,"icon":429,"path":1404,"stem":1405,"children":1406,"page":108},"/docs/4.x/api","docs/4.x/4.api",[1407,1460,1555,1646,1698,1756,1766],{"title":434,"titleTemplate":435,"icon":324,"path":1408,"stem":1409,"children":1410,"page":108},"/docs/4.x/api/components","docs/4.x/4.api/1.components",[1411,1414,1417,1420,1423,1426,1429,1432,1436,1439,1442,1445,1448,1451,1454,1457],{"title":440,"path":1412,"stem":1413,"titleTemplate":6},"/docs/4.x/api/components/client-only","docs/4.x/4.api/1.components/1.client-only",{"title":444,"path":1415,"stem":1416,"titleTemplate":6},"/docs/4.x/api/components/dev-only","docs/4.x/4.api/1.components/1.dev-only",{"title":448,"path":1418,"stem":1419,"titleTemplate":6},"/docs/4.x/api/components/nuxt-client-fallback","docs/4.x/4.api/1.components/1.nuxt-client-fallback",{"title":452,"path":1421,"stem":1422,"titleTemplate":6},"/docs/4.x/api/components/nuxt-picture","docs/4.x/4.api/1.components/10.nuxt-picture",{"title":456,"path":1424,"stem":1425,"titleTemplate":6},"/docs/4.x/api/components/teleports","docs/4.x/4.api/1.components/11.teleports",{"title":460,"path":1427,"stem":1428,"titleTemplate":6},"/docs/4.x/api/components/nuxt-route-announcer","docs/4.x/4.api/1.components/12.nuxt-route-announcer",{"title":464,"path":1430,"stem":1431,"titleTemplate":6},"/docs/4.x/api/components/nuxt-time","docs/4.x/4.api/1.components/13.nuxt-time",{"title":1433,"path":1434,"stem":1435,"titleTemplate":6},"\u003CNuxtAnnouncer>","/docs/4.x/api/components/nuxt-announcer","docs/4.x/4.api/1.components/14.nuxt-announcer",{"title":468,"path":1437,"stem":1438,"titleTemplate":6},"/docs/4.x/api/components/nuxt-page","docs/4.x/4.api/1.components/2.nuxt-page",{"title":472,"path":1440,"stem":1441,"titleTemplate":6},"/docs/4.x/api/components/nuxt-layout","docs/4.x/4.api/1.components/3.nuxt-layout",{"title":476,"path":1443,"stem":1444,"titleTemplate":6},"/docs/4.x/api/components/nuxt-link","docs/4.x/4.api/1.components/4.nuxt-link",{"title":480,"path":1446,"stem":1447,"titleTemplate":6},"/docs/4.x/api/components/nuxt-loading-indicator","docs/4.x/4.api/1.components/5.nuxt-loading-indicator",{"title":484,"path":1449,"stem":1450,"titleTemplate":6},"/docs/4.x/api/components/nuxt-error-boundary","docs/4.x/4.api/1.components/6.nuxt-error-boundary",{"title":488,"path":1452,"stem":1453,"titleTemplate":6},"/docs/4.x/api/components/nuxt-welcome","docs/4.x/4.api/1.components/7.nuxt-welcome",{"title":492,"path":1455,"stem":1456,"titleTemplate":6},"/docs/4.x/api/components/nuxt-island","docs/4.x/4.api/1.components/8.nuxt-island",{"title":496,"path":1458,"stem":1459,"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":1461,"stem":1462,"children":1463,"page":108},"/docs/4.x/api/composables","docs/4.x/4.api/2.composables",[1464,1467,1471,1474,1477,1480,1483,1486,1489,1492,1495,1498,1501,1504,1507,1510,1513,1516,1519,1522,1525,1528,1531,1534,1537,1540,1543,1546,1549,1552],{"title":507,"path":1465,"stem":1466,"titleTemplate":6},"/docs/4.x/api/composables/on-prehydrate","docs/4.x/4.api/2.composables/on-prehydrate",{"title":1468,"path":1469,"stem":1470,"titleTemplate":6},"useAnnouncer","/docs/4.x/api/composables/use-announcer","docs/4.x/4.api/2.composables/use-announcer",{"title":511,"path":1472,"stem":1473,"titleTemplate":6},"/docs/4.x/api/composables/use-app-config","docs/4.x/4.api/2.composables/use-app-config",{"title":515,"path":1475,"stem":1476,"titleTemplate":6},"/docs/4.x/api/composables/use-async-data","docs/4.x/4.api/2.composables/use-async-data",{"title":519,"path":1478,"stem":1479,"titleTemplate":6},"/docs/4.x/api/composables/use-cookie","docs/4.x/4.api/2.composables/use-cookie",{"title":523,"path":1481,"stem":1482,"titleTemplate":6},"/docs/4.x/api/composables/use-error","docs/4.x/4.api/2.composables/use-error",{"title":527,"path":1484,"stem":1485,"titleTemplate":6},"/docs/4.x/api/composables/use-fetch","docs/4.x/4.api/2.composables/use-fetch",{"title":531,"path":1487,"stem":1488,"titleTemplate":6},"/docs/4.x/api/composables/use-head","docs/4.x/4.api/2.composables/use-head",{"title":535,"path":1490,"stem":1491,"titleTemplate":6},"/docs/4.x/api/composables/use-head-safe","docs/4.x/4.api/2.composables/use-head-safe",{"title":539,"path":1493,"stem":1494,"titleTemplate":6},"/docs/4.x/api/composables/use-hydration","docs/4.x/4.api/2.composables/use-hydration",{"title":543,"path":1496,"stem":1497,"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":1499,"stem":1500,"titleTemplate":6},"/docs/4.x/api/composables/use-lazy-fetch","docs/4.x/4.api/2.composables/use-lazy-fetch",{"title":551,"path":1502,"stem":1503,"titleTemplate":6},"/docs/4.x/api/composables/use-loading-indicator","docs/4.x/4.api/2.composables/use-loading-indicator",{"title":555,"path":1505,"stem":1506,"titleTemplate":6},"/docs/4.x/api/composables/use-nuxt-app","docs/4.x/4.api/2.composables/use-nuxt-app",{"title":559,"path":1508,"stem":1509,"titleTemplate":6},"/docs/4.x/api/composables/use-nuxt-data","docs/4.x/4.api/2.composables/use-nuxt-data",{"title":563,"path":1511,"stem":1512,"titleTemplate":6},"/docs/4.x/api/composables/use-preview-mode","docs/4.x/4.api/2.composables/use-preview-mode",{"title":567,"path":1514,"stem":1515,"titleTemplate":6},"/docs/4.x/api/composables/use-request-event","docs/4.x/4.api/2.composables/use-request-event",{"title":571,"path":1517,"stem":1518,"titleTemplate":6},"/docs/4.x/api/composables/use-request-fetch","docs/4.x/4.api/2.composables/use-request-fetch",{"title":575,"path":1520,"stem":1521,"titleTemplate":6},"/docs/4.x/api/composables/use-request-header","docs/4.x/4.api/2.composables/use-request-header",{"title":579,"path":1523,"stem":1524,"titleTemplate":6},"/docs/4.x/api/composables/use-request-headers","docs/4.x/4.api/2.composables/use-request-headers",{"title":583,"path":1526,"stem":1527,"titleTemplate":6},"/docs/4.x/api/composables/use-request-url","docs/4.x/4.api/2.composables/use-request-url",{"title":587,"path":1529,"stem":1530,"titleTemplate":6},"/docs/4.x/api/composables/use-response-header","docs/4.x/4.api/2.composables/use-response-header",{"title":591,"path":1532,"stem":1533,"titleTemplate":6},"/docs/4.x/api/composables/use-route","docs/4.x/4.api/2.composables/use-route",{"title":595,"path":1535,"stem":1536,"titleTemplate":6},"/docs/4.x/api/composables/use-route-announcer","docs/4.x/4.api/2.composables/use-route-announcer",{"title":599,"path":1538,"stem":1539,"titleTemplate":6},"/docs/4.x/api/composables/use-router","docs/4.x/4.api/2.composables/use-router",{"title":603,"path":1541,"stem":1542,"titleTemplate":6},"/docs/4.x/api/composables/use-runtime-config","docs/4.x/4.api/2.composables/use-runtime-config",{"title":607,"path":1544,"stem":1545,"titleTemplate":6},"/docs/4.x/api/composables/use-runtime-hook","docs/4.x/4.api/2.composables/use-runtime-hook",{"title":611,"path":1547,"stem":1548,"titleTemplate":6},"/docs/4.x/api/composables/use-seo-meta","docs/4.x/4.api/2.composables/use-seo-meta",{"title":615,"path":1550,"stem":1551,"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":1553,"stem":1554,"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":1556,"stem":1557,"children":1558,"page":108},"/docs/4.x/api/utils","docs/4.x/4.api/3.utils",[1559,1562,1565,1568,1571,1574,1577,1580,1583,1586,1589,1592,1595,1598,1601,1604,1607,1610,1613,1616,1619,1622,1625,1628,1631,1634,1637,1640,1643],{"title":630,"path":1560,"stem":1561,"titleTemplate":6},"/docs/4.x/api/utils/dollarfetch","docs/4.x/4.api/3.utils/$fetch",{"title":634,"path":1563,"stem":1564,"titleTemplate":6},"/docs/4.x/api/utils/abort-navigation","docs/4.x/4.api/3.utils/abort-navigation",{"title":638,"path":1566,"stem":1567,"titleTemplate":6},"/docs/4.x/api/utils/add-route-middleware","docs/4.x/4.api/3.utils/add-route-middleware",{"title":642,"path":1569,"stem":1570,"titleTemplate":6},"/docs/4.x/api/utils/call-once","docs/4.x/4.api/3.utils/call-once",{"title":646,"path":1572,"stem":1573,"titleTemplate":6},"/docs/4.x/api/utils/clear-error","docs/4.x/4.api/3.utils/clear-error",{"title":650,"path":1575,"stem":1576,"titleTemplate":6},"/docs/4.x/api/utils/clear-nuxt-data","docs/4.x/4.api/3.utils/clear-nuxt-data",{"title":654,"path":1578,"stem":1579,"titleTemplate":6},"/docs/4.x/api/utils/clear-nuxt-state","docs/4.x/4.api/3.utils/clear-nuxt-state",{"title":658,"path":1581,"stem":1582,"titleTemplate":6},"/docs/4.x/api/utils/create-error","docs/4.x/4.api/3.utils/create-error",{"title":662,"path":1584,"stem":1585,"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":1587,"stem":1588,"titleTemplate":6},"/docs/4.x/api/utils/define-nuxt-component","docs/4.x/4.api/3.utils/define-nuxt-component",{"title":670,"path":1590,"stem":1591,"titleTemplate":6},"/docs/4.x/api/utils/define-nuxt-plugin","docs/4.x/4.api/3.utils/define-nuxt-plugin",{"title":674,"path":1593,"stem":1594,"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":1596,"stem":1597,"titleTemplate":6},"/docs/4.x/api/utils/define-page-meta","docs/4.x/4.api/3.utils/define-page-meta",{"title":682,"path":1599,"stem":1600,"titleTemplate":6},"/docs/4.x/api/utils/define-route-rules","docs/4.x/4.api/3.utils/define-route-rules",{"title":686,"path":1602,"stem":1603,"titleTemplate":6},"/docs/4.x/api/utils/navigate-to","docs/4.x/4.api/3.utils/navigate-to",{"title":690,"path":1605,"stem":1606,"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":1608,"stem":1609,"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":1611,"stem":1612,"titleTemplate":6},"/docs/4.x/api/utils/on-nuxt-ready","docs/4.x/4.api/3.utils/on-nuxt-ready",{"title":702,"path":1614,"stem":1615,"titleTemplate":6},"/docs/4.x/api/utils/prefetch-components","docs/4.x/4.api/3.utils/prefetch-components",{"title":706,"path":1617,"stem":1618,"titleTemplate":6},"/docs/4.x/api/utils/preload-components","docs/4.x/4.api/3.utils/preload-components",{"title":710,"path":1620,"stem":1621,"titleTemplate":6},"/docs/4.x/api/utils/preload-route-components","docs/4.x/4.api/3.utils/preload-route-components",{"title":714,"path":1623,"stem":1624,"titleTemplate":6},"/docs/4.x/api/utils/prerender-routes","docs/4.x/4.api/3.utils/prerender-routes",{"title":718,"path":1626,"stem":1627,"titleTemplate":6},"/docs/4.x/api/utils/refresh-cookie","docs/4.x/4.api/3.utils/refresh-cookie",{"title":722,"path":1629,"stem":1630,"titleTemplate":6},"/docs/4.x/api/utils/refresh-nuxt-data","docs/4.x/4.api/3.utils/refresh-nuxt-data",{"title":726,"path":1632,"stem":1633,"titleTemplate":6},"/docs/4.x/api/utils/reload-nuxt-app","docs/4.x/4.api/3.utils/reload-nuxt-app",{"title":730,"path":1635,"stem":1636,"titleTemplate":6},"/docs/4.x/api/utils/set-page-layout","docs/4.x/4.api/3.utils/set-page-layout",{"title":734,"path":1638,"stem":1639,"titleTemplate":6},"/docs/4.x/api/utils/set-response-status","docs/4.x/4.api/3.utils/set-response-status",{"title":738,"path":1641,"stem":1642,"titleTemplate":6},"/docs/4.x/api/utils/show-error","docs/4.x/4.api/3.utils/show-error",{"title":742,"path":1644,"stem":1645,"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":1647,"stem":1648,"children":1649,"page":108},"/docs/4.x/api/commands","docs/4.x/4.api/4.commands",[1650,1653,1656,1659,1662,1665,1668,1671,1674,1677,1680,1683,1686,1689,1692,1695],{"title":753,"path":1651,"stem":1652,"titleTemplate":6},"/docs/4.x/api/commands/add","docs/4.x/4.api/4.commands/add",{"title":757,"path":1654,"stem":1655,"titleTemplate":6},"/docs/4.x/api/commands/analyze","docs/4.x/4.api/4.commands/analyze",{"title":761,"path":1657,"stem":1658,"titleTemplate":6},"/docs/4.x/api/commands/build","docs/4.x/4.api/4.commands/build",{"title":765,"path":1660,"stem":1661,"titleTemplate":6},"/docs/4.x/api/commands/build-module","docs/4.x/4.api/4.commands/build-module",{"title":769,"path":1663,"stem":1664,"titleTemplate":6},"/docs/4.x/api/commands/cleanup","docs/4.x/4.api/4.commands/cleanup",{"title":773,"path":1666,"stem":1667,"titleTemplate":6},"/docs/4.x/api/commands/dev","docs/4.x/4.api/4.commands/dev",{"title":777,"path":1669,"stem":1670,"titleTemplate":6},"/docs/4.x/api/commands/devtools","docs/4.x/4.api/4.commands/devtools",{"title":781,"path":1672,"stem":1673,"titleTemplate":6},"/docs/4.x/api/commands/generate","docs/4.x/4.api/4.commands/generate",{"title":785,"path":1675,"stem":1676,"titleTemplate":6},"/docs/4.x/api/commands/info","docs/4.x/4.api/4.commands/info",{"title":789,"path":1678,"stem":1679,"titleTemplate":6},"/docs/4.x/api/commands/init","docs/4.x/4.api/4.commands/init",{"title":793,"path":1681,"stem":1682,"titleTemplate":6},"/docs/4.x/api/commands/module","docs/4.x/4.api/4.commands/module",{"title":797,"path":1684,"stem":1685,"titleTemplate":6},"/docs/4.x/api/commands/prepare","docs/4.x/4.api/4.commands/prepare",{"title":801,"path":1687,"stem":1688,"titleTemplate":6},"/docs/4.x/api/commands/preview","docs/4.x/4.api/4.commands/preview",{"title":805,"path":1690,"stem":1691,"titleTemplate":6},"/docs/4.x/api/commands/test","docs/4.x/4.api/4.commands/test",{"title":809,"path":1693,"stem":1694,"titleTemplate":6},"/docs/4.x/api/commands/typecheck","docs/4.x/4.api/4.commands/typecheck",{"title":813,"path":1696,"stem":1697,"titleTemplate":6},"/docs/4.x/api/commands/upgrade","docs/4.x/4.api/4.commands/upgrade",{"title":411,"titleTemplate":817,"icon":818,"path":1699,"stem":1700,"children":1701,"page":108},"/docs/4.x/api/kit","docs/4.x/4.api/5.kit",[1702,1705,1708,1711,1714,1717,1720,1723,1726,1729,1732,1735,1738,1741,1744,1747,1750,1753],{"title":276,"path":1703,"stem":1704,"titleTemplate":6},"/docs/4.x/api/kit/modules","docs/4.x/4.api/5.kit/1.modules",{"title":399,"path":1706,"stem":1707,"titleTemplate":6},"/docs/4.x/api/kit/runtime-config","docs/4.x/4.api/5.kit/10.runtime-config",{"title":829,"path":1709,"stem":1710,"titleTemplate":6},"/docs/4.x/api/kit/templates","docs/4.x/4.api/5.kit/10.templates",{"title":833,"path":1712,"stem":1713,"titleTemplate":6},"/docs/4.x/api/kit/nitro","docs/4.x/4.api/5.kit/11.nitro",{"title":837,"path":1715,"stem":1716,"titleTemplate":6},"/docs/4.x/api/kit/resolving","docs/4.x/4.api/5.kit/12.resolving",{"title":841,"path":1718,"stem":1719,"titleTemplate":6},"/docs/4.x/api/kit/logging","docs/4.x/4.api/5.kit/13.logging",{"title":845,"path":1721,"stem":1722,"titleTemplate":6},"/docs/4.x/api/kit/builder","docs/4.x/4.api/5.kit/14.builder",{"title":849,"path":1724,"stem":1725,"titleTemplate":6},"/docs/4.x/api/kit/examples","docs/4.x/4.api/5.kit/15.examples",{"title":84,"path":1727,"stem":1728,"titleTemplate":6},"/docs/4.x/api/kit/layers","docs/4.x/4.api/5.kit/16.layers",{"title":856,"path":1730,"stem":1731,"titleTemplate":6},"/docs/4.x/api/kit/programmatic","docs/4.x/4.api/5.kit/2.programmatic",{"title":860,"path":1733,"stem":1734,"titleTemplate":6},"/docs/4.x/api/kit/compatibility","docs/4.x/4.api/5.kit/3.compatibility",{"title":268,"path":1736,"stem":1737,"titleTemplate":6},"/docs/4.x/api/kit/autoimports","docs/4.x/4.api/5.kit/4.autoimports",{"title":434,"path":1739,"stem":1740,"titleTemplate":6},"/docs/4.x/api/kit/components","docs/4.x/4.api/5.kit/5.components",{"title":870,"path":1742,"stem":1743,"titleTemplate":6},"/docs/4.x/api/kit/context","docs/4.x/4.api/5.kit/6.context",{"title":874,"path":1745,"stem":1746,"titleTemplate":6},"/docs/4.x/api/kit/pages","docs/4.x/4.api/5.kit/7.pages",{"title":878,"path":1748,"stem":1749,"titleTemplate":6},"/docs/4.x/api/kit/layout","docs/4.x/4.api/5.kit/8.layout",{"title":882,"path":1751,"stem":1752,"titleTemplate":6},"/docs/4.x/api/kit/head","docs/4.x/4.api/5.kit/9.head",{"title":886,"path":1754,"stem":1755,"titleTemplate":6},"/docs/4.x/api/kit/plugins","docs/4.x/4.api/5.kit/9.plugins",{"title":890,"titleTemplate":6,"icon":891,"path":1757,"stem":1758,"children":1759,"page":108},"/docs/4.x/api/advanced","docs/4.x/4.api/6.advanced",[1760,1763],{"title":407,"path":1761,"stem":1762,"titleTemplate":6},"/docs/4.x/api/advanced/hooks","docs/4.x/4.api/6.advanced/1.hooks",{"title":899,"path":1764,"stem":1765,"titleTemplate":6},"/docs/4.x/api/advanced/import-meta","docs/4.x/4.api/6.advanced/2.import-meta",{"title":903,"path":1767,"stem":1768,"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":1770,"stem":1771,"children":1772,"page":108},"/docs/4.x/examples","docs/4.x/4.examples",[1773,1776,1795,1808,1839],{"title":914,"path":1774,"stem":1775,"titleTemplate":6},"/docs/4.x/examples/hello-world","docs/4.x/4.examples/0.hello-world",{"title":395,"path":1777,"stem":1778,"children":1779,"page":108},"/docs/4.x/examples/features","docs/4.x/4.examples/1.features",[1780,1783,1786,1789,1792],{"title":922,"path":1781,"stem":1782,"titleTemplate":6},"/docs/4.x/examples/features/auto-imports","docs/4.x/4.examples/1.features/1.auto-imports",{"title":64,"path":1784,"stem":1785,"titleTemplate":6},"/docs/4.x/examples/features/data-fetching","docs/4.x/4.examples/1.features/2.data-fetching",{"title":69,"path":1787,"stem":1788,"titleTemplate":6},"/docs/4.x/examples/features/state-management","docs/4.x/4.examples/1.features/3.state-management",{"title":932,"path":1790,"stem":1791,"titleTemplate":6},"/docs/4.x/examples/features/meta-tags","docs/4.x/4.examples/1.features/4.meta-tags",{"title":936,"path":1793,"stem":1794,"titleTemplate":6},"/docs/4.x/examples/features/layouts","docs/4.x/4.examples/1.features/5.layouts",{"title":49,"path":1796,"stem":1797,"children":1798,"page":108},"/docs/4.x/examples/routing","docs/4.x/4.examples/2.routing",[1799,1802,1805],{"title":944,"path":1800,"stem":1801,"titleTemplate":6},"/docs/4.x/examples/routing/middleware","docs/4.x/4.examples/2.routing/middleware",{"title":874,"path":1803,"stem":1804,"titleTemplate":6},"/docs/4.x/examples/routing/pages","docs/4.x/4.examples/2.routing/pages",{"title":951,"path":1806,"stem":1807,"titleTemplate":6},"/docs/4.x/examples/routing/universal-router","docs/4.x/4.examples/2.routing/universal-router",{"title":890,"path":1809,"stem":1810,"children":1811,"page":108},"/docs/4.x/examples/advanced","docs/4.x/4.examples/4.advanced",[1812,1815,1818,1821,1824,1827,1830,1833,1836],{"title":84,"path":1813,"stem":1814,"titleTemplate":6},"/docs/4.x/examples/advanced/config-extends","docs/4.x/4.examples/4.advanced/config-extends",{"title":74,"path":1816,"stem":1817,"titleTemplate":6},"/docs/4.x/examples/advanced/error-handling","docs/4.x/4.examples/4.advanced/error-handling",{"title":965,"path":1819,"stem":1820,"titleTemplate":6},"/docs/4.x/examples/advanced/jsx","docs/4.x/4.examples/4.advanced/jsx",{"title":969,"path":1822,"stem":1823,"titleTemplate":6},"/docs/4.x/examples/advanced/locale","docs/4.x/4.examples/4.advanced/locale",{"title":973,"path":1825,"stem":1826,"titleTemplate":6},"/docs/4.x/examples/advanced/module-extend-pages","docs/4.x/4.examples/4.advanced/module-extend-pages",{"title":977,"path":1828,"stem":1829,"titleTemplate":6},"/docs/4.x/examples/advanced/teleport","docs/4.x/4.examples/4.advanced/teleport",{"title":99,"path":1831,"stem":1832,"titleTemplate":6},"/docs/4.x/examples/advanced/testing","docs/4.x/4.examples/4.advanced/testing",{"title":519,"path":1834,"stem":1835,"titleTemplate":6},"/docs/4.x/examples/advanced/use-cookie","docs/4.x/4.examples/4.advanced/use-cookie",{"title":987,"path":1837,"stem":1838,"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":1840,"stem":1841,"children":1842,"page":108},"/docs/4.x/examples/experimental","docs/4.x/4.examples/7.experimental",[1843],{"title":996,"path":1844,"stem":1845,"titleTemplate":6},"/docs/4.x/examples/experimental/wasm","docs/4.x/4.examples/7.experimental/wasm",{"title":1000,"titleTemplate":1001,"icon":1002,"path":1847,"stem":1848,"children":1849,"page":108},"/docs/4.x/community","docs/4.x/5.community",[1850,1853,1856,1859,1862,1865],{"title":1007,"path":1851,"stem":1852,"titleTemplate":6,"icon":1010},"/docs/4.x/community/getting-help","docs/4.x/5.community/2.getting-help",{"title":1012,"path":1854,"stem":1855,"titleTemplate":6,"icon":1015},"/docs/4.x/community/reporting-bugs","docs/4.x/5.community/3.reporting-bugs",{"title":1017,"path":1857,"stem":1858,"titleTemplate":6,"icon":1020},"/docs/4.x/community/contribution","docs/4.x/5.community/4.contribution",{"title":1022,"path":1860,"stem":1861,"titleTemplate":6,"icon":1025},"/docs/4.x/community/framework-contribution","docs/4.x/5.community/5.framework-contribution",{"title":1027,"path":1863,"stem":1864,"titleTemplate":6,"icon":1030},"/docs/4.x/community/roadmap","docs/4.x/5.community/6.roadmap",{"title":1032,"path":1866,"stem":1867,"titleTemplate":6,"icon":1035},"/docs/4.x/community/changelog","docs/4.x/5.community/7.changelog",{"title":1037,"titleTemplate":1038,"icon":1039,"path":1869,"stem":1870,"children":1871,"page":108},"/docs/4.x/bridge","docs/4.x/6.bridge",[1872,1875,1878,1881,1884,1887,1890,1893,1896,1899],{"title":1044,"path":1873,"stem":1874,"titleTemplate":6},"/docs/4.x/bridge/overview","docs/4.x/6.bridge/1.overview",{"title":29,"path":1876,"stem":1877,"titleTemplate":6},"/docs/4.x/bridge/configuration","docs/4.x/6.bridge/10.configuration",{"title":280,"path":1879,"stem":1880,"titleTemplate":6},"/docs/4.x/bridge/typescript","docs/4.x/6.bridge/2.typescript",{"title":1054,"path":1882,"stem":1883,"titleTemplate":6},"/docs/4.x/bridge/bridge-composition-api","docs/4.x/6.bridge/3.bridge-composition-api",{"title":1058,"path":1885,"stem":1886,"titleTemplate":6},"/docs/4.x/bridge/plugins-and-middleware","docs/4.x/6.bridge/4.plugins-and-middleware",{"title":1062,"path":1888,"stem":1889,"titleTemplate":6},"/docs/4.x/bridge/nuxt3-compatible-api","docs/4.x/6.bridge/5.nuxt3-compatible-api",{"title":932,"path":1891,"stem":1892,"titleTemplate":6},"/docs/4.x/bridge/meta","docs/4.x/6.bridge/6.meta",{"title":399,"path":1894,"stem":1895,"titleTemplate":6},"/docs/4.x/bridge/runtime-config","docs/4.x/6.bridge/7.runtime-config",{"title":833,"path":1897,"stem":1898,"titleTemplate":6},"/docs/4.x/bridge/nitro","docs/4.x/6.bridge/8.nitro",{"title":1075,"path":1900,"stem":1901,"titleTemplate":6},"/docs/4.x/bridge/vite","docs/4.x/6.bridge/9.vite",{"title":1079,"titleTemplate":1080,"icon":107,"path":1903,"stem":1904,"children":1905,"page":108},"/docs/4.x/migration","docs/4.x/7.migration",[1906,1909,1912,1915,1918,1921,1924,1927,1930,1933,1936],{"title":1044,"path":1907,"stem":1908,"titleTemplate":6},"/docs/4.x/migration/overview","docs/4.x/7.migration/1.overview",{"title":1088,"path":1910,"stem":1911,"titleTemplate":6},"/docs/4.x/migration/bundling","docs/4.x/7.migration/10.bundling",{"title":79,"path":1913,"stem":1914,"titleTemplate":6},"/docs/4.x/migration/server","docs/4.x/7.migration/11.server",{"title":29,"path":1916,"stem":1917,"titleTemplate":6},"/docs/4.x/migration/configuration","docs/4.x/7.migration/2.configuration",{"title":276,"path":1919,"stem":1920,"titleTemplate":6},"/docs/4.x/migration/module-authors","docs/4.x/7.migration/20.module-authors",{"title":922,"path":1922,"stem":1923,"titleTemplate":6},"/docs/4.x/migration/auto-imports","docs/4.x/7.migration/3.auto-imports",{"title":932,"path":1925,"stem":1926,"titleTemplate":6},"/docs/4.x/migration/meta","docs/4.x/7.migration/4.meta",{"title":1058,"path":1928,"stem":1929,"titleTemplate":6},"/docs/4.x/migration/plugins-and-middleware","docs/4.x/7.migration/5.plugins-and-middleware",{"title":1110,"path":1931,"stem":1932,"titleTemplate":6},"/docs/4.x/migration/pages-and-layouts","docs/4.x/7.migration/6.pages-and-layouts",{"title":1114,"path":1934,"stem":1935,"titleTemplate":6},"/docs/4.x/migration/component-options","docs/4.x/7.migration/7.component-options",{"title":399,"path":1937,"stem":1938,"titleTemplate":6},"/docs/4.x/migration/runtime-config","docs/4.x/7.migration/8.runtime-config",{"title":1940,"path":1941,"stem":1942,"children":1943,"page":108},"Blog","/blog","blog",[1944,1948,1952,1956,1960,1964,1968,1972,1976,1980,1984,1988,1992,1996,2000,2004,2008,2012,2016,2020,2024],{"title":1945,"path":1946,"stem":1947},"Announcing 3.0","/blog/v3","blog/1.v3",{"title":1949,"path":1950,"stem":1951},"Nuxt 3.3","/blog/v3-3","blog/10.v3-3",{"title":1953,"path":1954,"stem":1955},"Nuxt 3.4","/blog/v3-4","blog/11.v3-4",{"title":1957,"path":1958,"stem":1959},"Nuxt 3.5","/blog/v3-5","blog/12.v3-5",{"title":1961,"path":1962,"stem":1963},"Nuxt 3.6","/blog/v3-6","blog/13.v3-6",{"title":1965,"path":1966,"stem":1967},"Nuxt on the Edge","/blog/nuxt-on-the-edge","blog/14.nuxt-on-the-edge",{"title":1969,"path":1970,"stem":1971},"Nuxt DevTools v1.0","/blog/nuxt-devtools-v1-0","blog/18.nuxt-devtools-v1-0",{"title":1973,"path":1974,"stem":1975},"Nuxt: A vision for 2023","/blog/vision-2023","blog/2.vision-2023",{"title":1977,"path":1978,"stem":1979},"The Evolution of Shiki v1.0","/blog/shiki-v1","blog/21.shiki-v1",{"title":1981,"path":1982,"stem":1983},"Refreshed Nuxt ESLint Integrations","/blog/eslint-module","blog/24.eslint-module",{"title":1985,"path":1986,"stem":1987},"Introducing Nuxt Scripts","/blog/nuxt-scripts","blog/26.nuxt-scripts",{"title":1989,"path":1990,"stem":1991},"Introducing Nuxt Icon v1","/blog/nuxt-icon-v1-0","blog/29.nuxt-icon-v1-0",{"title":1993,"path":1994,"stem":1995},"Introducing Nuxt DevTools","/blog/introducing-nuxt-devtools","blog/3.introducing-nuxt-devtools",{"title":1997,"path":1998,"stem":1999},"Announcing Nuxt 3 Release Candidate","/blog/nuxt3-rc","blog/3.nuxt3-rc",{"title":2001,"path":2002,"stem":2003},"Nuxt 2 End-of-Life (EOL)","/blog/nuxt2-eol","blog/4.nuxt2-eol",{"title":2005,"path":2006,"stem":2007},"Introducing Nuxt 3 Beta","/blog/nuxt3-beta","blog/4.nuxt3-beta",{"title":2009,"path":2010,"stem":2011},"Going Full Static","/blog/going-full-static","blog/5.going-full-static",{"title":2013,"path":2014,"stem":2015},"Introducing Smart Prefetching","/blog/introducing-smart-prefetching","blog/6.introducing-smart-prefetching",{"title":2017,"path":2018,"stem":2019},"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":2021,"path":2022,"stem":2023},"Nuxt 2 Static Improvements","/blog/nuxt-static-improvements","blog/8.nuxt-static-improvements",{"title":2025,"path":2026,"stem":2027},"Nuxt 2: From Terminal to Browser","/blog/nuxtjs-from-terminal-to-browser","blog/9.nuxtjs-from-terminal-to-browser",{"v3":2029,"v4":2030,"v2":2031},"3.21.1","4.3.1","2.18.1",{"id":2033,"title":64,"body":2034,"description":8854,"extension":8855,"links":6,"meta":8856,"navigation":8857,"path":1156,"seo":8858,"stem":1157,"titleTemplate":6,"__hash__":8859},"docsv4/docs/4.x/1.getting-started/10.data-fetching.md",{"type":2035,"value":2036,"toc":8821},"minimark",[2037,2054,2057,2092,2100,2109,2118,2130,2143,2160,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,3906,3924,3930,3952,3956,3967,3971,3980,4177,4187,4253,4259,4265,4270,4274,4284,4290,4397,4408,4412,4418,4580,4587,4709,4718,4722,4726,4731,4742,4768,4777,4781,4785,4801,4808,4840,5007,5013,5038,5201,5204,5340,5344,5347,5492,5496,5504,5665,5677,5690,5693,5701,5854,5857,5867,5981,5988,6102,6110,6116,6237,6241,6244,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],[2038,2039,2040,2041,2044,2045,2050,2051,2053],"p",{},"Nuxt comes with two composables and a built-in library to perform data-fetching in browser or server environments: ",[2042,2043,527],"code",{},", ",[2046,2047,2048],"a",{"href":1475},[2042,2049,515],{}," and ",[2042,2052,630],{},".",[2038,2055,2056],{},"In a nutshell:",[2058,2059,2060,2068,2082],"ul",{},[2061,2062,2063,2067],"li",{},[2046,2064,2065],{"href":1560},[2042,2066,630],{}," is the simplest way to make a network request.",[2061,2069,2070,2074,2075,2077,2078,2053],{},[2046,2071,2072],{"href":1484},[2042,2073,527],{}," is a wrapper around ",[2042,2076,630],{}," that fetches data only once in ",[2046,2079,2081],{"href":2080},"/docs/4.x/guide/concepts/rendering#universal-rendering","universal rendering",[2061,2083,2084,2088,2089,2091],{},[2046,2085,2086],{"href":1475},[2042,2087,515],{}," is similar to ",[2042,2090,527],{}," but offers more fine-grained control.",[2038,2093,2094,2095,2050,2097,2099],{},"Both ",[2042,2096,527],{},[2042,2098,515],{}," share a common set of options and patterns that we will detail in the last sections.",[2101,2102,2104,2105,2050,2107],"h2",{"id":2103},"the-need-for-usefetch-and-useasyncdata","The need for ",[2042,2106,527],{},[2042,2108,515],{},[2038,2110,2111,2112,2117],{},"Nuxt is a framework which can run isomorphic (or universal) code in both server and client environments. If the ",[2046,2113,2114,2116],{"href":1560},[2042,2115,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.",[2038,2119,2120,2121,2050,2125,2129],{},"The ",[2046,2122,2123],{"href":1484},[2042,2124,527],{},[2046,2126,2127],{"href":1475},[2042,2128,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.",[2038,2131,2132,2133,2139,2140,2053],{},"The payload is a JavaScript object accessible through ",[2046,2134,2136],{"href":2135},"/docs/4.x/api/composables/use-nuxt-app#payload",[2042,2137,2138],{},"useNuxtApp().payload",". It is used on the client to avoid refetching the same data when the code is executed in the browser ",[2046,2141,2142],{"href":2080},"during hydration",[2144,2145,2146],"tip",{},[2038,2147,2148,2149,2155,2156,2053],{},"Use the ",[2046,2150,2154],{"href":2151,"rel":2152},"https://devtools.nuxt.com",[2153],"nofollow","Nuxt DevTools"," to inspect this data in the ",[2157,2158,2159],"strong",{},"Payload tab",[2161,2162,2168],"pre",{"className":2163,"code":2164,"filename":2165,"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 == undefined\">\n    No data\n  \u003C/div>\n  \u003Cdiv v-else>\n    \u003Cform @submit=\"handleFormSubmit\">\n      \u003C!-- form input tags -->\n    \u003C/form>\n  \u003C/div>\n\u003C/template>\n","app/app.vue","vue","",[2042,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,2116],{"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 == undefined",[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},[2038,2490,2491,2492,2494,2495,2497],{},"In the example above, ",[2042,2493,527],{}," would make sure that the request would occur in the server and is properly forwarded to the browser. ",[2042,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",[2038,2504,2505,2506,2513],{},"Nuxt uses Vue's ",[2046,2507,2510],{"href":2508,"rel":2509},"https://vuejs.org/guide/built-ins/suspense",[2153],[2042,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",{},[2038,2518,2519,2520,2524],{},"You can add the ",[2046,2521,2522],{"href":1446},[2042,2523,480],{}," to add a progress bar between page navigations.",[2101,2526,2528],{"id":2527},"fetch",[2042,2529,630],{},[2038,2531,2532,2533,2538,2539,2541],{},"Nuxt includes the ",[2046,2534,2537],{"href":2535,"rel":2536},"https://github.com/unjs/ofetch",[2153],"ofetch"," library, and is auto-imported as the ",[2042,2540,630],{}," alias globally across your application.",[2161,2543,2547],{"className":2163,"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",[2042,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,2116],{"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",{},[2038,2661,2662,2663,2665,2666,2670,2671,2674,2675,2677,2678,2683],{},"Beware that using only ",[2042,2664,630],{}," will not provide ",[2046,2667,2669],{"href":2668},"/docs/4.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 ",[2042,2676,630],{}," for client-side interactions (event-based) or combined with ",[2046,2679,2681],{"href":2680},"/docs/4.x/getting-started/data-fetching#useasyncdata",[2042,2682,515],{}," when fetching the initial component data.",[2685,2686,2687],"read-more",{"to":1560},[2038,2688,2689,2690,2053],{},"Read more about ",[2042,2691,630],{},[2499,2693,2695],{"id":2694},"pass-client-headers-to-the-api","Pass Client Headers to the API",[2038,2697,2698,2699,2701,2702,2706,2707,2710],{},"When calling ",[2042,2700,527],{}," on the server, Nuxt will use ",[2046,2703,2704],{"href":1517},[2042,2705,571],{}," to proxy client headers and cookies (with the exception of headers not meant to be forwarded, like ",[2042,2708,2709],{},"host",").",[2161,2712,2714],{"className":2163,"code":2713,"language":2166,"meta":2167,"style":2167},"\u003Cscript setup lang=\"ts\">\nconst { data } = await useFetch('/api/echo')\n\u003C/script>\n",[2042,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},[2161,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",[2042,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",[2038,2809,2810,2811,2815,2816,2818,2819,2822,2823,2053],{},"Alternatively, the example below shows how to use ",[2046,2812,2813],{"href":1523},[2042,2814,579],{}," to access and send cookies to the API from a server-side request (originating on the client). Using an isomorphic ",[2042,2817,630],{}," call, we ensure that the API endpoint has access to the same ",[2042,2820,2821],{},"cookie"," header originally sent by the user's browser. This is only necessary if you aren't using ",[2042,2824,527],{},[2161,2826,2828],{"className":2163,"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",[2042,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,2116],{"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},[2144,2934,2935],{},[2038,2936,2937,2938,2942],{},"You can also use ",[2046,2939,2940],{"href":1517},[2042,2941,571],{}," to proxy headers to the call automatically.",[2944,2945,2946,2949],"caution",{},[2038,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:",[2058,2950,2951,2958,2969,2980],{},[2061,2952,2953,2044,2955],{},[2042,2954,2709],{},[2042,2956,2957],{},"accept",[2061,2959,2960,2044,2963,2044,2966],{},[2042,2961,2962],{},"content-length",[2042,2964,2965],{},"content-md5",[2042,2967,2968],{},"content-type",[2061,2970,2971,2044,2974,2044,2977],{},[2042,2972,2973],{},"x-forwarded-host",[2042,2975,2976],{},"x-forwarded-port",[2042,2978,2979],{},"x-forwarded-proto",[2061,2981,2982,2044,2985],{},[2042,2983,2984],{},"cf-connecting-ip",[2042,2986,2987],{},"cf-ray",[2101,2989,2991],{"id":2990},"usefetch",[2042,2992,527],{},[2038,2994,2120,2995,2999,3000,3002],{},[2046,2996,2997],{"href":1484},[2042,2998,527],{}," composable uses ",[2042,3001,630],{}," under-the-hood to make SSR-safe network calls in the setup function.",[2161,3004,3006],{"className":2163,"code":3005,"filename":2165,"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",[2042,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,2038],{"class":2181},[2171,3088,3089],{"class":2177},">",[2171,3091,3092],{"class":2216},"Page visits: {{ count }}",[2171,3094,2361],{"class":2177},[2171,3096,2038],{"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},[2038,3108,3109,3110,3114,3115,3117],{},"This composable is a wrapper around the ",[2046,3111,3112],{"href":1475},[2042,3113,515],{}," composable and ",[2042,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":1484},[3126,3127],"link-example",{"to":1784},[2101,3129,3131],{"id":3130},"useasyncdata",[2042,3132,515],{},[2038,3134,2120,3135,3137],{},[2042,3136,515],{}," composable is responsible for wrapping async logic and returning the result once it is resolved.",[2144,3139,3140],{},[2038,3141,3142,3145,3146,2670,3149,3151,3152,3155,3156,3160],{},[2042,3143,3144],{},"useFetch(url)"," is nearly equivalent to ",[2042,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 ",[2042,3153,3154],{},"event.fetch"," at ",[2046,3157,3158],{"href":1517},[2042,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",[2038,3166,3167,3168,3172,3173,3177],{},"There are some cases when using the ",[2046,3169,3170],{"href":1484},[2042,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 ",[2046,3174,3175],{"href":1475},[2042,3176,515],{}," to wrap your calls and still keep the benefits provided by the composable.",[2161,3179,3182],{"className":2163,"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","app/pages/users.vue",[2042,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],{},[2038,3314,3315,3316,3320,3321,3323,3324,3326,3327,3329,3330,3332,3333,3323,3335,3337,3338,3342,3343,2053],{},"The first argument of ",[2046,3317,3318],{"href":1475},[2042,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 ",[2042,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 ",[2042,3331,515],{},".\n",[2672,3334],{},[2672,3336],{},"\nSetting a key can be useful to share the same data between components using ",[2046,3339,3340],{"href":1508},[2042,3341,559],{}," or to ",[2046,3344,3346],{"href":3345},"/docs/4.x/api/utils/refresh-nuxt-data#refresh-specific-data","refresh specific data",[2161,3348,3351],{"className":2163,"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","app/pages/users/[id].vue",[2042,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,2053],{"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},[2038,3485,2120,3486,3488,3489,3491],{},[2042,3487,515],{}," composable is a great way to wrap and wait for multiple ",[2042,3490,630],{}," requests to be completed, and then process the results.",[2161,3493,3495],{"className":2163,"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",[2042,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,2053],{"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],{},[2038,3715,3716,3718,3719,3723],{},[2042,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 ",[2046,3720,3721],{"href":1569},[2042,3722,642],{}," utility to do so.",[2161,3725,3727],{"className":2163,"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",[2042,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,2053],{"class":2177},[2171,3792,3793],{"class":2230},"getOffer",[2171,3795,3796],{"class":2216},"(route",[2171,3798,2053],{"class":2177},[2171,3800,3801],{"class":2216},"params",[2171,3803,2053],{"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":1475},[2038,3818,2689,3819,2053],{},[2042,3820,515],{},[2101,3822,3824],{"id":3823},"return-values","Return Values",[2038,3826,3827,2050,3829,3831],{},[2042,3828,527],{},[2042,3830,515],{}," have the same return values listed below.",[2058,3833,3834,3840,3854,3884,3889],{},[2061,3835,3836,3839],{},[2042,3837,3838],{},"data",": the result of the asynchronous function that is passed in.",[2061,3841,3842,3845,3846,3849,3850,3853],{},[2042,3843,3844],{},"refresh","/",[2042,3847,3848],{},"execute",": a function that can be used to refresh the data returned by the ",[2042,3851,3852],{},"handler"," function.",[2061,3855,3856,3859,3860,3862,3863,3866,3867,3870,3871,3862,3874,3876,3877,3862,3880,3883],{},[2042,3857,3858],{},"clear",": a function that can be used to set ",[2042,3861,3838],{}," to ",[2042,3864,3865],{},"undefined"," (or the value of ",[2042,3868,3869],{},"options.default()"," if provided), set ",[2042,3872,3873],{},"error",[2042,3875,3865],{},", set ",[2042,3878,3879],{},"status",[2042,3881,3882],{},"idle",", and mark any currently pending requests as cancelled.",[2061,3885,3886,3888],{},[2042,3887,3873],{},": an error object if the data fetching failed.",[2061,3890,3891,3893,3894,2044,3897,2044,3900,2044,3903,2710],{},[2042,3892,3879],{},": a string indicating the status of the data request (",[2042,3895,3896],{},"\"idle\"",[2042,3898,3899],{},"\"pending\"",[2042,3901,3902],{},"\"success\"",[2042,3904,3905],{},"\"error\"",[2515,3907,3908],{},[2038,3909,3910,2044,3912,2050,3914,3916,3917,3920,3921],{},[2042,3911,3838],{},[2042,3913,3873],{},[2042,3915,3879],{}," are Vue refs accessible with ",[2042,3918,3919],{},".value"," in ",[2042,3922,3923],{},"\u003Cscript setup>",[2038,3925,3926,3927,3929],{},"By default, Nuxt waits until a ",[2042,3928,3844],{}," is finished before it can be executed again.",[2515,3931,3932],{},[2038,3933,3934,3935,3938,3939,3943,3944,3946,3947,3949,3950,2053],{},"If you have not fetched data on the server (for example, with ",[2042,3936,3937],{},"server: false","), then the data ",[3940,3941,3942],"em",{},"will not"," be fetched until hydration completes. This means even if you await ",[2042,3945,527],{}," on client-side, ",[2042,3948,3838],{}," will remain null within ",[2042,3951,3923],{},[2101,3953,3955],{"id":3954},"options","Options",[2038,3957,3958,2050,3962,3966],{},[2046,3959,3960],{"href":1475},[2042,3961,515],{},[2046,3963,3964],{"href":1484},[2042,3965,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,3968,3970],{"id":3969},"lazy","Lazy",[2038,3972,3973,3974,3976,3977,3979],{},"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 ",[2042,3975,3969],{}," option. In that case, you will have to manually handle loading state using the ",[2042,3978,3879],{}," value.",[2161,3981,3983],{"className":2163,"code":3982,"filename":2165,"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",[2042,3984,3985,4005,4042,4055,4061,4069,4073,4081,4086,4105,4110,4118,4128,4148,4153,4161,4169],{"__ignoreMap":2167},[2171,3986,3987,3989,3991,3993,3995,3997,3999,4001,4003],{"class":2173,"line":2174},[2171,3988,2178],{"class":2177},[2171,3990,2182],{"class":2181},[2171,3992,2186],{"class":2185},[2171,3994,2189],{"class":2185},[2171,3996,2192],{"class":2177},[2171,3998,2195],{"class":2177},[2171,4000,2199],{"class":2198},[2171,4002,2195],{"class":2177},[2171,4004,2204],{"class":2177},[2171,4006,4007,4009,4011,4014,4016,4018,4020,4023,4025,4027,4029,4031,4033,4036,4038,4040],{"class":2173,"line":2207},[2171,4008,2210],{"class":2185},[2171,4010,2213],{"class":2177},[2171,4012,4013],{"class":2216}," status",[2171,4015,2296],{"class":2177},[2171,4017,3036],{"class":2181},[2171,4019,2307],{"class":2177},[2171,4021,4022],{"class":2216}," posts ",[2171,4024,2220],{"class":2177},[2171,4026,2223],{"class":2177},[2171,4028,2231],{"class":2230},[2171,4030,2234],{"class":2216},[2171,4032,2237],{"class":2177},[2171,4034,4035],{"class":2198},"/api/posts",[2171,4037,2237],{"class":2177},[2171,4039,2296],{"class":2177},[2171,4041,2268],{"class":2177},[2171,4043,4044,4047,4049,4053],{"class":2173,"line":2248},[2171,4045,4046],{"class":2181},"  lazy",[2171,4048,2307],{"class":2177},[2171,4050,4052],{"class":4051},"sbKd-"," true",[2171,4054,2318],{"class":2177},[2171,4056,4057,4059],{"class":2173,"line":2254},[2171,4058,2220],{"class":2177},[2171,4060,2245],{"class":2216},[2171,4062,4063,4065,4067],{"class":2173,"line":2271},[2171,4064,2361],{"class":2177},[2171,4066,2182],{"class":2181},[2171,4068,2204],{"class":2177},[2171,4070,4071],{"class":2173,"line":2301},[2171,4072,2251],{"emptyLinePlaceholder":1196},[2171,4074,4075,4077,4079],{"class":2173,"line":2321},[2171,4076,2178],{"class":2177},[2171,4078,2378],{"class":2181},[2171,4080,2204],{"class":2177},[2171,4082,4083],{"class":2173,"line":2331},[2171,4084,4085],{"class":2334},"  \u003C!-- you will need to handle a loading state -->\n",[2171,4087,4088,4090,4092,4094,4096,4098,4101,4103],{"class":2173,"line":2338},[2171,4089,2386],{"class":2177},[2171,4091,2389],{"class":2181},[2171,4093,2392],{"class":2185},[2171,4095,2192],{"class":2177},[2171,4097,2195],{"class":2177},[2171,4099,4100],{"class":2198},"status === 'pending'",[2171,4102,2195],{"class":2177},[2171,4104,2204],{"class":2177},[2171,4106,4107],{"class":2173,"line":2344},[2171,4108,4109],{"class":2216},"    Loading ...\n",[2171,4111,4112,4114,4116],{"class":2173,"line":2352},[2171,4113,2415],{"class":2177},[2171,4115,2389],{"class":2181},[2171,4117,2204],{"class":2177},[2171,4119,4120,4122,4124,4126],{"class":2173,"line":2358},[2171,4121,2386],{"class":2177},[2171,4123,2389],{"class":2181},[2171,4125,2429],{"class":2185},[2171,4127,2204],{"class":2177},[2171,4129,4130,4132,4134,4137,4139,4141,4144,4146],{"class":2173,"line":2368},[2171,4131,2437],{"class":2177},[2171,4133,2389],{"class":2181},[2171,4135,4136],{"class":2185}," v-for",[2171,4138,2192],{"class":2177},[2171,4140,2195],{"class":2177},[2171,4142,4143],{"class":2198},"post in posts",[2171,4145,2195],{"class":2177},[2171,4147,2204],{"class":2177},[2171,4149,4150],{"class":2173,"line":2373},[2171,4151,4152],{"class":2334},"      \u003C!-- do something -->\n",[2171,4154,4155,4157,4159],{"class":2173,"line":2383},[2171,4156,2466],{"class":2177},[2171,4158,2389],{"class":2181},[2171,4160,2204],{"class":2177},[2171,4162,4163,4165,4167],{"class":2173,"line":2406},[2171,4164,2415],{"class":2177},[2171,4166,2389],{"class":2181},[2171,4168,2204],{"class":2177},[2171,4170,4171,4173,4175],{"class":2173,"line":2412},[2171,4172,2361],{"class":2177},[2171,4174,2378],{"class":2181},[2171,4176,2204],{"class":2177},[2038,4178,4179,4180,2050,4184,4186],{},"You can alternatively use ",[2046,4181,4182],{"href":1499},[2042,4183,547],{},[2042,4185,543],{}," as convenient methods to perform the same.",[2161,4188,4190],{"className":2163,"code":4189,"language":2166,"meta":2546,"style":2167},"\u003Cscript setup lang=\"ts\">\nconst { status, data: posts } = useLazyFetch('/api/posts')\n\u003C/script>\n",[2042,4191,4192,4212,4245],{"__ignoreMap":2167},[2171,4193,4194,4196,4198,4200,4202,4204,4206,4208,4210],{"class":2173,"line":2174},[2171,4195,2178],{"class":2177},[2171,4197,2182],{"class":2181},[2171,4199,2186],{"class":2185},[2171,4201,2189],{"class":2185},[2171,4203,2192],{"class":2177},[2171,4205,2195],{"class":2177},[2171,4207,2199],{"class":2198},[2171,4209,2195],{"class":2177},[2171,4211,2204],{"class":2177},[2171,4213,4214,4216,4218,4220,4222,4224,4226,4228,4230,4232,4235,4237,4239,4241,4243],{"class":2173,"line":2207},[2171,4215,2210],{"class":2185},[2171,4217,2213],{"class":2177},[2171,4219,4013],{"class":2216},[2171,4221,2296],{"class":2177},[2171,4223,3036],{"class":2181},[2171,4225,2307],{"class":2177},[2171,4227,4022],{"class":2216},[2171,4229,2220],{"class":2177},[2171,4231,2223],{"class":2177},[2171,4233,4234],{"class":2230}," useLazyFetch",[2171,4236,2234],{"class":2216},[2171,4238,2237],{"class":2177},[2171,4240,4035],{"class":2198},[2171,4242,2237],{"class":2177},[2171,4244,2245],{"class":2216},[2171,4246,4247,4249,4251],{"class":2173,"line":2248},[2171,4248,2361],{"class":2177},[2171,4250,2182],{"class":2181},[2171,4252,2204],{"class":2177},[2685,4254,4255],{"to":1499},[2038,4256,2689,4257,2053],{},[2042,4258,547],{},[2685,4260,4261],{"to":1496},[2038,4262,2689,4263,2053],{},[2042,4264,543],{},[3119,4266],{"title":4267,"video-id":4268,"platform":4269},"Watch a video from Vue School on blocking vs. non-blocking (lazy) requests","1022000555","vimeo",[2499,4271,4273],{"id":4272},"client-only-fetching","Client-only fetching",[2038,4275,4276,4277,4279,4280,4283],{},"By default, data fetching composables will perform their asynchronous function on both client and server environments. Set the ",[2042,4278,185],{}," option to ",[2042,4281,4282],{},"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.",[2038,4285,4286,4287,4289],{},"Combined with the ",[2042,4288,3969],{}," option, this can be useful for data that is not needed on the first render (for example, non-SEO sensitive data).",[2161,4291,4293],{"className":2773,"code":4292,"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",[2042,4294,4295,4300,4324,4328,4333,4369,4379,4391],{"__ignoreMap":2167},[2171,4296,4297],{"class":2173,"line":2174},[2171,4298,4299],{"class":2334},"/* This call is performed before hydration */\n",[2171,4301,4302,4304,4307,4309,4311,4313,4315,4317,4320,4322],{"class":2173,"line":2207},[2171,4303,2210],{"class":2185},[2171,4305,4306],{"class":2216}," articles ",[2171,4308,2192],{"class":2177},[2171,4310,2227],{"class":2226},[2171,4312,2231],{"class":2230},[2171,4314,2234],{"class":2216},[2171,4316,2237],{"class":2177},[2171,4318,4319],{"class":2198},"/api/article",[2171,4321,2237],{"class":2177},[2171,4323,2245],{"class":2216},[2171,4325,4326],{"class":2173,"line":2248},[2171,4327,2251],{"emptyLinePlaceholder":1196},[2171,4329,4330],{"class":2173,"line":2254},[2171,4331,4332],{"class":2334},"/* This call will only be performed on the client */\n",[2171,4334,4335,4337,4339,4341,4343,4345,4347,4350,4352,4354,4356,4358,4360,4363,4365,4367],{"class":2173,"line":2271},[2171,4336,2210],{"class":2185},[2171,4338,2213],{"class":2177},[2171,4340,4013],{"class":2216},[2171,4342,2296],{"class":2177},[2171,4344,3036],{"class":2181},[2171,4346,2307],{"class":2177},[2171,4348,4349],{"class":2216}," comments ",[2171,4351,2220],{"class":2177},[2171,4353,2223],{"class":2177},[2171,4355,2231],{"class":2230},[2171,4357,2234],{"class":2216},[2171,4359,2237],{"class":2177},[2171,4361,4362],{"class":2198},"/api/comments",[2171,4364,2237],{"class":2177},[2171,4366,2296],{"class":2177},[2171,4368,2268],{"class":2177},[2171,4370,4371,4373,4375,4377],{"class":2173,"line":2301},[2171,4372,4046],{"class":2181},[2171,4374,2307],{"class":2177},[2171,4376,4052],{"class":4051},[2171,4378,2318],{"class":2177},[2171,4380,4381,4384,4386,4389],{"class":2173,"line":2321},[2171,4382,4383],{"class":2181},"  server",[2171,4385,2307],{"class":2177},[2171,4387,4388],{"class":4051}," false",[2171,4390,2318],{"class":2177},[2171,4392,4393,4395],{"class":2173,"line":2331},[2171,4394,2220],{"class":2177},[2171,4396,2245],{"class":2216},[2038,4398,2120,4399,4401,4402,2053],{},[2042,4400,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 ",[2046,4403,4405,4407],{"href":4404},"/docs/4.x/getting-started/data-fetching#fetch",[2042,4406,630],{}," method",[2499,4409,4411],{"id":4410},"minimize-payload-size","Minimize payload size",[2038,4413,2120,4414,4417],{},[2042,4415,4416],{},"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.",[2161,4419,4421],{"className":2163,"code":4420,"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",[2042,4422,4423,4443,4448,4482,4511,4517,4525,4529,4537,4555,4572],{"__ignoreMap":2167},[2171,4424,4425,4427,4429,4431,4433,4435,4437,4439,4441],{"class":2173,"line":2174},[2171,4426,2178],{"class":2177},[2171,4428,2182],{"class":2181},[2171,4430,2186],{"class":2185},[2171,4432,2189],{"class":2185},[2171,4434,2192],{"class":2177},[2171,4436,2195],{"class":2177},[2171,4438,2199],{"class":2198},[2171,4440,2195],{"class":2177},[2171,4442,2204],{"class":2177},[2171,4444,4445],{"class":2173,"line":2207},[2171,4446,4447],{"class":2334},"/* only pick the fields used in your template */\n",[2171,4449,4450,4452,4454,4456,4458,4461,4463,4465,4467,4469,4471,4473,4476,4478,4480],{"class":2173,"line":2248},[2171,4451,2210],{"class":2185},[2171,4453,2213],{"class":2177},[2171,4455,3036],{"class":2181},[2171,4457,2307],{"class":2177},[2171,4459,4460],{"class":2216}," mountain ",[2171,4462,2220],{"class":2177},[2171,4464,2223],{"class":2177},[2171,4466,2227],{"class":2226},[2171,4468,2231],{"class":2230},[2171,4470,2234],{"class":2216},[2171,4472,2237],{"class":2177},[2171,4474,4475],{"class":2198},"/api/mountains/everest",[2171,4477,2237],{"class":2177},[2171,4479,2296],{"class":2177},[2171,4481,2268],{"class":2177},[2171,4483,4484,4487,4489,4491,4493,4496,4498,4500,4502,4505,4507,4509],{"class":2173,"line":2254},[2171,4485,4486],{"class":2181},"  pick",[2171,4488,2307],{"class":2177},[2171,4490,3583],{"class":2216},[2171,4492,2237],{"class":2177},[2171,4494,4495],{"class":2198},"title",[2171,4497,2237],{"class":2177},[2171,4499,2296],{"class":2177},[2171,4501,2310],{"class":2177},[2171,4503,4504],{"class":2198},"description",[2171,4506,2237],{"class":2177},[2171,4508,3594],{"class":2216},[2171,4510,2318],{"class":2177},[2171,4512,4513,4515],{"class":2173,"line":2271},[2171,4514,2220],{"class":2177},[2171,4516,2245],{"class":2216},[2171,4518,4519,4521,4523],{"class":2173,"line":2301},[2171,4520,2361],{"class":2177},[2171,4522,2182],{"class":2181},[2171,4524,2204],{"class":2177},[2171,4526,4527],{"class":2173,"line":2321},[2171,4528,2251],{"emptyLinePlaceholder":1196},[2171,4530,4531,4533,4535],{"class":2173,"line":2331},[2171,4532,2178],{"class":2177},[2171,4534,2378],{"class":2181},[2171,4536,2204],{"class":2177},[2171,4538,4539,4541,4544,4546,4549,4551,4553],{"class":2173,"line":2338},[2171,4540,2386],{"class":2177},[2171,4542,4543],{"class":2181},"h1",[2171,4545,3089],{"class":2177},[2171,4547,4548],{"class":2216},"{{ mountain.title }}",[2171,4550,2361],{"class":2177},[2171,4552,4543],{"class":2181},[2171,4554,2204],{"class":2177},[2171,4556,4557,4559,4561,4563,4566,4568,4570],{"class":2173,"line":2344},[2171,4558,2386],{"class":2177},[2171,4560,2038],{"class":2181},[2171,4562,3089],{"class":2177},[2171,4564,4565],{"class":2216},"{{ mountain.description }}",[2171,4567,2361],{"class":2177},[2171,4569,2038],{"class":2181},[2171,4571,2204],{"class":2177},[2171,4573,4574,4576,4578],{"class":2173,"line":2352},[2171,4575,2361],{"class":2177},[2171,4577,2378],{"class":2181},[2171,4579,2204],{"class":2177},[2038,4581,4582,4583,4586],{},"If you need more control or map over several objects, you can use the ",[2042,4584,4585],{},"transform"," function to alter the result of the query.",[2161,4588,4590],{"className":2773,"code":4589,"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",[2042,4591,4592,4626,4644,4698,4703],{"__ignoreMap":2167},[2171,4593,4594,4596,4598,4600,4602,4605,4607,4609,4611,4613,4615,4617,4620,4622,4624],{"class":2173,"line":2174},[2171,4595,2210],{"class":2185},[2171,4597,2213],{"class":2177},[2171,4599,3036],{"class":2181},[2171,4601,2307],{"class":2177},[2171,4603,4604],{"class":2216}," mountains ",[2171,4606,2220],{"class":2177},[2171,4608,2223],{"class":2177},[2171,4610,2227],{"class":2226},[2171,4612,2231],{"class":2230},[2171,4614,2234],{"class":2216},[2171,4616,2237],{"class":2177},[2171,4618,4619],{"class":2198},"/api/mountains",[2171,4621,2237],{"class":2177},[2171,4623,2296],{"class":2177},[2171,4625,2268],{"class":2177},[2171,4627,4628,4631,4633,4635,4638,4640,4642],{"class":2173,"line":2207},[2171,4629,4630],{"class":2230},"  transform",[2171,4632,2307],{"class":2177},[2171,4634,3559],{"class":2177},[2171,4636,4637],{"class":2797},"mountains",[2171,4639,3635],{"class":2177},[2171,4641,2801],{"class":2185},[2171,4643,2268],{"class":2177},[2171,4645,4646,4649,4652,4654,4657,4659,4662,4664,4666,4669,4672,4674,4677,4679,4681,4683,4686,4688,4690,4692,4694,4696],{"class":2173,"line":2248},[2171,4647,4648],{"class":2226},"    return",[2171,4650,4651],{"class":2216}," mountains",[2171,4653,2053],{"class":2177},[2171,4655,4656],{"class":2230},"map",[2171,4658,2234],{"class":2181},[2171,4660,4661],{"class":2797},"mountain",[2171,4663,2801],{"class":2185},[2171,4665,3559],{"class":2181},[2171,4667,4668],{"class":2177},"{",[2171,4670,4671],{"class":2181}," title",[2171,4673,2307],{"class":2177},[2171,4675,4676],{"class":2216}," mountain",[2171,4678,2053],{"class":2177},[2171,4680,4495],{"class":2216},[2171,4682,2296],{"class":2177},[2171,4684,4685],{"class":2181}," description",[2171,4687,2307],{"class":2177},[2171,4689,4676],{"class":2216},[2171,4691,2053],{"class":2177},[2171,4693,4504],{"class":2216},[2171,4695,2918],{"class":2177},[2171,4697,3254],{"class":2181},[2171,4699,4700],{"class":2173,"line":2254},[2171,4701,4702],{"class":2177},"  },\n",[2171,4704,4705,4707],{"class":2173,"line":2271},[2171,4706,2220],{"class":2177},[2171,4708,2245],{"class":2216},[2515,4710,4711],{},[2038,4712,2094,4713,2050,4715,4717],{},[2042,4714,4416],{},[2042,4716,4585],{}," 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,4719],{"title":4720,"video-id":4721,"platform":4269},"Watch a video from Vue School on minimizing payload size","1026410430",[2499,4723,4725],{"id":4724},"caching-and-refetching","Caching and refetching",[4727,4728,4730],"h4",{"id":4729},"keys","Keys",[2038,4732,4733,2050,4737,4741],{},[2046,4734,4735],{"href":1484},[2042,4736,527],{},[2046,4738,4739],{"href":1475},[2042,4740,515],{}," use keys to prevent refetching the same data.",[2058,4743,4744,4758],{},[2061,4745,4746,4750,4751,4754,4755,4757],{},[2046,4747,4748],{"href":1484},[2042,4749,527],{}," uses the provided URL as a key. Alternatively, a ",[2042,4752,4753],{},"key"," value can be provided in the ",[2042,4756,3954],{}," object passed as a last argument.",[2061,4759,4760,4764,4765,4767],{},[2046,4761,4762],{"href":1475},[2042,4763,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 ",[2042,4766,515],{}," will be generated for you.",[2144,4769,4770],{},[2038,4771,4772,4773],{},"To get the cached data by key, you can use ",[2046,4774,4775],{"href":1508},[2042,4776,559],{},[3119,4778],{"title":4779,"video-id":4780,"platform":4269},"Watch a video from Vue School on caching data with the key option","1026410044",[4727,4782,4784],{"id":4783},"shared-state-and-option-consistency","Shared State and Option Consistency",[2038,4786,4787,4788,4790,4791,4793,4794,2044,4796,2050,4798,4800],{},"When multiple components use the same key with ",[2042,4789,515],{}," or ",[2042,4792,527],{},", they will share the same ",[2042,4795,3838],{},[2042,4797,3873],{},[2042,4799,3879],{}," refs. This ensures consistency across components but requires some options to be consistent.",[2038,4802,4803,4804,4807],{},"The following options ",[2157,4805,4806],{},"must be consistent"," across all calls with the same key:",[2058,4809,4810,4814,4820,4824,4829,4834],{},[2061,4811,4812,2116],{},[2042,4813,3852],{},[2061,4815,4816,4819],{},[2042,4817,4818],{},"deep"," option",[2061,4821,4822,2116],{},[2042,4823,4585],{},[2061,4825,4826,4828],{},[2042,4827,4416],{}," array",[2061,4830,4831,2116],{},[2042,4832,4833],{},"getCachedData",[2061,4835,4836,4839],{},[2042,4837,4838],{},"default"," value",[2161,4841,4843],{"className":2773,"code":4842,"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",[2042,4844,4845,4850,4930],{"__ignoreMap":2167},[2171,4846,4847],{"class":2173,"line":2174},[2171,4848,4849],{"class":2334},"// ❌ This will trigger a development warning\n",[2171,4851,4852,4854,4856,4858,4860,4863,4865,4867,4869,4871,4873,4875,4877,4879,4881,4883,4885,4887,4889,4891,4893,4895,4897,4899,4902,4904,4906,4908,4911,4913,4915,4917,4919,4922,4924,4926,4928],{"class":2173,"line":2207},[2171,4853,2210],{"class":2185},[2171,4855,2213],{"class":2177},[2171,4857,3036],{"class":2181},[2171,4859,2307],{"class":2177},[2171,4861,4862],{"class":2216}," users1 ",[2171,4864,2220],{"class":2177},[2171,4866,2223],{"class":2177},[2171,4868,3225],{"class":2230},[2171,4870,2234],{"class":2216},[2171,4872,2237],{"class":2177},[2171,4874,3232],{"class":2198},[2171,4876,2237],{"class":2177},[2171,4878,2296],{"class":2177},[2171,4880,3559],{"class":2177},[2171,4882,3562],{"class":2797},[2171,4884,2296],{"class":2177},[2171,4886,2213],{"class":2177},[2171,4888,3569],{"class":2797},[2171,4890,3572],{"class":2177},[2171,4892,2801],{"class":2185},[2171,4894,2284],{"class":2230},[2171,4896,2234],{"class":2216},[2171,4898,2237],{"class":2177},[2171,4900,4901],{"class":2198},"/api/users",[2171,4903,2237],{"class":2177},[2171,4905,2296],{"class":2177},[2171,4907,2213],{"class":2177},[2171,4909,4910],{"class":2216}," signal ",[2171,4912,2220],{"class":2177},[2171,4914,3635],{"class":2216},[2171,4916,2296],{"class":2177},[2171,4918,2213],{"class":2177},[2171,4920,4921],{"class":2181}," deep",[2171,4923,2307],{"class":2177},[2171,4925,4388],{"class":4051},[2171,4927,2918],{"class":2177},[2171,4929,2245],{"class":2216},[2171,4931,4932,4934,4936,4938,4940,4943,4945,4947,4949,4951,4953,4955,4957,4959,4961,4963,4965,4967,4969,4971,4973,4975,4977,4979,4981,4983,4985,4987,4989,4991,4993,4995,4997,4999,5001,5003,5005],{"class":2173,"line":2248},[2171,4933,2210],{"class":2185},[2171,4935,2213],{"class":2177},[2171,4937,3036],{"class":2181},[2171,4939,2307],{"class":2177},[2171,4941,4942],{"class":2216}," users2 ",[2171,4944,2220],{"class":2177},[2171,4946,2223],{"class":2177},[2171,4948,3225],{"class":2230},[2171,4950,2234],{"class":2216},[2171,4952,2237],{"class":2177},[2171,4954,3232],{"class":2198},[2171,4956,2237],{"class":2177},[2171,4958,2296],{"class":2177},[2171,4960,3559],{"class":2177},[2171,4962,3562],{"class":2797},[2171,4964,2296],{"class":2177},[2171,4966,2213],{"class":2177},[2171,4968,3569],{"class":2797},[2171,4970,3572],{"class":2177},[2171,4972,2801],{"class":2185},[2171,4974,2284],{"class":2230},[2171,4976,2234],{"class":2216},[2171,4978,2237],{"class":2177},[2171,4980,4901],{"class":2198},[2171,4982,2237],{"class":2177},[2171,4984,2296],{"class":2177},[2171,4986,2213],{"class":2177},[2171,4988,4910],{"class":2216},[2171,4990,2220],{"class":2177},[2171,4992,3635],{"class":2216},[2171,4994,2296],{"class":2177},[2171,4996,2213],{"class":2177},[2171,4998,4921],{"class":2181},[2171,5000,2307],{"class":2177},[2171,5002,4052],{"class":4051},[2171,5004,2918],{"class":2177},[2171,5006,2245],{"class":2216},[2038,5008,4803,5009,5012],{},[2157,5010,5011],{},"can safely differ"," without triggering warnings:",[2058,5014,5015,5019,5023,5028,5033],{},[2061,5016,5017],{},[2042,5018,185],{},[2061,5020,5021],{},[2042,5022,3969],{},[2061,5024,5025],{},[2042,5026,5027],{},"immediate",[2061,5029,5030],{},[2042,5031,5032],{},"dedupe",[2061,5034,5035],{},[2042,5036,5037],{},"watch",[2161,5039,5041],{"className":2773,"code":5040,"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",[2042,5042,5043,5048,5125],{"__ignoreMap":2167},[2171,5044,5045],{"class":2173,"line":2174},[2171,5046,5047],{"class":2334},"// ✅ This is allowed\n",[2171,5049,5050,5052,5054,5056,5058,5060,5062,5064,5066,5068,5070,5072,5074,5076,5078,5080,5082,5084,5086,5088,5090,5092,5094,5096,5098,5100,5102,5104,5106,5108,5110,5112,5114,5117,5119,5121,5123],{"class":2173,"line":2207},[2171,5051,2210],{"class":2185},[2171,5053,2213],{"class":2177},[2171,5055,3036],{"class":2181},[2171,5057,2307],{"class":2177},[2171,5059,4862],{"class":2216},[2171,5061,2220],{"class":2177},[2171,5063,2223],{"class":2177},[2171,5065,3225],{"class":2230},[2171,5067,2234],{"class":2216},[2171,5069,2237],{"class":2177},[2171,5071,3232],{"class":2198},[2171,5073,2237],{"class":2177},[2171,5075,2296],{"class":2177},[2171,5077,3559],{"class":2177},[2171,5079,3562],{"class":2797},[2171,5081,2296],{"class":2177},[2171,5083,2213],{"class":2177},[2171,5085,3569],{"class":2797},[2171,5087,3572],{"class":2177},[2171,5089,2801],{"class":2185},[2171,5091,2284],{"class":2230},[2171,5093,2234],{"class":2216},[2171,5095,2237],{"class":2177},[2171,5097,4901],{"class":2198},[2171,5099,2237],{"class":2177},[2171,5101,2296],{"class":2177},[2171,5103,2213],{"class":2177},[2171,5105,4910],{"class":2216},[2171,5107,2220],{"class":2177},[2171,5109,3635],{"class":2216},[2171,5111,2296],{"class":2177},[2171,5113,2213],{"class":2177},[2171,5115,5116],{"class":2181}," immediate",[2171,5118,2307],{"class":2177},[2171,5120,4052],{"class":4051},[2171,5122,2918],{"class":2177},[2171,5124,2245],{"class":2216},[2171,5126,5127,5129,5131,5133,5135,5137,5139,5141,5143,5145,5147,5149,5151,5153,5155,5157,5159,5161,5163,5165,5167,5169,5171,5173,5175,5177,5179,5181,5183,5185,5187,5189,5191,5193,5195,5197,5199],{"class":2173,"line":2248},[2171,5128,2210],{"class":2185},[2171,5130,2213],{"class":2177},[2171,5132,3036],{"class":2181},[2171,5134,2307],{"class":2177},[2171,5136,4942],{"class":2216},[2171,5138,2220],{"class":2177},[2171,5140,2223],{"class":2177},[2171,5142,3225],{"class":2230},[2171,5144,2234],{"class":2216},[2171,5146,2237],{"class":2177},[2171,5148,3232],{"class":2198},[2171,5150,2237],{"class":2177},[2171,5152,2296],{"class":2177},[2171,5154,3559],{"class":2177},[2171,5156,3562],{"class":2797},[2171,5158,2296],{"class":2177},[2171,5160,2213],{"class":2177},[2171,5162,3569],{"class":2797},[2171,5164,3572],{"class":2177},[2171,5166,2801],{"class":2185},[2171,5168,2284],{"class":2230},[2171,5170,2234],{"class":2216},[2171,5172,2237],{"class":2177},[2171,5174,4901],{"class":2198},[2171,5176,2237],{"class":2177},[2171,5178,2296],{"class":2177},[2171,5180,2213],{"class":2177},[2171,5182,4910],{"class":2216},[2171,5184,2220],{"class":2177},[2171,5186,3635],{"class":2216},[2171,5188,2296],{"class":2177},[2171,5190,2213],{"class":2177},[2171,5192,5116],{"class":2181},[2171,5194,2307],{"class":2177},[2171,5196,4388],{"class":4051},[2171,5198,2918],{"class":2177},[2171,5200,2245],{"class":2216},[2038,5202,5203],{},"If you need independent instances, use different keys:",[2161,5205,5207],{"className":2773,"code":5206,"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",[2042,5208,5209,5214,5277],{"__ignoreMap":2167},[2171,5210,5211],{"class":2173,"line":2174},[2171,5212,5213],{"class":2334},"// These are completely independent instances\n",[2171,5215,5216,5218,5220,5222,5224,5226,5228,5230,5232,5234,5236,5239,5241,5243,5245,5247,5249,5251,5253,5255,5257,5259,5261,5263,5265,5267,5269,5271,5273,5275],{"class":2173,"line":2207},[2171,5217,2210],{"class":2185},[2171,5219,2213],{"class":2177},[2171,5221,3036],{"class":2181},[2171,5223,2307],{"class":2177},[2171,5225,4862],{"class":2216},[2171,5227,2220],{"class":2177},[2171,5229,2223],{"class":2177},[2171,5231,3225],{"class":2230},[2171,5233,2234],{"class":2216},[2171,5235,2237],{"class":2177},[2171,5237,5238],{"class":2198},"users-1",[2171,5240,2237],{"class":2177},[2171,5242,2296],{"class":2177},[2171,5244,3559],{"class":2177},[2171,5246,3562],{"class":2797},[2171,5248,2296],{"class":2177},[2171,5250,2213],{"class":2177},[2171,5252,3569],{"class":2797},[2171,5254,3572],{"class":2177},[2171,5256,2801],{"class":2185},[2171,5258,2284],{"class":2230},[2171,5260,2234],{"class":2216},[2171,5262,2237],{"class":2177},[2171,5264,4901],{"class":2198},[2171,5266,2237],{"class":2177},[2171,5268,2296],{"class":2177},[2171,5270,2213],{"class":2177},[2171,5272,4910],{"class":2216},[2171,5274,2220],{"class":2177},[2171,5276,3254],{"class":2216},[2171,5278,5279,5281,5283,5285,5287,5289,5291,5293,5295,5297,5299,5302,5304,5306,5308,5310,5312,5314,5316,5318,5320,5322,5324,5326,5328,5330,5332,5334,5336,5338],{"class":2173,"line":2248},[2171,5280,2210],{"class":2185},[2171,5282,2213],{"class":2177},[2171,5284,3036],{"class":2181},[2171,5286,2307],{"class":2177},[2171,5288,4942],{"class":2216},[2171,5290,2220],{"class":2177},[2171,5292,2223],{"class":2177},[2171,5294,3225],{"class":2230},[2171,5296,2234],{"class":2216},[2171,5298,2237],{"class":2177},[2171,5300,5301],{"class":2198},"users-2",[2171,5303,2237],{"class":2177},[2171,5305,2296],{"class":2177},[2171,5307,3559],{"class":2177},[2171,5309,3562],{"class":2797},[2171,5311,2296],{"class":2177},[2171,5313,2213],{"class":2177},[2171,5315,3569],{"class":2797},[2171,5317,3572],{"class":2177},[2171,5319,2801],{"class":2185},[2171,5321,2284],{"class":2230},[2171,5323,2234],{"class":2216},[2171,5325,2237],{"class":2177},[2171,5327,4901],{"class":2198},[2171,5329,2237],{"class":2177},[2171,5331,2296],{"class":2177},[2171,5333,2213],{"class":2177},[2171,5335,4910],{"class":2216},[2171,5337,2220],{"class":2177},[2171,5339,3254],{"class":2216},[4727,5341,5343],{"id":5342},"reactive-keys","Reactive Keys",[2038,5345,5346],{},"You can use computed refs, plain refs or getter functions as keys, allowing for dynamic data fetching that automatically updates when dependencies change:",[2161,5348,5350],{"className":2773,"code":5349,"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",[2042,5351,5352,5357,5380,5402,5435,5455,5459,5463,5468,5473],{"__ignoreMap":2167},[2171,5353,5354],{"class":2173,"line":2174},[2171,5355,5356],{"class":2334},"// Using a computed property as a key\n",[2171,5358,5359,5361,5364,5366,5369,5371,5373,5376,5378],{"class":2173,"line":2207},[2171,5360,2210],{"class":2185},[2171,5362,5363],{"class":2216}," userId ",[2171,5365,2192],{"class":2177},[2171,5367,5368],{"class":2230}," ref",[2171,5370,2234],{"class":2216},[2171,5372,2237],{"class":2177},[2171,5374,5375],{"class":2198},"123",[2171,5377,2237],{"class":2177},[2171,5379,2245],{"class":2216},[2171,5381,5382,5384,5386,5388,5390,5393,5395,5397,5399],{"class":2173,"line":2248},[2171,5383,2210],{"class":2185},[2171,5385,2213],{"class":2177},[2171,5387,3036],{"class":2181},[2171,5389,2307],{"class":2177},[2171,5391,5392],{"class":2216}," user ",[2171,5394,2220],{"class":2177},[2171,5396,2223],{"class":2177},[2171,5398,3225],{"class":2230},[2171,5400,5401],{"class":2216},"(\n",[2171,5403,5404,5407,5409,5411,5413,5416,5419,5421,5424,5426,5429,5431,5433],{"class":2173,"line":2254},[2171,5405,5406],{"class":2230},"  computed",[2171,5408,2234],{"class":2216},[2171,5410,3288],{"class":2177},[2171,5412,2801],{"class":2185},[2171,5414,5415],{"class":2177}," `",[2171,5417,5418],{"class":2198},"user-",[2171,5420,3430],{"class":2177},[2171,5422,5423],{"class":2216},"userId",[2171,5425,2053],{"class":2177},[2171,5427,5428],{"class":2216},"value",[2171,5430,3436],{"class":2177},[2171,5432,3635],{"class":2216},[2171,5434,2318],{"class":2177},[2171,5436,5437,5440,5442,5445,5448,5450,5453],{"class":2173,"line":2271},[2171,5438,5439],{"class":2177},"  ()",[2171,5441,2801],{"class":2185},[2171,5443,5444],{"class":2230}," fetchUser",[2171,5446,5447],{"class":2216},"(userId",[2171,5449,2053],{"class":2177},[2171,5451,5452],{"class":2216},"value)",[2171,5454,2318],{"class":2177},[2171,5456,5457],{"class":2173,"line":2301},[2171,5458,2245],{"class":2216},[2171,5460,5461],{"class":2173,"line":2321},[2171,5462,2251],{"emptyLinePlaceholder":1196},[2171,5464,5465],{"class":2173,"line":2331},[2171,5466,5467],{"class":2334},"// When userId changes, the data will be automatically refetched\n",[2171,5469,5470],{"class":2173,"line":2338},[2171,5471,5472],{"class":2334},"// and the old data will be cleaned up if no other components use it\n",[2171,5474,5475,5477,5479,5482,5484,5486,5489],{"class":2173,"line":2344},[2171,5476,5423],{"class":2216},[2171,5478,2053],{"class":2177},[2171,5480,5481],{"class":2216},"value ",[2171,5483,2192],{"class":2177},[2171,5485,2310],{"class":2177},[2171,5487,5488],{"class":2198},"456",[2171,5490,5491],{"class":2177},"'\n",[4727,5493,5495],{"id":5494},"refresh-and-execute","Refresh and execute",[2038,5497,5498,5499,4790,5501,5503],{},"If you want to fetch or refresh data manually, use the ",[2042,5500,3848],{},[2042,5502,3844],{}," function provided by the composables.",[2161,5505,5507],{"className":2163,"code":5506,"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",[2042,5508,5509,5529,5570,5578,5582,5590,5598,5615,5636,5641,5649,5657],{"__ignoreMap":2167},[2171,5510,5511,5513,5515,5517,5519,5521,5523,5525,5527],{"class":2173,"line":2174},[2171,5512,2178],{"class":2177},[2171,5514,2182],{"class":2181},[2171,5516,2186],{"class":2185},[2171,5518,2189],{"class":2185},[2171,5520,2192],{"class":2177},[2171,5522,2195],{"class":2177},[2171,5524,2199],{"class":2198},[2171,5526,2195],{"class":2177},[2171,5528,2204],{"class":2177},[2171,5530,5531,5533,5535,5537,5539,5542,5544,5547,5549,5552,5554,5556,5558,5560,5562,5564,5566,5568],{"class":2173,"line":2207},[2171,5532,2210],{"class":2185},[2171,5534,2213],{"class":2177},[2171,5536,3036],{"class":2216},[2171,5538,2296],{"class":2177},[2171,5540,5541],{"class":2216}," error",[2171,5543,2296],{"class":2177},[2171,5545,5546],{"class":2216}," execute",[2171,5548,2296],{"class":2177},[2171,5550,5551],{"class":2216}," refresh ",[2171,5553,2220],{"class":2177},[2171,5555,2223],{"class":2177},[2171,5557,2227],{"class":2226},[2171,5559,2231],{"class":2230},[2171,5561,2234],{"class":2216},[2171,5563,2237],{"class":2177},[2171,5565,4901],{"class":2198},[2171,5567,2237],{"class":2177},[2171,5569,2245],{"class":2216},[2171,5571,5572,5574,5576],{"class":2173,"line":2248},[2171,5573,2361],{"class":2177},[2171,5575,2182],{"class":2181},[2171,5577,2204],{"class":2177},[2171,5579,5580],{"class":2173,"line":2254},[2171,5581,2251],{"emptyLinePlaceholder":1196},[2171,5583,5584,5586,5588],{"class":2173,"line":2271},[2171,5585,2178],{"class":2177},[2171,5587,2378],{"class":2181},[2171,5589,2204],{"class":2177},[2171,5591,5592,5594,5596],{"class":2173,"line":2301},[2171,5593,2386],{"class":2177},[2171,5595,2389],{"class":2181},[2171,5597,2204],{"class":2177},[2171,5599,5600,5602,5604,5606,5609,5611,5613],{"class":2173,"line":2321},[2171,5601,2437],{"class":2177},[2171,5603,2038],{"class":2181},[2171,5605,3089],{"class":2177},[2171,5607,5608],{"class":2216},"{{ data }}",[2171,5610,2361],{"class":2177},[2171,5612,2038],{"class":2181},[2171,5614,2204],{"class":2177},[2171,5616,5617,5619,5622,5625,5627,5629,5632,5634],{"class":2173,"line":2331},[2171,5618,2437],{"class":2177},[2171,5620,5621],{"class":2181},"button",[2171,5623,5624],{"class":2185}," @click",[2171,5626,2192],{"class":2177},[2171,5628,2195],{"class":2177},[2171,5630,5631],{"class":2198},"() => refresh()",[2171,5633,2195],{"class":2177},[2171,5635,2204],{"class":2177},[2171,5637,5638],{"class":2173,"line":2338},[2171,5639,5640],{"class":2216},"      Refresh data\n",[2171,5642,5643,5645,5647],{"class":2173,"line":2344},[2171,5644,2466],{"class":2177},[2171,5646,5621],{"class":2181},[2171,5648,2204],{"class":2177},[2171,5650,5651,5653,5655],{"class":2173,"line":2352},[2171,5652,2415],{"class":2177},[2171,5654,2389],{"class":2181},[2171,5656,2204],{"class":2177},[2171,5658,5659,5661,5663],{"class":2173,"line":2358},[2171,5660,2361],{"class":2177},[2171,5662,2378],{"class":2181},[2171,5664,2204],{"class":2177},[2038,5666,2120,5667,5669,5670,5672,5673,2053],{},[2042,5668,3848],{}," function is an alias for ",[2042,5671,3844],{}," that works in exactly the same way but is more semantic for cases when the fetch is ",[2046,5674,5676],{"href":5675},"/docs/4.x/getting-started/data-fetching#not-immediate","not immediate",[2144,5678,5679],{},[2038,5680,5681,5682,2050,5686,2053],{},"To globally refetch or invalidate cached data, see ",[2046,5683,5684],{"href":1575},[2042,5685,650],{},[2046,5687,5688],{"href":1629},[2042,5689,722],{},[4727,5691,5692],{"id":3858},"Clear",[2038,5694,5695,5696,5698,5699,5503],{},"If you want to clear the data provided, for whatever reason, without needing to know the specific key to pass to ",[2042,5697,650],{},", you can use the ",[2042,5700,3858],{},[2161,5702,5704],{"className":2163,"code":5703,"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",[2042,5705,5706,5726,5757,5761,5774,5804,5828,5835,5840,5846],{"__ignoreMap":2167},[2171,5707,5708,5710,5712,5714,5716,5718,5720,5722,5724],{"class":2173,"line":2174},[2171,5709,2178],{"class":2177},[2171,5711,2182],{"class":2181},[2171,5713,2186],{"class":2185},[2171,5715,2189],{"class":2185},[2171,5717,2192],{"class":2177},[2171,5719,2195],{"class":2177},[2171,5721,2199],{"class":2198},[2171,5723,2195],{"class":2177},[2171,5725,2204],{"class":2177},[2171,5727,5728,5730,5732,5734,5736,5739,5741,5743,5745,5747,5749,5751,5753,5755],{"class":2173,"line":2207},[2171,5729,2210],{"class":2185},[2171,5731,2213],{"class":2177},[2171,5733,3036],{"class":2216},[2171,5735,2296],{"class":2177},[2171,5737,5738],{"class":2216}," clear ",[2171,5740,2220],{"class":2177},[2171,5742,2223],{"class":2177},[2171,5744,2227],{"class":2226},[2171,5746,2231],{"class":2230},[2171,5748,2234],{"class":2216},[2171,5750,2237],{"class":2177},[2171,5752,4901],{"class":2198},[2171,5754,2237],{"class":2177},[2171,5756,2245],{"class":2216},[2171,5758,5759],{"class":2173,"line":2248},[2171,5760,2251],{"emptyLinePlaceholder":1196},[2171,5762,5763,5765,5768,5770,5772],{"class":2173,"line":2254},[2171,5764,2210],{"class":2185},[2171,5766,5767],{"class":2216}," route ",[2171,5769,2192],{"class":2177},[2171,5771,3388],{"class":2230},[2171,5773,3763],{"class":2216},[2171,5775,5776,5778,5780,5782,5784,5787,5789,5792,5794,5796,5798,5800,5802],{"class":2173,"line":2271},[2171,5777,5037],{"class":2230},[2171,5779,2234],{"class":2216},[2171,5781,3288],{"class":2177},[2171,5783,2801],{"class":2185},[2171,5785,5786],{"class":2216}," route",[2171,5788,2053],{"class":2177},[2171,5790,5791],{"class":2216},"path",[2171,5793,2296],{"class":2177},[2171,5795,3559],{"class":2177},[2171,5797,5791],{"class":2797},[2171,5799,3635],{"class":2177},[2171,5801,2801],{"class":2185},[2171,5803,2268],{"class":2177},[2171,5805,5806,5809,5811,5813,5816,5818,5820,5822,5825],{"class":2173,"line":2301},[2171,5807,5808],{"class":2226},"  if",[2171,5810,3559],{"class":2181},[2171,5812,5791],{"class":2216},[2171,5814,5815],{"class":2177}," ===",[2171,5817,2310],{"class":2177},[2171,5819,3845],{"class":2198},[2171,5821,2237],{"class":2177},[2171,5823,5824],{"class":2181},") ",[2171,5826,5827],{"class":2177},"{\n",[2171,5829,5830,5833],{"class":2173,"line":2321},[2171,5831,5832],{"class":2230},"    clear",[2171,5834,3763],{"class":2181},[2171,5836,5837],{"class":2173,"line":2331},[2171,5838,5839],{"class":2177},"  }\n",[2171,5841,5842,5844],{"class":2173,"line":2338},[2171,5843,2220],{"class":2177},[2171,5845,2245],{"class":2216},[2171,5847,5848,5850,5852],{"class":2173,"line":2344},[2171,5849,2361],{"class":2177},[2171,5851,2182],{"class":2181},[2171,5853,2204],{"class":2177},[4727,5855,5856],{"id":5037},"Watch",[2038,5858,5859,5860,5862,5863,5866],{},"To re-run your fetching function each time other reactive values in your application change, use the ",[2042,5861,5037],{}," option. You can use it for one or multiple ",[3940,5864,5865],{},"watchable"," elements.",[2161,5868,5870],{"className":2163,"code":5869,"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",[2042,5871,5872,5892,5910,5914,5950,5955,5967,5973],{"__ignoreMap":2167},[2171,5873,5874,5876,5878,5880,5882,5884,5886,5888,5890],{"class":2173,"line":2174},[2171,5875,2178],{"class":2177},[2171,5877,2182],{"class":2181},[2171,5879,2186],{"class":2185},[2171,5881,2189],{"class":2185},[2171,5883,2192],{"class":2177},[2171,5885,2195],{"class":2177},[2171,5887,2199],{"class":2198},[2171,5889,2195],{"class":2177},[2171,5891,2204],{"class":2177},[2171,5893,5894,5896,5898,5900,5902,5904,5908],{"class":2173,"line":2207},[2171,5895,2210],{"class":2185},[2171,5897,3381],{"class":2216},[2171,5899,2192],{"class":2177},[2171,5901,5368],{"class":2230},[2171,5903,2234],{"class":2216},[2171,5905,5907],{"class":5906},"sYRBq","1",[2171,5909,2245],{"class":2216},[2171,5911,5912],{"class":2173,"line":2248},[2171,5913,2251],{"emptyLinePlaceholder":1196},[2171,5915,5916,5918,5920,5922,5924,5926,5928,5930,5932,5934,5936,5938,5940,5942,5944,5946,5948],{"class":2173,"line":2254},[2171,5917,2210],{"class":2185},[2171,5919,2213],{"class":2177},[2171,5921,3036],{"class":2216},[2171,5923,2296],{"class":2177},[2171,5925,5541],{"class":2216},[2171,5927,2296],{"class":2177},[2171,5929,5551],{"class":2216},[2171,5931,2220],{"class":2177},[2171,5933,2223],{"class":2177},[2171,5935,2227],{"class":2226},[2171,5937,2231],{"class":2230},[2171,5939,2234],{"class":2216},[2171,5941,2237],{"class":2177},[2171,5943,4901],{"class":2198},[2171,5945,2237],{"class":2177},[2171,5947,2296],{"class":2177},[2171,5949,2268],{"class":2177},[2171,5951,5952],{"class":2173,"line":2271},[2171,5953,5954],{"class":2334},"  /* Changing the id will trigger a refetch */\n",[2171,5956,5957,5960,5962,5965],{"class":2173,"line":2301},[2171,5958,5959],{"class":2181},"  watch",[2171,5961,2307],{"class":2177},[2171,5963,5964],{"class":2216}," [id]",[2171,5966,2318],{"class":2177},[2171,5968,5969,5971],{"class":2173,"line":2321},[2171,5970,2220],{"class":2177},[2171,5972,2245],{"class":2216},[2171,5974,5975,5977,5979],{"class":2173,"line":2331},[2171,5976,2361],{"class":2177},[2171,5978,2182],{"class":2181},[2171,5980,2204],{"class":2177},[2038,5982,5983,5984,5987],{},"Note that ",[2157,5985,5986],{},"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.",[2161,5989,5991],{"className":2163,"code":5990,"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",[2042,5992,5993,6013,6029,6033,6078,6088,6094],{"__ignoreMap":2167},[2171,5994,5995,5997,5999,6001,6003,6005,6007,6009,6011],{"class":2173,"line":2174},[2171,5996,2178],{"class":2177},[2171,5998,2182],{"class":2181},[2171,6000,2186],{"class":2185},[2171,6002,2189],{"class":2185},[2171,6004,2192],{"class":2177},[2171,6006,2195],{"class":2177},[2171,6008,2199],{"class":2198},[2171,6010,2195],{"class":2177},[2171,6012,2204],{"class":2177},[2171,6014,6015,6017,6019,6021,6023,6025,6027],{"class":2173,"line":2207},[2171,6016,2210],{"class":2185},[2171,6018,3381],{"class":2216},[2171,6020,2192],{"class":2177},[2171,6022,5368],{"class":2230},[2171,6024,2234],{"class":2216},[2171,6026,5907],{"class":5906},[2171,6028,2245],{"class":2216},[2171,6030,6031],{"class":2173,"line":2248},[2171,6032,2251],{"emptyLinePlaceholder":1196},[2171,6034,6035,6037,6039,6041,6043,6045,6047,6049,6051,6053,6055,6057,6059,6061,6064,6066,6068,6070,6072,6074,6076],{"class":2173,"line":2254},[2171,6036,2210],{"class":2185},[2171,6038,2213],{"class":2177},[2171,6040,3036],{"class":2216},[2171,6042,2296],{"class":2177},[2171,6044,5541],{"class":2216},[2171,6046,2296],{"class":2177},[2171,6048,5551],{"class":2216},[2171,6050,2220],{"class":2177},[2171,6052,2223],{"class":2177},[2171,6054,2227],{"class":2226},[2171,6056,2231],{"class":2230},[2171,6058,2234],{"class":2216},[2171,6060,3424],{"class":2177},[2171,6062,6063],{"class":2198},"/api/users/",[2171,6065,3430],{"class":2177},[2171,6067,3433],{"class":2216},[2171,6069,2053],{"class":2177},[2171,6071,5428],{"class":2216},[2171,6073,3436],{"class":2177},[2171,6075,2296],{"class":2177},[2171,6077,2268],{"class":2177},[2171,6079,6080,6082,6084,6086],{"class":2173,"line":2271},[2171,6081,5959],{"class":2181},[2171,6083,2307],{"class":2177},[2171,6085,5964],{"class":2216},[2171,6087,2318],{"class":2177},[2171,6089,6090,6092],{"class":2173,"line":2301},[2171,6091,2220],{"class":2177},[2171,6093,2245],{"class":2216},[2171,6095,6096,6098,6100],{"class":2173,"line":2321},[2171,6097,2361],{"class":2177},[2171,6099,2182],{"class":2181},[2171,6101,2204],{"class":2177},[2038,6103,6104,6105,6109],{},"If you need to change the URL based on a reactive value, you may want to use a ",[2046,6106,6108],{"href":6107},"/docs/4.x/getting-started/data-fetching#computed-url","computed URL"," instead.",[2038,6111,6112,6113,2053],{},"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 ",[2042,6114,6115],{},"watch: false",[2161,6117,6119],{"className":2773,"code":6118,"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",[2042,6120,6121,6137,6141,6146,6179,6196,6209,6215,6219,6224],{"__ignoreMap":2167},[2171,6122,6123,6125,6127,6129,6131,6133,6135],{"class":2173,"line":2174},[2171,6124,2210],{"class":2185},[2171,6126,3381],{"class":2216},[2171,6128,2192],{"class":2177},[2171,6130,5368],{"class":2230},[2171,6132,2234],{"class":2216},[2171,6134,5907],{"class":5906},[2171,6136,2245],{"class":2216},[2171,6138,6139],{"class":2173,"line":2207},[2171,6140,2251],{"emptyLinePlaceholder":1196},[2171,6142,6143],{"class":2173,"line":2248},[2171,6144,6145],{"class":2334},"// Won't automatically refetch when id changes\n",[2171,6147,6148,6150,6152,6154,6156,6159,6161,6163,6165,6167,6169,6171,6173,6175,6177],{"class":2173,"line":2254},[2171,6149,2210],{"class":2185},[2171,6151,2213],{"class":2177},[2171,6153,3036],{"class":2216},[2171,6155,2296],{"class":2177},[2171,6157,6158],{"class":2216}," execute ",[2171,6160,2220],{"class":2177},[2171,6162,2223],{"class":2177},[2171,6164,2227],{"class":2226},[2171,6166,2231],{"class":2230},[2171,6168,2234],{"class":2216},[2171,6170,2237],{"class":2177},[2171,6172,4901],{"class":2198},[2171,6174,2237],{"class":2177},[2171,6176,2296],{"class":2177},[2171,6178,2268],{"class":2177},[2171,6180,6181,6184,6186,6188,6190,6193],{"class":2173,"line":2271},[2171,6182,6183],{"class":2181},"  query",[2171,6185,2307],{"class":2177},[2171,6187,2213],{"class":2177},[2171,6189,3381],{"class":2216},[2171,6191,6192],{"class":2177},"},",[2171,6194,6195],{"class":2334}," // id is watched by default\n",[2171,6197,6198,6200,6202,6204,6206],{"class":2173,"line":2301},[2171,6199,5959],{"class":2181},[2171,6201,2307],{"class":2177},[2171,6203,4388],{"class":4051},[2171,6205,2296],{"class":2177},[2171,6207,6208],{"class":2334}," // disables automatic watching of id\n",[2171,6210,6211,6213],{"class":2173,"line":2321},[2171,6212,2220],{"class":2177},[2171,6214,2245],{"class":2216},[2171,6216,6217],{"class":2173,"line":2331},[2171,6218,2251],{"emptyLinePlaceholder":1196},[2171,6220,6221],{"class":2173,"line":2338},[2171,6222,6223],{"class":2334},"// doesn't trigger refetch\n",[2171,6225,6226,6228,6230,6232,6234],{"class":2173,"line":2344},[2171,6227,3433],{"class":2216},[2171,6229,2053],{"class":2177},[2171,6231,5481],{"class":2216},[2171,6233,2192],{"class":2177},[2171,6235,6236],{"class":5906}," 2\n",[4727,6238,6240],{"id":6239},"computed-url","Computed URL",[2038,6242,6243],{},"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.",[2161,6245,6247],{"className":2163,"code":6246,"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",[2042,6248,6249,6269,6286,6290,6321,6329,6340,6344,6350],{"__ignoreMap":2167},[2171,6250,6251,6253,6255,6257,6259,6261,6263,6265,6267],{"class":2173,"line":2174},[2171,6252,2178],{"class":2177},[2171,6254,2182],{"class":2181},[2171,6256,2186],{"class":2185},[2171,6258,2189],{"class":2185},[2171,6260,2192],{"class":2177},[2171,6262,2195],{"class":2177},[2171,6264,2199],{"class":2198},[2171,6266,2195],{"class":2177},[2171,6268,2204],{"class":2177},[2171,6270,6271,6273,6275,6277,6279,6281,6284],{"class":2173,"line":2207},[2171,6272,2210],{"class":2185},[2171,6274,3381],{"class":2216},[2171,6276,2192],{"class":2177},[2171,6278,5368],{"class":2230},[2171,6280,2234],{"class":2216},[2171,6282,6283],{"class":2177},"null",[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,4234],{"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,6183],{"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,4702],{"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},[2038,6359,6360,6361,6366],{},"In the case of more complex URL construction, you may use a callback as a ",[2046,6362,6365],{"href":6363,"rel":6364},"https://vuejs.org/guide/essentials/computed",[2153],"computed getter"," that returns the URL string.",[2038,6368,6369,6370,6373],{},"Every time a dependency changes, the data will be fetched using the newly constructed URL. Combine this with ",[2046,6371,6372],{"href":5675},"not-immediate",", and you can wait until the reactive element changes before fetching.",[2161,6375,6377],{"className":2163,"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",[2042,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,5368],{"class":2230},[2171,6410,2234],{"class":2216},[2171,6412,6283],{"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,4234],{"class":2230},[2171,6438,2234],{"class":2216},[2171,6440,3288],{"class":2177},[2171,6442,2801],{"class":2185},[2171,6444,5415],{"class":2177},[2171,6446,6063],{"class":2198},[2171,6448,3430],{"class":2177},[2171,6450,3433],{"class":2216},[2171,6452,2053],{"class":2177},[2171,6454,5428],{"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,4388],{"class":4051},[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,4013],{"class":2216},[2171,6503,2053],{"class":2177},[2171,6505,5481],{"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},[2038,6729,6730,6731,2053],{},"If you need to force a refresh when other reactive values change, you can also ",[2046,6732,6734],{"href":6733},"/docs/4.x/getting-started/data-fetching#watch","watch other values",[2499,6736,6737],{"id":6372},"Not immediate",[2038,6739,2120,6740,6742,6743,6746],{},[2042,6741,527],{}," composable will start fetching data the moment is invoked. You may prevent this by setting ",[2042,6744,6745],{},"immediate: false",", for example, to wait for user interaction.",[2038,6748,6749,6750,6752,6753,6755],{},"With that, you will need both the ",[2042,6751,3879],{}," to handle the fetch lifecycle, and ",[2042,6754,3848],{}," to start the data fetch.",[2161,6757,6759],{"className":2163,"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",[2042,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,5541],{"class":2216},[2171,6794,2296],{"class":2177},[2171,6796,5546],{"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,4234],{"class":2230},[2171,6810,2234],{"class":2216},[2171,6812,2237],{"class":2177},[2171,6814,4362],{"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,4388],{"class":4051},[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,5621],{"class":2181},[2171,6882,5624],{"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,5621],{"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,4100],{"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},[2038,6985,6986,6987,6989],{},"For finer control, the ",[2042,6988,3879],{}," variable can be:",[2058,6991,6992,6997,7002,7007],{},[2061,6993,6994,6996],{},[2042,6995,3882],{}," when the fetch hasn't started",[2061,6998,6999,7001],{},[2042,7000,6513],{}," when a fetch has started but not yet completed",[2061,7003,7004,7006],{},[2042,7005,3873],{}," when the fetch fails",[2061,7008,7009,7012],{},[2042,7010,7011],{},"success"," when the fetch is completed successfully",[2101,7014,7016],{"id":7015},"passing-headers-and-cookies","Passing Headers and Cookies",[2038,7018,7019,7020,7022,7023,7025],{},"When we call ",[2042,7021,630],{}," in the browser, user headers like ",[2042,7024,2821],{}," will be directly sent to the API.",[2038,7027,7028,7029,7031],{},"Normally, during server-side-rendering, due to security considerations, the ",[2042,7030,630],{}," wouldn't include the user's browser cookies, nor pass on cookies from the fetch response.",[2038,7033,7034,7035,7037,7038,7042,7043,2710],{},"However, when calling ",[2042,7036,527],{}," with a relative URL on the server, Nuxt will use ",[2046,7039,7040],{"href":1517},[2042,7041,571],{}," to proxy headers and cookies (with the exception of headers not meant to be forwarded, like ",[2042,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",[2038,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.",[2161,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","app/composables/fetch.ts",[2042,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,5491],{"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,5491],{"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,2053],{"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,2053],{"class":2177},[2171,7191,7192],{"class":2216},"headers",[2171,7194,2053],{"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,5824],{"class":2181},[2171,7225,5827],{"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,5839],{"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,2053],{"class":2177},[2171,7268,7269],{"class":2216},"_data\n",[2171,7271,7272],{"class":2173,"line":2383},[2171,7273,2355],{"class":2177},[2161,7275,7277],{"className":2163,"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",[2042,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,2053],{"class":2177},[2171,7388,7389],{"class":2230},"log",[2171,7391,7392],{"class":2216},"(document",[2171,7394,2053],{"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},[2101,7407,7409],{"id":7408},"options-api-support","Options API Support",[2038,7411,7412,7413,7416,7417,7419],{},"Nuxt provides a way to perform ",[2042,7414,7415],{},"asyncData"," fetching within the Options API. You must wrap your component definition within ",[2042,7418,666],{}," for this to work.",[2161,7421,7423],{"className":2163,"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",[2042,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,5827],{"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,4648],{"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,4702],{"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],{},[2038,7535,7536,7537,4790,7539,7542],{},"Using ",[2042,7538,3923],{},[2042,7540,7541],{},"\u003Cscript setup lang=\"ts\">"," are the recommended way of declaring Vue components in Nuxt.",[2685,7544],{"to":1587},[2101,7546,7548],{"id":7547},"serializing-data-from-server-to-client","Serializing Data From Server to Client",[2038,7550,7551,7552,2050,7554,7556,7557,7560,7561,7568,7569,2044,7572,2044,7575,2044,7578,2050,7581,7584],{},"When using ",[2042,7553,515],{},[2042,7555,543],{}," to transfer data fetched on server to the client (as well as anything else that utilizes ",[2046,7558,7559],{"href":2135},"the Nuxt payload","), the payload is serialized with ",[2046,7562,7565],{"href":7563,"rel":7564},"https://github.com/sveltejs/devalue",[2153],[2042,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, ",[2042,7570,7571],{},"ref",[2042,7573,7574],{},"reactive",[2042,7576,7577],{},"shallowRef",[2042,7579,7580],{},"shallowReactive",[2042,7582,7583],{},"NuxtError"," - and more.",[2038,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 ",[2046,7589,7590],{"href":2135},[2042,7591,555],{}," docs.",[2515,7594,7595],{},[2038,7596,7597,7598,7601,7602,4790,7604,7606],{},"Note that this ",[3940,7599,7600],{},"does not apply"," to data passed from your server routes when fetched with ",[2042,7603,630],{},[2042,7605,527],{}," - see the next section for more information.",[2101,7608,7610],{"id":7609},"serializing-data-from-api-routes","Serializing Data From API Routes",[2038,7612,7613,7614,7616,7617,7620,7621,2050,7623,7627],{},"When fetching data from the ",[2042,7615,185],{}," directory, the response is serialized using ",[2042,7618,7619],{},"JSON.stringify",". However, since serialization is limited to only JavaScript primitive types, Nuxt does its best to convert the return type of ",[2042,7622,630],{},[2046,7624,7625],{"href":1484},[2042,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",[2038,7634,7635,7636,7638],{},"Learn more about ",[2042,7637,7619],{}," limitations.",[2499,7640,7642],{"id":7641},"example","Example",[2161,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",[2042,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},[2161,7684,7686],{"className":2163,"code":7685,"filename":2165,"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",[2042,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",[2038,7753,7754,7755,7758,7759,7761],{},"To customize the serialization behavior, you can define a ",[2042,7756,7757],{},"toJSON"," function on your returned object. If you define a ",[2042,7760,7757],{}," method, Nuxt will respect the return type of the function and will not try to convert the types.",[2161,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",[2042,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,2053],{"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,2053],{"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,2053],{"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,5839],{"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},[2161,7932,7934],{"className":2163,"code":7933,"filename":2165,"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",[2042,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",[2038,8036,8037,8038,8040,8041,8043],{},"Nuxt does not currently support an alternative serializer to ",[2042,8039,7619],{},". However, you can return your payload as a normal string and utilize the ",[2042,8042,7757],{}," method to maintain type safety.",[2038,8045,8046,8047,8052],{},"In the example below, we use ",[2046,8048,8051],{"href":8049,"rel":8050},"https://github.com/flightcontrolhq/superjson",[2153],"superjson"," as our serializer.",[2161,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",[2042,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,5491],{"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,5839],{"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,2053],{"class":2177},[2171,8170,8171],{"class":2230},"stringify",[2171,8173,2234],{"class":2181},[2171,8175,3838],{"class":2216},[2171,8177,5824],{"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},[2161,8199,8201],{"className":2163,"code":8200,"filename":2165,"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",[2042,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,5491],{"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,4630],{"class":2230},[2171,8280,2307],{"class":2177},[2171,8282,3559],{"class":2177},[2171,8284,5428],{"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,4648],{"class":2226},[2171,8296,8166],{"class":2216},[2171,8298,2053],{"class":2177},[2171,8300,8301],{"class":2230},"parse",[2171,8303,2234],{"class":2181},[2171,8305,5428],{"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,4702],{"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},[2101,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",[2144,8342,8343],{},[2038,8344,8345,8346,8353,8354,2053],{},"If you're consuming SSE via GET request, you can use ",[2046,8347,8350],{"href":8348,"rel":8349},"https://developer.mozilla.org/en-US/docs/Web/API/EventSource",[2153],[2042,8351,8352],{},"EventSource"," or VueUse composable ",[2046,8355,8358],{"href":8356,"rel":8357},"https://vueuse.org/core/useeventsource/",[2153],[2042,8359,8360],{},"useEventSource",[2038,8362,8363],{},"When consuming SSE via POST request, you need to handle the connection manually. Here's how you can do it:",[2161,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",[2042,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,4702],{"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,2053],{"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,2053],{"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":4051},"true",[2171,8537,5824],{"class":2216},[2171,8539,5827],{"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,4839],{"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,2053],{"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,5808],{"class":2226},[2171,8578,3559],{"class":2181},[2171,8580,8581],{"class":2216},"done",[2171,8583,5824],{"class":2181},[2171,8585,4668],{"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,2053],{"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,4839],{"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",[2038,8628,8629,8630,8633],{},"When requests don't rely on each other, you can make them in parallel with ",[2042,8631,8632],{},"Promise.all()"," to boost performance.",[2161,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",[2042,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,2053],{"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,4349],{"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,2053],{"class":2177},[2171,8770,5428],{"class":2216},[2171,8772,8773],{"class":2177},"?.",[2171,8775,8776],{"class":2216},"[",[2171,8778,8779],{"class":5906},"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,2053],{"class":2177},[2171,8804,5428],{"class":2216},[2171,8806,8773],{"class":2177},[2171,8808,8776],{"class":2216},[2171,8810,5907],{"class":5906},[2171,8812,2873],{"class":2216},[3119,8814],{"title":8815,"video-id":8816,"platform":4269},"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":2103,"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":3954,"depth":2207,"text":3955,"children":8834},[8835,8836,8837,8838,8839],{"id":3969,"depth":2248,"text":3970},{"id":4272,"depth":2248,"text":4273},{"id":4410,"depth":2248,"text":4411},{"id":4724,"depth":2248,"text":4725},{"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},"DlgrK0xWdFAl8Ub3qlMG3rPdG2MMhoKS-WTiQU5yPPs",[8861,8863],{"title":59,"path":1153,"stem":1154,"description":8862,"icon":62,"children":-1},"Apply transitions between pages and layouts with Vue or native browser View Transitions.",{"title":69,"path":1159,"stem":1160,"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.",1772101695436]