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