[{"data":1,"prerenderedAt":8856},["ShallowReactive",2],{"$fGCo9l1hMtNdUiA6QzdUX5X3kLqaWcC5t2kdz4LrvCvc":3,"versions":2020,"-docs-3-x-getting-started-data-fetching":2024,"-docs-3-x-getting-started-data-fetching-surround":8851},[4,1120,1931],{"title":5,"titleTemplate":6,"icon":7,"path":8,"stem":9,"children":10,"page":108},"Docs",null,"i-lucide-book-marked","/docs/3.x","docs/3.x",[11,109,246,426,907,999,1036,1078],{"title":12,"titleTemplate":13,"icon":14,"path":15,"stem":16,"children":17,"page":108},"Get Started","%s · Get Started with Nuxt","i-lucide-rocket","/docs/3.x/getting-started","docs/3.x/1.getting-started",[18,23,28,33,38,43,48,53,58,63,68,73,78,83,88,93,98,103],{"title":19,"path":20,"stem":21,"titleTemplate":6,"icon":22},"Introduction","/docs/3.x/getting-started/introduction","docs/3.x/1.getting-started/01.introduction","i-lucide-info",{"title":24,"path":25,"stem":26,"titleTemplate":6,"icon":27},"Installation","/docs/3.x/getting-started/installation","docs/3.x/1.getting-started/02.installation","i-lucide-play",{"title":29,"path":30,"stem":31,"titleTemplate":6,"icon":32},"Configuration","/docs/3.x/getting-started/configuration","docs/3.x/1.getting-started/03.configuration","i-lucide-cog",{"title":34,"path":35,"stem":36,"titleTemplate":6,"icon":37},"Views","/docs/3.x/getting-started/views","docs/3.x/1.getting-started/04.views","i-lucide-panels-top-left",{"title":39,"path":40,"stem":41,"titleTemplate":6,"icon":42},"Assets","/docs/3.x/getting-started/assets","docs/3.x/1.getting-started/05.assets","i-lucide-image",{"title":44,"path":45,"stem":46,"titleTemplate":6,"icon":47},"Styling","/docs/3.x/getting-started/styling","docs/3.x/1.getting-started/06.styling","i-lucide-palette",{"title":49,"path":50,"stem":51,"titleTemplate":6,"icon":52},"Routing","/docs/3.x/getting-started/routing","docs/3.x/1.getting-started/07.routing","i-lucide-milestone",{"title":54,"path":55,"stem":56,"titleTemplate":6,"icon":57},"SEO and Meta","/docs/3.x/getting-started/seo-meta","docs/3.x/1.getting-started/08.seo-meta","i-lucide-file-search",{"title":59,"path":60,"stem":61,"titleTemplate":6,"icon":62},"Transitions","/docs/3.x/getting-started/transitions","docs/3.x/1.getting-started/09.transitions","i-lucide-toggle-right",{"title":64,"path":65,"stem":66,"titleTemplate":6,"icon":67},"Data Fetching","/docs/3.x/getting-started/data-fetching","docs/3.x/1.getting-started/10.data-fetching","i-lucide-cable",{"title":69,"path":70,"stem":71,"titleTemplate":6,"icon":72},"State Management","/docs/3.x/getting-started/state-management","docs/3.x/1.getting-started/11.state-management","i-lucide-database",{"title":74,"path":75,"stem":76,"titleTemplate":6,"icon":77},"Error Handling","/docs/3.x/getting-started/error-handling","docs/3.x/1.getting-started/12.error-handling","i-lucide-bug-off",{"title":79,"path":80,"stem":81,"titleTemplate":6,"icon":82},"Server","/docs/3.x/getting-started/server","docs/3.x/1.getting-started/13.server","i-lucide-pc-case",{"title":84,"path":85,"stem":86,"titleTemplate":6,"icon":87},"Layers","/docs/3.x/getting-started/layers","docs/3.x/1.getting-started/14.layers","i-lucide-layers",{"title":89,"path":90,"stem":91,"titleTemplate":6,"icon":92},"Prerendering","/docs/3.x/getting-started/prerendering","docs/3.x/1.getting-started/15.prerendering","i-lucide-file-code-2",{"title":94,"path":95,"stem":96,"titleTemplate":6,"icon":97},"Deployment","/docs/3.x/getting-started/deployment","docs/3.x/1.getting-started/16.deployment","i-lucide-cloud",{"title":99,"path":100,"stem":101,"titleTemplate":6,"icon":102},"Testing","/docs/3.x/getting-started/testing","docs/3.x/1.getting-started/17.testing","i-lucide-circle-check",{"title":104,"path":105,"stem":106,"titleTemplate":6,"icon":107},"Upgrade Guide","/docs/3.x/getting-started/upgrade","docs/3.x/1.getting-started/18.upgrade","i-lucide-circle-arrow-up",false,{"title":110,"titleTemplate":111,"icon":112,"path":113,"stem":114,"children":115,"page":108},"Directory Structure","%s · Nuxt Directory Structure","i-vscode-icons-default-folder","/docs/3.x/directory-structure","docs/3.x/2.directory-structure",[116,121,126,131,136,141,146,151,156,161,165,170,174,179,184,189,194,199,204,209,214,218,223,228,232,236,241],{"title":117,"path":118,"stem":119,"titleTemplate":6,"icon":120},".nuxt","/docs/3.x/directory-structure/nuxt","docs/3.x/2.directory-structure/0.nuxt","i-vscode-icons-folder-type-temp",{"title":122,"path":123,"stem":124,"titleTemplate":6,"icon":125},".output","/docs/3.x/directory-structure/output","docs/3.x/2.directory-structure/0.output","i-vscode-icons-folder-type-package",{"title":127,"path":128,"stem":129,"titleTemplate":6,"icon":130},"assets","/docs/3.x/directory-structure/assets","docs/3.x/2.directory-structure/1.assets","i-vscode-icons-folder-type-asset",{"title":132,"path":133,"stem":134,"titleTemplate":6,"icon":135},"components","/docs/3.x/directory-structure/components","docs/3.x/2.directory-structure/1.components","i-vscode-icons-folder-type-component",{"title":137,"path":138,"stem":139,"titleTemplate":6,"icon":140},"composables","/docs/3.x/directory-structure/composables","docs/3.x/2.directory-structure/1.composables","i-vscode-icons-folder-type-src",{"title":142,"path":143,"stem":144,"titleTemplate":6,"icon":145},"content","/docs/3.x/directory-structure/content","docs/3.x/2.directory-structure/1.content","i-vscode-icons-folder-type-log",{"title":147,"path":148,"stem":149,"titleTemplate":6,"icon":150},"layers","/docs/3.x/directory-structure/layers","docs/3.x/2.directory-structure/1.layers","i-vscode-icons-folder-type-nuxt",{"title":152,"path":153,"stem":154,"titleTemplate":6,"icon":155},"layouts","/docs/3.x/directory-structure/layouts","docs/3.x/2.directory-structure/1.layouts","i-vscode-icons-folder-type-view",{"title":157,"path":158,"stem":159,"titleTemplate":6,"icon":160},"middleware","/docs/3.x/directory-structure/middleware","docs/3.x/2.directory-structure/1.middleware","i-vscode-icons-folder-type-middleware",{"title":162,"path":163,"stem":164,"titleTemplate":6,"icon":150},"modules","/docs/3.x/directory-structure/modules","docs/3.x/2.directory-structure/1.modules",{"title":166,"path":167,"stem":168,"titleTemplate":6,"icon":169},"node_modules","/docs/3.x/directory-structure/node_modules","docs/3.x/2.directory-structure/1.node_modules","i-vscode-icons-folder-type-node",{"title":171,"path":172,"stem":173,"titleTemplate":6,"icon":155},"pages","/docs/3.x/directory-structure/pages","docs/3.x/2.directory-structure/1.pages",{"title":175,"path":176,"stem":177,"titleTemplate":6,"icon":178},"plugins","/docs/3.x/directory-structure/plugins","docs/3.x/2.directory-structure/1.plugins","i-vscode-icons-folder-type-plugin",{"title":180,"path":181,"stem":182,"titleTemplate":6,"icon":183},"public","/docs/3.x/directory-structure/public","docs/3.x/2.directory-structure/1.public","i-vscode-icons-folder-type-public",{"title":185,"path":186,"stem":187,"titleTemplate":6,"icon":188},"server","/docs/3.x/directory-structure/server","docs/3.x/2.directory-structure/1.server","i-vscode-icons-folder-type-server",{"title":190,"path":191,"stem":192,"titleTemplate":6,"icon":193},"shared","/docs/3.x/directory-structure/shared","docs/3.x/2.directory-structure/1.shared","i-vscode-icons-folder-type-shared",{"title":195,"path":196,"stem":197,"titleTemplate":6,"icon":198},"utils","/docs/3.x/directory-structure/utils","docs/3.x/2.directory-structure/1.utils","i-vscode-icons-folder-type-tools",{"title":200,"path":201,"stem":202,"titleTemplate":6,"icon":203},".env","/docs/3.x/directory-structure/env","docs/3.x/2.directory-structure/2.env","i-vscode-icons-file-type-dotenv",{"title":205,"path":206,"stem":207,"titleTemplate":6,"icon":208},".gitignore","/docs/3.x/directory-structure/gitignore","docs/3.x/2.directory-structure/2.gitignore","i-vscode-icons-file-type-git",{"title":210,"path":211,"stem":212,"titleTemplate":6,"icon":213},".nuxtignore","/docs/3.x/directory-structure/nuxtignore","docs/3.x/2.directory-structure/2.nuxtignore","i-vscode-icons-file-type-nuxt",{"title":215,"path":216,"stem":217,"titleTemplate":6,"icon":213},".nuxtrc","/docs/3.x/directory-structure/nuxtrc","docs/3.x/2.directory-structure/2.nuxtrc",{"title":219,"path":220,"stem":221,"titleTemplate":6,"icon":222},"app.vue","/docs/3.x/directory-structure/app","docs/3.x/2.directory-structure/3.app","i-vscode-icons-file-type-vue",{"title":224,"path":225,"stem":226,"titleTemplate":6,"icon":227},"app.config.ts","/docs/3.x/directory-structure/app-config","docs/3.x/2.directory-structure/3.app-config","i-vscode-icons-file-type-light-config",{"title":229,"path":230,"stem":231,"titleTemplate":6,"icon":222},"error.vue","/docs/3.x/directory-structure/error","docs/3.x/2.directory-structure/3.error",{"title":233,"path":234,"stem":235,"titleTemplate":6,"icon":213},"nuxt.config.ts","/docs/3.x/directory-structure/nuxt-config","docs/3.x/2.directory-structure/3.nuxt-config",{"title":237,"path":238,"stem":239,"titleTemplate":6,"icon":240},"package.json","/docs/3.x/directory-structure/package","docs/3.x/2.directory-structure/3.package","i-vscode-icons-file-type-npm",{"title":242,"path":243,"stem":244,"titleTemplate":6,"icon":245},"tsconfig.json","/docs/3.x/directory-structure/tsconfig","docs/3.x/2.directory-structure/3.tsconfig","i-vscode-icons-file-type-tsconfig",{"title":247,"titleTemplate":6,"icon":248,"path":249,"stem":250,"children":251,"page":108},"Guide","i-lucide-book-open","/docs/3.x/guide","docs/3.x/3.guide",[252,287,306,321,356,379],{"title":253,"titleTemplate":254,"icon":255,"path":256,"stem":257,"children":258,"page":108},"Key Concepts","%s · Nuxt Concepts","i-lucide-medal","/docs/3.x/guide/concepts","docs/3.x/3.guide/1.concepts",[259,263,267,271,275,279,283],{"title":260,"path":261,"stem":262,"titleTemplate":6},"Rendering Modes","/docs/3.x/guide/concepts/rendering","docs/3.x/3.guide/1.concepts/1.rendering",{"title":264,"path":265,"stem":266,"titleTemplate":6},"Nuxt Lifecycle","/docs/3.x/guide/concepts/nuxt-lifecycle","docs/3.x/3.guide/1.concepts/2.nuxt-lifecycle",{"title":268,"path":269,"stem":270,"titleTemplate":6},"Auto-imports","/docs/3.x/guide/concepts/auto-imports","docs/3.x/3.guide/1.concepts/3.auto-imports",{"title":272,"path":273,"stem":274,"titleTemplate":6},"Server Engine","/docs/3.x/guide/concepts/server-engine","docs/3.x/3.guide/1.concepts/4.server-engine",{"title":276,"path":277,"stem":278,"titleTemplate":6},"Modules","/docs/3.x/guide/concepts/modules","docs/3.x/3.guide/1.concepts/5.modules",{"title":280,"path":281,"stem":282,"titleTemplate":6},"TypeScript","/docs/3.x/guide/concepts/typescript","docs/3.x/3.guide/1.concepts/8.typescript",{"title":284,"path":285,"stem":286,"titleTemplate":6},"Code Style","/docs/3.x/guide/concepts/code-style","docs/3.x/3.guide/1.concepts/9.code-style",{"title":288,"titleTemplate":289,"icon":290,"path":291,"stem":292,"children":293,"page":108},"Best Practices","%s · Best Practices","i-lucide-square-check","/docs/3.x/guide/best-practices","docs/3.x/3.guide/2.best-practices",[294,298,302],{"title":295,"path":296,"stem":297,"titleTemplate":6},"Nuxt and hydration","/docs/3.x/guide/best-practices/hydration","docs/3.x/3.guide/2.best-practices/hydration",{"title":299,"path":300,"stem":301,"titleTemplate":6},"Nuxt Performance","/docs/3.x/guide/best-practices/performance","docs/3.x/3.guide/2.best-practices/performance",{"title":303,"path":304,"stem":305,"titleTemplate":6},"Nuxt Plugins","/docs/3.x/guide/best-practices/plugins","docs/3.x/3.guide/2.best-practices/plugins",{"title":307,"titleTemplate":308,"icon":309,"path":310,"stem":311,"children":312,"page":108},"Working with AI","Working with AI: %s","i-lucide-bot","/docs/3.x/guide/ai","docs/3.x/3.guide/3.ai",[313,317],{"title":314,"path":315,"stem":316,"titleTemplate":6},"MCP Server","/docs/3.x/guide/ai/mcp","docs/3.x/3.guide/3.ai/1.mcp",{"title":318,"path":319,"stem":320,"titleTemplate":6},"LLMs.txt","/docs/3.x/guide/ai/llms-txt","docs/3.x/3.guide/3.ai/2.llms-txt",{"title":322,"titleTemplate":323,"icon":324,"path":325,"stem":326,"children":327,"page":108},"Module Author Guide","%s · Nuxt Modules Author Guide","i-lucide-box","/docs/3.x/guide/modules","docs/3.x/3.guide/4.modules",[328,332,336,340,344,348,352],{"title":329,"path":330,"stem":331,"titleTemplate":6},"Create Your First Module","/docs/3.x/guide/modules/getting-started","docs/3.x/3.guide/4.modules/1.getting-started",{"title":333,"path":334,"stem":335,"titleTemplate":6},"Understand Module Structure","/docs/3.x/guide/modules/module-anatomy","docs/3.x/3.guide/4.modules/2.module-anatomy",{"title":337,"path":338,"stem":339,"titleTemplate":6},"Add Plugins, Components & More","/docs/3.x/guide/modules/recipes-basics","docs/3.x/3.guide/4.modules/3.recipes-basics",{"title":341,"path":342,"stem":343,"titleTemplate":6},"Use Hooks & Extend Types","/docs/3.x/guide/modules/recipes-advanced","docs/3.x/3.guide/4.modules/4.recipes-advanced",{"title":345,"path":346,"stem":347,"titleTemplate":6},"Test Your Module","/docs/3.x/guide/modules/testing","docs/3.x/3.guide/4.modules/5.testing",{"title":349,"path":350,"stem":351,"titleTemplate":6},"Follow Best Practices","/docs/3.x/guide/modules/best-practices","docs/3.x/3.guide/4.modules/6.best-practices",{"title":353,"path":354,"stem":355,"titleTemplate":6},"Publish & Share Your Module","/docs/3.x/guide/modules/ecosystem","docs/3.x/3.guide/4.modules/7.ecosystem",{"title":357,"titleTemplate":358,"icon":359,"path":360,"stem":361,"children":362,"page":108},"Recipes","%s · Recipes","i-lucide-cooking-pot","/docs/3.x/guide/recipes","docs/3.x/3.guide/5.recipes",[363,367,371,375],{"title":364,"path":365,"stem":366,"titleTemplate":6},"Custom Routing","/docs/3.x/guide/recipes/custom-routing","docs/3.x/3.guide/5.recipes/1.custom-routing",{"title":368,"path":369,"stem":370,"titleTemplate":6},"Vite Plugins","/docs/3.x/guide/recipes/vite-plugin","docs/3.x/3.guide/5.recipes/2.vite-plugin",{"title":372,"path":373,"stem":374,"titleTemplate":6},"Custom useFetch","/docs/3.x/guide/recipes/custom-usefetch","docs/3.x/3.guide/5.recipes/3.custom-usefetch",{"title":376,"path":377,"stem":378,"titleTemplate":6},"Sessions and Authentication","/docs/3.x/guide/recipes/sessions-and-authentication","docs/3.x/3.guide/5.recipes/4.sessions-and-authentication",{"title":380,"titleTemplate":381,"icon":382,"path":383,"stem":384,"children":385,"page":108},"Going Further","%s · Nuxt Advanced","i-lucide-star","/docs/3.x/guide/going-further","docs/3.x/3.guide/6.going-further",[386,390,394,398,402,406,410,414,418,422],{"title":387,"path":388,"stem":389,"titleTemplate":6},"Custom Events","/docs/3.x/guide/going-further/events","docs/3.x/3.guide/6.going-further/1.events",{"title":391,"path":392,"stem":393,"titleTemplate":6},"Experimental Features","/docs/3.x/guide/going-further/experimental-features","docs/3.x/3.guide/6.going-further/1.experimental-features",{"title":395,"path":396,"stem":397,"titleTemplate":6},"Features","/docs/3.x/guide/going-further/features","docs/3.x/3.guide/6.going-further/1.features",{"title":399,"path":400,"stem":401,"titleTemplate":6},"Runtime Config","/docs/3.x/guide/going-further/runtime-config","docs/3.x/3.guide/6.going-further/10.runtime-config",{"title":403,"path":404,"stem":405,"titleTemplate":6},"Nightly Release Channel","/docs/3.x/guide/going-further/nightly-release-channel","docs/3.x/3.guide/6.going-further/11.nightly-release-channel",{"title":407,"path":408,"stem":409,"titleTemplate":6},"Lifecycle Hooks","/docs/3.x/guide/going-further/hooks","docs/3.x/3.guide/6.going-further/2.hooks",{"title":411,"path":412,"stem":413,"titleTemplate":6},"Nuxt Kit","/docs/3.x/guide/going-further/kit","docs/3.x/3.guide/6.going-further/4.kit",{"title":415,"path":416,"stem":417,"titleTemplate":6},"NuxtApp","/docs/3.x/guide/going-further/nuxt-app","docs/3.x/3.guide/6.going-further/6.nuxt-app",{"title":419,"path":420,"stem":421,"titleTemplate":6},"Authoring Nuxt Layers","/docs/3.x/guide/going-further/layers","docs/3.x/3.guide/6.going-further/7.layers",{"title":423,"path":424,"stem":425,"titleTemplate":6},"Debugging","/docs/3.x/guide/going-further/debugging","docs/3.x/3.guide/6.going-further/9.debugging",{"title":427,"titleTemplate":428,"icon":429,"path":430,"stem":431,"children":432,"page":108},"API","%s · Nuxt API","i-lucide-code-xml","/docs/3.x/api","docs/3.x/4.api",[433,499,622,745,816,889,902],{"title":434,"titleTemplate":435,"icon":324,"path":436,"stem":437,"children":438,"page":108},"Components","%s · Nuxt Components","/docs/3.x/api/components","docs/3.x/4.api/1.components",[439,443,447,451,455,459,463,467,471,475,479,483,487,491,495],{"title":440,"path":441,"stem":442,"titleTemplate":6},"\u003CClientOnly>","/docs/3.x/api/components/client-only","docs/3.x/4.api/1.components/1.client-only",{"title":444,"path":445,"stem":446,"titleTemplate":6},"\u003CDevOnly>","/docs/3.x/api/components/dev-only","docs/3.x/4.api/1.components/1.dev-only",{"title":448,"path":449,"stem":450,"titleTemplate":6},"\u003CNuxtClientFallback>","/docs/3.x/api/components/nuxt-client-fallback","docs/3.x/4.api/1.components/1.nuxt-client-fallback",{"title":452,"path":453,"stem":454,"titleTemplate":6},"\u003CNuxtPicture>","/docs/3.x/api/components/nuxt-picture","docs/3.x/4.api/1.components/10.nuxt-picture",{"title":456,"path":457,"stem":458,"titleTemplate":6},"\u003CTeleport>","/docs/3.x/api/components/teleports","docs/3.x/4.api/1.components/11.teleports",{"title":460,"path":461,"stem":462,"titleTemplate":6},"\u003CNuxtRouteAnnouncer>","/docs/3.x/api/components/nuxt-route-announcer","docs/3.x/4.api/1.components/12.nuxt-route-announcer",{"title":464,"path":465,"stem":466,"titleTemplate":6},"\u003CNuxtTime>","/docs/3.x/api/components/nuxt-time","docs/3.x/4.api/1.components/13.nuxt-time",{"title":468,"path":469,"stem":470,"titleTemplate":6},"\u003CNuxtPage>","/docs/3.x/api/components/nuxt-page","docs/3.x/4.api/1.components/2.nuxt-page",{"title":472,"path":473,"stem":474,"titleTemplate":6},"\u003CNuxtLayout>","/docs/3.x/api/components/nuxt-layout","docs/3.x/4.api/1.components/3.nuxt-layout",{"title":476,"path":477,"stem":478,"titleTemplate":6},"\u003CNuxtLink>","/docs/3.x/api/components/nuxt-link","docs/3.x/4.api/1.components/4.nuxt-link",{"title":480,"path":481,"stem":482,"titleTemplate":6},"\u003CNuxtLoadingIndicator>","/docs/3.x/api/components/nuxt-loading-indicator","docs/3.x/4.api/1.components/5.nuxt-loading-indicator",{"title":484,"path":485,"stem":486,"titleTemplate":6},"\u003CNuxtErrorBoundary>","/docs/3.x/api/components/nuxt-error-boundary","docs/3.x/4.api/1.components/6.nuxt-error-boundary",{"title":488,"path":489,"stem":490,"titleTemplate":6},"\u003CNuxtWelcome>","/docs/3.x/api/components/nuxt-welcome","docs/3.x/4.api/1.components/7.nuxt-welcome",{"title":492,"path":493,"stem":494,"titleTemplate":6},"\u003CNuxtIsland>","/docs/3.x/api/components/nuxt-island","docs/3.x/4.api/1.components/8.nuxt-island",{"title":496,"path":497,"stem":498,"titleTemplate":6},"\u003CNuxtImg>","/docs/3.x/api/components/nuxt-img","docs/3.x/4.api/1.components/9.nuxt-img",{"title":500,"titleTemplate":501,"icon":502,"path":503,"stem":504,"children":505,"page":108},"Composables","%s · Nuxt Composables","i-lucide-arrow-left-right","/docs/3.x/api/composables","docs/3.x/4.api/2.composables",[506,510,514,518,522,526,530,534,538,542,546,550,554,558,562,566,570,574,578,582,586,590,594,598,602,606,610,614,618],{"title":507,"path":508,"stem":509,"titleTemplate":6},"onPrehydrate","/docs/3.x/api/composables/on-prehydrate","docs/3.x/4.api/2.composables/on-prehydrate",{"title":511,"path":512,"stem":513,"titleTemplate":6},"useAppConfig","/docs/3.x/api/composables/use-app-config","docs/3.x/4.api/2.composables/use-app-config",{"title":515,"path":516,"stem":517,"titleTemplate":6},"useAsyncData","/docs/3.x/api/composables/use-async-data","docs/3.x/4.api/2.composables/use-async-data",{"title":519,"path":520,"stem":521,"titleTemplate":6},"useCookie","/docs/3.x/api/composables/use-cookie","docs/3.x/4.api/2.composables/use-cookie",{"title":523,"path":524,"stem":525,"titleTemplate":6},"useError","/docs/3.x/api/composables/use-error","docs/3.x/4.api/2.composables/use-error",{"title":527,"path":528,"stem":529,"titleTemplate":6},"useFetch","/docs/3.x/api/composables/use-fetch","docs/3.x/4.api/2.composables/use-fetch",{"title":531,"path":532,"stem":533,"titleTemplate":6},"useHead","/docs/3.x/api/composables/use-head","docs/3.x/4.api/2.composables/use-head",{"title":535,"path":536,"stem":537,"titleTemplate":6},"useHeadSafe","/docs/3.x/api/composables/use-head-safe","docs/3.x/4.api/2.composables/use-head-safe",{"title":539,"path":540,"stem":541,"titleTemplate":6},"useHydration","/docs/3.x/api/composables/use-hydration","docs/3.x/4.api/2.composables/use-hydration",{"title":543,"path":544,"stem":545,"titleTemplate":6},"useLazyAsyncData","/docs/3.x/api/composables/use-lazy-async-data","docs/3.x/4.api/2.composables/use-lazy-async-data",{"title":547,"path":548,"stem":549,"titleTemplate":6},"useLazyFetch","/docs/3.x/api/composables/use-lazy-fetch","docs/3.x/4.api/2.composables/use-lazy-fetch",{"title":551,"path":552,"stem":553,"titleTemplate":6},"useLoadingIndicator","/docs/3.x/api/composables/use-loading-indicator","docs/3.x/4.api/2.composables/use-loading-indicator",{"title":555,"path":556,"stem":557,"titleTemplate":6},"useNuxtApp","/docs/3.x/api/composables/use-nuxt-app","docs/3.x/4.api/2.composables/use-nuxt-app",{"title":559,"path":560,"stem":561,"titleTemplate":6},"useNuxtData","/docs/3.x/api/composables/use-nuxt-data","docs/3.x/4.api/2.composables/use-nuxt-data",{"title":563,"path":564,"stem":565,"titleTemplate":6},"usePreviewMode","/docs/3.x/api/composables/use-preview-mode","docs/3.x/4.api/2.composables/use-preview-mode",{"title":567,"path":568,"stem":569,"titleTemplate":6},"useRequestEvent","/docs/3.x/api/composables/use-request-event","docs/3.x/4.api/2.composables/use-request-event",{"title":571,"path":572,"stem":573,"titleTemplate":6},"useRequestFetch","/docs/3.x/api/composables/use-request-fetch","docs/3.x/4.api/2.composables/use-request-fetch",{"title":575,"path":576,"stem":577,"titleTemplate":6},"useRequestHeader","/docs/3.x/api/composables/use-request-header","docs/3.x/4.api/2.composables/use-request-header",{"title":579,"path":580,"stem":581,"titleTemplate":6},"useRequestHeaders","/docs/3.x/api/composables/use-request-headers","docs/3.x/4.api/2.composables/use-request-headers",{"title":583,"path":584,"stem":585,"titleTemplate":6},"useRequestURL","/docs/3.x/api/composables/use-request-url","docs/3.x/4.api/2.composables/use-request-url",{"title":587,"path":588,"stem":589,"titleTemplate":6},"useResponseHeader","/docs/3.x/api/composables/use-response-header","docs/3.x/4.api/2.composables/use-response-header",{"title":591,"path":592,"stem":593,"titleTemplate":6},"useRoute","/docs/3.x/api/composables/use-route","docs/3.x/4.api/2.composables/use-route",{"title":595,"path":596,"stem":597,"titleTemplate":6},"useRouteAnnouncer","/docs/3.x/api/composables/use-route-announcer","docs/3.x/4.api/2.composables/use-route-announcer",{"title":599,"path":600,"stem":601,"titleTemplate":6},"useRouter","/docs/3.x/api/composables/use-router","docs/3.x/4.api/2.composables/use-router",{"title":603,"path":604,"stem":605,"titleTemplate":6},"useRuntimeConfig","/docs/3.x/api/composables/use-runtime-config","docs/3.x/4.api/2.composables/use-runtime-config",{"title":607,"path":608,"stem":609,"titleTemplate":6},"useRuntimeHook","/docs/3.x/api/composables/use-runtime-hook","docs/3.x/4.api/2.composables/use-runtime-hook",{"title":611,"path":612,"stem":613,"titleTemplate":6},"useSeoMeta","/docs/3.x/api/composables/use-seo-meta","docs/3.x/4.api/2.composables/use-seo-meta",{"title":615,"path":616,"stem":617,"titleTemplate":6},"useServerSeoMeta","/docs/3.x/api/composables/use-server-seo-meta","docs/3.x/4.api/2.composables/use-server-seo-meta",{"title":619,"path":620,"stem":621,"titleTemplate":6},"useState","/docs/3.x/api/composables/use-state","docs/3.x/4.api/2.composables/use-state",{"title":623,"titleTemplate":624,"icon":625,"path":626,"stem":627,"children":628,"page":108},"Utils","%s · Nuxt Utils","i-lucide-square-function","/docs/3.x/api/utils","docs/3.x/4.api/3.utils",[629,633,637,641,645,649,653,657,661,665,669,673,677,681,685,689,693,697,701,705,709,713,717,721,725,729,733,737,741],{"title":630,"path":631,"stem":632,"titleTemplate":6},"$fetch","/docs/3.x/api/utils/dollarfetch","docs/3.x/4.api/3.utils/$fetch",{"title":634,"path":635,"stem":636,"titleTemplate":6},"abortNavigation","/docs/3.x/api/utils/abort-navigation","docs/3.x/4.api/3.utils/abort-navigation",{"title":638,"path":639,"stem":640,"titleTemplate":6},"addRouteMiddleware","/docs/3.x/api/utils/add-route-middleware","docs/3.x/4.api/3.utils/add-route-middleware",{"title":642,"path":643,"stem":644,"titleTemplate":6},"callOnce","/docs/3.x/api/utils/call-once","docs/3.x/4.api/3.utils/call-once",{"title":646,"path":647,"stem":648,"titleTemplate":6},"clearError","/docs/3.x/api/utils/clear-error","docs/3.x/4.api/3.utils/clear-error",{"title":650,"path":651,"stem":652,"titleTemplate":6},"clearNuxtData","/docs/3.x/api/utils/clear-nuxt-data","docs/3.x/4.api/3.utils/clear-nuxt-data",{"title":654,"path":655,"stem":656,"titleTemplate":6},"clearNuxtState","/docs/3.x/api/utils/clear-nuxt-state","docs/3.x/4.api/3.utils/clear-nuxt-state",{"title":658,"path":659,"stem":660,"titleTemplate":6},"createError","/docs/3.x/api/utils/create-error","docs/3.x/4.api/3.utils/create-error",{"title":662,"path":663,"stem":664,"titleTemplate":6},"defineLazyHydrationComponent","/docs/3.x/api/utils/define-lazy-hydration-component","docs/3.x/4.api/3.utils/define-lazy-hydration-component",{"title":666,"path":667,"stem":668,"titleTemplate":6},"defineNuxtComponent","/docs/3.x/api/utils/define-nuxt-component","docs/3.x/4.api/3.utils/define-nuxt-component",{"title":670,"path":671,"stem":672,"titleTemplate":6},"defineNuxtPlugin","/docs/3.x/api/utils/define-nuxt-plugin","docs/3.x/4.api/3.utils/define-nuxt-plugin",{"title":674,"path":675,"stem":676,"titleTemplate":6},"defineNuxtRouteMiddleware","/docs/3.x/api/utils/define-nuxt-route-middleware","docs/3.x/4.api/3.utils/define-nuxt-route-middleware",{"title":678,"path":679,"stem":680,"titleTemplate":6},"definePageMeta","/docs/3.x/api/utils/define-page-meta","docs/3.x/4.api/3.utils/define-page-meta",{"title":682,"path":683,"stem":684,"titleTemplate":6},"defineRouteRules","/docs/3.x/api/utils/define-route-rules","docs/3.x/4.api/3.utils/define-route-rules",{"title":686,"path":687,"stem":688,"titleTemplate":6},"navigateTo","/docs/3.x/api/utils/navigate-to","docs/3.x/4.api/3.utils/navigate-to",{"title":690,"path":691,"stem":692,"titleTemplate":6},"onBeforeRouteLeave","/docs/3.x/api/utils/on-before-route-leave","docs/3.x/4.api/3.utils/on-before-route-leave",{"title":694,"path":695,"stem":696,"titleTemplate":6},"onBeforeRouteUpdate","/docs/3.x/api/utils/on-before-route-update","docs/3.x/4.api/3.utils/on-before-route-update",{"title":698,"path":699,"stem":700,"titleTemplate":6},"onNuxtReady","/docs/3.x/api/utils/on-nuxt-ready","docs/3.x/4.api/3.utils/on-nuxt-ready",{"title":702,"path":703,"stem":704,"titleTemplate":6},"prefetchComponents","/docs/3.x/api/utils/prefetch-components","docs/3.x/4.api/3.utils/prefetch-components",{"title":706,"path":707,"stem":708,"titleTemplate":6},"preloadComponents","/docs/3.x/api/utils/preload-components","docs/3.x/4.api/3.utils/preload-components",{"title":710,"path":711,"stem":712,"titleTemplate":6},"preloadRouteComponents","/docs/3.x/api/utils/preload-route-components","docs/3.x/4.api/3.utils/preload-route-components",{"title":714,"path":715,"stem":716,"titleTemplate":6},"prerenderRoutes","/docs/3.x/api/utils/prerender-routes","docs/3.x/4.api/3.utils/prerender-routes",{"title":718,"path":719,"stem":720,"titleTemplate":6},"refreshCookie","/docs/3.x/api/utils/refresh-cookie","docs/3.x/4.api/3.utils/refresh-cookie",{"title":722,"path":723,"stem":724,"titleTemplate":6},"refreshNuxtData","/docs/3.x/api/utils/refresh-nuxt-data","docs/3.x/4.api/3.utils/refresh-nuxt-data",{"title":726,"path":727,"stem":728,"titleTemplate":6},"reloadNuxtApp","/docs/3.x/api/utils/reload-nuxt-app","docs/3.x/4.api/3.utils/reload-nuxt-app",{"title":730,"path":731,"stem":732,"titleTemplate":6},"setPageLayout","/docs/3.x/api/utils/set-page-layout","docs/3.x/4.api/3.utils/set-page-layout",{"title":734,"path":735,"stem":736,"titleTemplate":6},"setResponseStatus","/docs/3.x/api/utils/set-response-status","docs/3.x/4.api/3.utils/set-response-status",{"title":738,"path":739,"stem":740,"titleTemplate":6},"showError","/docs/3.x/api/utils/show-error","docs/3.x/4.api/3.utils/show-error",{"title":742,"path":743,"stem":744,"titleTemplate":6},"updateAppConfig","/docs/3.x/api/utils/update-app-config","docs/3.x/4.api/3.utils/update-app-config",{"title":746,"titleTemplate":747,"icon":748,"path":749,"stem":750,"children":751,"page":108},"Commands","%s · Nuxt Commands","i-lucide-square-terminal","/docs/3.x/api/commands","docs/3.x/4.api/4.commands",[752,756,760,764,768,772,776,780,784,788,792,796,800,804,808,812],{"title":753,"path":754,"stem":755,"titleTemplate":6},"nuxt add","/docs/3.x/api/commands/add","docs/3.x/4.api/4.commands/add",{"title":757,"path":758,"stem":759,"titleTemplate":6},"nuxt analyze","/docs/3.x/api/commands/analyze","docs/3.x/4.api/4.commands/analyze",{"title":761,"path":762,"stem":763,"titleTemplate":6},"nuxt build","/docs/3.x/api/commands/build","docs/3.x/4.api/4.commands/build",{"title":765,"path":766,"stem":767,"titleTemplate":6},"nuxt build-module","/docs/3.x/api/commands/build-module","docs/3.x/4.api/4.commands/build-module",{"title":769,"path":770,"stem":771,"titleTemplate":6},"nuxt cleanup","/docs/3.x/api/commands/cleanup","docs/3.x/4.api/4.commands/cleanup",{"title":773,"path":774,"stem":775,"titleTemplate":6},"nuxt dev","/docs/3.x/api/commands/dev","docs/3.x/4.api/4.commands/dev",{"title":777,"path":778,"stem":779,"titleTemplate":6},"nuxt devtools","/docs/3.x/api/commands/devtools","docs/3.x/4.api/4.commands/devtools",{"title":781,"path":782,"stem":783,"titleTemplate":6},"nuxt generate","/docs/3.x/api/commands/generate","docs/3.x/4.api/4.commands/generate",{"title":785,"path":786,"stem":787,"titleTemplate":6},"nuxt info","/docs/3.x/api/commands/info","docs/3.x/4.api/4.commands/info",{"title":789,"path":790,"stem":791,"titleTemplate":6},"create nuxt","/docs/3.x/api/commands/init","docs/3.x/4.api/4.commands/init",{"title":793,"path":794,"stem":795,"titleTemplate":6},"nuxt module","/docs/3.x/api/commands/module","docs/3.x/4.api/4.commands/module",{"title":797,"path":798,"stem":799,"titleTemplate":6},"nuxt prepare","/docs/3.x/api/commands/prepare","docs/3.x/4.api/4.commands/prepare",{"title":801,"path":802,"stem":803,"titleTemplate":6},"nuxt preview","/docs/3.x/api/commands/preview","docs/3.x/4.api/4.commands/preview",{"title":805,"path":806,"stem":807,"titleTemplate":6},"nuxt test","/docs/3.x/api/commands/test","docs/3.x/4.api/4.commands/test",{"title":809,"path":810,"stem":811,"titleTemplate":6},"nuxt typecheck","/docs/3.x/api/commands/typecheck","docs/3.x/4.api/4.commands/typecheck",{"title":813,"path":814,"stem":815,"titleTemplate":6},"nuxt upgrade","/docs/3.x/api/commands/upgrade","docs/3.x/4.api/4.commands/upgrade",{"title":411,"titleTemplate":817,"icon":818,"path":819,"stem":820,"children":821,"page":108},"%s · Nuxt Kit","i-lucide-package","/docs/3.x/api/kit","docs/3.x/4.api/5.kit",[822,825,828,832,836,840,844,848,852,855,859,863,866,869,873,877,881,885],{"title":276,"path":823,"stem":824,"titleTemplate":6},"/docs/3.x/api/kit/modules","docs/3.x/4.api/5.kit/1.modules",{"title":399,"path":826,"stem":827,"titleTemplate":6},"/docs/3.x/api/kit/runtime-config","docs/3.x/4.api/5.kit/10.runtime-config",{"title":829,"path":830,"stem":831,"titleTemplate":6},"Templates","/docs/3.x/api/kit/templates","docs/3.x/4.api/5.kit/10.templates",{"title":833,"path":834,"stem":835,"titleTemplate":6},"Nitro","/docs/3.x/api/kit/nitro","docs/3.x/4.api/5.kit/11.nitro",{"title":837,"path":838,"stem":839,"titleTemplate":6},"Resolving","/docs/3.x/api/kit/resolving","docs/3.x/4.api/5.kit/12.resolving",{"title":841,"path":842,"stem":843,"titleTemplate":6},"Logging","/docs/3.x/api/kit/logging","docs/3.x/4.api/5.kit/13.logging",{"title":845,"path":846,"stem":847,"titleTemplate":6},"Builder","/docs/3.x/api/kit/builder","docs/3.x/4.api/5.kit/14.builder",{"title":849,"path":850,"stem":851,"titleTemplate":6},"Examples","/docs/3.x/api/kit/examples","docs/3.x/4.api/5.kit/15.examples",{"title":84,"path":853,"stem":854,"titleTemplate":6},"/docs/3.x/api/kit/layers","docs/3.x/4.api/5.kit/16.layers",{"title":856,"path":857,"stem":858,"titleTemplate":6},"Programmatic Usage","/docs/3.x/api/kit/programmatic","docs/3.x/4.api/5.kit/2.programmatic",{"title":860,"path":861,"stem":862,"titleTemplate":6},"Compatibility","/docs/3.x/api/kit/compatibility","docs/3.x/4.api/5.kit/3.compatibility",{"title":268,"path":864,"stem":865,"titleTemplate":6},"/docs/3.x/api/kit/autoimports","docs/3.x/4.api/5.kit/4.autoimports",{"title":434,"path":867,"stem":868,"titleTemplate":6},"/docs/3.x/api/kit/components","docs/3.x/4.api/5.kit/5.components",{"title":870,"path":871,"stem":872,"titleTemplate":6},"Context","/docs/3.x/api/kit/context","docs/3.x/4.api/5.kit/6.context",{"title":874,"path":875,"stem":876,"titleTemplate":6},"Pages","/docs/3.x/api/kit/pages","docs/3.x/4.api/5.kit/7.pages",{"title":878,"path":879,"stem":880,"titleTemplate":6},"Layout","/docs/3.x/api/kit/layout","docs/3.x/4.api/5.kit/8.layout",{"title":882,"path":883,"stem":884,"titleTemplate":6},"Head","/docs/3.x/api/kit/head","docs/3.x/4.api/5.kit/9.head",{"title":886,"path":887,"stem":888,"titleTemplate":6},"Plugins","/docs/3.x/api/kit/plugins","docs/3.x/4.api/5.kit/9.plugins",{"title":890,"titleTemplate":6,"icon":891,"path":892,"stem":893,"children":894,"page":108},"Advanced","i-lucide-brain","/docs/3.x/api/advanced","docs/3.x/4.api/6.advanced",[895,898],{"title":407,"path":896,"stem":897,"titleTemplate":6},"/docs/3.x/api/advanced/hooks","docs/3.x/4.api/6.advanced/1.hooks",{"title":899,"path":900,"stem":901,"titleTemplate":6},"Import meta","/docs/3.x/api/advanced/import-meta","docs/3.x/4.api/6.advanced/2.import-meta",{"title":903,"path":904,"stem":905,"titleTemplate":906,"icon":32},"Nuxt Configuration","/docs/3.x/api/nuxt-config","docs/3.x/4.api/6.nuxt-config","%s",{"title":849,"titleTemplate":908,"icon":909,"path":910,"stem":911,"children":912,"page":108},"%s · Nuxt Examples","i-lucide-app-window-mac","/docs/3.x/examples","docs/3.x/4.examples",[913,917,939,954,990],{"title":914,"path":915,"stem":916,"titleTemplate":6},"Hello World","/docs/3.x/examples/hello-world","docs/3.x/4.examples/0.hello-world",{"title":395,"path":918,"stem":919,"children":920,"page":108},"/docs/3.x/examples/features","docs/3.x/4.examples/1.features",[921,925,928,931,935],{"title":922,"path":923,"stem":924,"titleTemplate":6},"Auto Imports","/docs/3.x/examples/features/auto-imports","docs/3.x/4.examples/1.features/1.auto-imports",{"title":64,"path":926,"stem":927,"titleTemplate":6},"/docs/3.x/examples/features/data-fetching","docs/3.x/4.examples/1.features/2.data-fetching",{"title":69,"path":929,"stem":930,"titleTemplate":6},"/docs/3.x/examples/features/state-management","docs/3.x/4.examples/1.features/3.state-management",{"title":932,"path":933,"stem":934,"titleTemplate":6},"Meta Tags","/docs/3.x/examples/features/meta-tags","docs/3.x/4.examples/1.features/4.meta-tags",{"title":936,"path":937,"stem":938,"titleTemplate":6},"Layouts","/docs/3.x/examples/features/layouts","docs/3.x/4.examples/1.features/5.layouts",{"title":49,"path":940,"stem":941,"children":942,"page":108},"/docs/3.x/examples/routing","docs/3.x/4.examples/2.routing",[943,947,950],{"title":944,"path":945,"stem":946,"titleTemplate":6},"Middleware","/docs/3.x/examples/routing/middleware","docs/3.x/4.examples/2.routing/middleware",{"title":874,"path":948,"stem":949,"titleTemplate":6},"/docs/3.x/examples/routing/pages","docs/3.x/4.examples/2.routing/pages",{"title":951,"path":952,"stem":953,"titleTemplate":6},"Universal Router","/docs/3.x/examples/routing/universal-router","docs/3.x/4.examples/2.routing/universal-router",{"title":890,"path":955,"stem":956,"children":957,"page":108},"/docs/3.x/examples/advanced","docs/3.x/4.examples/4.advanced",[958,961,964,968,972,976,980,983,986],{"title":84,"path":959,"stem":960,"titleTemplate":6},"/docs/3.x/examples/advanced/config-extends","docs/3.x/4.examples/4.advanced/config-extends",{"title":74,"path":962,"stem":963,"titleTemplate":6},"/docs/3.x/examples/advanced/error-handling","docs/3.x/4.examples/4.advanced/error-handling",{"title":965,"path":966,"stem":967,"titleTemplate":6},"JSX / TSX","/docs/3.x/examples/advanced/jsx","docs/3.x/4.examples/4.advanced/jsx",{"title":969,"path":970,"stem":971,"titleTemplate":6},"Locale","/docs/3.x/examples/advanced/locale","docs/3.x/4.examples/4.advanced/locale",{"title":973,"path":974,"stem":975,"titleTemplate":6},"Module Extend Pages","/docs/3.x/examples/advanced/module-extend-pages","docs/3.x/4.examples/4.advanced/module-extend-pages",{"title":977,"path":978,"stem":979,"titleTemplate":6},"Teleport","/docs/3.x/examples/advanced/teleport","docs/3.x/4.examples/4.advanced/teleport",{"title":99,"path":981,"stem":982,"titleTemplate":6},"/docs/3.x/examples/advanced/testing","docs/3.x/4.examples/4.advanced/testing",{"title":519,"path":984,"stem":985,"titleTemplate":6},"/docs/3.x/examples/advanced/use-cookie","docs/3.x/4.examples/4.advanced/use-cookie",{"title":987,"path":988,"stem":989,"titleTemplate":6},"Use Custom Fetch Composable","/docs/3.x/examples/advanced/use-custom-fetch-composable","docs/3.x/4.examples/4.advanced/use-custom-fetch-composable",{"title":991,"path":992,"stem":993,"children":994,"page":108},"Experimental","/docs/3.x/examples/experimental","docs/3.x/4.examples/7.experimental",[995],{"title":996,"path":997,"stem":998,"titleTemplate":6},"WASM","/docs/3.x/examples/experimental/wasm","docs/3.x/4.examples/7.experimental/wasm",{"title":1000,"titleTemplate":1001,"icon":1002,"path":1003,"stem":1004,"children":1005,"page":108},"Community","%s · Nuxt Community","i-lucide-messages-square","/docs/3.x/community","docs/3.x/5.community",[1006,1011,1016,1021,1026,1031],{"title":1007,"path":1008,"stem":1009,"titleTemplate":6,"icon":1010},"Getting Help","/docs/3.x/community/getting-help","docs/3.x/5.community/2.getting-help","i-lucide-life-buoy",{"title":1012,"path":1013,"stem":1014,"titleTemplate":6,"icon":1015},"Reporting Bugs","/docs/3.x/community/reporting-bugs","docs/3.x/5.community/3.reporting-bugs","i-lucide-bug",{"title":1017,"path":1018,"stem":1019,"titleTemplate":6,"icon":1020},"Contribution","/docs/3.x/community/contribution","docs/3.x/5.community/4.contribution","i-lucide-git-pull-request",{"title":1022,"path":1023,"stem":1024,"titleTemplate":6,"icon":1025},"Framework","/docs/3.x/community/framework-contribution","docs/3.x/5.community/5.framework-contribution","i-lucide-github",{"title":1027,"path":1028,"stem":1029,"titleTemplate":6,"icon":1030},"Roadmap","/docs/3.x/community/roadmap","docs/3.x/5.community/6.roadmap","i-lucide-map",{"title":1032,"path":1033,"stem":1034,"titleTemplate":6,"icon":1035},"Releases","/docs/3.x/community/changelog","docs/3.x/5.community/7.changelog","i-lucide-bell-dot",{"title":1037,"titleTemplate":1038,"icon":1039,"path":1040,"stem":1041,"children":1042,"page":108},"Migrate to Nuxt Bridge","Migrate to Nuxt Bridge: %s","i-lucide-ship","/docs/3.x/bridge","docs/3.x/6.bridge",[1043,1047,1050,1053,1057,1061,1065,1068,1071,1074],{"title":1044,"path":1045,"stem":1046,"titleTemplate":6},"Overview","/docs/3.x/bridge/overview","docs/3.x/6.bridge/1.overview",{"title":29,"path":1048,"stem":1049,"titleTemplate":6},"/docs/3.x/bridge/configuration","docs/3.x/6.bridge/10.configuration",{"title":280,"path":1051,"stem":1052,"titleTemplate":6},"/docs/3.x/bridge/typescript","docs/3.x/6.bridge/2.typescript",{"title":1054,"path":1055,"stem":1056,"titleTemplate":6},"Legacy Composition API","/docs/3.x/bridge/bridge-composition-api","docs/3.x/6.bridge/3.bridge-composition-api",{"title":1058,"path":1059,"stem":1060,"titleTemplate":6},"Plugins and Middleware","/docs/3.x/bridge/plugins-and-middleware","docs/3.x/6.bridge/4.plugins-and-middleware",{"title":1062,"path":1063,"stem":1064,"titleTemplate":6},"New Composition API","/docs/3.x/bridge/nuxt3-compatible-api","docs/3.x/6.bridge/5.nuxt3-compatible-api",{"title":932,"path":1066,"stem":1067,"titleTemplate":6},"/docs/3.x/bridge/meta","docs/3.x/6.bridge/6.meta",{"title":399,"path":1069,"stem":1070,"titleTemplate":6},"/docs/3.x/bridge/runtime-config","docs/3.x/6.bridge/7.runtime-config",{"title":833,"path":1072,"stem":1073,"titleTemplate":6},"/docs/3.x/bridge/nitro","docs/3.x/6.bridge/8.nitro",{"title":1075,"path":1076,"stem":1077,"titleTemplate":6},"Vite","/docs/3.x/bridge/vite","docs/3.x/6.bridge/9.vite",{"title":1079,"titleTemplate":1080,"icon":107,"path":1081,"stem":1082,"children":1083,"page":108},"Migrate to Nuxt 3","Migrate to Nuxt 3: %s","/docs/3.x/migration","docs/3.x/7.migration",[1084,1087,1091,1094,1097,1100,1103,1106,1109,1113,1117],{"title":1044,"path":1085,"stem":1086,"titleTemplate":6},"/docs/3.x/migration/overview","docs/3.x/7.migration/1.overview",{"title":1088,"path":1089,"stem":1090,"titleTemplate":6},"Build Tooling","/docs/3.x/migration/bundling","docs/3.x/7.migration/10.bundling",{"title":79,"path":1092,"stem":1093,"titleTemplate":6},"/docs/3.x/migration/server","docs/3.x/7.migration/11.server",{"title":29,"path":1095,"stem":1096,"titleTemplate":6},"/docs/3.x/migration/configuration","docs/3.x/7.migration/2.configuration",{"title":276,"path":1098,"stem":1099,"titleTemplate":6},"/docs/3.x/migration/module-authors","docs/3.x/7.migration/20.module-authors",{"title":922,"path":1101,"stem":1102,"titleTemplate":6},"/docs/3.x/migration/auto-imports","docs/3.x/7.migration/3.auto-imports",{"title":932,"path":1104,"stem":1105,"titleTemplate":6},"/docs/3.x/migration/meta","docs/3.x/7.migration/4.meta",{"title":1058,"path":1107,"stem":1108,"titleTemplate":6},"/docs/3.x/migration/plugins-and-middleware","docs/3.x/7.migration/5.plugins-and-middleware",{"title":1110,"path":1111,"stem":1112,"titleTemplate":6},"Pages and Layouts","/docs/3.x/migration/pages-and-layouts","docs/3.x/7.migration/6.pages-and-layouts",{"title":1114,"path":1115,"stem":1116,"titleTemplate":6},"Component Options","/docs/3.x/migration/component-options","docs/3.x/7.migration/7.component-options",{"title":399,"path":1118,"stem":1119,"titleTemplate":6},"/docs/3.x/migration/runtime-config","docs/3.x/7.migration/8.runtime-config",{"title":5,"titleTemplate":6,"icon":7,"path":1121,"stem":1122,"children":1123,"page":108},"/docs/4.x","docs/4.x",[1124,1182,1276,1403,1761,1838,1860,1894],{"title":12,"titleTemplate":13,"icon":14,"path":1125,"stem":1126,"children":1127,"page":108},"/docs/4.x/getting-started","docs/4.x/1.getting-started",[1128,1131,1134,1137,1140,1143,1146,1149,1152,1155,1158,1161,1164,1167,1170,1173,1176,1179],{"title":19,"path":1129,"stem":1130,"titleTemplate":6,"icon":22},"/docs/4.x/getting-started/introduction","docs/4.x/1.getting-started/01.introduction",{"title":24,"path":1132,"stem":1133,"titleTemplate":6,"icon":27},"/docs/4.x/getting-started/installation","docs/4.x/1.getting-started/02.installation",{"title":29,"path":1135,"stem":1136,"titleTemplate":6,"icon":32},"/docs/4.x/getting-started/configuration","docs/4.x/1.getting-started/03.configuration",{"title":34,"path":1138,"stem":1139,"titleTemplate":6,"icon":37},"/docs/4.x/getting-started/views","docs/4.x/1.getting-started/04.views",{"title":39,"path":1141,"stem":1142,"titleTemplate":6,"icon":42},"/docs/4.x/getting-started/assets","docs/4.x/1.getting-started/05.assets",{"title":44,"path":1144,"stem":1145,"titleTemplate":6,"icon":47},"/docs/4.x/getting-started/styling","docs/4.x/1.getting-started/06.styling",{"title":49,"path":1147,"stem":1148,"titleTemplate":6,"icon":52},"/docs/4.x/getting-started/routing","docs/4.x/1.getting-started/07.routing",{"title":54,"path":1150,"stem":1151,"titleTemplate":6,"icon":57},"/docs/4.x/getting-started/seo-meta","docs/4.x/1.getting-started/08.seo-meta",{"title":59,"path":1153,"stem":1154,"titleTemplate":6,"icon":62},"/docs/4.x/getting-started/transitions","docs/4.x/1.getting-started/09.transitions",{"title":64,"path":1156,"stem":1157,"titleTemplate":6,"icon":67},"/docs/4.x/getting-started/data-fetching","docs/4.x/1.getting-started/10.data-fetching",{"title":69,"path":1159,"stem":1160,"titleTemplate":6,"icon":72},"/docs/4.x/getting-started/state-management","docs/4.x/1.getting-started/11.state-management",{"title":74,"path":1162,"stem":1163,"titleTemplate":6,"icon":77},"/docs/4.x/getting-started/error-handling","docs/4.x/1.getting-started/12.error-handling",{"title":79,"path":1165,"stem":1166,"titleTemplate":6,"icon":82},"/docs/4.x/getting-started/server","docs/4.x/1.getting-started/13.server",{"title":84,"path":1168,"stem":1169,"titleTemplate":6,"icon":87},"/docs/4.x/getting-started/layers","docs/4.x/1.getting-started/14.layers",{"title":89,"path":1171,"stem":1172,"titleTemplate":6,"icon":92},"/docs/4.x/getting-started/prerendering","docs/4.x/1.getting-started/15.prerendering",{"title":94,"path":1174,"stem":1175,"titleTemplate":6,"icon":97},"/docs/4.x/getting-started/deployment","docs/4.x/1.getting-started/16.deployment",{"title":99,"path":1177,"stem":1178,"titleTemplate":6,"icon":102},"/docs/4.x/getting-started/testing","docs/4.x/1.getting-started/17.testing",{"title":104,"path":1180,"stem":1181,"titleTemplate":6,"icon":107},"/docs/4.x/getting-started/upgrade","docs/4.x/1.getting-started/18.upgrade",{"title":110,"titleTemplate":111,"icon":112,"path":1183,"stem":1184,"children":1185,"page":108},"/docs/4.x/directory-structure","docs/4.x/2.directory-structure",[1186,1189,1192,1234,1237,1240,1243,1246,1249,1252,1255,1258,1261,1264,1267,1270,1273],{"title":117,"path":1187,"stem":1188,"titleTemplate":6,"icon":120},"/docs/4.x/directory-structure/nuxt","docs/4.x/2.directory-structure/0.nuxt",{"title":122,"path":1190,"stem":1191,"titleTemplate":6,"icon":125},"/docs/4.x/directory-structure/output","docs/4.x/2.directory-structure/0.output",{"title":1193,"titleTemplate":111,"head":1194,"defaultOpen":1196,"icon":1197,"path":1198,"stem":1199,"children":1200,"page":108},"app",{"title":1195},"app/",true,"i-vscode-icons-folder-type-app","/docs/4.x/directory-structure/app","docs/4.x/2.directory-structure/1.app",[1201,1204,1207,1210,1213,1216,1219,1222,1225,1228,1231],{"title":127,"path":1202,"stem":1203,"titleTemplate":6,"icon":130},"/docs/4.x/directory-structure/app/assets","docs/4.x/2.directory-structure/1.app/1.assets",{"title":132,"path":1205,"stem":1206,"titleTemplate":6,"icon":135},"/docs/4.x/directory-structure/app/components","docs/4.x/2.directory-structure/1.app/1.components",{"title":137,"path":1208,"stem":1209,"titleTemplate":6,"icon":140},"/docs/4.x/directory-structure/app/composables","docs/4.x/2.directory-structure/1.app/1.composables",{"title":152,"path":1211,"stem":1212,"titleTemplate":6,"icon":155},"/docs/4.x/directory-structure/app/layouts","docs/4.x/2.directory-structure/1.app/1.layouts",{"title":157,"path":1214,"stem":1215,"titleTemplate":6,"icon":160},"/docs/4.x/directory-structure/app/middleware","docs/4.x/2.directory-structure/1.app/1.middleware",{"title":171,"path":1217,"stem":1218,"titleTemplate":6,"icon":155},"/docs/4.x/directory-structure/app/pages","docs/4.x/2.directory-structure/1.app/1.pages",{"title":175,"path":1220,"stem":1221,"titleTemplate":6,"icon":178},"/docs/4.x/directory-structure/app/plugins","docs/4.x/2.directory-structure/1.app/1.plugins",{"title":195,"path":1223,"stem":1224,"titleTemplate":6,"icon":198},"/docs/4.x/directory-structure/app/utils","docs/4.x/2.directory-structure/1.app/1.utils",{"title":219,"path":1226,"stem":1227,"titleTemplate":6,"icon":222},"/docs/4.x/directory-structure/app/app","docs/4.x/2.directory-structure/1.app/3.app",{"title":224,"path":1229,"stem":1230,"titleTemplate":6,"icon":227},"/docs/4.x/directory-structure/app/app-config","docs/4.x/2.directory-structure/1.app/3.app-config",{"title":229,"path":1232,"stem":1233,"titleTemplate":6,"icon":222},"/docs/4.x/directory-structure/app/error","docs/4.x/2.directory-structure/1.app/3.error",{"title":142,"path":1235,"stem":1236,"titleTemplate":6,"icon":145},"/docs/4.x/directory-structure/content","docs/4.x/2.directory-structure/1.content",{"title":147,"path":1238,"stem":1239,"titleTemplate":6,"icon":150},"/docs/4.x/directory-structure/layers","docs/4.x/2.directory-structure/1.layers",{"title":162,"path":1241,"stem":1242,"titleTemplate":6,"icon":150},"/docs/4.x/directory-structure/modules","docs/4.x/2.directory-structure/1.modules",{"title":166,"path":1244,"stem":1245,"titleTemplate":6,"icon":169},"/docs/4.x/directory-structure/node_modules","docs/4.x/2.directory-structure/1.node_modules",{"title":180,"path":1247,"stem":1248,"titleTemplate":6,"icon":183},"/docs/4.x/directory-structure/public","docs/4.x/2.directory-structure/1.public",{"title":185,"path":1250,"stem":1251,"titleTemplate":6,"icon":188},"/docs/4.x/directory-structure/server","docs/4.x/2.directory-structure/1.server",{"title":190,"path":1253,"stem":1254,"titleTemplate":6,"icon":193},"/docs/4.x/directory-structure/shared","docs/4.x/2.directory-structure/1.shared",{"title":200,"path":1256,"stem":1257,"titleTemplate":6,"icon":203},"/docs/4.x/directory-structure/env","docs/4.x/2.directory-structure/2.env",{"title":205,"path":1259,"stem":1260,"titleTemplate":6,"icon":208},"/docs/4.x/directory-structure/gitignore","docs/4.x/2.directory-structure/2.gitignore",{"title":210,"path":1262,"stem":1263,"titleTemplate":6,"icon":213},"/docs/4.x/directory-structure/nuxtignore","docs/4.x/2.directory-structure/2.nuxtignore",{"title":215,"path":1265,"stem":1266,"titleTemplate":6,"icon":213},"/docs/4.x/directory-structure/nuxtrc","docs/4.x/2.directory-structure/2.nuxtrc",{"title":233,"path":1268,"stem":1269,"titleTemplate":6,"icon":213},"/docs/4.x/directory-structure/nuxt-config","docs/4.x/2.directory-structure/3.nuxt-config",{"title":237,"path":1271,"stem":1272,"titleTemplate":6,"icon":240},"/docs/4.x/directory-structure/package","docs/4.x/2.directory-structure/3.package",{"title":242,"path":1274,"stem":1275,"titleTemplate":6,"icon":245},"/docs/4.x/directory-structure/tsconfig","docs/4.x/2.directory-structure/3.tsconfig",{"title":247,"titleTemplate":6,"icon":248,"path":1277,"stem":1278,"children":1279,"page":108},"/docs/4.x/guide","docs/4.x/3.guide",[1280,1305,1318,1328,1353,1369],{"title":253,"titleTemplate":254,"icon":255,"path":1281,"stem":1282,"children":1283,"page":108},"/docs/4.x/guide/concepts","docs/4.x/3.guide/1.concepts",[1284,1287,1290,1293,1296,1299,1302],{"title":260,"path":1285,"stem":1286,"titleTemplate":6},"/docs/4.x/guide/concepts/rendering","docs/4.x/3.guide/1.concepts/1.rendering",{"title":264,"path":1288,"stem":1289,"titleTemplate":6},"/docs/4.x/guide/concepts/nuxt-lifecycle","docs/4.x/3.guide/1.concepts/2.nuxt-lifecycle",{"title":268,"path":1291,"stem":1292,"titleTemplate":6},"/docs/4.x/guide/concepts/auto-imports","docs/4.x/3.guide/1.concepts/3.auto-imports",{"title":272,"path":1294,"stem":1295,"titleTemplate":6},"/docs/4.x/guide/concepts/server-engine","docs/4.x/3.guide/1.concepts/4.server-engine",{"title":276,"path":1297,"stem":1298,"titleTemplate":6},"/docs/4.x/guide/concepts/modules","docs/4.x/3.guide/1.concepts/5.modules",{"title":280,"path":1300,"stem":1301,"titleTemplate":6},"/docs/4.x/guide/concepts/typescript","docs/4.x/3.guide/1.concepts/8.typescript",{"title":284,"path":1303,"stem":1304,"titleTemplate":6},"/docs/4.x/guide/concepts/code-style","docs/4.x/3.guide/1.concepts/9.code-style",{"title":288,"titleTemplate":289,"icon":290,"path":1306,"stem":1307,"children":1308,"page":108},"/docs/4.x/guide/best-practices","docs/4.x/3.guide/2.best-practices",[1309,1312,1315],{"title":295,"path":1310,"stem":1311,"titleTemplate":6},"/docs/4.x/guide/best-practices/hydration","docs/4.x/3.guide/2.best-practices/hydration",{"title":299,"path":1313,"stem":1314,"titleTemplate":6},"/docs/4.x/guide/best-practices/performance","docs/4.x/3.guide/2.best-practices/performance",{"title":303,"path":1316,"stem":1317,"titleTemplate":6},"/docs/4.x/guide/best-practices/plugins","docs/4.x/3.guide/2.best-practices/plugins",{"title":307,"titleTemplate":308,"icon":309,"path":1319,"stem":1320,"children":1321,"page":108},"/docs/4.x/guide/ai","docs/4.x/3.guide/3.ai",[1322,1325],{"title":314,"path":1323,"stem":1324,"titleTemplate":6},"/docs/4.x/guide/ai/mcp","docs/4.x/3.guide/3.ai/1.mcp",{"title":318,"path":1326,"stem":1327,"titleTemplate":6},"/docs/4.x/guide/ai/llms-txt","docs/4.x/3.guide/3.ai/2.llms-txt",{"title":322,"titleTemplate":323,"icon":324,"path":1329,"stem":1330,"children":1331,"page":108},"/docs/4.x/guide/modules","docs/4.x/3.guide/4.modules",[1332,1335,1338,1341,1344,1347,1350],{"title":329,"path":1333,"stem":1334,"titleTemplate":6},"/docs/4.x/guide/modules/getting-started","docs/4.x/3.guide/4.modules/1.getting-started",{"title":333,"path":1336,"stem":1337,"titleTemplate":6},"/docs/4.x/guide/modules/module-anatomy","docs/4.x/3.guide/4.modules/2.module-anatomy",{"title":337,"path":1339,"stem":1340,"titleTemplate":6},"/docs/4.x/guide/modules/recipes-basics","docs/4.x/3.guide/4.modules/3.recipes-basics",{"title":341,"path":1342,"stem":1343,"titleTemplate":6},"/docs/4.x/guide/modules/recipes-advanced","docs/4.x/3.guide/4.modules/4.recipes-advanced",{"title":345,"path":1345,"stem":1346,"titleTemplate":6},"/docs/4.x/guide/modules/testing","docs/4.x/3.guide/4.modules/5.testing",{"title":349,"path":1348,"stem":1349,"titleTemplate":6},"/docs/4.x/guide/modules/best-practices","docs/4.x/3.guide/4.modules/6.best-practices",{"title":353,"path":1351,"stem":1352,"titleTemplate":6},"/docs/4.x/guide/modules/ecosystem","docs/4.x/3.guide/4.modules/7.ecosystem",{"title":357,"titleTemplate":358,"icon":359,"path":1354,"stem":1355,"children":1356,"page":108},"/docs/4.x/guide/recipes","docs/4.x/3.guide/5.recipes",[1357,1360,1363,1366],{"title":364,"path":1358,"stem":1359,"titleTemplate":6},"/docs/4.x/guide/recipes/custom-routing","docs/4.x/3.guide/5.recipes/1.custom-routing",{"title":368,"path":1361,"stem":1362,"titleTemplate":6},"/docs/4.x/guide/recipes/vite-plugin","docs/4.x/3.guide/5.recipes/2.vite-plugin",{"title":372,"path":1364,"stem":1365,"titleTemplate":6},"/docs/4.x/guide/recipes/custom-usefetch","docs/4.x/3.guide/5.recipes/3.custom-usefetch",{"title":376,"path":1367,"stem":1368,"titleTemplate":6},"/docs/4.x/guide/recipes/sessions-and-authentication","docs/4.x/3.guide/5.recipes/4.sessions-and-authentication",{"title":380,"titleTemplate":381,"icon":382,"path":1370,"stem":1371,"children":1372,"page":108},"/docs/4.x/guide/going-further","docs/4.x/3.guide/6.going-further",[1373,1376,1379,1382,1385,1388,1391,1394,1397,1400],{"title":387,"path":1374,"stem":1375,"titleTemplate":6},"/docs/4.x/guide/going-further/events","docs/4.x/3.guide/6.going-further/1.events",{"title":391,"path":1377,"stem":1378,"titleTemplate":6},"/docs/4.x/guide/going-further/experimental-features","docs/4.x/3.guide/6.going-further/1.experimental-features",{"title":395,"path":1380,"stem":1381,"titleTemplate":6},"/docs/4.x/guide/going-further/features","docs/4.x/3.guide/6.going-further/1.features",{"title":399,"path":1383,"stem":1384,"titleTemplate":6},"/docs/4.x/guide/going-further/runtime-config","docs/4.x/3.guide/6.going-further/10.runtime-config",{"title":403,"path":1386,"stem":1387,"titleTemplate":6},"/docs/4.x/guide/going-further/nightly-release-channel","docs/4.x/3.guide/6.going-further/11.nightly-release-channel",{"title":407,"path":1389,"stem":1390,"titleTemplate":6},"/docs/4.x/guide/going-further/hooks","docs/4.x/3.guide/6.going-further/2.hooks",{"title":411,"path":1392,"stem":1393,"titleTemplate":6},"/docs/4.x/guide/going-further/kit","docs/4.x/3.guide/6.going-further/4.kit",{"title":415,"path":1395,"stem":1396,"titleTemplate":6},"/docs/4.x/guide/going-further/nuxt-app","docs/4.x/3.guide/6.going-further/6.nuxt-app",{"title":419,"path":1398,"stem":1399,"titleTemplate":6},"/docs/4.x/guide/going-further/layers","docs/4.x/3.guide/6.going-further/7.layers",{"title":423,"path":1401,"stem":1402,"titleTemplate":6},"/docs/4.x/guide/going-further/debugging","docs/4.x/3.guide/6.going-further/9.debugging",{"title":427,"titleTemplate":428,"icon":429,"path":1404,"stem":1405,"children":1406,"page":108},"/docs/4.x/api","docs/4.x/4.api",[1407,1456,1547,1638,1690,1748,1758],{"title":434,"titleTemplate":435,"icon":324,"path":1408,"stem":1409,"children":1410,"page":108},"/docs/4.x/api/components","docs/4.x/4.api/1.components",[1411,1414,1417,1420,1423,1426,1429,1432,1435,1438,1441,1444,1447,1450,1453],{"title":440,"path":1412,"stem":1413,"titleTemplate":6},"/docs/4.x/api/components/client-only","docs/4.x/4.api/1.components/1.client-only",{"title":444,"path":1415,"stem":1416,"titleTemplate":6},"/docs/4.x/api/components/dev-only","docs/4.x/4.api/1.components/1.dev-only",{"title":448,"path":1418,"stem":1419,"titleTemplate":6},"/docs/4.x/api/components/nuxt-client-fallback","docs/4.x/4.api/1.components/1.nuxt-client-fallback",{"title":452,"path":1421,"stem":1422,"titleTemplate":6},"/docs/4.x/api/components/nuxt-picture","docs/4.x/4.api/1.components/10.nuxt-picture",{"title":456,"path":1424,"stem":1425,"titleTemplate":6},"/docs/4.x/api/components/teleports","docs/4.x/4.api/1.components/11.teleports",{"title":460,"path":1427,"stem":1428,"titleTemplate":6},"/docs/4.x/api/components/nuxt-route-announcer","docs/4.x/4.api/1.components/12.nuxt-route-announcer",{"title":464,"path":1430,"stem":1431,"titleTemplate":6},"/docs/4.x/api/components/nuxt-time","docs/4.x/4.api/1.components/13.nuxt-time",{"title":468,"path":1433,"stem":1434,"titleTemplate":6},"/docs/4.x/api/components/nuxt-page","docs/4.x/4.api/1.components/2.nuxt-page",{"title":472,"path":1436,"stem":1437,"titleTemplate":6},"/docs/4.x/api/components/nuxt-layout","docs/4.x/4.api/1.components/3.nuxt-layout",{"title":476,"path":1439,"stem":1440,"titleTemplate":6},"/docs/4.x/api/components/nuxt-link","docs/4.x/4.api/1.components/4.nuxt-link",{"title":480,"path":1442,"stem":1443,"titleTemplate":6},"/docs/4.x/api/components/nuxt-loading-indicator","docs/4.x/4.api/1.components/5.nuxt-loading-indicator",{"title":484,"path":1445,"stem":1446,"titleTemplate":6},"/docs/4.x/api/components/nuxt-error-boundary","docs/4.x/4.api/1.components/6.nuxt-error-boundary",{"title":488,"path":1448,"stem":1449,"titleTemplate":6},"/docs/4.x/api/components/nuxt-welcome","docs/4.x/4.api/1.components/7.nuxt-welcome",{"title":492,"path":1451,"stem":1452,"titleTemplate":6},"/docs/4.x/api/components/nuxt-island","docs/4.x/4.api/1.components/8.nuxt-island",{"title":496,"path":1454,"stem":1455,"titleTemplate":6},"/docs/4.x/api/components/nuxt-img","docs/4.x/4.api/1.components/9.nuxt-img",{"title":500,"titleTemplate":501,"icon":502,"path":1457,"stem":1458,"children":1459,"page":108},"/docs/4.x/api/composables","docs/4.x/4.api/2.composables",[1460,1463,1466,1469,1472,1475,1478,1481,1484,1487,1490,1493,1496,1499,1502,1505,1508,1511,1514,1517,1520,1523,1526,1529,1532,1535,1538,1541,1544],{"title":507,"path":1461,"stem":1462,"titleTemplate":6},"/docs/4.x/api/composables/on-prehydrate","docs/4.x/4.api/2.composables/on-prehydrate",{"title":511,"path":1464,"stem":1465,"titleTemplate":6},"/docs/4.x/api/composables/use-app-config","docs/4.x/4.api/2.composables/use-app-config",{"title":515,"path":1467,"stem":1468,"titleTemplate":6},"/docs/4.x/api/composables/use-async-data","docs/4.x/4.api/2.composables/use-async-data",{"title":519,"path":1470,"stem":1471,"titleTemplate":6},"/docs/4.x/api/composables/use-cookie","docs/4.x/4.api/2.composables/use-cookie",{"title":523,"path":1473,"stem":1474,"titleTemplate":6},"/docs/4.x/api/composables/use-error","docs/4.x/4.api/2.composables/use-error",{"title":527,"path":1476,"stem":1477,"titleTemplate":6},"/docs/4.x/api/composables/use-fetch","docs/4.x/4.api/2.composables/use-fetch",{"title":531,"path":1479,"stem":1480,"titleTemplate":6},"/docs/4.x/api/composables/use-head","docs/4.x/4.api/2.composables/use-head",{"title":535,"path":1482,"stem":1483,"titleTemplate":6},"/docs/4.x/api/composables/use-head-safe","docs/4.x/4.api/2.composables/use-head-safe",{"title":539,"path":1485,"stem":1486,"titleTemplate":6},"/docs/4.x/api/composables/use-hydration","docs/4.x/4.api/2.composables/use-hydration",{"title":543,"path":1488,"stem":1489,"titleTemplate":6},"/docs/4.x/api/composables/use-lazy-async-data","docs/4.x/4.api/2.composables/use-lazy-async-data",{"title":547,"path":1491,"stem":1492,"titleTemplate":6},"/docs/4.x/api/composables/use-lazy-fetch","docs/4.x/4.api/2.composables/use-lazy-fetch",{"title":551,"path":1494,"stem":1495,"titleTemplate":6},"/docs/4.x/api/composables/use-loading-indicator","docs/4.x/4.api/2.composables/use-loading-indicator",{"title":555,"path":1497,"stem":1498,"titleTemplate":6},"/docs/4.x/api/composables/use-nuxt-app","docs/4.x/4.api/2.composables/use-nuxt-app",{"title":559,"path":1500,"stem":1501,"titleTemplate":6},"/docs/4.x/api/composables/use-nuxt-data","docs/4.x/4.api/2.composables/use-nuxt-data",{"title":563,"path":1503,"stem":1504,"titleTemplate":6},"/docs/4.x/api/composables/use-preview-mode","docs/4.x/4.api/2.composables/use-preview-mode",{"title":567,"path":1506,"stem":1507,"titleTemplate":6},"/docs/4.x/api/composables/use-request-event","docs/4.x/4.api/2.composables/use-request-event",{"title":571,"path":1509,"stem":1510,"titleTemplate":6},"/docs/4.x/api/composables/use-request-fetch","docs/4.x/4.api/2.composables/use-request-fetch",{"title":575,"path":1512,"stem":1513,"titleTemplate":6},"/docs/4.x/api/composables/use-request-header","docs/4.x/4.api/2.composables/use-request-header",{"title":579,"path":1515,"stem":1516,"titleTemplate":6},"/docs/4.x/api/composables/use-request-headers","docs/4.x/4.api/2.composables/use-request-headers",{"title":583,"path":1518,"stem":1519,"titleTemplate":6},"/docs/4.x/api/composables/use-request-url","docs/4.x/4.api/2.composables/use-request-url",{"title":587,"path":1521,"stem":1522,"titleTemplate":6},"/docs/4.x/api/composables/use-response-header","docs/4.x/4.api/2.composables/use-response-header",{"title":591,"path":1524,"stem":1525,"titleTemplate":6},"/docs/4.x/api/composables/use-route","docs/4.x/4.api/2.composables/use-route",{"title":595,"path":1527,"stem":1528,"titleTemplate":6},"/docs/4.x/api/composables/use-route-announcer","docs/4.x/4.api/2.composables/use-route-announcer",{"title":599,"path":1530,"stem":1531,"titleTemplate":6},"/docs/4.x/api/composables/use-router","docs/4.x/4.api/2.composables/use-router",{"title":603,"path":1533,"stem":1534,"titleTemplate":6},"/docs/4.x/api/composables/use-runtime-config","docs/4.x/4.api/2.composables/use-runtime-config",{"title":607,"path":1536,"stem":1537,"titleTemplate":6},"/docs/4.x/api/composables/use-runtime-hook","docs/4.x/4.api/2.composables/use-runtime-hook",{"title":611,"path":1539,"stem":1540,"titleTemplate":6},"/docs/4.x/api/composables/use-seo-meta","docs/4.x/4.api/2.composables/use-seo-meta",{"title":615,"path":1542,"stem":1543,"titleTemplate":6},"/docs/4.x/api/composables/use-server-seo-meta","docs/4.x/4.api/2.composables/use-server-seo-meta",{"title":619,"path":1545,"stem":1546,"titleTemplate":6},"/docs/4.x/api/composables/use-state","docs/4.x/4.api/2.composables/use-state",{"title":623,"titleTemplate":624,"icon":625,"path":1548,"stem":1549,"children":1550,"page":108},"/docs/4.x/api/utils","docs/4.x/4.api/3.utils",[1551,1554,1557,1560,1563,1566,1569,1572,1575,1578,1581,1584,1587,1590,1593,1596,1599,1602,1605,1608,1611,1614,1617,1620,1623,1626,1629,1632,1635],{"title":630,"path":1552,"stem":1553,"titleTemplate":6},"/docs/4.x/api/utils/dollarfetch","docs/4.x/4.api/3.utils/$fetch",{"title":634,"path":1555,"stem":1556,"titleTemplate":6},"/docs/4.x/api/utils/abort-navigation","docs/4.x/4.api/3.utils/abort-navigation",{"title":638,"path":1558,"stem":1559,"titleTemplate":6},"/docs/4.x/api/utils/add-route-middleware","docs/4.x/4.api/3.utils/add-route-middleware",{"title":642,"path":1561,"stem":1562,"titleTemplate":6},"/docs/4.x/api/utils/call-once","docs/4.x/4.api/3.utils/call-once",{"title":646,"path":1564,"stem":1565,"titleTemplate":6},"/docs/4.x/api/utils/clear-error","docs/4.x/4.api/3.utils/clear-error",{"title":650,"path":1567,"stem":1568,"titleTemplate":6},"/docs/4.x/api/utils/clear-nuxt-data","docs/4.x/4.api/3.utils/clear-nuxt-data",{"title":654,"path":1570,"stem":1571,"titleTemplate":6},"/docs/4.x/api/utils/clear-nuxt-state","docs/4.x/4.api/3.utils/clear-nuxt-state",{"title":658,"path":1573,"stem":1574,"titleTemplate":6},"/docs/4.x/api/utils/create-error","docs/4.x/4.api/3.utils/create-error",{"title":662,"path":1576,"stem":1577,"titleTemplate":6},"/docs/4.x/api/utils/define-lazy-hydration-component","docs/4.x/4.api/3.utils/define-lazy-hydration-component",{"title":666,"path":1579,"stem":1580,"titleTemplate":6},"/docs/4.x/api/utils/define-nuxt-component","docs/4.x/4.api/3.utils/define-nuxt-component",{"title":670,"path":1582,"stem":1583,"titleTemplate":6},"/docs/4.x/api/utils/define-nuxt-plugin","docs/4.x/4.api/3.utils/define-nuxt-plugin",{"title":674,"path":1585,"stem":1586,"titleTemplate":6},"/docs/4.x/api/utils/define-nuxt-route-middleware","docs/4.x/4.api/3.utils/define-nuxt-route-middleware",{"title":678,"path":1588,"stem":1589,"titleTemplate":6},"/docs/4.x/api/utils/define-page-meta","docs/4.x/4.api/3.utils/define-page-meta",{"title":682,"path":1591,"stem":1592,"titleTemplate":6},"/docs/4.x/api/utils/define-route-rules","docs/4.x/4.api/3.utils/define-route-rules",{"title":686,"path":1594,"stem":1595,"titleTemplate":6},"/docs/4.x/api/utils/navigate-to","docs/4.x/4.api/3.utils/navigate-to",{"title":690,"path":1597,"stem":1598,"titleTemplate":6},"/docs/4.x/api/utils/on-before-route-leave","docs/4.x/4.api/3.utils/on-before-route-leave",{"title":694,"path":1600,"stem":1601,"titleTemplate":6},"/docs/4.x/api/utils/on-before-route-update","docs/4.x/4.api/3.utils/on-before-route-update",{"title":698,"path":1603,"stem":1604,"titleTemplate":6},"/docs/4.x/api/utils/on-nuxt-ready","docs/4.x/4.api/3.utils/on-nuxt-ready",{"title":702,"path":1606,"stem":1607,"titleTemplate":6},"/docs/4.x/api/utils/prefetch-components","docs/4.x/4.api/3.utils/prefetch-components",{"title":706,"path":1609,"stem":1610,"titleTemplate":6},"/docs/4.x/api/utils/preload-components","docs/4.x/4.api/3.utils/preload-components",{"title":710,"path":1612,"stem":1613,"titleTemplate":6},"/docs/4.x/api/utils/preload-route-components","docs/4.x/4.api/3.utils/preload-route-components",{"title":714,"path":1615,"stem":1616,"titleTemplate":6},"/docs/4.x/api/utils/prerender-routes","docs/4.x/4.api/3.utils/prerender-routes",{"title":718,"path":1618,"stem":1619,"titleTemplate":6},"/docs/4.x/api/utils/refresh-cookie","docs/4.x/4.api/3.utils/refresh-cookie",{"title":722,"path":1621,"stem":1622,"titleTemplate":6},"/docs/4.x/api/utils/refresh-nuxt-data","docs/4.x/4.api/3.utils/refresh-nuxt-data",{"title":726,"path":1624,"stem":1625,"titleTemplate":6},"/docs/4.x/api/utils/reload-nuxt-app","docs/4.x/4.api/3.utils/reload-nuxt-app",{"title":730,"path":1627,"stem":1628,"titleTemplate":6},"/docs/4.x/api/utils/set-page-layout","docs/4.x/4.api/3.utils/set-page-layout",{"title":734,"path":1630,"stem":1631,"titleTemplate":6},"/docs/4.x/api/utils/set-response-status","docs/4.x/4.api/3.utils/set-response-status",{"title":738,"path":1633,"stem":1634,"titleTemplate":6},"/docs/4.x/api/utils/show-error","docs/4.x/4.api/3.utils/show-error",{"title":742,"path":1636,"stem":1637,"titleTemplate":6},"/docs/4.x/api/utils/update-app-config","docs/4.x/4.api/3.utils/update-app-config",{"title":746,"titleTemplate":747,"icon":748,"path":1639,"stem":1640,"children":1641,"page":108},"/docs/4.x/api/commands","docs/4.x/4.api/4.commands",[1642,1645,1648,1651,1654,1657,1660,1663,1666,1669,1672,1675,1678,1681,1684,1687],{"title":753,"path":1643,"stem":1644,"titleTemplate":6},"/docs/4.x/api/commands/add","docs/4.x/4.api/4.commands/add",{"title":757,"path":1646,"stem":1647,"titleTemplate":6},"/docs/4.x/api/commands/analyze","docs/4.x/4.api/4.commands/analyze",{"title":761,"path":1649,"stem":1650,"titleTemplate":6},"/docs/4.x/api/commands/build","docs/4.x/4.api/4.commands/build",{"title":765,"path":1652,"stem":1653,"titleTemplate":6},"/docs/4.x/api/commands/build-module","docs/4.x/4.api/4.commands/build-module",{"title":769,"path":1655,"stem":1656,"titleTemplate":6},"/docs/4.x/api/commands/cleanup","docs/4.x/4.api/4.commands/cleanup",{"title":773,"path":1658,"stem":1659,"titleTemplate":6},"/docs/4.x/api/commands/dev","docs/4.x/4.api/4.commands/dev",{"title":777,"path":1661,"stem":1662,"titleTemplate":6},"/docs/4.x/api/commands/devtools","docs/4.x/4.api/4.commands/devtools",{"title":781,"path":1664,"stem":1665,"titleTemplate":6},"/docs/4.x/api/commands/generate","docs/4.x/4.api/4.commands/generate",{"title":785,"path":1667,"stem":1668,"titleTemplate":6},"/docs/4.x/api/commands/info","docs/4.x/4.api/4.commands/info",{"title":789,"path":1670,"stem":1671,"titleTemplate":6},"/docs/4.x/api/commands/init","docs/4.x/4.api/4.commands/init",{"title":793,"path":1673,"stem":1674,"titleTemplate":6},"/docs/4.x/api/commands/module","docs/4.x/4.api/4.commands/module",{"title":797,"path":1676,"stem":1677,"titleTemplate":6},"/docs/4.x/api/commands/prepare","docs/4.x/4.api/4.commands/prepare",{"title":801,"path":1679,"stem":1680,"titleTemplate":6},"/docs/4.x/api/commands/preview","docs/4.x/4.api/4.commands/preview",{"title":805,"path":1682,"stem":1683,"titleTemplate":6},"/docs/4.x/api/commands/test","docs/4.x/4.api/4.commands/test",{"title":809,"path":1685,"stem":1686,"titleTemplate":6},"/docs/4.x/api/commands/typecheck","docs/4.x/4.api/4.commands/typecheck",{"title":813,"path":1688,"stem":1689,"titleTemplate":6},"/docs/4.x/api/commands/upgrade","docs/4.x/4.api/4.commands/upgrade",{"title":411,"titleTemplate":817,"icon":818,"path":1691,"stem":1692,"children":1693,"page":108},"/docs/4.x/api/kit","docs/4.x/4.api/5.kit",[1694,1697,1700,1703,1706,1709,1712,1715,1718,1721,1724,1727,1730,1733,1736,1739,1742,1745],{"title":276,"path":1695,"stem":1696,"titleTemplate":6},"/docs/4.x/api/kit/modules","docs/4.x/4.api/5.kit/1.modules",{"title":399,"path":1698,"stem":1699,"titleTemplate":6},"/docs/4.x/api/kit/runtime-config","docs/4.x/4.api/5.kit/10.runtime-config",{"title":829,"path":1701,"stem":1702,"titleTemplate":6},"/docs/4.x/api/kit/templates","docs/4.x/4.api/5.kit/10.templates",{"title":833,"path":1704,"stem":1705,"titleTemplate":6},"/docs/4.x/api/kit/nitro","docs/4.x/4.api/5.kit/11.nitro",{"title":837,"path":1707,"stem":1708,"titleTemplate":6},"/docs/4.x/api/kit/resolving","docs/4.x/4.api/5.kit/12.resolving",{"title":841,"path":1710,"stem":1711,"titleTemplate":6},"/docs/4.x/api/kit/logging","docs/4.x/4.api/5.kit/13.logging",{"title":845,"path":1713,"stem":1714,"titleTemplate":6},"/docs/4.x/api/kit/builder","docs/4.x/4.api/5.kit/14.builder",{"title":849,"path":1716,"stem":1717,"titleTemplate":6},"/docs/4.x/api/kit/examples","docs/4.x/4.api/5.kit/15.examples",{"title":84,"path":1719,"stem":1720,"titleTemplate":6},"/docs/4.x/api/kit/layers","docs/4.x/4.api/5.kit/16.layers",{"title":856,"path":1722,"stem":1723,"titleTemplate":6},"/docs/4.x/api/kit/programmatic","docs/4.x/4.api/5.kit/2.programmatic",{"title":860,"path":1725,"stem":1726,"titleTemplate":6},"/docs/4.x/api/kit/compatibility","docs/4.x/4.api/5.kit/3.compatibility",{"title":268,"path":1728,"stem":1729,"titleTemplate":6},"/docs/4.x/api/kit/autoimports","docs/4.x/4.api/5.kit/4.autoimports",{"title":434,"path":1731,"stem":1732,"titleTemplate":6},"/docs/4.x/api/kit/components","docs/4.x/4.api/5.kit/5.components",{"title":870,"path":1734,"stem":1735,"titleTemplate":6},"/docs/4.x/api/kit/context","docs/4.x/4.api/5.kit/6.context",{"title":874,"path":1737,"stem":1738,"titleTemplate":6},"/docs/4.x/api/kit/pages","docs/4.x/4.api/5.kit/7.pages",{"title":878,"path":1740,"stem":1741,"titleTemplate":6},"/docs/4.x/api/kit/layout","docs/4.x/4.api/5.kit/8.layout",{"title":882,"path":1743,"stem":1744,"titleTemplate":6},"/docs/4.x/api/kit/head","docs/4.x/4.api/5.kit/9.head",{"title":886,"path":1746,"stem":1747,"titleTemplate":6},"/docs/4.x/api/kit/plugins","docs/4.x/4.api/5.kit/9.plugins",{"title":890,"titleTemplate":6,"icon":891,"path":1749,"stem":1750,"children":1751,"page":108},"/docs/4.x/api/advanced","docs/4.x/4.api/6.advanced",[1752,1755],{"title":407,"path":1753,"stem":1754,"titleTemplate":6},"/docs/4.x/api/advanced/hooks","docs/4.x/4.api/6.advanced/1.hooks",{"title":899,"path":1756,"stem":1757,"titleTemplate":6},"/docs/4.x/api/advanced/import-meta","docs/4.x/4.api/6.advanced/2.import-meta",{"title":903,"path":1759,"stem":1760,"titleTemplate":906,"icon":32},"/docs/4.x/api/nuxt-config","docs/4.x/4.api/6.nuxt-config",{"title":849,"titleTemplate":908,"icon":909,"path":1762,"stem":1763,"children":1764,"page":108},"/docs/4.x/examples","docs/4.x/4.examples",[1765,1768,1787,1800,1831],{"title":914,"path":1766,"stem":1767,"titleTemplate":6},"/docs/4.x/examples/hello-world","docs/4.x/4.examples/0.hello-world",{"title":395,"path":1769,"stem":1770,"children":1771,"page":108},"/docs/4.x/examples/features","docs/4.x/4.examples/1.features",[1772,1775,1778,1781,1784],{"title":922,"path":1773,"stem":1774,"titleTemplate":6},"/docs/4.x/examples/features/auto-imports","docs/4.x/4.examples/1.features/1.auto-imports",{"title":64,"path":1776,"stem":1777,"titleTemplate":6},"/docs/4.x/examples/features/data-fetching","docs/4.x/4.examples/1.features/2.data-fetching",{"title":69,"path":1779,"stem":1780,"titleTemplate":6},"/docs/4.x/examples/features/state-management","docs/4.x/4.examples/1.features/3.state-management",{"title":932,"path":1782,"stem":1783,"titleTemplate":6},"/docs/4.x/examples/features/meta-tags","docs/4.x/4.examples/1.features/4.meta-tags",{"title":936,"path":1785,"stem":1786,"titleTemplate":6},"/docs/4.x/examples/features/layouts","docs/4.x/4.examples/1.features/5.layouts",{"title":49,"path":1788,"stem":1789,"children":1790,"page":108},"/docs/4.x/examples/routing","docs/4.x/4.examples/2.routing",[1791,1794,1797],{"title":944,"path":1792,"stem":1793,"titleTemplate":6},"/docs/4.x/examples/routing/middleware","docs/4.x/4.examples/2.routing/middleware",{"title":874,"path":1795,"stem":1796,"titleTemplate":6},"/docs/4.x/examples/routing/pages","docs/4.x/4.examples/2.routing/pages",{"title":951,"path":1798,"stem":1799,"titleTemplate":6},"/docs/4.x/examples/routing/universal-router","docs/4.x/4.examples/2.routing/universal-router",{"title":890,"path":1801,"stem":1802,"children":1803,"page":108},"/docs/4.x/examples/advanced","docs/4.x/4.examples/4.advanced",[1804,1807,1810,1813,1816,1819,1822,1825,1828],{"title":84,"path":1805,"stem":1806,"titleTemplate":6},"/docs/4.x/examples/advanced/config-extends","docs/4.x/4.examples/4.advanced/config-extends",{"title":74,"path":1808,"stem":1809,"titleTemplate":6},"/docs/4.x/examples/advanced/error-handling","docs/4.x/4.examples/4.advanced/error-handling",{"title":965,"path":1811,"stem":1812,"titleTemplate":6},"/docs/4.x/examples/advanced/jsx","docs/4.x/4.examples/4.advanced/jsx",{"title":969,"path":1814,"stem":1815,"titleTemplate":6},"/docs/4.x/examples/advanced/locale","docs/4.x/4.examples/4.advanced/locale",{"title":973,"path":1817,"stem":1818,"titleTemplate":6},"/docs/4.x/examples/advanced/module-extend-pages","docs/4.x/4.examples/4.advanced/module-extend-pages",{"title":977,"path":1820,"stem":1821,"titleTemplate":6},"/docs/4.x/examples/advanced/teleport","docs/4.x/4.examples/4.advanced/teleport",{"title":99,"path":1823,"stem":1824,"titleTemplate":6},"/docs/4.x/examples/advanced/testing","docs/4.x/4.examples/4.advanced/testing",{"title":519,"path":1826,"stem":1827,"titleTemplate":6},"/docs/4.x/examples/advanced/use-cookie","docs/4.x/4.examples/4.advanced/use-cookie",{"title":987,"path":1829,"stem":1830,"titleTemplate":6},"/docs/4.x/examples/advanced/use-custom-fetch-composable","docs/4.x/4.examples/4.advanced/use-custom-fetch-composable",{"title":991,"path":1832,"stem":1833,"children":1834,"page":108},"/docs/4.x/examples/experimental","docs/4.x/4.examples/7.experimental",[1835],{"title":996,"path":1836,"stem":1837,"titleTemplate":6},"/docs/4.x/examples/experimental/wasm","docs/4.x/4.examples/7.experimental/wasm",{"title":1000,"titleTemplate":1001,"icon":1002,"path":1839,"stem":1840,"children":1841,"page":108},"/docs/4.x/community","docs/4.x/5.community",[1842,1845,1848,1851,1854,1857],{"title":1007,"path":1843,"stem":1844,"titleTemplate":6,"icon":1010},"/docs/4.x/community/getting-help","docs/4.x/5.community/2.getting-help",{"title":1012,"path":1846,"stem":1847,"titleTemplate":6,"icon":1015},"/docs/4.x/community/reporting-bugs","docs/4.x/5.community/3.reporting-bugs",{"title":1017,"path":1849,"stem":1850,"titleTemplate":6,"icon":1020},"/docs/4.x/community/contribution","docs/4.x/5.community/4.contribution",{"title":1022,"path":1852,"stem":1853,"titleTemplate":6,"icon":1025},"/docs/4.x/community/framework-contribution","docs/4.x/5.community/5.framework-contribution",{"title":1027,"path":1855,"stem":1856,"titleTemplate":6,"icon":1030},"/docs/4.x/community/roadmap","docs/4.x/5.community/6.roadmap",{"title":1032,"path":1858,"stem":1859,"titleTemplate":6,"icon":1035},"/docs/4.x/community/changelog","docs/4.x/5.community/7.changelog",{"title":1037,"titleTemplate":1038,"icon":1039,"path":1861,"stem":1862,"children":1863,"page":108},"/docs/4.x/bridge","docs/4.x/6.bridge",[1864,1867,1870,1873,1876,1879,1882,1885,1888,1891],{"title":1044,"path":1865,"stem":1866,"titleTemplate":6},"/docs/4.x/bridge/overview","docs/4.x/6.bridge/1.overview",{"title":29,"path":1868,"stem":1869,"titleTemplate":6},"/docs/4.x/bridge/configuration","docs/4.x/6.bridge/10.configuration",{"title":280,"path":1871,"stem":1872,"titleTemplate":6},"/docs/4.x/bridge/typescript","docs/4.x/6.bridge/2.typescript",{"title":1054,"path":1874,"stem":1875,"titleTemplate":6},"/docs/4.x/bridge/bridge-composition-api","docs/4.x/6.bridge/3.bridge-composition-api",{"title":1058,"path":1877,"stem":1878,"titleTemplate":6},"/docs/4.x/bridge/plugins-and-middleware","docs/4.x/6.bridge/4.plugins-and-middleware",{"title":1062,"path":1880,"stem":1881,"titleTemplate":6},"/docs/4.x/bridge/nuxt3-compatible-api","docs/4.x/6.bridge/5.nuxt3-compatible-api",{"title":932,"path":1883,"stem":1884,"titleTemplate":6},"/docs/4.x/bridge/meta","docs/4.x/6.bridge/6.meta",{"title":399,"path":1886,"stem":1887,"titleTemplate":6},"/docs/4.x/bridge/runtime-config","docs/4.x/6.bridge/7.runtime-config",{"title":833,"path":1889,"stem":1890,"titleTemplate":6},"/docs/4.x/bridge/nitro","docs/4.x/6.bridge/8.nitro",{"title":1075,"path":1892,"stem":1893,"titleTemplate":6},"/docs/4.x/bridge/vite","docs/4.x/6.bridge/9.vite",{"title":1079,"titleTemplate":1080,"icon":107,"path":1895,"stem":1896,"children":1897,"page":108},"/docs/4.x/migration","docs/4.x/7.migration",[1898,1901,1904,1907,1910,1913,1916,1919,1922,1925,1928],{"title":1044,"path":1899,"stem":1900,"titleTemplate":6},"/docs/4.x/migration/overview","docs/4.x/7.migration/1.overview",{"title":1088,"path":1902,"stem":1903,"titleTemplate":6},"/docs/4.x/migration/bundling","docs/4.x/7.migration/10.bundling",{"title":79,"path":1905,"stem":1906,"titleTemplate":6},"/docs/4.x/migration/server","docs/4.x/7.migration/11.server",{"title":29,"path":1908,"stem":1909,"titleTemplate":6},"/docs/4.x/migration/configuration","docs/4.x/7.migration/2.configuration",{"title":276,"path":1911,"stem":1912,"titleTemplate":6},"/docs/4.x/migration/module-authors","docs/4.x/7.migration/20.module-authors",{"title":922,"path":1914,"stem":1915,"titleTemplate":6},"/docs/4.x/migration/auto-imports","docs/4.x/7.migration/3.auto-imports",{"title":932,"path":1917,"stem":1918,"titleTemplate":6},"/docs/4.x/migration/meta","docs/4.x/7.migration/4.meta",{"title":1058,"path":1920,"stem":1921,"titleTemplate":6},"/docs/4.x/migration/plugins-and-middleware","docs/4.x/7.migration/5.plugins-and-middleware",{"title":1110,"path":1923,"stem":1924,"titleTemplate":6},"/docs/4.x/migration/pages-and-layouts","docs/4.x/7.migration/6.pages-and-layouts",{"title":1114,"path":1926,"stem":1927,"titleTemplate":6},"/docs/4.x/migration/component-options","docs/4.x/7.migration/7.component-options",{"title":399,"path":1929,"stem":1930,"titleTemplate":6},"/docs/4.x/migration/runtime-config","docs/4.x/7.migration/8.runtime-config",{"title":1932,"path":1933,"stem":1934,"children":1935,"page":108},"Blog","/blog","blog",[1936,1940,1944,1948,1952,1956,1960,1964,1968,1972,1976,1980,1984,1988,1992,1996,2000,2004,2008,2012,2016],{"title":1937,"path":1938,"stem":1939},"Announcing 3.0","/blog/v3","blog/1.v3",{"title":1941,"path":1942,"stem":1943},"Nuxt 3.3","/blog/v3-3","blog/10.v3-3",{"title":1945,"path":1946,"stem":1947},"Nuxt 3.4","/blog/v3-4","blog/11.v3-4",{"title":1949,"path":1950,"stem":1951},"Nuxt 3.5","/blog/v3-5","blog/12.v3-5",{"title":1953,"path":1954,"stem":1955},"Nuxt 3.6","/blog/v3-6","blog/13.v3-6",{"title":1957,"path":1958,"stem":1959},"Nuxt on the Edge","/blog/nuxt-on-the-edge","blog/14.nuxt-on-the-edge",{"title":1961,"path":1962,"stem":1963},"Nuxt DevTools v1.0","/blog/nuxt-devtools-v1-0","blog/18.nuxt-devtools-v1-0",{"title":1965,"path":1966,"stem":1967},"Nuxt: A vision for 2023","/blog/vision-2023","blog/2.vision-2023",{"title":1969,"path":1970,"stem":1971},"The Evolution of Shiki v1.0","/blog/shiki-v1","blog/21.shiki-v1",{"title":1973,"path":1974,"stem":1975},"Refreshed Nuxt ESLint Integrations","/blog/eslint-module","blog/24.eslint-module",{"title":1977,"path":1978,"stem":1979},"Introducing Nuxt Scripts","/blog/nuxt-scripts","blog/26.nuxt-scripts",{"title":1981,"path":1982,"stem":1983},"Introducing Nuxt Icon v1","/blog/nuxt-icon-v1-0","blog/29.nuxt-icon-v1-0",{"title":1985,"path":1986,"stem":1987},"Introducing Nuxt DevTools","/blog/introducing-nuxt-devtools","blog/3.introducing-nuxt-devtools",{"title":1989,"path":1990,"stem":1991},"Announcing Nuxt 3 Release Candidate","/blog/nuxt3-rc","blog/3.nuxt3-rc",{"title":1993,"path":1994,"stem":1995},"Nuxt 2 End-of-Life (EOL)","/blog/nuxt2-eol","blog/4.nuxt2-eol",{"title":1997,"path":1998,"stem":1999},"Introducing Nuxt 3 Beta","/blog/nuxt3-beta","blog/4.nuxt3-beta",{"title":2001,"path":2002,"stem":2003},"Going Full Static","/blog/going-full-static","blog/5.going-full-static",{"title":2005,"path":2006,"stem":2007},"Introducing Smart Prefetching","/blog/introducing-smart-prefetching","blog/6.introducing-smart-prefetching",{"title":2009,"path":2010,"stem":2011},"Understanding how fetch works in Nuxt 2.12","/blog/understanding-how-fetch-works-in-nuxt-2-12","blog/7.understanding-how-fetch-works-in-nuxt-2-12",{"title":2013,"path":2014,"stem":2015},"Nuxt 2 Static Improvements","/blog/nuxt-static-improvements","blog/8.nuxt-static-improvements",{"title":2017,"path":2018,"stem":2019},"Nuxt 2: From Terminal to Browser","/blog/nuxtjs-from-terminal-to-browser","blog/9.nuxtjs-from-terminal-to-browser",{"v3":2021,"v4":2022,"v2":2023},"3.21.1","4.3.1","2.18.1",{"id":2025,"title":64,"body":2026,"description":8845,"extension":8846,"links":6,"meta":8847,"navigation":8848,"path":65,"seo":8849,"stem":66,"titleTemplate":6,"__hash__":8850},"docsv3/docs/3.x/1.getting-started/10.data-fetching.md",{"type":2027,"value":2028,"toc":8812},"minimark",[2029,2046,2049,2084,2092,2101,2110,2122,2135,2152,2480,2489,2494,2505,2516,2521,2533,2648,2675,2683,2687,2702,2762,2799,2816,2924,2934,2979,2984,2994,3098,3109,3114,3116,3119,3124,3129,3152,3156,3169,3302,3338,3475,3483,3703,3806,3812,3816,3823,3898,3916,3922,3944,3948,3959,3963,3972,4169,4179,4245,4251,4257,4262,4266,4276,4282,4389,4400,4404,4410,4572,4579,4701,4710,4714,4718,4723,4734,4760,4769,4773,4777,4793,4800,4832,4999,5005,5030,5193,5196,5332,5336,5339,5484,5488,5496,5657,5669,5682,5685,5693,5846,5849,5859,5973,5980,6094,6102,6108,6229,6233,6236,6349,6358,6365,6719,6726,6729,6738,6747,6975,6981,7004,7008,7017,7023,7036,7040,7043,7265,7397,7401,7411,7523,7534,7536,7540,7576,7584,7598,7602,7619,7630,7634,7674,7739,7743,7753,7922,8022,8026,8035,8044,8189,8325,8328,8332,8352,8355,8614,8618,8625,8804,8808],[2030,2031,2032,2033,2036,2037,2042,2043,2045],"p",{},"Nuxt comes with two composables and a built-in library to perform data-fetching in browser or server environments: ",[2034,2035,527],"code",{},", ",[2038,2039,2040],"a",{"href":516},[2034,2041,515],{}," and ",[2034,2044,630],{},".",[2030,2047,2048],{},"In a nutshell:",[2050,2051,2052,2060,2074],"ul",{},[2053,2054,2055,2059],"li",{},[2038,2056,2057],{"href":631},[2034,2058,630],{}," is the simplest way to make a network request.",[2053,2061,2062,2066,2067,2069,2070,2045],{},[2038,2063,2064],{"href":528},[2034,2065,527],{}," is a wrapper around ",[2034,2068,630],{}," that fetches data only once in ",[2038,2071,2073],{"href":2072},"/docs/3.x/guide/concepts/rendering#universal-rendering","universal rendering",[2053,2075,2076,2080,2081,2083],{},[2038,2077,2078],{"href":516},[2034,2079,515],{}," is similar to ",[2034,2082,527],{}," but offers more fine-grained control.",[2030,2085,2086,2087,2042,2089,2091],{},"Both ",[2034,2088,527],{},[2034,2090,515],{}," share a common set of options and patterns that we will detail in the last sections.",[2093,2094,2096,2097,2042,2099],"h2",{"id":2095},"the-need-for-usefetch-and-useasyncdata","The need for ",[2034,2098,527],{},[2034,2100,515],{},[2030,2102,2103,2104,2109],{},"Nuxt is a framework which can run isomorphic (or universal) code in both server and client environments. If the ",[2038,2105,2106,2108],{"href":631},[2034,2107,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.",[2030,2111,2112,2113,2042,2117,2121],{},"The ",[2038,2114,2115],{"href":528},[2034,2116,527],{},[2038,2118,2119],{"href":516},[2034,2120,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.",[2030,2123,2124,2125,2131,2132,2045],{},"The payload is a JavaScript object accessible through ",[2038,2126,2128],{"href":2127},"/docs/3.x/api/composables/use-nuxt-app#payload",[2034,2129,2130],{},"useNuxtApp().payload",". It is used on the client to avoid refetching the same data when the code is executed in the browser ",[2038,2133,2134],{"href":2072},"during hydration",[2136,2137,2138],"tip",{},[2030,2139,2140,2141,2147,2148,2045],{},"Use the ",[2038,2142,2146],{"href":2143,"rel":2144},"https://devtools.nuxt.com",[2145],"nofollow","Nuxt DevTools"," to inspect this data in the ",[2149,2150,2151],"strong",{},"Payload tab",[2153,2154,2159],"pre",{"className":2155,"code":2156,"filename":219,"language":2157,"meta":2158,"style":2158},"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","",[2034,2160,2161,2196,2237,2243,2260,2290,2310,2320,2327,2333,2341,2347,2357,2362,2372,2395,2401,2411,2423,2446,2452,2462,2471],{"__ignoreMap":2158},[2162,2163,2166,2170,2174,2178,2181,2184,2187,2191,2193],"span",{"class":2164,"line":2165},"line",1,[2162,2167,2169],{"class":2168},"sDfIl","\u003C",[2162,2171,2173],{"class":2172},"sRlkE","script",[2162,2175,2177],{"class":2176},"smZ93"," setup",[2162,2179,2180],{"class":2176}," lang",[2162,2182,2183],{"class":2168},"=",[2162,2185,2186],{"class":2168},"\"",[2162,2188,2190],{"class":2189},"sGFVr","ts",[2162,2192,2186],{"class":2168},[2162,2194,2195],{"class":2168},">\n",[2162,2197,2199,2202,2205,2209,2212,2215,2219,2223,2226,2229,2232,2234],{"class":2164,"line":2198},2,[2162,2200,2201],{"class":2176},"const",[2162,2203,2204],{"class":2168}," {",[2162,2206,2208],{"class":2207},"sZSNi"," data ",[2162,2210,2211],{"class":2168},"}",[2162,2213,2214],{"class":2168}," =",[2162,2216,2218],{"class":2217},"s8R28"," await",[2162,2220,2222],{"class":2221},"s3cPz"," useFetch",[2162,2224,2225],{"class":2207},"(",[2162,2227,2228],{"class":2168},"'",[2162,2230,2231],{"class":2189},"/api/data",[2162,2233,2228],{"class":2168},[2162,2235,2236],{"class":2207},")\n",[2162,2238,2240],{"class":2164,"line":2239},3,[2162,2241,2242],{"emptyLinePlaceholder":1196},"\n",[2162,2244,2246,2249,2251,2254,2257],{"class":2164,"line":2245},4,[2162,2247,2248],{"class":2176},"async",[2162,2250,2108],{"class":2176},[2162,2252,2253],{"class":2221}," handleFormSubmit",[2162,2255,2256],{"class":2168}," ()",[2162,2258,2259],{"class":2168}," {\n",[2162,2261,2263,2266,2269,2271,2273,2276,2278,2280,2283,2285,2288],{"class":2164,"line":2262},5,[2162,2264,2265],{"class":2176},"  const",[2162,2267,2268],{"class":2207}," res",[2162,2270,2214],{"class":2168},[2162,2272,2218],{"class":2217},[2162,2274,2275],{"class":2221}," $fetch",[2162,2277,2225],{"class":2172},[2162,2279,2228],{"class":2168},[2162,2281,2282],{"class":2189},"/api/submit",[2162,2284,2228],{"class":2168},[2162,2286,2287],{"class":2168},",",[2162,2289,2259],{"class":2168},[2162,2291,2293,2296,2299,2302,2305,2307],{"class":2164,"line":2292},6,[2162,2294,2295],{"class":2172},"    method",[2162,2297,2298],{"class":2168},":",[2162,2300,2301],{"class":2168}," '",[2162,2303,2304],{"class":2189},"POST",[2162,2306,2228],{"class":2168},[2162,2308,2309],{"class":2168},",\n",[2162,2311,2313,2316,2318],{"class":2164,"line":2312},7,[2162,2314,2315],{"class":2172},"    body",[2162,2317,2298],{"class":2168},[2162,2319,2259],{"class":2168},[2162,2321,2323],{"class":2164,"line":2322},8,[2162,2324,2326],{"class":2325},"sWuyu","      // My form data\n",[2162,2328,2330],{"class":2164,"line":2329},9,[2162,2331,2332],{"class":2168},"    },\n",[2162,2334,2336,2339],{"class":2164,"line":2335},10,[2162,2337,2338],{"class":2168},"  }",[2162,2340,2236],{"class":2172},[2162,2342,2344],{"class":2164,"line":2343},11,[2162,2345,2346],{"class":2168},"}\n",[2162,2348,2350,2353,2355],{"class":2164,"line":2349},12,[2162,2351,2352],{"class":2168},"\u003C/",[2162,2354,2173],{"class":2172},[2162,2356,2195],{"class":2168},[2162,2358,2360],{"class":2164,"line":2359},13,[2162,2361,2242],{"emptyLinePlaceholder":1196},[2162,2363,2365,2367,2370],{"class":2164,"line":2364},14,[2162,2366,2169],{"class":2168},[2162,2368,2369],{"class":2172},"template",[2162,2371,2195],{"class":2168},[2162,2373,2375,2378,2381,2384,2386,2388,2391,2393],{"class":2164,"line":2374},15,[2162,2376,2377],{"class":2168},"  \u003C",[2162,2379,2380],{"class":2172},"div",[2162,2382,2383],{"class":2176}," v-if",[2162,2385,2183],{"class":2168},[2162,2387,2186],{"class":2168},[2162,2389,2390],{"class":2189},"data == null",[2162,2392,2186],{"class":2168},[2162,2394,2195],{"class":2168},[2162,2396,2398],{"class":2164,"line":2397},16,[2162,2399,2400],{"class":2207},"    No data\n",[2162,2402,2404,2407,2409],{"class":2164,"line":2403},17,[2162,2405,2406],{"class":2168},"  \u003C/",[2162,2408,2380],{"class":2172},[2162,2410,2195],{"class":2168},[2162,2412,2414,2416,2418,2421],{"class":2164,"line":2413},18,[2162,2415,2377],{"class":2168},[2162,2417,2380],{"class":2172},[2162,2419,2420],{"class":2176}," v-else",[2162,2422,2195],{"class":2168},[2162,2424,2426,2429,2432,2435,2437,2439,2442,2444],{"class":2164,"line":2425},19,[2162,2427,2428],{"class":2168},"    \u003C",[2162,2430,2431],{"class":2172},"form",[2162,2433,2434],{"class":2176}," @submit",[2162,2436,2183],{"class":2168},[2162,2438,2186],{"class":2168},[2162,2440,2441],{"class":2189},"handleFormSubmit",[2162,2443,2186],{"class":2168},[2162,2445,2195],{"class":2168},[2162,2447,2449],{"class":2164,"line":2448},20,[2162,2450,2451],{"class":2325},"      \u003C!-- form input tags -->\n",[2162,2453,2455,2458,2460],{"class":2164,"line":2454},21,[2162,2456,2457],{"class":2168},"    \u003C/",[2162,2459,2431],{"class":2172},[2162,2461,2195],{"class":2168},[2162,2463,2465,2467,2469],{"class":2164,"line":2464},22,[2162,2466,2406],{"class":2168},[2162,2468,2380],{"class":2172},[2162,2470,2195],{"class":2168},[2162,2472,2474,2476,2478],{"class":2164,"line":2473},23,[2162,2475,2352],{"class":2168},[2162,2477,2369],{"class":2172},[2162,2479,2195],{"class":2168},[2030,2481,2482,2483,2485,2486,2488],{},"In the example above, ",[2034,2484,527],{}," would make sure that the request would occur in the server and is properly forwarded to the browser. ",[2034,2487,630],{}," has no such mechanism and is a better option to use when the request is solely made from the browser.",[2490,2491,2493],"h3",{"id":2492},"suspense","Suspense",[2030,2495,2496,2497,2504],{},"Nuxt uses Vue's ",[2038,2498,2501],{"href":2499,"rel":2500},"https://vuejs.org/guide/built-ins/suspense",[2145],[2034,2502,2503],{},"\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.",[2506,2507,2508],"note",{},[2030,2509,2510,2511,2515],{},"You can add the ",[2038,2512,2513],{"href":481},[2034,2514,480],{}," to add a progress bar between page navigations.",[2093,2517,2519],{"id":2518},"fetch",[2034,2520,630],{},[2030,2522,2523,2524,2529,2530,2532],{},"Nuxt includes the ",[2038,2525,2528],{"href":2526,"rel":2527},"https://github.com/unjs/ofetch",[2145],"ofetch"," library, and is auto-imported as the ",[2034,2531,630],{}," alias globally across your application.",[2153,2534,2538],{"className":2155,"code":2535,"filename":2536,"language":2157,"meta":2537,"style":2158},"\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",[2034,2539,2540,2560,2573,2599,2613,2621,2626,2630,2636,2640],{"__ignoreMap":2158},[2162,2541,2542,2544,2546,2548,2550,2552,2554,2556,2558],{"class":2164,"line":2165},[2162,2543,2169],{"class":2168},[2162,2545,2173],{"class":2172},[2162,2547,2177],{"class":2176},[2162,2549,2180],{"class":2176},[2162,2551,2183],{"class":2168},[2162,2553,2186],{"class":2168},[2162,2555,2190],{"class":2189},[2162,2557,2186],{"class":2168},[2162,2559,2195],{"class":2168},[2162,2561,2562,2564,2566,2569,2571],{"class":2164,"line":2198},[2162,2563,2248],{"class":2176},[2162,2565,2108],{"class":2176},[2162,2567,2568],{"class":2221}," addTodo",[2162,2570,2256],{"class":2168},[2162,2572,2259],{"class":2168},[2162,2574,2575,2577,2580,2582,2584,2586,2588,2590,2593,2595,2597],{"class":2164,"line":2239},[2162,2576,2265],{"class":2176},[2162,2578,2579],{"class":2207}," todo",[2162,2581,2214],{"class":2168},[2162,2583,2218],{"class":2217},[2162,2585,2275],{"class":2221},[2162,2587,2225],{"class":2172},[2162,2589,2228],{"class":2168},[2162,2591,2592],{"class":2189},"/api/todos",[2162,2594,2228],{"class":2168},[2162,2596,2287],{"class":2168},[2162,2598,2259],{"class":2168},[2162,2600,2601,2603,2605,2607,2609,2611],{"class":2164,"line":2245},[2162,2602,2295],{"class":2172},[2162,2604,2298],{"class":2168},[2162,2606,2301],{"class":2168},[2162,2608,2304],{"class":2189},[2162,2610,2228],{"class":2168},[2162,2612,2309],{"class":2168},[2162,2614,2615,2617,2619],{"class":2164,"line":2262},[2162,2616,2315],{"class":2172},[2162,2618,2298],{"class":2168},[2162,2620,2259],{"class":2168},[2162,2622,2623],{"class":2164,"line":2292},[2162,2624,2625],{"class":2325},"      // My todo data\n",[2162,2627,2628],{"class":2164,"line":2312},[2162,2629,2332],{"class":2168},[2162,2631,2632,2634],{"class":2164,"line":2322},[2162,2633,2338],{"class":2168},[2162,2635,2236],{"class":2172},[2162,2637,2638],{"class":2164,"line":2329},[2162,2639,2346],{"class":2168},[2162,2641,2642,2644,2646],{"class":2164,"line":2335},[2162,2643,2352],{"class":2168},[2162,2645,2173],{"class":2172},[2162,2647,2195],{"class":2168},[2649,2650,2651],"warning",{},[2030,2652,2653,2654,2656,2657,2661,2662,2665,2666,2668,2669,2674],{},"Beware that using only ",[2034,2655,630],{}," will not provide ",[2038,2658,2660],{"href":2659},"/docs/3.x/getting-started/data-fetching#the-need-for-usefetch-and-useasyncdata","network calls de-duplication and navigation prevention",". ",[2663,2664],"br",{},"\nIt is recommended to use ",[2034,2667,630],{}," for client-side interactions (event-based) or combined with ",[2038,2670,2672],{"href":2671},"/docs/3.x/getting-started/data-fetching#useasyncdata",[2034,2673,515],{}," when fetching the initial component data.",[2676,2677,2678],"read-more",{"to":631},[2030,2679,2680,2681,2045],{},"Read more about ",[2034,2682,630],{},[2490,2684,2686],{"id":2685},"pass-client-headers-to-the-api","Pass Client Headers to the API",[2030,2688,2689,2690,2692,2693,2697,2698,2701],{},"When calling ",[2034,2691,527],{}," on the server, Nuxt will use ",[2038,2694,2695],{"href":572},[2034,2696,571],{}," to proxy client headers and cookies (with the exception of headers not meant to be forwarded, like ",[2034,2699,2700],{},"host",").",[2153,2703,2705],{"className":2155,"code":2704,"language":2157,"meta":2158,"style":2158},"\u003Cscript setup lang=\"ts\">\nconst { data } = await useFetch('/api/echo')\n\u003C/script>\n",[2034,2706,2707,2727,2754],{"__ignoreMap":2158},[2162,2708,2709,2711,2713,2715,2717,2719,2721,2723,2725],{"class":2164,"line":2165},[2162,2710,2169],{"class":2168},[2162,2712,2173],{"class":2172},[2162,2714,2177],{"class":2176},[2162,2716,2180],{"class":2176},[2162,2718,2183],{"class":2168},[2162,2720,2186],{"class":2168},[2162,2722,2190],{"class":2189},[2162,2724,2186],{"class":2168},[2162,2726,2195],{"class":2168},[2162,2728,2729,2731,2733,2735,2737,2739,2741,2743,2745,2747,2750,2752],{"class":2164,"line":2198},[2162,2730,2201],{"class":2176},[2162,2732,2204],{"class":2168},[2162,2734,2208],{"class":2207},[2162,2736,2211],{"class":2168},[2162,2738,2214],{"class":2168},[2162,2740,2218],{"class":2217},[2162,2742,2222],{"class":2221},[2162,2744,2225],{"class":2207},[2162,2746,2228],{"class":2168},[2162,2748,2749],{"class":2189},"/api/echo",[2162,2751,2228],{"class":2168},[2162,2753,2236],{"class":2207},[2162,2755,2756,2758,2760],{"class":2164,"line":2239},[2162,2757,2352],{"class":2168},[2162,2759,2173],{"class":2172},[2162,2761,2195],{"class":2168},[2153,2763,2766],{"className":2764,"code":2765,"language":2190,"meta":2158,"style":2158},"language-ts shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","// /api/echo.ts\nexport default defineEventHandler(event => parseCookies(event))\n",[2034,2767,2768,2773],{"__ignoreMap":2158},[2162,2769,2770],{"class":2164,"line":2165},[2162,2771,2772],{"class":2325},"// /api/echo.ts\n",[2162,2774,2775,2778,2781,2784,2786,2790,2793,2796],{"class":2164,"line":2198},[2162,2776,2777],{"class":2217},"export",[2162,2779,2780],{"class":2217}," default",[2162,2782,2783],{"class":2221}," defineEventHandler",[2162,2785,2225],{"class":2207},[2162,2787,2789],{"class":2788},"s1nJG","event",[2162,2791,2792],{"class":2176}," =>",[2162,2794,2795],{"class":2221}," parseCookies",[2162,2797,2798],{"class":2207},"(event))\n",[2030,2800,2801,2802,2806,2807,2809,2810,2813,2814,2045],{},"Alternatively, the example below shows how to use ",[2038,2803,2804],{"href":580},[2034,2805,579],{}," to access and send cookies to the API from a server-side request (originating on the client). Using an isomorphic ",[2034,2808,630],{}," call, we ensure that the API endpoint has access to the same ",[2034,2811,2812],{},"cookie"," header originally sent by the user's browser. This is only necessary if you aren't using ",[2034,2815,527],{},[2153,2817,2819],{"className":2155,"code":2818,"language":2157,"meta":2158,"style":2158},"\u003Cscript setup lang=\"ts\">\nconst headers = useRequestHeaders(['cookie'])\n\nasync function getCurrentUser () {\n  return await $fetch('/api/me', { headers })\n}\n\u003C/script>\n",[2034,2820,2821,2841,2865,2869,2882,2912,2916],{"__ignoreMap":2158},[2162,2822,2823,2825,2827,2829,2831,2833,2835,2837,2839],{"class":2164,"line":2165},[2162,2824,2169],{"class":2168},[2162,2826,2173],{"class":2172},[2162,2828,2177],{"class":2176},[2162,2830,2180],{"class":2176},[2162,2832,2183],{"class":2168},[2162,2834,2186],{"class":2168},[2162,2836,2190],{"class":2189},[2162,2838,2186],{"class":2168},[2162,2840,2195],{"class":2168},[2162,2842,2843,2845,2848,2850,2853,2856,2858,2860,2862],{"class":2164,"line":2198},[2162,2844,2201],{"class":2176},[2162,2846,2847],{"class":2207}," headers ",[2162,2849,2183],{"class":2168},[2162,2851,2852],{"class":2221}," useRequestHeaders",[2162,2854,2855],{"class":2207},"([",[2162,2857,2228],{"class":2168},[2162,2859,2812],{"class":2189},[2162,2861,2228],{"class":2168},[2162,2863,2864],{"class":2207},"])\n",[2162,2866,2867],{"class":2164,"line":2239},[2162,2868,2242],{"emptyLinePlaceholder":1196},[2162,2870,2871,2873,2875,2878,2880],{"class":2164,"line":2245},[2162,2872,2248],{"class":2176},[2162,2874,2108],{"class":2176},[2162,2876,2877],{"class":2221}," getCurrentUser",[2162,2879,2256],{"class":2168},[2162,2881,2259],{"class":2168},[2162,2883,2884,2887,2889,2891,2893,2895,2898,2900,2902,2904,2907,2910],{"class":2164,"line":2262},[2162,2885,2886],{"class":2217},"  return",[2162,2888,2218],{"class":2217},[2162,2890,2275],{"class":2221},[2162,2892,2225],{"class":2172},[2162,2894,2228],{"class":2168},[2162,2896,2897],{"class":2189},"/api/me",[2162,2899,2228],{"class":2168},[2162,2901,2287],{"class":2168},[2162,2903,2204],{"class":2168},[2162,2905,2906],{"class":2207}," headers",[2162,2908,2909],{"class":2168}," }",[2162,2911,2236],{"class":2172},[2162,2913,2914],{"class":2164,"line":2292},[2162,2915,2346],{"class":2168},[2162,2917,2918,2920,2922],{"class":2164,"line":2312},[2162,2919,2352],{"class":2168},[2162,2921,2173],{"class":2172},[2162,2923,2195],{"class":2168},[2136,2925,2926],{},[2030,2927,2928,2929,2933],{},"You can also use ",[2038,2930,2931],{"href":572},[2034,2932,571],{}," to proxy headers to the call automatically.",[2935,2936,2937,2940],"caution",{},[2030,2938,2939],{},"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:",[2050,2941,2942,2949,2960,2971],{},[2053,2943,2944,2036,2946],{},[2034,2945,2700],{},[2034,2947,2948],{},"accept",[2053,2950,2951,2036,2954,2036,2957],{},[2034,2952,2953],{},"content-length",[2034,2955,2956],{},"content-md5",[2034,2958,2959],{},"content-type",[2053,2961,2962,2036,2965,2036,2968],{},[2034,2963,2964],{},"x-forwarded-host",[2034,2966,2967],{},"x-forwarded-port",[2034,2969,2970],{},"x-forwarded-proto",[2053,2972,2973,2036,2976],{},[2034,2974,2975],{},"cf-connecting-ip",[2034,2977,2978],{},"cf-ray",[2093,2980,2982],{"id":2981},"usefetch",[2034,2983,527],{},[2030,2985,2112,2986,2990,2991,2993],{},[2038,2987,2988],{"href":528},[2034,2989,527],{}," composable uses ",[2034,2992,630],{}," under-the-hood to make SSR-safe network calls in the setup function.",[2153,2995,2997],{"className":2155,"code":2996,"filename":219,"language":2157,"meta":2537,"style":2158},"\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",[2034,2998,2999,3019,3052,3060,3064,3072,3090],{"__ignoreMap":2158},[2162,3000,3001,3003,3005,3007,3009,3011,3013,3015,3017],{"class":2164,"line":2165},[2162,3002,2169],{"class":2168},[2162,3004,2173],{"class":2172},[2162,3006,2177],{"class":2176},[2162,3008,2180],{"class":2176},[2162,3010,2183],{"class":2168},[2162,3012,2186],{"class":2168},[2162,3014,2190],{"class":2189},[2162,3016,2186],{"class":2168},[2162,3018,2195],{"class":2168},[2162,3020,3021,3023,3025,3028,3030,3033,3035,3037,3039,3041,3043,3045,3048,3050],{"class":2164,"line":2198},[2162,3022,2201],{"class":2176},[2162,3024,2204],{"class":2168},[2162,3026,3027],{"class":2172}," data",[2162,3029,2298],{"class":2168},[2162,3031,3032],{"class":2207}," count ",[2162,3034,2211],{"class":2168},[2162,3036,2214],{"class":2168},[2162,3038,2218],{"class":2217},[2162,3040,2222],{"class":2221},[2162,3042,2225],{"class":2207},[2162,3044,2228],{"class":2168},[2162,3046,3047],{"class":2189},"/api/count",[2162,3049,2228],{"class":2168},[2162,3051,2236],{"class":2207},[2162,3053,3054,3056,3058],{"class":2164,"line":2239},[2162,3055,2352],{"class":2168},[2162,3057,2173],{"class":2172},[2162,3059,2195],{"class":2168},[2162,3061,3062],{"class":2164,"line":2245},[2162,3063,2242],{"emptyLinePlaceholder":1196},[2162,3065,3066,3068,3070],{"class":2164,"line":2262},[2162,3067,2169],{"class":2168},[2162,3069,2369],{"class":2172},[2162,3071,2195],{"class":2168},[2162,3073,3074,3076,3078,3081,3084,3086,3088],{"class":2164,"line":2292},[2162,3075,2377],{"class":2168},[2162,3077,2030],{"class":2172},[2162,3079,3080],{"class":2168},">",[2162,3082,3083],{"class":2207},"Page visits: {{ count }}",[2162,3085,2352],{"class":2168},[2162,3087,2030],{"class":2172},[2162,3089,2195],{"class":2168},[2162,3091,3092,3094,3096],{"class":2164,"line":2312},[2162,3093,2352],{"class":2168},[2162,3095,2369],{"class":2172},[2162,3097,2195],{"class":2168},[2030,3099,3100,3101,3105,3106,3108],{},"This composable is a wrapper around the ",[2038,3102,3103],{"href":516},[2034,3104,515],{}," composable and ",[2034,3107,630],{}," utility.",[3110,3111],"video-accordion",{"title":3112,"video-id":3113},"Watch a video from Alexander Lichter to avoid using useFetch the wrong way","njsGVmcWviY",[2676,3115],{"to":528},[3117,3118],"link-example",{"to":926},[2093,3120,3122],{"id":3121},"useasyncdata",[2034,3123,515],{},[2030,3125,2112,3126,3128],{},[2034,3127,515],{}," composable is responsible for wrapping async logic and returning the result once it is resolved.",[2136,3130,3131],{},[2030,3132,3133,3136,3137,2661,3140,3142,3143,3146,3147,3151],{},[2034,3134,3135],{},"useFetch(url)"," is nearly equivalent to ",[2034,3138,3139],{},"useAsyncData(url, () => event.$fetch(url))",[2663,3141],{},"\nIt's developer experience sugar for the most common use case. (You can find out more about ",[2034,3144,3145],{},"event.fetch"," at ",[2038,3148,3149],{"href":572},[2034,3150,571],{},".)",[3110,3153],{"title":3154,"video-id":3155},"Watch a video from Alexander Lichter to dig deeper into the difference between useFetch and useAsyncData","0X-aOpSGabA",[2030,3157,3158,3159,3163,3164,3168],{},"There are some cases when using the ",[2038,3160,3161],{"href":528},[2034,3162,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 ",[2038,3165,3166],{"href":516},[2034,3167,515],{}," to wrap your calls and still keep the benefits provided by the composable.",[2153,3170,3173],{"className":2155,"code":3171,"filename":3172,"language":2157,"meta":2158,"style":2158},"\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",[2034,3174,3175,3195,3246,3250,3255,3294],{"__ignoreMap":2158},[2162,3176,3177,3179,3181,3183,3185,3187,3189,3191,3193],{"class":2164,"line":2165},[2162,3178,2169],{"class":2168},[2162,3180,2173],{"class":2172},[2162,3182,2177],{"class":2176},[2162,3184,2180],{"class":2176},[2162,3186,2183],{"class":2168},[2162,3188,2186],{"class":2168},[2162,3190,2190],{"class":2189},[2162,3192,2186],{"class":2168},[2162,3194,2195],{"class":2168},[2162,3196,3197,3199,3201,3203,3205,3208,3210,3212,3214,3217,3219,3221,3224,3226,3228,3230,3232,3235,3237,3239,3241,3243],{"class":2164,"line":2198},[2162,3198,2201],{"class":2176},[2162,3200,2204],{"class":2168},[2162,3202,3027],{"class":2207},[2162,3204,2287],{"class":2168},[2162,3206,3207],{"class":2207}," error ",[2162,3209,2211],{"class":2168},[2162,3211,2214],{"class":2168},[2162,3213,2218],{"class":2217},[2162,3215,3216],{"class":2221}," useAsyncData",[2162,3218,2225],{"class":2207},[2162,3220,2228],{"class":2168},[2162,3222,3223],{"class":2189},"users",[2162,3225,2228],{"class":2168},[2162,3227,2287],{"class":2168},[2162,3229,2256],{"class":2168},[2162,3231,2792],{"class":2176},[2162,3233,3234],{"class":2221}," myGetFunction",[2162,3236,2225],{"class":2207},[2162,3238,2228],{"class":2168},[2162,3240,3223],{"class":2189},[2162,3242,2228],{"class":2168},[2162,3244,3245],{"class":2207},"))\n",[2162,3247,3248],{"class":2164,"line":2239},[2162,3249,2242],{"emptyLinePlaceholder":1196},[2162,3251,3252],{"class":2164,"line":2245},[2162,3253,3254],{"class":2325},"// This is also possible:\n",[2162,3256,3257,3259,3261,3263,3265,3267,3269,3271,3273,3275,3277,3280,3282,3284,3286,3288,3290,3292],{"class":2164,"line":2262},[2162,3258,2201],{"class":2176},[2162,3260,2204],{"class":2168},[2162,3262,3027],{"class":2207},[2162,3264,2287],{"class":2168},[2162,3266,3207],{"class":2207},[2162,3268,2211],{"class":2168},[2162,3270,2214],{"class":2168},[2162,3272,2218],{"class":2217},[2162,3274,3216],{"class":2221},[2162,3276,2225],{"class":2207},[2162,3278,3279],{"class":2168},"()",[2162,3281,2792],{"class":2176},[2162,3283,3234],{"class":2221},[2162,3285,2225],{"class":2207},[2162,3287,2228],{"class":2168},[2162,3289,3223],{"class":2189},[2162,3291,2228],{"class":2168},[2162,3293,3245],{"class":2207},[2162,3295,3296,3298,3300],{"class":2164,"line":2292},[2162,3297,2352],{"class":2168},[2162,3299,2173],{"class":2172},[2162,3301,2195],{"class":2168},[2506,3303,3304],{},[2030,3305,3306,3307,3311,3312,3314,3315,3317,3318,3320,3321,3323,3324,3314,3326,3328,3329,3333,3334,2045],{},"The first argument of ",[2038,3308,3309],{"href":516},[2034,3310,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",[2663,3313],{}," ",[2663,3316],{},"\nSince the autogenerated key only takes into account the file and line where ",[2034,3319,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 ",[2034,3322,515],{},".\n",[2663,3325],{},[2663,3327],{},"\nSetting a key can be useful to share the same data between components using ",[2038,3330,3331],{"href":560},[2034,3332,559],{}," or to ",[2038,3335,3337],{"href":3336},"/docs/3.x/api/utils/refresh-nuxt-data#refresh-specific-data","refresh specific data",[2153,3339,3342],{"className":2155,"code":3340,"filename":3341,"language":2157,"meta":2158,"style":2158},"\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",[2034,3343,3344,3364,3387,3391,3436,3461,3467],{"__ignoreMap":2158},[2162,3345,3346,3348,3350,3352,3354,3356,3358,3360,3362],{"class":2164,"line":2165},[2162,3347,2169],{"class":2168},[2162,3349,2173],{"class":2172},[2162,3351,2177],{"class":2176},[2162,3353,2180],{"class":2176},[2162,3355,2183],{"class":2168},[2162,3357,2186],{"class":2168},[2162,3359,2190],{"class":2189},[2162,3361,2186],{"class":2168},[2162,3363,2195],{"class":2168},[2162,3365,3366,3368,3370,3373,3375,3377,3380,3382,3384],{"class":2164,"line":2198},[2162,3367,2201],{"class":2176},[2162,3369,2204],{"class":2168},[2162,3371,3372],{"class":2207}," id ",[2162,3374,2211],{"class":2168},[2162,3376,2214],{"class":2168},[2162,3378,3379],{"class":2221}," useRoute",[2162,3381,3279],{"class":2207},[2162,3383,2045],{"class":2168},[2162,3385,3386],{"class":2207},"params\n",[2162,3388,3389],{"class":2164,"line":2239},[2162,3390,2242],{"emptyLinePlaceholder":1196},[2162,3392,3393,3395,3397,3399,3401,3403,3405,3407,3409,3411,3413,3416,3419,3422,3425,3428,3430,3432,3434],{"class":2164,"line":2245},[2162,3394,2201],{"class":2176},[2162,3396,2204],{"class":2168},[2162,3398,3027],{"class":2207},[2162,3400,2287],{"class":2168},[2162,3402,3207],{"class":2207},[2162,3404,2211],{"class":2168},[2162,3406,2214],{"class":2168},[2162,3408,2218],{"class":2217},[2162,3410,3216],{"class":2221},[2162,3412,2225],{"class":2207},[2162,3414,3415],{"class":2168},"`",[2162,3417,3418],{"class":2189},"user:",[2162,3420,3421],{"class":2168},"${",[2162,3423,3424],{"class":2207},"id",[2162,3426,3427],{"class":2168},"}`",[2162,3429,2287],{"class":2168},[2162,3431,2256],{"class":2168},[2162,3433,2792],{"class":2176},[2162,3435,2259],{"class":2168},[2162,3437,3438,3440,3442,3444,3446,3448,3450,3452,3454,3457,3459],{"class":2164,"line":2262},[2162,3439,2886],{"class":2217},[2162,3441,3234],{"class":2221},[2162,3443,2225],{"class":2172},[2162,3445,2228],{"class":2168},[2162,3447,3223],{"class":2189},[2162,3449,2228],{"class":2168},[2162,3451,2287],{"class":2168},[2162,3453,2204],{"class":2168},[2162,3455,3456],{"class":2207}," id",[2162,3458,2909],{"class":2168},[2162,3460,2236],{"class":2172},[2162,3462,3463,3465],{"class":2164,"line":2292},[2162,3464,2211],{"class":2168},[2162,3466,2236],{"class":2207},[2162,3468,3469,3471,3473],{"class":2164,"line":2312},[2162,3470,2352],{"class":2168},[2162,3472,2173],{"class":2172},[2162,3474,2195],{"class":2168},[2030,3476,2112,3477,3479,3480,3482],{},[2034,3478,515],{}," composable is a great way to wrap and wait for multiple ",[2034,3481,630],{}," requests to be completed, and then process the results.",[2153,3484,3486],{"className":2155,"code":3485,"language":2157,"meta":2158,"style":2158},"\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",[2034,3487,3488,3508,3568,3602,3629,3654,3659,3663,3679,3685,3690,3695],{"__ignoreMap":2158},[2162,3489,3490,3492,3494,3496,3498,3500,3502,3504,3506],{"class":2164,"line":2165},[2162,3491,2169],{"class":2168},[2162,3493,2173],{"class":2172},[2162,3495,2177],{"class":2176},[2162,3497,2180],{"class":2176},[2162,3499,2183],{"class":2168},[2162,3501,2186],{"class":2168},[2162,3503,2190],{"class":2189},[2162,3505,2186],{"class":2168},[2162,3507,2195],{"class":2168},[2162,3509,3510,3512,3514,3516,3518,3521,3523,3526,3528,3530,3532,3534,3536,3538,3541,3543,3545,3548,3551,3554,3556,3558,3561,3564,3566],{"class":2164,"line":2198},[2162,3511,2201],{"class":2176},[2162,3513,2204],{"class":2168},[2162,3515,3027],{"class":2172},[2162,3517,2298],{"class":2168},[2162,3519,3520],{"class":2207}," discounts",[2162,3522,2287],{"class":2168},[2162,3524,3525],{"class":2207}," status ",[2162,3527,2211],{"class":2168},[2162,3529,2214],{"class":2168},[2162,3531,2218],{"class":2217},[2162,3533,3216],{"class":2221},[2162,3535,2225],{"class":2207},[2162,3537,2228],{"class":2168},[2162,3539,3540],{"class":2189},"cart-discount",[2162,3542,2228],{"class":2168},[2162,3544,2287],{"class":2168},[2162,3546,3547],{"class":2176}," async",[2162,3549,3550],{"class":2168}," (",[2162,3552,3553],{"class":2788},"_nuxtApp",[2162,3555,2287],{"class":2168},[2162,3557,2204],{"class":2168},[2162,3559,3560],{"class":2788}," signal",[2162,3562,3563],{"class":2168}," })",[2162,3565,2792],{"class":2176},[2162,3567,2259],{"class":2168},[2162,3569,3570,3572,3575,3578,3580,3583,3586,3588,3590,3594,3596,3599],{"class":2164,"line":2239},[2162,3571,2265],{"class":2176},[2162,3573,3574],{"class":2168}," [",[2162,3576,3577],{"class":2207},"coupons",[2162,3579,2287],{"class":2168},[2162,3581,3582],{"class":2207}," offers",[2162,3584,3585],{"class":2168},"]",[2162,3587,2214],{"class":2168},[2162,3589,2218],{"class":2217},[2162,3591,3593],{"class":3592},"s52Pk"," Promise",[2162,3595,2045],{"class":2168},[2162,3597,3598],{"class":2221},"all",[2162,3600,3601],{"class":2172},"([\n",[2162,3603,3604,3607,3609,3611,3614,3616,3618,3620,3622,3624,3627],{"class":2164,"line":2245},[2162,3605,3606],{"class":2221},"    $fetch",[2162,3608,2225],{"class":2172},[2162,3610,2228],{"class":2168},[2162,3612,3613],{"class":2189},"/cart/coupons",[2162,3615,2228],{"class":2168},[2162,3617,2287],{"class":2168},[2162,3619,2204],{"class":2168},[2162,3621,3560],{"class":2207},[2162,3623,2909],{"class":2168},[2162,3625,3626],{"class":2172},")",[2162,3628,2309],{"class":2168},[2162,3630,3631,3633,3635,3637,3640,3642,3644,3646,3648,3650,3652],{"class":2164,"line":2262},[2162,3632,3606],{"class":2221},[2162,3634,2225],{"class":2172},[2162,3636,2228],{"class":2168},[2162,3638,3639],{"class":2189},"/cart/offers",[2162,3641,2228],{"class":2168},[2162,3643,2287],{"class":2168},[2162,3645,2204],{"class":2168},[2162,3647,3560],{"class":2207},[2162,3649,2909],{"class":2168},[2162,3651,3626],{"class":2172},[2162,3653,2309],{"class":2168},[2162,3655,3656],{"class":2164,"line":2292},[2162,3657,3658],{"class":2172},"  ])\n",[2162,3660,3661],{"class":2164,"line":2312},[2162,3662,2242],{"emptyLinePlaceholder":1196},[2162,3664,3665,3667,3669,3672,3674,3676],{"class":2164,"line":2322},[2162,3666,2886],{"class":2217},[2162,3668,2204],{"class":2168},[2162,3670,3671],{"class":2207}," coupons",[2162,3673,2287],{"class":2168},[2162,3675,3582],{"class":2207},[2162,3677,3678],{"class":2168}," }\n",[2162,3680,3681,3683],{"class":2164,"line":2329},[2162,3682,2211],{"class":2168},[2162,3684,2236],{"class":2207},[2162,3686,3687],{"class":2164,"line":2335},[2162,3688,3689],{"class":2325},"// discounts.value.coupons\n",[2162,3691,3692],{"class":2164,"line":2343},[2162,3693,3694],{"class":2325},"// discounts.value.offers\n",[2162,3696,3697,3699,3701],{"class":2164,"line":2349},[2162,3698,2352],{"class":2168},[2162,3700,2173],{"class":2172},[2162,3702,2195],{"class":2168},[2506,3704,3705,3715],{},[2030,3706,3707,3709,3710,3714],{},[2034,3708,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 ",[2038,3711,3712],{"href":643},[2034,3713,642],{}," utility to do so.",[2153,3716,3718],{"className":2155,"code":3717,"language":2157,"meta":2158,"style":2158},"\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",[2034,3719,3720,3740,3755,3759,3764,3798],{"__ignoreMap":2158},[2162,3721,3722,3724,3726,3728,3730,3732,3734,3736,3738],{"class":2164,"line":2165},[2162,3723,2169],{"class":2168},[2162,3725,2173],{"class":2172},[2162,3727,2177],{"class":2176},[2162,3729,2180],{"class":2176},[2162,3731,2183],{"class":2168},[2162,3733,2186],{"class":2168},[2162,3735,2190],{"class":2189},[2162,3737,2186],{"class":2168},[2162,3739,2195],{"class":2168},[2162,3741,3742,3744,3747,3749,3752],{"class":2164,"line":2198},[2162,3743,2201],{"class":2176},[2162,3745,3746],{"class":2207}," offersStore ",[2162,3748,2183],{"class":2168},[2162,3750,3751],{"class":2221}," useOffersStore",[2162,3753,3754],{"class":2207},"()\n",[2162,3756,3757],{"class":2164,"line":2239},[2162,3758,2242],{"emptyLinePlaceholder":1196},[2162,3760,3761],{"class":2164,"line":2245},[2162,3762,3763],{"class":2325},"// you can't do this\n",[2162,3765,3766,3769,3771,3773,3775,3777,3780,3782,3785,3788,3790,3793,3795],{"class":2164,"line":2262},[2162,3767,3768],{"class":2217},"await",[2162,3770,3216],{"class":2221},[2162,3772,2225],{"class":2207},[2162,3774,3279],{"class":2168},[2162,3776,2792],{"class":2176},[2162,3778,3779],{"class":2207}," offersStore",[2162,3781,2045],{"class":2168},[2162,3783,3784],{"class":2221},"getOffer",[2162,3786,3787],{"class":2207},"(route",[2162,3789,2045],{"class":2168},[2162,3791,3792],{"class":2207},"params",[2162,3794,2045],{"class":2168},[2162,3796,3797],{"class":2207},"slug))\n",[2162,3799,3800,3802,3804],{"class":2164,"line":2292},[2162,3801,2352],{"class":2168},[2162,3803,2173],{"class":2172},[2162,3805,2195],{"class":2168},[2676,3807,3808],{"to":516},[2030,3809,2680,3810,2045],{},[2034,3811,515],{},[2093,3813,3815],{"id":3814},"return-values","Return Values",[2030,3817,3818,2042,3820,3822],{},[2034,3819,527],{},[2034,3821,515],{}," have the same return values listed below.",[2050,3824,3825,3831,3845,3876,3881],{},[2053,3826,3827,3830],{},[2034,3828,3829],{},"data",": the result of the asynchronous function that is passed in.",[2053,3832,3833,3836,3837,3840,3841,3844],{},[2034,3834,3835],{},"refresh","/",[2034,3838,3839],{},"execute",": a function that can be used to refresh the data returned by the ",[2034,3842,3843],{},"handler"," function.",[2053,3846,3847,3850,3851,3853,3854,3857,3858,3861,3862,3853,3865,3868,3869,3853,3872,3875],{},[2034,3848,3849],{},"clear",": a function that can be used to set ",[2034,3852,3829],{}," to ",[2034,3855,3856],{},"undefined"," (or the value of ",[2034,3859,3860],{},"options.default()"," if provided), set ",[2034,3863,3864],{},"error",[2034,3866,3867],{},"null",", set ",[2034,3870,3871],{},"status",[2034,3873,3874],{},"idle",", and mark any currently pending requests as cancelled.",[2053,3877,3878,3880],{},[2034,3879,3864],{},": an error object if the data fetching failed.",[2053,3882,3883,3885,3886,2036,3889,2036,3892,2036,3895,2701],{},[2034,3884,3871],{},": a string indicating the status of the data request (",[2034,3887,3888],{},"\"idle\"",[2034,3890,3891],{},"\"pending\"",[2034,3893,3894],{},"\"success\"",[2034,3896,3897],{},"\"error\"",[2506,3899,3900],{},[2030,3901,3902,2036,3904,2042,3906,3908,3909,3912,3913],{},[2034,3903,3829],{},[2034,3905,3864],{},[2034,3907,3871],{}," are Vue refs accessible with ",[2034,3910,3911],{},".value"," in ",[2034,3914,3915],{},"\u003Cscript setup>",[2030,3917,3918,3919,3921],{},"By default, Nuxt waits until a ",[2034,3920,3835],{}," is finished before it can be executed again.",[2506,3923,3924],{},[2030,3925,3926,3927,3930,3931,3935,3936,3938,3939,3941,3942,2045],{},"If you have not fetched data on the server (for example, with ",[2034,3928,3929],{},"server: false","), then the data ",[3932,3933,3934],"em",{},"will not"," be fetched until hydration completes. This means even if you await ",[2034,3937,527],{}," on client-side, ",[2034,3940,3829],{}," will remain null within ",[2034,3943,3915],{},[2093,3945,3947],{"id":3946},"options","Options",[2030,3949,3950,2042,3954,3958],{},[2038,3951,3952],{"href":516},[2034,3953,515],{},[2038,3955,3956],{"href":528},[2034,3957,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.",[2490,3960,3962],{"id":3961},"lazy","Lazy",[2030,3964,3965,3966,3968,3969,3971],{},"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 ",[2034,3967,3961],{}," option. In that case, you will have to manually handle loading state using the ",[2034,3970,3871],{}," value.",[2153,3973,3975],{"className":2155,"code":3974,"filename":219,"language":2157,"meta":2537,"style":2158},"\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",[2034,3976,3977,3997,4034,4047,4053,4061,4065,4073,4078,4097,4102,4110,4120,4140,4145,4153,4161],{"__ignoreMap":2158},[2162,3978,3979,3981,3983,3985,3987,3989,3991,3993,3995],{"class":2164,"line":2165},[2162,3980,2169],{"class":2168},[2162,3982,2173],{"class":2172},[2162,3984,2177],{"class":2176},[2162,3986,2180],{"class":2176},[2162,3988,2183],{"class":2168},[2162,3990,2186],{"class":2168},[2162,3992,2190],{"class":2189},[2162,3994,2186],{"class":2168},[2162,3996,2195],{"class":2168},[2162,3998,3999,4001,4003,4006,4008,4010,4012,4015,4017,4019,4021,4023,4025,4028,4030,4032],{"class":2164,"line":2198},[2162,4000,2201],{"class":2176},[2162,4002,2204],{"class":2168},[2162,4004,4005],{"class":2207}," status",[2162,4007,2287],{"class":2168},[2162,4009,3027],{"class":2172},[2162,4011,2298],{"class":2168},[2162,4013,4014],{"class":2207}," posts ",[2162,4016,2211],{"class":2168},[2162,4018,2214],{"class":2168},[2162,4020,2222],{"class":2221},[2162,4022,2225],{"class":2207},[2162,4024,2228],{"class":2168},[2162,4026,4027],{"class":2189},"/api/posts",[2162,4029,2228],{"class":2168},[2162,4031,2287],{"class":2168},[2162,4033,2259],{"class":2168},[2162,4035,4036,4039,4041,4045],{"class":2164,"line":2239},[2162,4037,4038],{"class":2172},"  lazy",[2162,4040,2298],{"class":2168},[2162,4042,4044],{"class":4043},"sbKd-"," true",[2162,4046,2309],{"class":2168},[2162,4048,4049,4051],{"class":2164,"line":2245},[2162,4050,2211],{"class":2168},[2162,4052,2236],{"class":2207},[2162,4054,4055,4057,4059],{"class":2164,"line":2262},[2162,4056,2352],{"class":2168},[2162,4058,2173],{"class":2172},[2162,4060,2195],{"class":2168},[2162,4062,4063],{"class":2164,"line":2292},[2162,4064,2242],{"emptyLinePlaceholder":1196},[2162,4066,4067,4069,4071],{"class":2164,"line":2312},[2162,4068,2169],{"class":2168},[2162,4070,2369],{"class":2172},[2162,4072,2195],{"class":2168},[2162,4074,4075],{"class":2164,"line":2322},[2162,4076,4077],{"class":2325},"  \u003C!-- you will need to handle a loading state -->\n",[2162,4079,4080,4082,4084,4086,4088,4090,4093,4095],{"class":2164,"line":2329},[2162,4081,2377],{"class":2168},[2162,4083,2380],{"class":2172},[2162,4085,2383],{"class":2176},[2162,4087,2183],{"class":2168},[2162,4089,2186],{"class":2168},[2162,4091,4092],{"class":2189},"status === 'pending'",[2162,4094,2186],{"class":2168},[2162,4096,2195],{"class":2168},[2162,4098,4099],{"class":2164,"line":2335},[2162,4100,4101],{"class":2207},"    Loading ...\n",[2162,4103,4104,4106,4108],{"class":2164,"line":2343},[2162,4105,2406],{"class":2168},[2162,4107,2380],{"class":2172},[2162,4109,2195],{"class":2168},[2162,4111,4112,4114,4116,4118],{"class":2164,"line":2349},[2162,4113,2377],{"class":2168},[2162,4115,2380],{"class":2172},[2162,4117,2420],{"class":2176},[2162,4119,2195],{"class":2168},[2162,4121,4122,4124,4126,4129,4131,4133,4136,4138],{"class":2164,"line":2359},[2162,4123,2428],{"class":2168},[2162,4125,2380],{"class":2172},[2162,4127,4128],{"class":2176}," v-for",[2162,4130,2183],{"class":2168},[2162,4132,2186],{"class":2168},[2162,4134,4135],{"class":2189},"post in posts",[2162,4137,2186],{"class":2168},[2162,4139,2195],{"class":2168},[2162,4141,4142],{"class":2164,"line":2364},[2162,4143,4144],{"class":2325},"      \u003C!-- do something -->\n",[2162,4146,4147,4149,4151],{"class":2164,"line":2374},[2162,4148,2457],{"class":2168},[2162,4150,2380],{"class":2172},[2162,4152,2195],{"class":2168},[2162,4154,4155,4157,4159],{"class":2164,"line":2397},[2162,4156,2406],{"class":2168},[2162,4158,2380],{"class":2172},[2162,4160,2195],{"class":2168},[2162,4162,4163,4165,4167],{"class":2164,"line":2403},[2162,4164,2352],{"class":2168},[2162,4166,2369],{"class":2172},[2162,4168,2195],{"class":2168},[2030,4170,4171,4172,2042,4176,4178],{},"You can alternatively use ",[2038,4173,4174],{"href":548},[2034,4175,547],{},[2034,4177,543],{}," as convenient methods to perform the same.",[2153,4180,4182],{"className":2155,"code":4181,"language":2157,"meta":2537,"style":2158},"\u003Cscript setup lang=\"ts\">\nconst { status, data: posts } = useLazyFetch('/api/posts')\n\u003C/script>\n",[2034,4183,4184,4204,4237],{"__ignoreMap":2158},[2162,4185,4186,4188,4190,4192,4194,4196,4198,4200,4202],{"class":2164,"line":2165},[2162,4187,2169],{"class":2168},[2162,4189,2173],{"class":2172},[2162,4191,2177],{"class":2176},[2162,4193,2180],{"class":2176},[2162,4195,2183],{"class":2168},[2162,4197,2186],{"class":2168},[2162,4199,2190],{"class":2189},[2162,4201,2186],{"class":2168},[2162,4203,2195],{"class":2168},[2162,4205,4206,4208,4210,4212,4214,4216,4218,4220,4222,4224,4227,4229,4231,4233,4235],{"class":2164,"line":2198},[2162,4207,2201],{"class":2176},[2162,4209,2204],{"class":2168},[2162,4211,4005],{"class":2207},[2162,4213,2287],{"class":2168},[2162,4215,3027],{"class":2172},[2162,4217,2298],{"class":2168},[2162,4219,4014],{"class":2207},[2162,4221,2211],{"class":2168},[2162,4223,2214],{"class":2168},[2162,4225,4226],{"class":2221}," useLazyFetch",[2162,4228,2225],{"class":2207},[2162,4230,2228],{"class":2168},[2162,4232,4027],{"class":2189},[2162,4234,2228],{"class":2168},[2162,4236,2236],{"class":2207},[2162,4238,4239,4241,4243],{"class":2164,"line":2239},[2162,4240,2352],{"class":2168},[2162,4242,2173],{"class":2172},[2162,4244,2195],{"class":2168},[2676,4246,4247],{"to":548},[2030,4248,2680,4249,2045],{},[2034,4250,547],{},[2676,4252,4253],{"to":544},[2030,4254,2680,4255,2045],{},[2034,4256,543],{},[3110,4258],{"title":4259,"video-id":4260,"platform":4261},"Watch a video from Vue School on blocking vs. non-blocking (lazy) requests","1022000555","vimeo",[2490,4263,4265],{"id":4264},"client-only-fetching","Client-only fetching",[2030,4267,4268,4269,4271,4272,4275],{},"By default, data fetching composables will perform their asynchronous function on both client and server environments. Set the ",[2034,4270,185],{}," option to ",[2034,4273,4274],{},"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.",[2030,4277,4278,4279,4281],{},"Combined with the ",[2034,4280,3961],{}," option, this can be useful for data that is not needed on the first render (for example, non-SEO sensitive data).",[2153,4283,4285],{"className":2764,"code":4284,"language":2190,"meta":2537,"style":2158},"/* 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",[2034,4286,4287,4292,4316,4320,4325,4361,4371,4383],{"__ignoreMap":2158},[2162,4288,4289],{"class":2164,"line":2165},[2162,4290,4291],{"class":2325},"/* This call is performed before hydration */\n",[2162,4293,4294,4296,4299,4301,4303,4305,4307,4309,4312,4314],{"class":2164,"line":2198},[2162,4295,2201],{"class":2176},[2162,4297,4298],{"class":2207}," articles ",[2162,4300,2183],{"class":2168},[2162,4302,2218],{"class":2217},[2162,4304,2222],{"class":2221},[2162,4306,2225],{"class":2207},[2162,4308,2228],{"class":2168},[2162,4310,4311],{"class":2189},"/api/article",[2162,4313,2228],{"class":2168},[2162,4315,2236],{"class":2207},[2162,4317,4318],{"class":2164,"line":2239},[2162,4319,2242],{"emptyLinePlaceholder":1196},[2162,4321,4322],{"class":2164,"line":2245},[2162,4323,4324],{"class":2325},"/* This call will only be performed on the client */\n",[2162,4326,4327,4329,4331,4333,4335,4337,4339,4342,4344,4346,4348,4350,4352,4355,4357,4359],{"class":2164,"line":2262},[2162,4328,2201],{"class":2176},[2162,4330,2204],{"class":2168},[2162,4332,4005],{"class":2207},[2162,4334,2287],{"class":2168},[2162,4336,3027],{"class":2172},[2162,4338,2298],{"class":2168},[2162,4340,4341],{"class":2207}," comments ",[2162,4343,2211],{"class":2168},[2162,4345,2214],{"class":2168},[2162,4347,2222],{"class":2221},[2162,4349,2225],{"class":2207},[2162,4351,2228],{"class":2168},[2162,4353,4354],{"class":2189},"/api/comments",[2162,4356,2228],{"class":2168},[2162,4358,2287],{"class":2168},[2162,4360,2259],{"class":2168},[2162,4362,4363,4365,4367,4369],{"class":2164,"line":2292},[2162,4364,4038],{"class":2172},[2162,4366,2298],{"class":2168},[2162,4368,4044],{"class":4043},[2162,4370,2309],{"class":2168},[2162,4372,4373,4376,4378,4381],{"class":2164,"line":2312},[2162,4374,4375],{"class":2172},"  server",[2162,4377,2298],{"class":2168},[2162,4379,4380],{"class":4043}," false",[2162,4382,2309],{"class":2168},[2162,4384,4385,4387],{"class":2164,"line":2322},[2162,4386,2211],{"class":2168},[2162,4388,2236],{"class":2207},[2030,4390,2112,4391,4393,4394,2045],{},[2034,4392,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 ",[2038,4395,4397,4399],{"href":4396},"/docs/3.x/getting-started/data-fetching#fetch",[2034,4398,630],{}," method",[2490,4401,4403],{"id":4402},"minimize-payload-size","Minimize payload size",[2030,4405,2112,4406,4409],{},[2034,4407,4408],{},"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.",[2153,4411,4413],{"className":2155,"code":4412,"language":2157,"meta":2158,"style":2158},"\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",[2034,4414,4415,4435,4440,4474,4503,4509,4517,4521,4529,4547,4564],{"__ignoreMap":2158},[2162,4416,4417,4419,4421,4423,4425,4427,4429,4431,4433],{"class":2164,"line":2165},[2162,4418,2169],{"class":2168},[2162,4420,2173],{"class":2172},[2162,4422,2177],{"class":2176},[2162,4424,2180],{"class":2176},[2162,4426,2183],{"class":2168},[2162,4428,2186],{"class":2168},[2162,4430,2190],{"class":2189},[2162,4432,2186],{"class":2168},[2162,4434,2195],{"class":2168},[2162,4436,4437],{"class":2164,"line":2198},[2162,4438,4439],{"class":2325},"/* only pick the fields used in your template */\n",[2162,4441,4442,4444,4446,4448,4450,4453,4455,4457,4459,4461,4463,4465,4468,4470,4472],{"class":2164,"line":2239},[2162,4443,2201],{"class":2176},[2162,4445,2204],{"class":2168},[2162,4447,3027],{"class":2172},[2162,4449,2298],{"class":2168},[2162,4451,4452],{"class":2207}," mountain ",[2162,4454,2211],{"class":2168},[2162,4456,2214],{"class":2168},[2162,4458,2218],{"class":2217},[2162,4460,2222],{"class":2221},[2162,4462,2225],{"class":2207},[2162,4464,2228],{"class":2168},[2162,4466,4467],{"class":2189},"/api/mountains/everest",[2162,4469,2228],{"class":2168},[2162,4471,2287],{"class":2168},[2162,4473,2259],{"class":2168},[2162,4475,4476,4479,4481,4483,4485,4488,4490,4492,4494,4497,4499,4501],{"class":2164,"line":2245},[2162,4477,4478],{"class":2172},"  pick",[2162,4480,2298],{"class":2168},[2162,4482,3574],{"class":2207},[2162,4484,2228],{"class":2168},[2162,4486,4487],{"class":2189},"title",[2162,4489,2228],{"class":2168},[2162,4491,2287],{"class":2168},[2162,4493,2301],{"class":2168},[2162,4495,4496],{"class":2189},"description",[2162,4498,2228],{"class":2168},[2162,4500,3585],{"class":2207},[2162,4502,2309],{"class":2168},[2162,4504,4505,4507],{"class":2164,"line":2262},[2162,4506,2211],{"class":2168},[2162,4508,2236],{"class":2207},[2162,4510,4511,4513,4515],{"class":2164,"line":2292},[2162,4512,2352],{"class":2168},[2162,4514,2173],{"class":2172},[2162,4516,2195],{"class":2168},[2162,4518,4519],{"class":2164,"line":2312},[2162,4520,2242],{"emptyLinePlaceholder":1196},[2162,4522,4523,4525,4527],{"class":2164,"line":2322},[2162,4524,2169],{"class":2168},[2162,4526,2369],{"class":2172},[2162,4528,2195],{"class":2168},[2162,4530,4531,4533,4536,4538,4541,4543,4545],{"class":2164,"line":2329},[2162,4532,2377],{"class":2168},[2162,4534,4535],{"class":2172},"h1",[2162,4537,3080],{"class":2168},[2162,4539,4540],{"class":2207},"{{ mountain.title }}",[2162,4542,2352],{"class":2168},[2162,4544,4535],{"class":2172},[2162,4546,2195],{"class":2168},[2162,4548,4549,4551,4553,4555,4558,4560,4562],{"class":2164,"line":2335},[2162,4550,2377],{"class":2168},[2162,4552,2030],{"class":2172},[2162,4554,3080],{"class":2168},[2162,4556,4557],{"class":2207},"{{ mountain.description }}",[2162,4559,2352],{"class":2168},[2162,4561,2030],{"class":2172},[2162,4563,2195],{"class":2168},[2162,4565,4566,4568,4570],{"class":2164,"line":2343},[2162,4567,2352],{"class":2168},[2162,4569,2369],{"class":2172},[2162,4571,2195],{"class":2168},[2030,4573,4574,4575,4578],{},"If you need more control or map over several objects, you can use the ",[2034,4576,4577],{},"transform"," function to alter the result of the query.",[2153,4580,4582],{"className":2764,"code":4581,"language":2190,"meta":2158,"style":2158},"const { data: mountains } = await useFetch('/api/mountains', {\n  transform: (mountains) => {\n    return mountains.map(mountain => ({ title: mountain.title, description: mountain.description }))\n  },\n})\n",[2034,4583,4584,4618,4636,4690,4695],{"__ignoreMap":2158},[2162,4585,4586,4588,4590,4592,4594,4597,4599,4601,4603,4605,4607,4609,4612,4614,4616],{"class":2164,"line":2165},[2162,4587,2201],{"class":2176},[2162,4589,2204],{"class":2168},[2162,4591,3027],{"class":2172},[2162,4593,2298],{"class":2168},[2162,4595,4596],{"class":2207}," mountains ",[2162,4598,2211],{"class":2168},[2162,4600,2214],{"class":2168},[2162,4602,2218],{"class":2217},[2162,4604,2222],{"class":2221},[2162,4606,2225],{"class":2207},[2162,4608,2228],{"class":2168},[2162,4610,4611],{"class":2189},"/api/mountains",[2162,4613,2228],{"class":2168},[2162,4615,2287],{"class":2168},[2162,4617,2259],{"class":2168},[2162,4619,4620,4623,4625,4627,4630,4632,4634],{"class":2164,"line":2198},[2162,4621,4622],{"class":2221},"  transform",[2162,4624,2298],{"class":2168},[2162,4626,3550],{"class":2168},[2162,4628,4629],{"class":2788},"mountains",[2162,4631,3626],{"class":2168},[2162,4633,2792],{"class":2176},[2162,4635,2259],{"class":2168},[2162,4637,4638,4641,4644,4646,4649,4651,4654,4656,4658,4661,4664,4666,4669,4671,4673,4675,4678,4680,4682,4684,4686,4688],{"class":2164,"line":2239},[2162,4639,4640],{"class":2217},"    return",[2162,4642,4643],{"class":2207}," mountains",[2162,4645,2045],{"class":2168},[2162,4647,4648],{"class":2221},"map",[2162,4650,2225],{"class":2172},[2162,4652,4653],{"class":2788},"mountain",[2162,4655,2792],{"class":2176},[2162,4657,3550],{"class":2172},[2162,4659,4660],{"class":2168},"{",[2162,4662,4663],{"class":2172}," title",[2162,4665,2298],{"class":2168},[2162,4667,4668],{"class":2207}," mountain",[2162,4670,2045],{"class":2168},[2162,4672,4487],{"class":2207},[2162,4674,2287],{"class":2168},[2162,4676,4677],{"class":2172}," description",[2162,4679,2298],{"class":2168},[2162,4681,4668],{"class":2207},[2162,4683,2045],{"class":2168},[2162,4685,4496],{"class":2207},[2162,4687,2909],{"class":2168},[2162,4689,3245],{"class":2172},[2162,4691,4692],{"class":2164,"line":2245},[2162,4693,4694],{"class":2168},"  },\n",[2162,4696,4697,4699],{"class":2164,"line":2262},[2162,4698,2211],{"class":2168},[2162,4700,2236],{"class":2207},[2506,4702,4703],{},[2030,4704,2086,4705,2042,4707,4709],{},[2034,4706,4408],{},[2034,4708,4577],{}," 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.",[3110,4711],{"title":4712,"video-id":4713,"platform":4261},"Watch a video from Vue School on minimizing payload size","1026410430",[2490,4715,4717],{"id":4716},"caching-and-refetching","Caching and refetching",[4719,4720,4722],"h4",{"id":4721},"keys","Keys",[2030,4724,4725,2042,4729,4733],{},[2038,4726,4727],{"href":528},[2034,4728,527],{},[2038,4730,4731],{"href":516},[2034,4732,515],{}," use keys to prevent refetching the same data.",[2050,4735,4736,4750],{},[2053,4737,4738,4742,4743,4746,4747,4749],{},[2038,4739,4740],{"href":528},[2034,4741,527],{}," uses the provided URL as a key. Alternatively, a ",[2034,4744,4745],{},"key"," value can be provided in the ",[2034,4748,3946],{}," object passed as a last argument.",[2053,4751,4752,4756,4757,4759],{},[2038,4753,4754],{"href":516},[2034,4755,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 ",[2034,4758,515],{}," will be generated for you.",[2136,4761,4762],{},[2030,4763,4764,4765],{},"To get the cached data by key, you can use ",[2038,4766,4767],{"href":560},[2034,4768,559],{},[3110,4770],{"title":4771,"video-id":4772,"platform":4261},"Watch a video from Vue School on caching data with the key option","1026410044",[4719,4774,4776],{"id":4775},"shared-state-and-option-consistency","Shared State and Option Consistency",[2030,4778,4779,4780,4782,4783,4785,4786,2036,4788,2042,4790,4792],{},"When multiple components use the same key with ",[2034,4781,515],{}," or ",[2034,4784,527],{},", they will share the same ",[2034,4787,3829],{},[2034,4789,3864],{},[2034,4791,3871],{}," refs. This ensures consistency across components but requires some options to be consistent.",[2030,4794,4795,4796,4799],{},"The following options ",[2149,4797,4798],{},"must be consistent"," across all calls with the same key:",[2050,4801,4802,4806,4812,4816,4821,4826],{},[2053,4803,4804,2108],{},[2034,4805,3843],{},[2053,4807,4808,4811],{},[2034,4809,4810],{},"deep"," option",[2053,4813,4814,2108],{},[2034,4815,4577],{},[2053,4817,4818,4820],{},[2034,4819,4408],{}," array",[2053,4822,4823,2108],{},[2034,4824,4825],{},"getCachedData",[2053,4827,4828,4831],{},[2034,4829,4830],{},"default"," value",[2153,4833,4835],{"className":2764,"code":4834,"language":2190,"meta":2158,"style":2158},"// ❌ 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",[2034,4836,4837,4842,4922],{"__ignoreMap":2158},[2162,4838,4839],{"class":2164,"line":2165},[2162,4840,4841],{"class":2325},"// ❌ This will trigger a development warning\n",[2162,4843,4844,4846,4848,4850,4852,4855,4857,4859,4861,4863,4865,4867,4869,4871,4873,4875,4877,4879,4881,4883,4885,4887,4889,4891,4894,4896,4898,4900,4903,4905,4907,4909,4911,4914,4916,4918,4920],{"class":2164,"line":2198},[2162,4845,2201],{"class":2176},[2162,4847,2204],{"class":2168},[2162,4849,3027],{"class":2172},[2162,4851,2298],{"class":2168},[2162,4853,4854],{"class":2207}," users1 ",[2162,4856,2211],{"class":2168},[2162,4858,2214],{"class":2168},[2162,4860,3216],{"class":2221},[2162,4862,2225],{"class":2207},[2162,4864,2228],{"class":2168},[2162,4866,3223],{"class":2189},[2162,4868,2228],{"class":2168},[2162,4870,2287],{"class":2168},[2162,4872,3550],{"class":2168},[2162,4874,3553],{"class":2788},[2162,4876,2287],{"class":2168},[2162,4878,2204],{"class":2168},[2162,4880,3560],{"class":2788},[2162,4882,3563],{"class":2168},[2162,4884,2792],{"class":2176},[2162,4886,2275],{"class":2221},[2162,4888,2225],{"class":2207},[2162,4890,2228],{"class":2168},[2162,4892,4893],{"class":2189},"/api/users",[2162,4895,2228],{"class":2168},[2162,4897,2287],{"class":2168},[2162,4899,2204],{"class":2168},[2162,4901,4902],{"class":2207}," signal ",[2162,4904,2211],{"class":2168},[2162,4906,3626],{"class":2207},[2162,4908,2287],{"class":2168},[2162,4910,2204],{"class":2168},[2162,4912,4913],{"class":2172}," deep",[2162,4915,2298],{"class":2168},[2162,4917,4380],{"class":4043},[2162,4919,2909],{"class":2168},[2162,4921,2236],{"class":2207},[2162,4923,4924,4926,4928,4930,4932,4935,4937,4939,4941,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],{"class":2164,"line":2239},[2162,4925,2201],{"class":2176},[2162,4927,2204],{"class":2168},[2162,4929,3027],{"class":2172},[2162,4931,2298],{"class":2168},[2162,4933,4934],{"class":2207}," users2 ",[2162,4936,2211],{"class":2168},[2162,4938,2214],{"class":2168},[2162,4940,3216],{"class":2221},[2162,4942,2225],{"class":2207},[2162,4944,2228],{"class":2168},[2162,4946,3223],{"class":2189},[2162,4948,2228],{"class":2168},[2162,4950,2287],{"class":2168},[2162,4952,3550],{"class":2168},[2162,4954,3553],{"class":2788},[2162,4956,2287],{"class":2168},[2162,4958,2204],{"class":2168},[2162,4960,3560],{"class":2788},[2162,4962,3563],{"class":2168},[2162,4964,2792],{"class":2176},[2162,4966,2275],{"class":2221},[2162,4968,2225],{"class":2207},[2162,4970,2228],{"class":2168},[2162,4972,4893],{"class":2189},[2162,4974,2228],{"class":2168},[2162,4976,2287],{"class":2168},[2162,4978,2204],{"class":2168},[2162,4980,4902],{"class":2207},[2162,4982,2211],{"class":2168},[2162,4984,3626],{"class":2207},[2162,4986,2287],{"class":2168},[2162,4988,2204],{"class":2168},[2162,4990,4913],{"class":2172},[2162,4992,2298],{"class":2168},[2162,4994,4044],{"class":4043},[2162,4996,2909],{"class":2168},[2162,4998,2236],{"class":2207},[2030,5000,4795,5001,5004],{},[2149,5002,5003],{},"can safely differ"," without triggering warnings:",[2050,5006,5007,5011,5015,5020,5025],{},[2053,5008,5009],{},[2034,5010,185],{},[2053,5012,5013],{},[2034,5014,3961],{},[2053,5016,5017],{},[2034,5018,5019],{},"immediate",[2053,5021,5022],{},[2034,5023,5024],{},"dedupe",[2053,5026,5027],{},[2034,5028,5029],{},"watch",[2153,5031,5033],{"className":2764,"code":5032,"language":2190,"meta":2158,"style":2158},"// ✅ 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",[2034,5034,5035,5040,5117],{"__ignoreMap":2158},[2162,5036,5037],{"class":2164,"line":2165},[2162,5038,5039],{"class":2325},"// ✅ This is allowed\n",[2162,5041,5042,5044,5046,5048,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,5109,5111,5113,5115],{"class":2164,"line":2198},[2162,5043,2201],{"class":2176},[2162,5045,2204],{"class":2168},[2162,5047,3027],{"class":2172},[2162,5049,2298],{"class":2168},[2162,5051,4854],{"class":2207},[2162,5053,2211],{"class":2168},[2162,5055,2214],{"class":2168},[2162,5057,3216],{"class":2221},[2162,5059,2225],{"class":2207},[2162,5061,2228],{"class":2168},[2162,5063,3223],{"class":2189},[2162,5065,2228],{"class":2168},[2162,5067,2287],{"class":2168},[2162,5069,3550],{"class":2168},[2162,5071,3553],{"class":2788},[2162,5073,2287],{"class":2168},[2162,5075,2204],{"class":2168},[2162,5077,3560],{"class":2788},[2162,5079,3563],{"class":2168},[2162,5081,2792],{"class":2176},[2162,5083,2275],{"class":2221},[2162,5085,2225],{"class":2207},[2162,5087,2228],{"class":2168},[2162,5089,4893],{"class":2189},[2162,5091,2228],{"class":2168},[2162,5093,2287],{"class":2168},[2162,5095,2204],{"class":2168},[2162,5097,4902],{"class":2207},[2162,5099,2211],{"class":2168},[2162,5101,3626],{"class":2207},[2162,5103,2287],{"class":2168},[2162,5105,2204],{"class":2168},[2162,5107,5108],{"class":2172}," immediate",[2162,5110,2298],{"class":2168},[2162,5112,4044],{"class":4043},[2162,5114,2909],{"class":2168},[2162,5116,2236],{"class":2207},[2162,5118,5119,5121,5123,5125,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],{"class":2164,"line":2239},[2162,5120,2201],{"class":2176},[2162,5122,2204],{"class":2168},[2162,5124,3027],{"class":2172},[2162,5126,2298],{"class":2168},[2162,5128,4934],{"class":2207},[2162,5130,2211],{"class":2168},[2162,5132,2214],{"class":2168},[2162,5134,3216],{"class":2221},[2162,5136,2225],{"class":2207},[2162,5138,2228],{"class":2168},[2162,5140,3223],{"class":2189},[2162,5142,2228],{"class":2168},[2162,5144,2287],{"class":2168},[2162,5146,3550],{"class":2168},[2162,5148,3553],{"class":2788},[2162,5150,2287],{"class":2168},[2162,5152,2204],{"class":2168},[2162,5154,3560],{"class":2788},[2162,5156,3563],{"class":2168},[2162,5158,2792],{"class":2176},[2162,5160,2275],{"class":2221},[2162,5162,2225],{"class":2207},[2162,5164,2228],{"class":2168},[2162,5166,4893],{"class":2189},[2162,5168,2228],{"class":2168},[2162,5170,2287],{"class":2168},[2162,5172,2204],{"class":2168},[2162,5174,4902],{"class":2207},[2162,5176,2211],{"class":2168},[2162,5178,3626],{"class":2207},[2162,5180,2287],{"class":2168},[2162,5182,2204],{"class":2168},[2162,5184,5108],{"class":2172},[2162,5186,2298],{"class":2168},[2162,5188,4380],{"class":4043},[2162,5190,2909],{"class":2168},[2162,5192,2236],{"class":2207},[2030,5194,5195],{},"If you need independent instances, use different keys:",[2153,5197,5199],{"className":2764,"code":5198,"language":2190,"meta":2158,"style":2158},"// 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",[2034,5200,5201,5206,5269],{"__ignoreMap":2158},[2162,5202,5203],{"class":2164,"line":2165},[2162,5204,5205],{"class":2325},"// These are completely independent instances\n",[2162,5207,5208,5210,5212,5214,5216,5218,5220,5222,5224,5226,5228,5231,5233,5235,5237,5239,5241,5243,5245,5247,5249,5251,5253,5255,5257,5259,5261,5263,5265,5267],{"class":2164,"line":2198},[2162,5209,2201],{"class":2176},[2162,5211,2204],{"class":2168},[2162,5213,3027],{"class":2172},[2162,5215,2298],{"class":2168},[2162,5217,4854],{"class":2207},[2162,5219,2211],{"class":2168},[2162,5221,2214],{"class":2168},[2162,5223,3216],{"class":2221},[2162,5225,2225],{"class":2207},[2162,5227,2228],{"class":2168},[2162,5229,5230],{"class":2189},"users-1",[2162,5232,2228],{"class":2168},[2162,5234,2287],{"class":2168},[2162,5236,3550],{"class":2168},[2162,5238,3553],{"class":2788},[2162,5240,2287],{"class":2168},[2162,5242,2204],{"class":2168},[2162,5244,3560],{"class":2788},[2162,5246,3563],{"class":2168},[2162,5248,2792],{"class":2176},[2162,5250,2275],{"class":2221},[2162,5252,2225],{"class":2207},[2162,5254,2228],{"class":2168},[2162,5256,4893],{"class":2189},[2162,5258,2228],{"class":2168},[2162,5260,2287],{"class":2168},[2162,5262,2204],{"class":2168},[2162,5264,4902],{"class":2207},[2162,5266,2211],{"class":2168},[2162,5268,3245],{"class":2207},[2162,5270,5271,5273,5275,5277,5279,5281,5283,5285,5287,5289,5291,5294,5296,5298,5300,5302,5304,5306,5308,5310,5312,5314,5316,5318,5320,5322,5324,5326,5328,5330],{"class":2164,"line":2239},[2162,5272,2201],{"class":2176},[2162,5274,2204],{"class":2168},[2162,5276,3027],{"class":2172},[2162,5278,2298],{"class":2168},[2162,5280,4934],{"class":2207},[2162,5282,2211],{"class":2168},[2162,5284,2214],{"class":2168},[2162,5286,3216],{"class":2221},[2162,5288,2225],{"class":2207},[2162,5290,2228],{"class":2168},[2162,5292,5293],{"class":2189},"users-2",[2162,5295,2228],{"class":2168},[2162,5297,2287],{"class":2168},[2162,5299,3550],{"class":2168},[2162,5301,3553],{"class":2788},[2162,5303,2287],{"class":2168},[2162,5305,2204],{"class":2168},[2162,5307,3560],{"class":2788},[2162,5309,3563],{"class":2168},[2162,5311,2792],{"class":2176},[2162,5313,2275],{"class":2221},[2162,5315,2225],{"class":2207},[2162,5317,2228],{"class":2168},[2162,5319,4893],{"class":2189},[2162,5321,2228],{"class":2168},[2162,5323,2287],{"class":2168},[2162,5325,2204],{"class":2168},[2162,5327,4902],{"class":2207},[2162,5329,2211],{"class":2168},[2162,5331,3245],{"class":2207},[4719,5333,5335],{"id":5334},"reactive-keys","Reactive Keys",[2030,5337,5338],{},"You can use computed refs, plain refs or getter functions as keys, allowing for dynamic data fetching that automatically updates when dependencies change:",[2153,5340,5342],{"className":2764,"code":5341,"language":2190,"meta":2158,"style":2158},"// 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",[2034,5343,5344,5349,5372,5394,5427,5447,5451,5455,5460,5465],{"__ignoreMap":2158},[2162,5345,5346],{"class":2164,"line":2165},[2162,5347,5348],{"class":2325},"// Using a computed property as a key\n",[2162,5350,5351,5353,5356,5358,5361,5363,5365,5368,5370],{"class":2164,"line":2198},[2162,5352,2201],{"class":2176},[2162,5354,5355],{"class":2207}," userId ",[2162,5357,2183],{"class":2168},[2162,5359,5360],{"class":2221}," ref",[2162,5362,2225],{"class":2207},[2162,5364,2228],{"class":2168},[2162,5366,5367],{"class":2189},"123",[2162,5369,2228],{"class":2168},[2162,5371,2236],{"class":2207},[2162,5373,5374,5376,5378,5380,5382,5385,5387,5389,5391],{"class":2164,"line":2239},[2162,5375,2201],{"class":2176},[2162,5377,2204],{"class":2168},[2162,5379,3027],{"class":2172},[2162,5381,2298],{"class":2168},[2162,5383,5384],{"class":2207}," user ",[2162,5386,2211],{"class":2168},[2162,5388,2214],{"class":2168},[2162,5390,3216],{"class":2221},[2162,5392,5393],{"class":2207},"(\n",[2162,5395,5396,5399,5401,5403,5405,5408,5411,5413,5416,5418,5421,5423,5425],{"class":2164,"line":2245},[2162,5397,5398],{"class":2221},"  computed",[2162,5400,2225],{"class":2207},[2162,5402,3279],{"class":2168},[2162,5404,2792],{"class":2176},[2162,5406,5407],{"class":2168}," `",[2162,5409,5410],{"class":2189},"user-",[2162,5412,3421],{"class":2168},[2162,5414,5415],{"class":2207},"userId",[2162,5417,2045],{"class":2168},[2162,5419,5420],{"class":2207},"value",[2162,5422,3427],{"class":2168},[2162,5424,3626],{"class":2207},[2162,5426,2309],{"class":2168},[2162,5428,5429,5432,5434,5437,5440,5442,5445],{"class":2164,"line":2262},[2162,5430,5431],{"class":2168},"  ()",[2162,5433,2792],{"class":2176},[2162,5435,5436],{"class":2221}," fetchUser",[2162,5438,5439],{"class":2207},"(userId",[2162,5441,2045],{"class":2168},[2162,5443,5444],{"class":2207},"value)",[2162,5446,2309],{"class":2168},[2162,5448,5449],{"class":2164,"line":2292},[2162,5450,2236],{"class":2207},[2162,5452,5453],{"class":2164,"line":2312},[2162,5454,2242],{"emptyLinePlaceholder":1196},[2162,5456,5457],{"class":2164,"line":2322},[2162,5458,5459],{"class":2325},"// When userId changes, the data will be automatically refetched\n",[2162,5461,5462],{"class":2164,"line":2329},[2162,5463,5464],{"class":2325},"// and the old data will be cleaned up if no other components use it\n",[2162,5466,5467,5469,5471,5474,5476,5478,5481],{"class":2164,"line":2335},[2162,5468,5415],{"class":2207},[2162,5470,2045],{"class":2168},[2162,5472,5473],{"class":2207},"value ",[2162,5475,2183],{"class":2168},[2162,5477,2301],{"class":2168},[2162,5479,5480],{"class":2189},"456",[2162,5482,5483],{"class":2168},"'\n",[4719,5485,5487],{"id":5486},"refresh-and-execute","Refresh and execute",[2030,5489,5490,5491,4782,5493,5495],{},"If you want to fetch or refresh data manually, use the ",[2034,5492,3839],{},[2034,5494,3835],{}," function provided by the composables.",[2153,5497,5499],{"className":2155,"code":5498,"language":2157,"meta":2537,"style":2158},"\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",[2034,5500,5501,5521,5562,5570,5574,5582,5590,5607,5628,5633,5641,5649],{"__ignoreMap":2158},[2162,5502,5503,5505,5507,5509,5511,5513,5515,5517,5519],{"class":2164,"line":2165},[2162,5504,2169],{"class":2168},[2162,5506,2173],{"class":2172},[2162,5508,2177],{"class":2176},[2162,5510,2180],{"class":2176},[2162,5512,2183],{"class":2168},[2162,5514,2186],{"class":2168},[2162,5516,2190],{"class":2189},[2162,5518,2186],{"class":2168},[2162,5520,2195],{"class":2168},[2162,5522,5523,5525,5527,5529,5531,5534,5536,5539,5541,5544,5546,5548,5550,5552,5554,5556,5558,5560],{"class":2164,"line":2198},[2162,5524,2201],{"class":2176},[2162,5526,2204],{"class":2168},[2162,5528,3027],{"class":2207},[2162,5530,2287],{"class":2168},[2162,5532,5533],{"class":2207}," error",[2162,5535,2287],{"class":2168},[2162,5537,5538],{"class":2207}," execute",[2162,5540,2287],{"class":2168},[2162,5542,5543],{"class":2207}," refresh ",[2162,5545,2211],{"class":2168},[2162,5547,2214],{"class":2168},[2162,5549,2218],{"class":2217},[2162,5551,2222],{"class":2221},[2162,5553,2225],{"class":2207},[2162,5555,2228],{"class":2168},[2162,5557,4893],{"class":2189},[2162,5559,2228],{"class":2168},[2162,5561,2236],{"class":2207},[2162,5563,5564,5566,5568],{"class":2164,"line":2239},[2162,5565,2352],{"class":2168},[2162,5567,2173],{"class":2172},[2162,5569,2195],{"class":2168},[2162,5571,5572],{"class":2164,"line":2245},[2162,5573,2242],{"emptyLinePlaceholder":1196},[2162,5575,5576,5578,5580],{"class":2164,"line":2262},[2162,5577,2169],{"class":2168},[2162,5579,2369],{"class":2172},[2162,5581,2195],{"class":2168},[2162,5583,5584,5586,5588],{"class":2164,"line":2292},[2162,5585,2377],{"class":2168},[2162,5587,2380],{"class":2172},[2162,5589,2195],{"class":2168},[2162,5591,5592,5594,5596,5598,5601,5603,5605],{"class":2164,"line":2312},[2162,5593,2428],{"class":2168},[2162,5595,2030],{"class":2172},[2162,5597,3080],{"class":2168},[2162,5599,5600],{"class":2207},"{{ data }}",[2162,5602,2352],{"class":2168},[2162,5604,2030],{"class":2172},[2162,5606,2195],{"class":2168},[2162,5608,5609,5611,5614,5617,5619,5621,5624,5626],{"class":2164,"line":2322},[2162,5610,2428],{"class":2168},[2162,5612,5613],{"class":2172},"button",[2162,5615,5616],{"class":2176}," @click",[2162,5618,2183],{"class":2168},[2162,5620,2186],{"class":2168},[2162,5622,5623],{"class":2189},"() => refresh()",[2162,5625,2186],{"class":2168},[2162,5627,2195],{"class":2168},[2162,5629,5630],{"class":2164,"line":2329},[2162,5631,5632],{"class":2207},"      Refresh data\n",[2162,5634,5635,5637,5639],{"class":2164,"line":2335},[2162,5636,2457],{"class":2168},[2162,5638,5613],{"class":2172},[2162,5640,2195],{"class":2168},[2162,5642,5643,5645,5647],{"class":2164,"line":2343},[2162,5644,2406],{"class":2168},[2162,5646,2380],{"class":2172},[2162,5648,2195],{"class":2168},[2162,5650,5651,5653,5655],{"class":2164,"line":2349},[2162,5652,2352],{"class":2168},[2162,5654,2369],{"class":2172},[2162,5656,2195],{"class":2168},[2030,5658,2112,5659,5661,5662,5664,5665,2045],{},[2034,5660,3839],{}," function is an alias for ",[2034,5663,3835],{}," that works in exactly the same way but is more semantic for cases when the fetch is ",[2038,5666,5668],{"href":5667},"/docs/3.x/getting-started/data-fetching#not-immediate","not immediate",[2136,5670,5671],{},[2030,5672,5673,5674,2042,5678,2045],{},"To globally refetch or invalidate cached data, see ",[2038,5675,5676],{"href":651},[2034,5677,650],{},[2038,5679,5680],{"href":723},[2034,5681,722],{},[4719,5683,5684],{"id":3849},"Clear",[2030,5686,5687,5688,5690,5691,5495],{},"If you want to clear the data provided, for whatever reason, without needing to know the specific key to pass to ",[2034,5689,650],{},", you can use the ",[2034,5692,3849],{},[2153,5694,5696],{"className":2155,"code":5695,"language":2157,"meta":2537,"style":2158},"\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",[2034,5697,5698,5718,5749,5753,5766,5796,5820,5827,5832,5838],{"__ignoreMap":2158},[2162,5699,5700,5702,5704,5706,5708,5710,5712,5714,5716],{"class":2164,"line":2165},[2162,5701,2169],{"class":2168},[2162,5703,2173],{"class":2172},[2162,5705,2177],{"class":2176},[2162,5707,2180],{"class":2176},[2162,5709,2183],{"class":2168},[2162,5711,2186],{"class":2168},[2162,5713,2190],{"class":2189},[2162,5715,2186],{"class":2168},[2162,5717,2195],{"class":2168},[2162,5719,5720,5722,5724,5726,5728,5731,5733,5735,5737,5739,5741,5743,5745,5747],{"class":2164,"line":2198},[2162,5721,2201],{"class":2176},[2162,5723,2204],{"class":2168},[2162,5725,3027],{"class":2207},[2162,5727,2287],{"class":2168},[2162,5729,5730],{"class":2207}," clear ",[2162,5732,2211],{"class":2168},[2162,5734,2214],{"class":2168},[2162,5736,2218],{"class":2217},[2162,5738,2222],{"class":2221},[2162,5740,2225],{"class":2207},[2162,5742,2228],{"class":2168},[2162,5744,4893],{"class":2189},[2162,5746,2228],{"class":2168},[2162,5748,2236],{"class":2207},[2162,5750,5751],{"class":2164,"line":2239},[2162,5752,2242],{"emptyLinePlaceholder":1196},[2162,5754,5755,5757,5760,5762,5764],{"class":2164,"line":2245},[2162,5756,2201],{"class":2176},[2162,5758,5759],{"class":2207}," route ",[2162,5761,2183],{"class":2168},[2162,5763,3379],{"class":2221},[2162,5765,3754],{"class":2207},[2162,5767,5768,5770,5772,5774,5776,5779,5781,5784,5786,5788,5790,5792,5794],{"class":2164,"line":2262},[2162,5769,5029],{"class":2221},[2162,5771,2225],{"class":2207},[2162,5773,3279],{"class":2168},[2162,5775,2792],{"class":2176},[2162,5777,5778],{"class":2207}," route",[2162,5780,2045],{"class":2168},[2162,5782,5783],{"class":2207},"path",[2162,5785,2287],{"class":2168},[2162,5787,3550],{"class":2168},[2162,5789,5783],{"class":2788},[2162,5791,3626],{"class":2168},[2162,5793,2792],{"class":2176},[2162,5795,2259],{"class":2168},[2162,5797,5798,5801,5803,5805,5808,5810,5812,5814,5817],{"class":2164,"line":2292},[2162,5799,5800],{"class":2217},"  if",[2162,5802,3550],{"class":2172},[2162,5804,5783],{"class":2207},[2162,5806,5807],{"class":2168}," ===",[2162,5809,2301],{"class":2168},[2162,5811,3836],{"class":2189},[2162,5813,2228],{"class":2168},[2162,5815,5816],{"class":2172},") ",[2162,5818,5819],{"class":2168},"{\n",[2162,5821,5822,5825],{"class":2164,"line":2312},[2162,5823,5824],{"class":2221},"    clear",[2162,5826,3754],{"class":2172},[2162,5828,5829],{"class":2164,"line":2322},[2162,5830,5831],{"class":2168},"  }\n",[2162,5833,5834,5836],{"class":2164,"line":2329},[2162,5835,2211],{"class":2168},[2162,5837,2236],{"class":2207},[2162,5839,5840,5842,5844],{"class":2164,"line":2335},[2162,5841,2352],{"class":2168},[2162,5843,2173],{"class":2172},[2162,5845,2195],{"class":2168},[4719,5847,5848],{"id":5029},"Watch",[2030,5850,5851,5852,5854,5855,5858],{},"To re-run your fetching function each time other reactive values in your application change, use the ",[2034,5853,5029],{}," option. You can use it for one or multiple ",[3932,5856,5857],{},"watchable"," elements.",[2153,5860,5862],{"className":2155,"code":5861,"language":2157,"meta":2537,"style":2158},"\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",[2034,5863,5864,5884,5902,5906,5942,5947,5959,5965],{"__ignoreMap":2158},[2162,5865,5866,5868,5870,5872,5874,5876,5878,5880,5882],{"class":2164,"line":2165},[2162,5867,2169],{"class":2168},[2162,5869,2173],{"class":2172},[2162,5871,2177],{"class":2176},[2162,5873,2180],{"class":2176},[2162,5875,2183],{"class":2168},[2162,5877,2186],{"class":2168},[2162,5879,2190],{"class":2189},[2162,5881,2186],{"class":2168},[2162,5883,2195],{"class":2168},[2162,5885,5886,5888,5890,5892,5894,5896,5900],{"class":2164,"line":2198},[2162,5887,2201],{"class":2176},[2162,5889,3372],{"class":2207},[2162,5891,2183],{"class":2168},[2162,5893,5360],{"class":2221},[2162,5895,2225],{"class":2207},[2162,5897,5899],{"class":5898},"sYRBq","1",[2162,5901,2236],{"class":2207},[2162,5903,5904],{"class":2164,"line":2239},[2162,5905,2242],{"emptyLinePlaceholder":1196},[2162,5907,5908,5910,5912,5914,5916,5918,5920,5922,5924,5926,5928,5930,5932,5934,5936,5938,5940],{"class":2164,"line":2245},[2162,5909,2201],{"class":2176},[2162,5911,2204],{"class":2168},[2162,5913,3027],{"class":2207},[2162,5915,2287],{"class":2168},[2162,5917,5533],{"class":2207},[2162,5919,2287],{"class":2168},[2162,5921,5543],{"class":2207},[2162,5923,2211],{"class":2168},[2162,5925,2214],{"class":2168},[2162,5927,2218],{"class":2217},[2162,5929,2222],{"class":2221},[2162,5931,2225],{"class":2207},[2162,5933,2228],{"class":2168},[2162,5935,4893],{"class":2189},[2162,5937,2228],{"class":2168},[2162,5939,2287],{"class":2168},[2162,5941,2259],{"class":2168},[2162,5943,5944],{"class":2164,"line":2262},[2162,5945,5946],{"class":2325},"  /* Changing the id will trigger a refetch */\n",[2162,5948,5949,5952,5954,5957],{"class":2164,"line":2292},[2162,5950,5951],{"class":2172},"  watch",[2162,5953,2298],{"class":2168},[2162,5955,5956],{"class":2207}," [id]",[2162,5958,2309],{"class":2168},[2162,5960,5961,5963],{"class":2164,"line":2312},[2162,5962,2211],{"class":2168},[2162,5964,2236],{"class":2207},[2162,5966,5967,5969,5971],{"class":2164,"line":2322},[2162,5968,2352],{"class":2168},[2162,5970,2173],{"class":2172},[2162,5972,2195],{"class":2168},[2030,5974,5975,5976,5979],{},"Note that ",[2149,5977,5978],{},"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.",[2153,5981,5983],{"className":2155,"code":5982,"language":2157,"meta":2158,"style":2158},"\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",[2034,5984,5985,6005,6021,6025,6070,6080,6086],{"__ignoreMap":2158},[2162,5986,5987,5989,5991,5993,5995,5997,5999,6001,6003],{"class":2164,"line":2165},[2162,5988,2169],{"class":2168},[2162,5990,2173],{"class":2172},[2162,5992,2177],{"class":2176},[2162,5994,2180],{"class":2176},[2162,5996,2183],{"class":2168},[2162,5998,2186],{"class":2168},[2162,6000,2190],{"class":2189},[2162,6002,2186],{"class":2168},[2162,6004,2195],{"class":2168},[2162,6006,6007,6009,6011,6013,6015,6017,6019],{"class":2164,"line":2198},[2162,6008,2201],{"class":2176},[2162,6010,3372],{"class":2207},[2162,6012,2183],{"class":2168},[2162,6014,5360],{"class":2221},[2162,6016,2225],{"class":2207},[2162,6018,5899],{"class":5898},[2162,6020,2236],{"class":2207},[2162,6022,6023],{"class":2164,"line":2239},[2162,6024,2242],{"emptyLinePlaceholder":1196},[2162,6026,6027,6029,6031,6033,6035,6037,6039,6041,6043,6045,6047,6049,6051,6053,6056,6058,6060,6062,6064,6066,6068],{"class":2164,"line":2245},[2162,6028,2201],{"class":2176},[2162,6030,2204],{"class":2168},[2162,6032,3027],{"class":2207},[2162,6034,2287],{"class":2168},[2162,6036,5533],{"class":2207},[2162,6038,2287],{"class":2168},[2162,6040,5543],{"class":2207},[2162,6042,2211],{"class":2168},[2162,6044,2214],{"class":2168},[2162,6046,2218],{"class":2217},[2162,6048,2222],{"class":2221},[2162,6050,2225],{"class":2207},[2162,6052,3415],{"class":2168},[2162,6054,6055],{"class":2189},"/api/users/",[2162,6057,3421],{"class":2168},[2162,6059,3424],{"class":2207},[2162,6061,2045],{"class":2168},[2162,6063,5420],{"class":2207},[2162,6065,3427],{"class":2168},[2162,6067,2287],{"class":2168},[2162,6069,2259],{"class":2168},[2162,6071,6072,6074,6076,6078],{"class":2164,"line":2262},[2162,6073,5951],{"class":2172},[2162,6075,2298],{"class":2168},[2162,6077,5956],{"class":2207},[2162,6079,2309],{"class":2168},[2162,6081,6082,6084],{"class":2164,"line":2292},[2162,6083,2211],{"class":2168},[2162,6085,2236],{"class":2207},[2162,6087,6088,6090,6092],{"class":2164,"line":2312},[2162,6089,2352],{"class":2168},[2162,6091,2173],{"class":2172},[2162,6093,2195],{"class":2168},[2030,6095,6096,6097,6101],{},"If you need to change the URL based on a reactive value, you may want to use a ",[2038,6098,6100],{"href":6099},"/docs/3.x/getting-started/data-fetching#computed-url","computed URL"," instead.",[2030,6103,6104,6105,2045],{},"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 ",[2034,6106,6107],{},"watch: false",[2153,6109,6111],{"className":2764,"code":6110,"language":2190,"meta":2158,"style":2158},"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",[2034,6112,6113,6129,6133,6138,6171,6188,6201,6207,6211,6216],{"__ignoreMap":2158},[2162,6114,6115,6117,6119,6121,6123,6125,6127],{"class":2164,"line":2165},[2162,6116,2201],{"class":2176},[2162,6118,3372],{"class":2207},[2162,6120,2183],{"class":2168},[2162,6122,5360],{"class":2221},[2162,6124,2225],{"class":2207},[2162,6126,5899],{"class":5898},[2162,6128,2236],{"class":2207},[2162,6130,6131],{"class":2164,"line":2198},[2162,6132,2242],{"emptyLinePlaceholder":1196},[2162,6134,6135],{"class":2164,"line":2239},[2162,6136,6137],{"class":2325},"// Won't automatically refetch when id changes\n",[2162,6139,6140,6142,6144,6146,6148,6151,6153,6155,6157,6159,6161,6163,6165,6167,6169],{"class":2164,"line":2245},[2162,6141,2201],{"class":2176},[2162,6143,2204],{"class":2168},[2162,6145,3027],{"class":2207},[2162,6147,2287],{"class":2168},[2162,6149,6150],{"class":2207}," execute ",[2162,6152,2211],{"class":2168},[2162,6154,2214],{"class":2168},[2162,6156,2218],{"class":2217},[2162,6158,2222],{"class":2221},[2162,6160,2225],{"class":2207},[2162,6162,2228],{"class":2168},[2162,6164,4893],{"class":2189},[2162,6166,2228],{"class":2168},[2162,6168,2287],{"class":2168},[2162,6170,2259],{"class":2168},[2162,6172,6173,6176,6178,6180,6182,6185],{"class":2164,"line":2262},[2162,6174,6175],{"class":2172},"  query",[2162,6177,2298],{"class":2168},[2162,6179,2204],{"class":2168},[2162,6181,3372],{"class":2207},[2162,6183,6184],{"class":2168},"},",[2162,6186,6187],{"class":2325}," // id is watched by default\n",[2162,6189,6190,6192,6194,6196,6198],{"class":2164,"line":2292},[2162,6191,5951],{"class":2172},[2162,6193,2298],{"class":2168},[2162,6195,4380],{"class":4043},[2162,6197,2287],{"class":2168},[2162,6199,6200],{"class":2325}," // disables automatic watching of id\n",[2162,6202,6203,6205],{"class":2164,"line":2312},[2162,6204,2211],{"class":2168},[2162,6206,2236],{"class":2207},[2162,6208,6209],{"class":2164,"line":2322},[2162,6210,2242],{"emptyLinePlaceholder":1196},[2162,6212,6213],{"class":2164,"line":2329},[2162,6214,6215],{"class":2325},"// doesn't trigger refetch\n",[2162,6217,6218,6220,6222,6224,6226],{"class":2164,"line":2335},[2162,6219,3424],{"class":2207},[2162,6221,2045],{"class":2168},[2162,6223,5473],{"class":2207},[2162,6225,2183],{"class":2168},[2162,6227,6228],{"class":5898}," 2\n",[4719,6230,6232],{"id":6231},"computed-url","Computed URL",[2030,6234,6235],{},"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.",[2153,6237,6239],{"className":2155,"code":6238,"language":2157,"meta":2158,"style":2158},"\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",[2034,6240,6241,6261,6277,6281,6312,6320,6331,6335,6341],{"__ignoreMap":2158},[2162,6242,6243,6245,6247,6249,6251,6253,6255,6257,6259],{"class":2164,"line":2165},[2162,6244,2169],{"class":2168},[2162,6246,2173],{"class":2172},[2162,6248,2177],{"class":2176},[2162,6250,2180],{"class":2176},[2162,6252,2183],{"class":2168},[2162,6254,2186],{"class":2168},[2162,6256,2190],{"class":2189},[2162,6258,2186],{"class":2168},[2162,6260,2195],{"class":2168},[2162,6262,6263,6265,6267,6269,6271,6273,6275],{"class":2164,"line":2198},[2162,6264,2201],{"class":2176},[2162,6266,3372],{"class":2207},[2162,6268,2183],{"class":2168},[2162,6270,5360],{"class":2221},[2162,6272,2225],{"class":2207},[2162,6274,3867],{"class":2168},[2162,6276,2236],{"class":2207},[2162,6278,6279],{"class":2164,"line":2239},[2162,6280,2242],{"emptyLinePlaceholder":1196},[2162,6282,6283,6285,6287,6289,6291,6293,6295,6297,6299,6301,6303,6306,6308,6310],{"class":2164,"line":2245},[2162,6284,2201],{"class":2176},[2162,6286,2204],{"class":2168},[2162,6288,3027],{"class":2207},[2162,6290,2287],{"class":2168},[2162,6292,3525],{"class":2207},[2162,6294,2211],{"class":2168},[2162,6296,2214],{"class":2168},[2162,6298,4226],{"class":2221},[2162,6300,2225],{"class":2207},[2162,6302,2228],{"class":2168},[2162,6304,6305],{"class":2189},"/api/user",[2162,6307,2228],{"class":2168},[2162,6309,2287],{"class":2168},[2162,6311,2259],{"class":2168},[2162,6313,6314,6316,6318],{"class":2164,"line":2262},[2162,6315,6175],{"class":2172},[2162,6317,2298],{"class":2168},[2162,6319,2259],{"class":2168},[2162,6321,6322,6325,6327,6329],{"class":2164,"line":2292},[2162,6323,6324],{"class":2172},"    user_id",[2162,6326,2298],{"class":2168},[2162,6328,3456],{"class":2207},[2162,6330,2309],{"class":2168},[2162,6332,6333],{"class":2164,"line":2312},[2162,6334,4694],{"class":2168},[2162,6336,6337,6339],{"class":2164,"line":2322},[2162,6338,2211],{"class":2168},[2162,6340,2236],{"class":2207},[2162,6342,6343,6345,6347],{"class":2164,"line":2329},[2162,6344,2352],{"class":2168},[2162,6346,2173],{"class":2172},[2162,6348,2195],{"class":2168},[2030,6350,6351,6352,6357],{},"In the case of more complex URL construction, you may use a callback as a ",[2038,6353,6356],{"href":6354,"rel":6355},"https://vuejs.org/guide/essentials/computed",[2145],"computed getter"," that returns the URL string.",[2030,6359,6360,6361,6364],{},"Every time a dependency changes, the data will be fetched using the newly constructed URL. Combine this with ",[2038,6362,6363],{"href":5667},"not-immediate",", and you can wait until the reactive element changes before fetching.",[2153,6366,6368],{"className":2155,"code":6367,"language":2157,"meta":2158,"style":2158},"\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",[2034,6369,6370,6390,6406,6410,6452,6463,6469,6473,6509,6517,6521,6529,6537,6542,6549,6563,6577,6590,6595,6599,6618,6623,6631,6635,6655,6661,6670,6675,6686,6692,6701,6710],{"__ignoreMap":2158},[2162,6371,6372,6374,6376,6378,6380,6382,6384,6386,6388],{"class":2164,"line":2165},[2162,6373,2169],{"class":2168},[2162,6375,2173],{"class":2172},[2162,6377,2177],{"class":2176},[2162,6379,2180],{"class":2176},[2162,6381,2183],{"class":2168},[2162,6383,2186],{"class":2168},[2162,6385,2190],{"class":2189},[2162,6387,2186],{"class":2168},[2162,6389,2195],{"class":2168},[2162,6391,6392,6394,6396,6398,6400,6402,6404],{"class":2164,"line":2198},[2162,6393,2201],{"class":2176},[2162,6395,3372],{"class":2207},[2162,6397,2183],{"class":2168},[2162,6399,5360],{"class":2221},[2162,6401,2225],{"class":2207},[2162,6403,3867],{"class":2168},[2162,6405,2236],{"class":2207},[2162,6407,6408],{"class":2164,"line":2239},[2162,6409,2242],{"emptyLinePlaceholder":1196},[2162,6411,6412,6414,6416,6418,6420,6422,6424,6426,6428,6430,6432,6434,6436,6438,6440,6442,6444,6446,6448,6450],{"class":2164,"line":2245},[2162,6413,2201],{"class":2176},[2162,6415,2204],{"class":2168},[2162,6417,3027],{"class":2207},[2162,6419,2287],{"class":2168},[2162,6421,3525],{"class":2207},[2162,6423,2211],{"class":2168},[2162,6425,2214],{"class":2168},[2162,6427,4226],{"class":2221},[2162,6429,2225],{"class":2207},[2162,6431,3279],{"class":2168},[2162,6433,2792],{"class":2176},[2162,6435,5407],{"class":2168},[2162,6437,6055],{"class":2189},[2162,6439,3421],{"class":2168},[2162,6441,3424],{"class":2207},[2162,6443,2045],{"class":2168},[2162,6445,5420],{"class":2207},[2162,6447,3427],{"class":2168},[2162,6449,2287],{"class":2168},[2162,6451,2259],{"class":2168},[2162,6453,6454,6457,6459,6461],{"class":2164,"line":2262},[2162,6455,6456],{"class":2172},"  immediate",[2162,6458,2298],{"class":2168},[2162,6460,4380],{"class":4043},[2162,6462,2309],{"class":2168},[2162,6464,6465,6467],{"class":2164,"line":2292},[2162,6466,2211],{"class":2168},[2162,6468,2236],{"class":2207},[2162,6470,6471],{"class":2164,"line":2312},[2162,6472,2242],{"emptyLinePlaceholder":1196},[2162,6474,6475,6477,6480,6482,6485,6487,6489,6491,6493,6495,6497,6500,6502,6505,6507],{"class":2164,"line":2322},[2162,6476,2201],{"class":2176},[2162,6478,6479],{"class":2207}," pending ",[2162,6481,2183],{"class":2168},[2162,6483,6484],{"class":2221}," computed",[2162,6486,2225],{"class":2207},[2162,6488,3279],{"class":2168},[2162,6490,2792],{"class":2176},[2162,6492,4005],{"class":2207},[2162,6494,2045],{"class":2168},[2162,6496,5473],{"class":2207},[2162,6498,6499],{"class":2168},"===",[2162,6501,2301],{"class":2168},[2162,6503,6504],{"class":2189},"pending",[2162,6506,2228],{"class":2168},[2162,6508,2236],{"class":2207},[2162,6510,6511,6513,6515],{"class":2164,"line":2329},[2162,6512,2352],{"class":2168},[2162,6514,2173],{"class":2172},[2162,6516,2195],{"class":2168},[2162,6518,6519],{"class":2164,"line":2335},[2162,6520,2242],{"emptyLinePlaceholder":1196},[2162,6522,6523,6525,6527],{"class":2164,"line":2343},[2162,6524,2169],{"class":2168},[2162,6526,2369],{"class":2172},[2162,6528,2195],{"class":2168},[2162,6530,6531,6533,6535],{"class":2164,"line":2349},[2162,6532,2377],{"class":2168},[2162,6534,2380],{"class":2172},[2162,6536,2195],{"class":2168},[2162,6538,6539],{"class":2164,"line":2359},[2162,6540,6541],{"class":2325},"    \u003C!-- disable the input while fetching -->\n",[2162,6543,6544,6546],{"class":2164,"line":2364},[2162,6545,2428],{"class":2168},[2162,6547,6548],{"class":2172},"input\n",[2162,6550,6551,6554,6556,6558,6560],{"class":2164,"line":2374},[2162,6552,6553],{"class":2176},"      v-model",[2162,6555,2183],{"class":2168},[2162,6557,2186],{"class":2168},[2162,6559,3424],{"class":2189},[2162,6561,6562],{"class":2168},"\"\n",[2162,6564,6565,6568,6570,6572,6575],{"class":2164,"line":2397},[2162,6566,6567],{"class":2176},"      type",[2162,6569,2183],{"class":2168},[2162,6571,2186],{"class":2168},[2162,6573,6574],{"class":2189},"number",[2162,6576,6562],{"class":2168},[2162,6578,6579,6582,6584,6586,6588],{"class":2164,"line":2403},[2162,6580,6581],{"class":2176},"      :disabled",[2162,6583,2183],{"class":2168},[2162,6585,2186],{"class":2168},[2162,6587,6504],{"class":2189},[2162,6589,6562],{"class":2168},[2162,6591,6592],{"class":2164,"line":2413},[2162,6593,6594],{"class":2168},"    >\n",[2162,6596,6597],{"class":2164,"line":2425},[2162,6598,2242],{"emptyLinePlaceholder":1196},[2162,6600,6601,6603,6605,6607,6609,6611,6614,6616],{"class":2164,"line":2448},[2162,6602,2428],{"class":2168},[2162,6604,2380],{"class":2172},[2162,6606,2383],{"class":2176},[2162,6608,2183],{"class":2168},[2162,6610,2186],{"class":2168},[2162,6612,6613],{"class":2189},"status === 'idle'",[2162,6615,2186],{"class":2168},[2162,6617,2195],{"class":2168},[2162,6619,6620],{"class":2164,"line":2454},[2162,6621,6622],{"class":2207},"      Type an user ID\n",[2162,6624,6625,6627,6629],{"class":2164,"line":2464},[2162,6626,2457],{"class":2168},[2162,6628,2380],{"class":2172},[2162,6630,2195],{"class":2168},[2162,6632,6633],{"class":2164,"line":2473},[2162,6634,2242],{"emptyLinePlaceholder":1196},[2162,6636,6638,6640,6642,6645,6647,6649,6651,6653],{"class":2164,"line":6637},24,[2162,6639,2428],{"class":2168},[2162,6641,2380],{"class":2172},[2162,6643,6644],{"class":2176}," v-else-if",[2162,6646,2183],{"class":2168},[2162,6648,2186],{"class":2168},[2162,6650,6504],{"class":2189},[2162,6652,2186],{"class":2168},[2162,6654,2195],{"class":2168},[2162,6656,6658],{"class":2164,"line":6657},25,[2162,6659,6660],{"class":2207},"      Loading ...\n",[2162,6662,6664,6666,6668],{"class":2164,"line":6663},26,[2162,6665,2457],{"class":2168},[2162,6667,2380],{"class":2172},[2162,6669,2195],{"class":2168},[2162,6671,6673],{"class":2164,"line":6672},27,[2162,6674,2242],{"emptyLinePlaceholder":1196},[2162,6676,6678,6680,6682,6684],{"class":2164,"line":6677},28,[2162,6679,2428],{"class":2168},[2162,6681,2380],{"class":2172},[2162,6683,2420],{"class":2176},[2162,6685,2195],{"class":2168},[2162,6687,6689],{"class":2164,"line":6688},29,[2162,6690,6691],{"class":2207},"      {{ data }}\n",[2162,6693,6695,6697,6699],{"class":2164,"line":6694},30,[2162,6696,2457],{"class":2168},[2162,6698,2380],{"class":2172},[2162,6700,2195],{"class":2168},[2162,6702,6704,6706,6708],{"class":2164,"line":6703},31,[2162,6705,2406],{"class":2168},[2162,6707,2380],{"class":2172},[2162,6709,2195],{"class":2168},[2162,6711,6713,6715,6717],{"class":2164,"line":6712},32,[2162,6714,2352],{"class":2168},[2162,6716,2369],{"class":2172},[2162,6718,2195],{"class":2168},[2030,6720,6721,6722,2045],{},"If you need to force a refresh when other reactive values change, you can also ",[2038,6723,6725],{"href":6724},"/docs/3.x/getting-started/data-fetching#watch","watch other values",[2490,6727,6728],{"id":6363},"Not immediate",[2030,6730,2112,6731,6733,6734,6737],{},[2034,6732,527],{}," composable will start fetching data the moment is invoked. You may prevent this by setting ",[2034,6735,6736],{},"immediate: false",", for example, to wait for user interaction.",[2030,6739,6740,6741,6743,6744,6746],{},"With that, you will need both the ",[2034,6742,3871],{}," to handle the fetch lifecycle, and ",[2034,6745,3839],{}," to start the data fetch.",[2153,6748,6750],{"className":2155,"code":6749,"language":2157,"meta":2158,"style":2158},"\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",[2034,6751,6752,6772,6812,6822,6828,6836,6840,6848,6866,6884,6889,6897,6905,6909,6927,6932,6940,6944,6954,6959,6967],{"__ignoreMap":2158},[2162,6753,6754,6756,6758,6760,6762,6764,6766,6768,6770],{"class":2164,"line":2165},[2162,6755,2169],{"class":2168},[2162,6757,2173],{"class":2172},[2162,6759,2177],{"class":2176},[2162,6761,2180],{"class":2176},[2162,6763,2183],{"class":2168},[2162,6765,2186],{"class":2168},[2162,6767,2190],{"class":2189},[2162,6769,2186],{"class":2168},[2162,6771,2195],{"class":2168},[2162,6773,6774,6776,6778,6780,6782,6784,6786,6788,6790,6792,6794,6796,6798,6800,6802,6804,6806,6808,6810],{"class":2164,"line":2198},[2162,6775,2201],{"class":2176},[2162,6777,2204],{"class":2168},[2162,6779,3027],{"class":2207},[2162,6781,2287],{"class":2168},[2162,6783,5533],{"class":2207},[2162,6785,2287],{"class":2168},[2162,6787,5538],{"class":2207},[2162,6789,2287],{"class":2168},[2162,6791,3525],{"class":2207},[2162,6793,2211],{"class":2168},[2162,6795,2214],{"class":2168},[2162,6797,2218],{"class":2217},[2162,6799,4226],{"class":2221},[2162,6801,2225],{"class":2207},[2162,6803,2228],{"class":2168},[2162,6805,4354],{"class":2189},[2162,6807,2228],{"class":2168},[2162,6809,2287],{"class":2168},[2162,6811,2259],{"class":2168},[2162,6813,6814,6816,6818,6820],{"class":2164,"line":2239},[2162,6815,6456],{"class":2172},[2162,6817,2298],{"class":2168},[2162,6819,4380],{"class":4043},[2162,6821,2309],{"class":2168},[2162,6823,6824,6826],{"class":2164,"line":2245},[2162,6825,2211],{"class":2168},[2162,6827,2236],{"class":2207},[2162,6829,6830,6832,6834],{"class":2164,"line":2262},[2162,6831,2352],{"class":2168},[2162,6833,2173],{"class":2172},[2162,6835,2195],{"class":2168},[2162,6837,6838],{"class":2164,"line":2292},[2162,6839,2242],{"emptyLinePlaceholder":1196},[2162,6841,6842,6844,6846],{"class":2164,"line":2312},[2162,6843,2169],{"class":2168},[2162,6845,2369],{"class":2172},[2162,6847,2195],{"class":2168},[2162,6849,6850,6852,6854,6856,6858,6860,6862,6864],{"class":2164,"line":2322},[2162,6851,2377],{"class":2168},[2162,6853,2380],{"class":2172},[2162,6855,2383],{"class":2176},[2162,6857,2183],{"class":2168},[2162,6859,2186],{"class":2168},[2162,6861,6613],{"class":2189},[2162,6863,2186],{"class":2168},[2162,6865,2195],{"class":2168},[2162,6867,6868,6870,6872,6874,6876,6878,6880,6882],{"class":2164,"line":2329},[2162,6869,2428],{"class":2168},[2162,6871,5613],{"class":2172},[2162,6873,5616],{"class":2176},[2162,6875,2183],{"class":2168},[2162,6877,2186],{"class":2168},[2162,6879,3839],{"class":2189},[2162,6881,2186],{"class":2168},[2162,6883,2195],{"class":2168},[2162,6885,6886],{"class":2164,"line":2335},[2162,6887,6888],{"class":2207},"      Get data\n",[2162,6890,6891,6893,6895],{"class":2164,"line":2343},[2162,6892,2457],{"class":2168},[2162,6894,5613],{"class":2172},[2162,6896,2195],{"class":2168},[2162,6898,6899,6901,6903],{"class":2164,"line":2349},[2162,6900,2406],{"class":2168},[2162,6902,2380],{"class":2172},[2162,6904,2195],{"class":2168},[2162,6906,6907],{"class":2164,"line":2359},[2162,6908,2242],{"emptyLinePlaceholder":1196},[2162,6910,6911,6913,6915,6917,6919,6921,6923,6925],{"class":2164,"line":2364},[2162,6912,2377],{"class":2168},[2162,6914,2380],{"class":2172},[2162,6916,6644],{"class":2176},[2162,6918,2183],{"class":2168},[2162,6920,2186],{"class":2168},[2162,6922,4092],{"class":2189},[2162,6924,2186],{"class":2168},[2162,6926,2195],{"class":2168},[2162,6928,6929],{"class":2164,"line":2374},[2162,6930,6931],{"class":2207},"    Loading comments...\n",[2162,6933,6934,6936,6938],{"class":2164,"line":2397},[2162,6935,2406],{"class":2168},[2162,6937,2380],{"class":2172},[2162,6939,2195],{"class":2168},[2162,6941,6942],{"class":2164,"line":2403},[2162,6943,2242],{"emptyLinePlaceholder":1196},[2162,6945,6946,6948,6950,6952],{"class":2164,"line":2413},[2162,6947,2377],{"class":2168},[2162,6949,2380],{"class":2172},[2162,6951,2420],{"class":2176},[2162,6953,2195],{"class":2168},[2162,6955,6956],{"class":2164,"line":2425},[2162,6957,6958],{"class":2207},"    {{ data }}\n",[2162,6960,6961,6963,6965],{"class":2164,"line":2448},[2162,6962,2406],{"class":2168},[2162,6964,2380],{"class":2172},[2162,6966,2195],{"class":2168},[2162,6968,6969,6971,6973],{"class":2164,"line":2454},[2162,6970,2352],{"class":2168},[2162,6972,2369],{"class":2172},[2162,6974,2195],{"class":2168},[2030,6976,6977,6978,6980],{},"For finer control, the ",[2034,6979,3871],{}," variable can be:",[2050,6982,6983,6988,6993,6998],{},[2053,6984,6985,6987],{},[2034,6986,3874],{}," when the fetch hasn't started",[2053,6989,6990,6992],{},[2034,6991,6504],{}," when a fetch has started but not yet completed",[2053,6994,6995,6997],{},[2034,6996,3864],{}," when the fetch fails",[2053,6999,7000,7003],{},[2034,7001,7002],{},"success"," when the fetch is completed successfully",[2093,7005,7007],{"id":7006},"passing-headers-and-cookies","Passing Headers and Cookies",[2030,7009,7010,7011,7013,7014,7016],{},"When we call ",[2034,7012,630],{}," in the browser, user headers like ",[2034,7015,2812],{}," will be directly sent to the API.",[2030,7018,7019,7020,7022],{},"Normally, during server-side-rendering, due to security considerations, the ",[2034,7021,630],{}," wouldn't include the user's browser cookies, nor pass on cookies from the fetch response.",[2030,7024,7025,7026,7028,7029,7033,7034,2701],{},"However, when calling ",[2034,7027,527],{}," with a relative URL on the server, Nuxt will use ",[2038,7030,7031],{"href":572},[2034,7032,571],{}," to proxy headers and cookies (with the exception of headers not meant to be forwarded, like ",[2034,7035,2700],{},[2490,7037,7039],{"id":7038},"pass-cookies-from-server-side-api-calls-on-ssr-response","Pass Cookies From Server-side API Calls on SSR Response",[2030,7041,7042],{},"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.",[2153,7044,7047],{"className":2764,"code":7045,"filename":7046,"language":2190,"meta":2158,"style":2158},"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",[2034,7048,7049,7070,7092,7096,7134,7139,7163,7168,7191,7196,7217,7241,7245,7250,7261],{"__ignoreMap":2158},[2162,7050,7051,7054,7056,7059,7061,7064,7066,7068],{"class":2164,"line":2165},[2162,7052,7053],{"class":2217},"import",[2162,7055,2204],{"class":2168},[2162,7057,7058],{"class":2207}," appendResponseHeader",[2162,7060,2909],{"class":2168},[2162,7062,7063],{"class":2217}," from",[2162,7065,2301],{"class":2168},[2162,7067,2490],{"class":2189},[2162,7069,5483],{"class":2168},[2162,7071,7072,7074,7077,7079,7082,7084,7086,7088,7090],{"class":2164,"line":2198},[2162,7073,7053],{"class":2217},[2162,7075,7076],{"class":2217}," type",[2162,7078,2204],{"class":2168},[2162,7080,7081],{"class":2207}," H3Event",[2162,7083,2909],{"class":2168},[2162,7085,7063],{"class":2217},[2162,7087,2301],{"class":2168},[2162,7089,2490],{"class":2189},[2162,7091,5483],{"class":2168},[2162,7093,7094],{"class":2164,"line":2239},[2162,7095,2242],{"emptyLinePlaceholder":1196},[2162,7097,7098,7100,7103,7106,7108,7110,7112,7114,7116,7118,7120,7123,7125,7128,7130,7132],{"class":2164,"line":2245},[2162,7099,2777],{"class":2217},[2162,7101,7102],{"class":2176}," const",[2162,7104,7105],{"class":2207}," fetchWithCookie ",[2162,7107,2183],{"class":2168},[2162,7109,3547],{"class":2176},[2162,7111,3550],{"class":2168},[2162,7113,2789],{"class":2788},[2162,7115,2298],{"class":2168},[2162,7117,7081],{"class":3592},[2162,7119,2287],{"class":2168},[2162,7121,7122],{"class":2788}," url",[2162,7124,2298],{"class":2168},[2162,7126,7127],{"class":3592}," string",[2162,7129,3626],{"class":2168},[2162,7131,2792],{"class":2176},[2162,7133,2259],{"class":2168},[2162,7135,7136],{"class":2164,"line":2262},[2162,7137,7138],{"class":2325},"  /* Get the response from the server endpoint */\n",[2162,7140,7141,7143,7145,7147,7149,7151,7153,7156,7158,7161],{"class":2164,"line":2292},[2162,7142,2265],{"class":2176},[2162,7144,2268],{"class":2207},[2162,7146,2214],{"class":2168},[2162,7148,2218],{"class":2217},[2162,7150,2275],{"class":2207},[2162,7152,2045],{"class":2168},[2162,7154,7155],{"class":2221},"raw",[2162,7157,2225],{"class":2172},[2162,7159,7160],{"class":2207},"url",[2162,7162,2236],{"class":2172},[2162,7164,7165],{"class":2164,"line":2312},[2162,7166,7167],{"class":2325},"  /* Get the cookies from the response */\n",[2162,7169,7170,7172,7175,7177,7179,7181,7184,7186,7189],{"class":2164,"line":2322},[2162,7171,2265],{"class":2176},[2162,7173,7174],{"class":2207}," cookies",[2162,7176,2214],{"class":2168},[2162,7178,2268],{"class":2207},[2162,7180,2045],{"class":2168},[2162,7182,7183],{"class":2207},"headers",[2162,7185,2045],{"class":2168},[2162,7187,7188],{"class":2221},"getSetCookie",[2162,7190,3754],{"class":2172},[2162,7192,7193],{"class":2164,"line":2329},[2162,7194,7195],{"class":2325},"  /* Attach each cookie to our incoming Request */\n",[2162,7197,7198,7201,7203,7205,7208,7211,7213,7215],{"class":2164,"line":2335},[2162,7199,7200],{"class":2217},"  for",[2162,7202,3550],{"class":2172},[2162,7204,2201],{"class":2176},[2162,7206,7207],{"class":2207}," cookie",[2162,7209,7210],{"class":2168}," of",[2162,7212,7174],{"class":2207},[2162,7214,5816],{"class":2172},[2162,7216,5819],{"class":2168},[2162,7218,7219,7222,7224,7226,7228,7230,7233,7235,7237,7239],{"class":2164,"line":2343},[2162,7220,7221],{"class":2221},"    appendResponseHeader",[2162,7223,2225],{"class":2172},[2162,7225,2789],{"class":2207},[2162,7227,2287],{"class":2168},[2162,7229,2301],{"class":2168},[2162,7231,7232],{"class":2189},"set-cookie",[2162,7234,2228],{"class":2168},[2162,7236,2287],{"class":2168},[2162,7238,7207],{"class":2207},[2162,7240,2236],{"class":2172},[2162,7242,7243],{"class":2164,"line":2349},[2162,7244,5831],{"class":2168},[2162,7246,7247],{"class":2164,"line":2359},[2162,7248,7249],{"class":2325},"  /* Return the data of the response */\n",[2162,7251,7252,7254,7256,7258],{"class":2164,"line":2364},[2162,7253,2886],{"class":2217},[2162,7255,2268],{"class":2207},[2162,7257,2045],{"class":2168},[2162,7259,7260],{"class":2207},"_data\n",[2162,7262,7263],{"class":2164,"line":2374},[2162,7264,2346],{"class":2168},[2153,7266,7268],{"className":2155,"code":7267,"language":2157,"meta":2158,"style":2158},"\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",[2034,7269,7270,7290,7295,7309,7313,7358,7362,7389],{"__ignoreMap":2158},[2162,7271,7272,7274,7276,7278,7280,7282,7284,7286,7288],{"class":2164,"line":2165},[2162,7273,2169],{"class":2168},[2162,7275,2173],{"class":2172},[2162,7277,2177],{"class":2176},[2162,7279,2180],{"class":2176},[2162,7281,2183],{"class":2168},[2162,7283,2186],{"class":2168},[2162,7285,2190],{"class":2189},[2162,7287,2186],{"class":2168},[2162,7289,2195],{"class":2168},[2162,7291,7292],{"class":2164,"line":2198},[2162,7293,7294],{"class":2325},"// This composable will automatically pass cookies to the client\n",[2162,7296,7297,7299,7302,7304,7307],{"class":2164,"line":2239},[2162,7298,2201],{"class":2176},[2162,7300,7301],{"class":2207}," event ",[2162,7303,2183],{"class":2168},[2162,7305,7306],{"class":2221}," useRequestEvent",[2162,7308,3754],{"class":2207},[2162,7310,7311],{"class":2164,"line":2245},[2162,7312,2242],{"emptyLinePlaceholder":1196},[2162,7314,7315,7317,7319,7321,7323,7326,7328,7330,7332,7334,7336,7338,7340,7343,7346,7349,7351,7354,7356],{"class":2164,"line":2262},[2162,7316,2201],{"class":2176},[2162,7318,2204],{"class":2168},[2162,7320,3027],{"class":2172},[2162,7322,2298],{"class":2168},[2162,7324,7325],{"class":2207}," result ",[2162,7327,2211],{"class":2168},[2162,7329,2214],{"class":2168},[2162,7331,2218],{"class":2217},[2162,7333,3216],{"class":2221},[2162,7335,2225],{"class":2207},[2162,7337,3279],{"class":2168},[2162,7339,2792],{"class":2176},[2162,7341,7342],{"class":2221}," fetchWithCookie",[2162,7344,7345],{"class":2207},"(event",[2162,7347,7348],{"class":2168},"!,",[2162,7350,2301],{"class":2168},[2162,7352,7353],{"class":2189},"/api/with-cookie",[2162,7355,2228],{"class":2168},[2162,7357,3245],{"class":2207},[2162,7359,7360],{"class":2164,"line":2292},[2162,7361,2242],{"emptyLinePlaceholder":1196},[2162,7363,7364,7367,7369,7371,7373,7376,7378,7381,7384,7386],{"class":2164,"line":2312},[2162,7365,7366],{"class":2221},"onMounted",[2162,7368,2225],{"class":2207},[2162,7370,3279],{"class":2168},[2162,7372,2792],{"class":2176},[2162,7374,7375],{"class":2207}," console",[2162,7377,2045],{"class":2168},[2162,7379,7380],{"class":2221},"log",[2162,7382,7383],{"class":2207},"(document",[2162,7385,2045],{"class":2168},[2162,7387,7388],{"class":2207},"cookie))\n",[2162,7390,7391,7393,7395],{"class":2164,"line":2322},[2162,7392,2352],{"class":2168},[2162,7394,2173],{"class":2172},[2162,7396,2195],{"class":2168},[2093,7398,7400],{"id":7399},"options-api-support","Options API Support",[2030,7402,7403,7404,7407,7408,7410],{},"Nuxt provides a way to perform ",[2034,7405,7406],{},"asyncData"," fetching within the Options API. You must wrap your component definition within ",[2034,7409,666],{}," for this to work.",[2153,7412,7414],{"className":2155,"code":7413,"language":2157,"meta":2158,"style":2158},"\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",[2034,7415,7416,7424,7437,7442,7458,7470,7476,7500,7505,7509,7515],{"__ignoreMap":2158},[2162,7417,7418,7420,7422],{"class":2164,"line":2165},[2162,7419,2169],{"class":2168},[2162,7421,2173],{"class":2172},[2162,7423,2195],{"class":2168},[2162,7425,7426,7428,7430,7433,7435],{"class":2164,"line":2198},[2162,7427,2777],{"class":2217},[2162,7429,2780],{"class":2217},[2162,7431,7432],{"class":2221}," defineNuxtComponent",[2162,7434,2225],{"class":2207},[2162,7436,5819],{"class":2168},[2162,7438,7439],{"class":2164,"line":2239},[2162,7440,7441],{"class":2325},"  /* Use the fetchKey option to provide a unique key */\n",[2162,7443,7444,7447,7449,7451,7454,7456],{"class":2164,"line":2245},[2162,7445,7446],{"class":2172},"  fetchKey",[2162,7448,2298],{"class":2168},[2162,7450,2301],{"class":2168},[2162,7452,7453],{"class":2189},"hello",[2162,7455,2228],{"class":2168},[2162,7457,2309],{"class":2168},[2162,7459,7460,7463,7466,7468],{"class":2164,"line":2262},[2162,7461,7462],{"class":2176},"  async",[2162,7464,7465],{"class":2172}," asyncData",[2162,7467,2256],{"class":2168},[2162,7469,2259],{"class":2168},[2162,7471,7472,7474],{"class":2164,"line":2292},[2162,7473,4640],{"class":2217},[2162,7475,2259],{"class":2168},[2162,7477,7478,7481,7483,7485,7487,7489,7491,7494,7496,7498],{"class":2164,"line":2312},[2162,7479,7480],{"class":2172},"      hello",[2162,7482,2298],{"class":2168},[2162,7484,2218],{"class":2217},[2162,7486,2275],{"class":2221},[2162,7488,2225],{"class":2172},[2162,7490,2228],{"class":2168},[2162,7492,7493],{"class":2189},"/api/hello",[2162,7495,2228],{"class":2168},[2162,7497,3626],{"class":2172},[2162,7499,2309],{"class":2168},[2162,7501,7502],{"class":2164,"line":2322},[2162,7503,7504],{"class":2168},"    }\n",[2162,7506,7507],{"class":2164,"line":2329},[2162,7508,4694],{"class":2168},[2162,7510,7511,7513],{"class":2164,"line":2335},[2162,7512,2211],{"class":2168},[2162,7514,2236],{"class":2207},[2162,7516,7517,7519,7521],{"class":2164,"line":2343},[2162,7518,2352],{"class":2168},[2162,7520,2173],{"class":2172},[2162,7522,2195],{"class":2168},[2506,7524,7525],{},[2030,7526,7527,7528,4782,7530,7533],{},"Using ",[2034,7529,3915],{},[2034,7531,7532],{},"\u003Cscript setup lang=\"ts\">"," are the recommended way of declaring Vue components in Nuxt.",[2676,7535],{"to":667},[2093,7537,7539],{"id":7538},"serializing-data-from-server-to-client","Serializing Data From Server to Client",[2030,7541,7542,7543,2042,7545,7547,7548,7551,7552,7559,7560,2036,7563,2036,7566,2036,7569,2042,7572,7575],{},"When using ",[2034,7544,515],{},[2034,7546,543],{}," to transfer data fetched on server to the client (as well as anything else that utilizes ",[2038,7549,7550],{"href":2127},"the Nuxt payload","), the payload is serialized with ",[2038,7553,7556],{"href":7554,"rel":7555},"https://github.com/sveltejs/devalue",[2145],[2034,7557,7558],{},"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, ",[2034,7561,7562],{},"ref",[2034,7564,7565],{},"reactive",[2034,7567,7568],{},"shallowRef",[2034,7570,7571],{},"shallowReactive",[2034,7573,7574],{},"NuxtError"," - and more.",[2030,7577,7578,7579,7583],{},"It is also possible to define your own serializer/deserializer for types that are not supported by Nuxt. You can read more in the ",[2038,7580,7581],{"href":2127},[2034,7582,555],{}," docs.",[2506,7585,7586],{},[2030,7587,7588,7589,7592,7593,4782,7595,7597],{},"Note that this ",[3932,7590,7591],{},"does not apply"," to data passed from your server routes when fetched with ",[2034,7594,630],{},[2034,7596,527],{}," - see the next section for more information.",[2093,7599,7601],{"id":7600},"serializing-data-from-api-routes","Serializing Data From API Routes",[2030,7603,7604,7605,7607,7608,7611,7612,2042,7614,7618],{},"When fetching data from the ",[2034,7606,185],{}," directory, the response is serialized using ",[2034,7609,7610],{},"JSON.stringify",". However, since serialization is limited to only JavaScript primitive types, Nuxt does its best to convert the return type of ",[2034,7613,630],{},[2038,7615,7616],{"href":528},[2034,7617,527],{}," to match the actual value.",[2676,7620,7624],{"to":7621,"icon":7622,"target":7623},"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify#description","i-simple-icons-mdnwebdocs","_blank",[2030,7625,7626,7627,7629],{},"Learn more about ",[2034,7628,7610],{}," limitations.",[2490,7631,7633],{"id":7632},"example","Example",[2153,7635,7638],{"className":2764,"code":7636,"filename":7637,"language":2190,"meta":2158,"style":2158},"export default defineEventHandler(() => {\n  return new Date()\n})\n","server/api/foo.ts",[2034,7639,7640,7656,7668],{"__ignoreMap":2158},[2162,7641,7642,7644,7646,7648,7650,7652,7654],{"class":2164,"line":2165},[2162,7643,2777],{"class":2217},[2162,7645,2780],{"class":2217},[2162,7647,2783],{"class":2221},[2162,7649,2225],{"class":2207},[2162,7651,3279],{"class":2168},[2162,7653,2792],{"class":2176},[2162,7655,2259],{"class":2168},[2162,7657,7658,7660,7663,7666],{"class":2164,"line":2198},[2162,7659,2886],{"class":2217},[2162,7661,7662],{"class":2168}," new",[2162,7664,7665],{"class":2221}," Date",[2162,7667,3754],{"class":2172},[2162,7669,7670,7672],{"class":2164,"line":2239},[2162,7671,2211],{"class":2168},[2162,7673,2236],{"class":2207},[2153,7675,7677],{"className":2155,"code":7676,"filename":219,"language":2157,"meta":2158,"style":2158},"\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",[2034,7678,7679,7699,7704,7731],{"__ignoreMap":2158},[2162,7680,7681,7683,7685,7687,7689,7691,7693,7695,7697],{"class":2164,"line":2165},[2162,7682,2169],{"class":2168},[2162,7684,2173],{"class":2172},[2162,7686,2177],{"class":2176},[2162,7688,2180],{"class":2176},[2162,7690,2183],{"class":2168},[2162,7692,2186],{"class":2168},[2162,7694,2190],{"class":2189},[2162,7696,2186],{"class":2168},[2162,7698,2195],{"class":2168},[2162,7700,7701],{"class":2164,"line":2198},[2162,7702,7703],{"class":2325},"// Type of `data` is inferred as string even though we returned a Date object\n",[2162,7705,7706,7708,7710,7712,7714,7716,7718,7720,7722,7724,7727,7729],{"class":2164,"line":2239},[2162,7707,2201],{"class":2176},[2162,7709,2204],{"class":2168},[2162,7711,2208],{"class":2207},[2162,7713,2211],{"class":2168},[2162,7715,2214],{"class":2168},[2162,7717,2218],{"class":2217},[2162,7719,2222],{"class":2221},[2162,7721,2225],{"class":2207},[2162,7723,2228],{"class":2168},[2162,7725,7726],{"class":2189},"/api/foo",[2162,7728,2228],{"class":2168},[2162,7730,2236],{"class":2207},[2162,7732,7733,7735,7737],{"class":2164,"line":2245},[2162,7734,2352],{"class":2168},[2162,7736,2173],{"class":2172},[2162,7738,2195],{"class":2168},[2490,7740,7742],{"id":7741},"custom-serializer-function","Custom serializer function",[2030,7744,7745,7746,7749,7750,7752],{},"To customize the serialization behavior, you can define a ",[2034,7747,7748],{},"toJSON"," function on your returned object. If you define a ",[2034,7751,7748],{}," method, Nuxt will respect the return type of the function and will not try to convert the types.",[2153,7754,7757],{"className":2764,"code":7755,"filename":7756,"language":2190,"meta":2158,"style":2158},"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",[2034,7758,7759,7775,7785,7800,7804,7813,7820,7829,7851,7871,7891,7896,7901,7905,7909,7916],{"__ignoreMap":2158},[2162,7760,7761,7763,7765,7767,7769,7771,7773],{"class":2164,"line":2165},[2162,7762,2777],{"class":2217},[2162,7764,2780],{"class":2217},[2162,7766,2783],{"class":2221},[2162,7768,2225],{"class":2207},[2162,7770,3279],{"class":2168},[2162,7772,2792],{"class":2176},[2162,7774,2259],{"class":2168},[2162,7776,7777,7779,7781,7783],{"class":2164,"line":2198},[2162,7778,2265],{"class":2176},[2162,7780,3027],{"class":2207},[2162,7782,2214],{"class":2168},[2162,7784,2259],{"class":2168},[2162,7786,7787,7790,7792,7794,7796,7798],{"class":2164,"line":2239},[2162,7788,7789],{"class":2172},"    createdAt",[2162,7791,2298],{"class":2168},[2162,7793,7662],{"class":2168},[2162,7795,7665],{"class":2221},[2162,7797,3279],{"class":2172},[2162,7799,2309],{"class":2168},[2162,7801,7802],{"class":2164,"line":2245},[2162,7803,2242],{"emptyLinePlaceholder":1196},[2162,7805,7806,7809,7811],{"class":2164,"line":2262},[2162,7807,7808],{"class":2172},"    toJSON ",[2162,7810,3279],{"class":2168},[2162,7812,2259],{"class":2168},[2162,7814,7815,7818],{"class":2164,"line":2292},[2162,7816,7817],{"class":2217},"      return",[2162,7819,2259],{"class":2168},[2162,7821,7822,7825,7827],{"class":2164,"line":2312},[2162,7823,7824],{"class":2172},"        createdAt",[2162,7826,2298],{"class":2168},[2162,7828,2259],{"class":2168},[2162,7830,7831,7834,7836,7839,7842,7844,7847,7849],{"class":2164,"line":2322},[2162,7832,7833],{"class":2172},"          year",[2162,7835,2298],{"class":2168},[2162,7837,7838],{"class":2168}," this.",[2162,7840,7841],{"class":2207},"createdAt",[2162,7843,2045],{"class":2168},[2162,7845,7846],{"class":2221},"getFullYear",[2162,7848,3279],{"class":2172},[2162,7850,2309],{"class":2168},[2162,7852,7853,7856,7858,7860,7862,7864,7867,7869],{"class":2164,"line":2329},[2162,7854,7855],{"class":2172},"          month",[2162,7857,2298],{"class":2168},[2162,7859,7838],{"class":2168},[2162,7861,7841],{"class":2207},[2162,7863,2045],{"class":2168},[2162,7865,7866],{"class":2221},"getMonth",[2162,7868,3279],{"class":2172},[2162,7870,2309],{"class":2168},[2162,7872,7873,7876,7878,7880,7882,7884,7887,7889],{"class":2164,"line":2335},[2162,7874,7875],{"class":2172},"          day",[2162,7877,2298],{"class":2168},[2162,7879,7838],{"class":2168},[2162,7881,7841],{"class":2207},[2162,7883,2045],{"class":2168},[2162,7885,7886],{"class":2221},"getDate",[2162,7888,3279],{"class":2172},[2162,7890,2309],{"class":2168},[2162,7892,7893],{"class":2164,"line":2343},[2162,7894,7895],{"class":2168},"        },\n",[2162,7897,7898],{"class":2164,"line":2349},[2162,7899,7900],{"class":2168},"      }\n",[2162,7902,7903],{"class":2164,"line":2359},[2162,7904,2332],{"class":2168},[2162,7906,7907],{"class":2164,"line":2364},[2162,7908,5831],{"class":2168},[2162,7910,7911,7913],{"class":2164,"line":2374},[2162,7912,2886],{"class":2217},[2162,7914,7915],{"class":2207}," data\n",[2162,7917,7918,7920],{"class":2164,"line":2397},[2162,7919,2211],{"class":2168},[2162,7921,2236],{"class":2207},[2153,7923,7925],{"className":2155,"code":7924,"filename":219,"language":2157,"meta":2158,"style":2158},"\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",[2034,7926,7927,7947,7952,7957,7962,7967,7972,7977,7982,7987,8014],{"__ignoreMap":2158},[2162,7928,7929,7931,7933,7935,7937,7939,7941,7943,7945],{"class":2164,"line":2165},[2162,7930,2169],{"class":2168},[2162,7932,2173],{"class":2172},[2162,7934,2177],{"class":2176},[2162,7936,2180],{"class":2176},[2162,7938,2183],{"class":2168},[2162,7940,2186],{"class":2168},[2162,7942,2190],{"class":2189},[2162,7944,2186],{"class":2168},[2162,7946,2195],{"class":2168},[2162,7948,7949],{"class":2164,"line":2198},[2162,7950,7951],{"class":2325},"// Type of `data` is inferred as\n",[2162,7953,7954],{"class":2164,"line":2239},[2162,7955,7956],{"class":2325},"// {\n",[2162,7958,7959],{"class":2164,"line":2245},[2162,7960,7961],{"class":2325},"//   createdAt: {\n",[2162,7963,7964],{"class":2164,"line":2262},[2162,7965,7966],{"class":2325},"//     year: number\n",[2162,7968,7969],{"class":2164,"line":2292},[2162,7970,7971],{"class":2325},"//     month: number\n",[2162,7973,7974],{"class":2164,"line":2312},[2162,7975,7976],{"class":2325},"//     day: number\n",[2162,7978,7979],{"class":2164,"line":2322},[2162,7980,7981],{"class":2325},"//   }\n",[2162,7983,7984],{"class":2164,"line":2329},[2162,7985,7986],{"class":2325},"// }\n",[2162,7988,7989,7991,7993,7995,7997,7999,8001,8003,8005,8007,8010,8012],{"class":2164,"line":2335},[2162,7990,2201],{"class":2176},[2162,7992,2204],{"class":2168},[2162,7994,2208],{"class":2207},[2162,7996,2211],{"class":2168},[2162,7998,2214],{"class":2168},[2162,8000,2218],{"class":2217},[2162,8002,2222],{"class":2221},[2162,8004,2225],{"class":2207},[2162,8006,2228],{"class":2168},[2162,8008,8009],{"class":2189},"/api/bar",[2162,8011,2228],{"class":2168},[2162,8013,2236],{"class":2207},[2162,8015,8016,8018,8020],{"class":2164,"line":2343},[2162,8017,2352],{"class":2168},[2162,8019,2173],{"class":2172},[2162,8021,2195],{"class":2168},[2490,8023,8025],{"id":8024},"using-an-alternative-serializer","Using an alternative serializer",[2030,8027,8028,8029,8031,8032,8034],{},"Nuxt does not currently support an alternative serializer to ",[2034,8030,7610],{},". However, you can return your payload as a normal string and utilize the ",[2034,8033,7748],{}," method to maintain type safety.",[2030,8036,8037,8038,8043],{},"In the example below, we use ",[2038,8039,8042],{"href":8040,"rel":8041},"https://github.com/flightcontrolhq/superjson",[2145],"superjson"," as our serializer.",[2153,8045,8048],{"className":2764,"code":8046,"filename":8047,"language":2190,"meta":2158,"style":2158},"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",[2034,8049,8050,8066,8070,8086,8096,8110,8114,8119,8127,8134,8138,8142,8146,8151,8183],{"__ignoreMap":2158},[2162,8051,8052,8054,8057,8060,8062,8064],{"class":2164,"line":2165},[2162,8053,7053],{"class":2217},[2162,8055,8056],{"class":2207}," superjson ",[2162,8058,8059],{"class":2217},"from",[2162,8061,2301],{"class":2168},[2162,8063,8042],{"class":2189},[2162,8065,5483],{"class":2168},[2162,8067,8068],{"class":2164,"line":2198},[2162,8069,2242],{"emptyLinePlaceholder":1196},[2162,8071,8072,8074,8076,8078,8080,8082,8084],{"class":2164,"line":2239},[2162,8073,2777],{"class":2217},[2162,8075,2780],{"class":2217},[2162,8077,2783],{"class":2221},[2162,8079,2225],{"class":2207},[2162,8081,3279],{"class":2168},[2162,8083,2792],{"class":2176},[2162,8085,2259],{"class":2168},[2162,8087,8088,8090,8092,8094],{"class":2164,"line":2245},[2162,8089,2265],{"class":2176},[2162,8091,3027],{"class":2207},[2162,8093,2214],{"class":2168},[2162,8095,2259],{"class":2168},[2162,8097,8098,8100,8102,8104,8106,8108],{"class":2164,"line":2262},[2162,8099,7789],{"class":2172},[2162,8101,2298],{"class":2168},[2162,8103,7662],{"class":2168},[2162,8105,7665],{"class":2221},[2162,8107,3279],{"class":2172},[2162,8109,2309],{"class":2168},[2162,8111,8112],{"class":2164,"line":2292},[2162,8113,2242],{"emptyLinePlaceholder":1196},[2162,8115,8116],{"class":2164,"line":2312},[2162,8117,8118],{"class":2325},"    // Workaround the type conversion\n",[2162,8120,8121,8123,8125],{"class":2164,"line":2322},[2162,8122,7808],{"class":2172},[2162,8124,3279],{"class":2168},[2162,8126,2259],{"class":2168},[2162,8128,8129,8131],{"class":2164,"line":2329},[2162,8130,7817],{"class":2217},[2162,8132,8133],{"class":2168}," this\n",[2162,8135,8136],{"class":2164,"line":2335},[2162,8137,2332],{"class":2168},[2162,8139,8140],{"class":2164,"line":2343},[2162,8141,5831],{"class":2168},[2162,8143,8144],{"class":2164,"line":2349},[2162,8145,2242],{"emptyLinePlaceholder":1196},[2162,8147,8148],{"class":2164,"line":2359},[2162,8149,8150],{"class":2325},"  // Serialize the output to string, using superjson\n",[2162,8152,8153,8155,8158,8160,8163,8165,8167,8169,8172,8175,8178,8181],{"class":2164,"line":2364},[2162,8154,2886],{"class":2217},[2162,8156,8157],{"class":2207}," superjson",[2162,8159,2045],{"class":2168},[2162,8161,8162],{"class":2221},"stringify",[2162,8164,2225],{"class":2172},[2162,8166,3829],{"class":2207},[2162,8168,5816],{"class":2172},[2162,8170,8171],{"class":2217},"as",[2162,8173,8174],{"class":3592}," unknown",[2162,8176,8177],{"class":2217}," as",[2162,8179,8180],{"class":2168}," typeof",[2162,8182,7915],{"class":2207},[2162,8184,8185,8187],{"class":2164,"line":2374},[2162,8186,2211],{"class":2168},[2162,8188,2236],{"class":2207},[2153,8190,8192],{"className":2155,"code":8191,"filename":219,"language":2157,"meta":2158,"style":2158},"\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",[2034,8193,8194,8214,8228,8232,8237,8266,8282,8307,8311,8317],{"__ignoreMap":2158},[2162,8195,8196,8198,8200,8202,8204,8206,8208,8210,8212],{"class":2164,"line":2165},[2162,8197,2169],{"class":2168},[2162,8199,2173],{"class":2172},[2162,8201,2177],{"class":2176},[2162,8203,2180],{"class":2176},[2162,8205,2183],{"class":2168},[2162,8207,2186],{"class":2168},[2162,8209,2190],{"class":2189},[2162,8211,2186],{"class":2168},[2162,8213,2195],{"class":2168},[2162,8215,8216,8218,8220,8222,8224,8226],{"class":2164,"line":2198},[2162,8217,7053],{"class":2217},[2162,8219,8056],{"class":2207},[2162,8221,8059],{"class":2217},[2162,8223,2301],{"class":2168},[2162,8225,8042],{"class":2189},[2162,8227,5483],{"class":2168},[2162,8229,8230],{"class":2164,"line":2239},[2162,8231,2242],{"emptyLinePlaceholder":1196},[2162,8233,8234],{"class":2164,"line":2245},[2162,8235,8236],{"class":2325},"// `date` is inferred as { createdAt: Date } and you can safely use the Date object methods\n",[2162,8238,8239,8241,8243,8245,8247,8249,8251,8253,8255,8257,8260,8262,8264],{"class":2164,"line":2262},[2162,8240,2201],{"class":2176},[2162,8242,2204],{"class":2168},[2162,8244,2208],{"class":2207},[2162,8246,2211],{"class":2168},[2162,8248,2214],{"class":2168},[2162,8250,2218],{"class":2217},[2162,8252,2222],{"class":2221},[2162,8254,2225],{"class":2207},[2162,8256,2228],{"class":2168},[2162,8258,8259],{"class":2189},"/api/superjson",[2162,8261,2228],{"class":2168},[2162,8263,2287],{"class":2168},[2162,8265,2259],{"class":2168},[2162,8267,8268,8270,8272,8274,8276,8278,8280],{"class":2164,"line":2292},[2162,8269,4622],{"class":2221},[2162,8271,2298],{"class":2168},[2162,8273,3550],{"class":2168},[2162,8275,5420],{"class":2788},[2162,8277,3626],{"class":2168},[2162,8279,2792],{"class":2176},[2162,8281,2259],{"class":2168},[2162,8283,8284,8286,8288,8290,8293,8295,8297,8299,8301,8303,8305],{"class":2164,"line":2312},[2162,8285,4640],{"class":2217},[2162,8287,8157],{"class":2207},[2162,8289,2045],{"class":2168},[2162,8291,8292],{"class":2221},"parse",[2162,8294,2225],{"class":2172},[2162,8296,5420],{"class":2207},[2162,8298,8177],{"class":2217},[2162,8300,8174],{"class":3592},[2162,8302,8177],{"class":2217},[2162,8304,7127],{"class":3592},[2162,8306,2236],{"class":2172},[2162,8308,8309],{"class":2164,"line":2322},[2162,8310,4694],{"class":2168},[2162,8312,8313,8315],{"class":2164,"line":2329},[2162,8314,2211],{"class":2168},[2162,8316,2236],{"class":2207},[2162,8318,8319,8321,8323],{"class":2164,"line":2335},[2162,8320,2352],{"class":2168},[2162,8322,2173],{"class":2172},[2162,8324,2195],{"class":2168},[2093,8326,357],{"id":8327},"recipes",[2490,8329,8331],{"id":8330},"consuming-sse-server-sent-events-via-post-request","Consuming SSE (Server-Sent Events) via POST request",[2136,8333,8334],{},[2030,8335,8336,8337,8344,8345,2045],{},"If you're consuming SSE via GET request, you can use ",[2038,8338,8341],{"href":8339,"rel":8340},"https://developer.mozilla.org/en-US/docs/Web/API/EventSource",[2145],[2034,8342,8343],{},"EventSource"," or VueUse composable ",[2038,8346,8349],{"href":8347,"rel":8348},"https://vueuse.org/core/useeventsource/",[2145],[2034,8350,8351],{},"useEventSource",[2030,8353,8354],{},"When consuming SSE via POST request, you need to handle the connection manually. Here's how you can do it:",[2153,8356,8358],{"className":2764,"code":8357,"language":2190,"meta":2158,"style":2158},"// 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",[2034,8359,8360,8365,8398,8413,8422,8438,8442,8458,8464,8468,8473,8508,8512,8517,8531,8560,8564,8582,8586,8610],{"__ignoreMap":2158},[2162,8361,8362],{"class":2164,"line":2165},[2162,8363,8364],{"class":2325},"// Make a POST request to the SSE endpoint\n",[2162,8366,8367,8369,8372,8374,8376,8378,8380,8383,8385,8387,8389,8392,8394,8396],{"class":2164,"line":2198},[2162,8368,2201],{"class":2176},[2162,8370,8371],{"class":2207}," response ",[2162,8373,2183],{"class":2168},[2162,8375,2218],{"class":2217},[2162,8377,2275],{"class":2221},[2162,8379,2169],{"class":2168},[2162,8381,8382],{"class":3592},"ReadableStream",[2162,8384,3080],{"class":2168},[2162,8386,2225],{"class":2207},[2162,8388,2228],{"class":2168},[2162,8390,8391],{"class":2189},"/chats/ask-ai",[2162,8393,2228],{"class":2168},[2162,8395,2287],{"class":2168},[2162,8397,2259],{"class":2168},[2162,8399,8400,8403,8405,8407,8409,8411],{"class":2164,"line":2239},[2162,8401,8402],{"class":2172},"  method",[2162,8404,2298],{"class":2168},[2162,8406,2301],{"class":2168},[2162,8408,2304],{"class":2189},[2162,8410,2228],{"class":2168},[2162,8412,2309],{"class":2168},[2162,8414,8415,8418,8420],{"class":2164,"line":2245},[2162,8416,8417],{"class":2172},"  body",[2162,8419,2298],{"class":2168},[2162,8421,2259],{"class":2168},[2162,8423,8424,8427,8429,8431,8434,8436],{"class":2164,"line":2262},[2162,8425,8426],{"class":2172},"    query",[2162,8428,2298],{"class":2168},[2162,8430,2301],{"class":2168},[2162,8432,8433],{"class":2189},"Hello AI, how are you?",[2162,8435,2228],{"class":2168},[2162,8437,2309],{"class":2168},[2162,8439,8440],{"class":2164,"line":2292},[2162,8441,4694],{"class":2168},[2162,8443,8444,8447,8449,8451,8454,8456],{"class":2164,"line":2312},[2162,8445,8446],{"class":2172},"  responseType",[2162,8448,2298],{"class":2168},[2162,8450,2301],{"class":2168},[2162,8452,8453],{"class":2189},"stream",[2162,8455,2228],{"class":2168},[2162,8457,2309],{"class":2168},[2162,8459,8460,8462],{"class":2164,"line":2322},[2162,8461,2211],{"class":2168},[2162,8463,2236],{"class":2207},[2162,8465,8466],{"class":2164,"line":2329},[2162,8467,2242],{"emptyLinePlaceholder":1196},[2162,8469,8470],{"class":2164,"line":2335},[2162,8471,8472],{"class":2325},"// Create a new ReadableStream from the response with TextDecoderStream to get the data as text\n",[2162,8474,8475,8477,8480,8482,8485,8487,8490,8492,8495,8498,8501,8503,8506],{"class":2164,"line":2343},[2162,8476,2201],{"class":2176},[2162,8478,8479],{"class":2207}," reader ",[2162,8481,2183],{"class":2168},[2162,8483,8484],{"class":2207}," response",[2162,8486,2045],{"class":2168},[2162,8488,8489],{"class":2221},"pipeThrough",[2162,8491,2225],{"class":2207},[2162,8493,8494],{"class":2168},"new",[2162,8496,8497],{"class":2221}," TextDecoderStream",[2162,8499,8500],{"class":2207},"())",[2162,8502,2045],{"class":2168},[2162,8504,8505],{"class":2221},"getReader",[2162,8507,3754],{"class":2207},[2162,8509,8510],{"class":2164,"line":2349},[2162,8511,2242],{"emptyLinePlaceholder":1196},[2162,8513,8514],{"class":2164,"line":2359},[2162,8515,8516],{"class":2325},"// Read the chunk of data as we get it\n",[2162,8518,8519,8522,8524,8527,8529],{"class":2164,"line":2364},[2162,8520,8521],{"class":2217},"while",[2162,8523,3550],{"class":2207},[2162,8525,8526],{"class":4043},"true",[2162,8528,5816],{"class":2207},[2162,8530,5819],{"class":2168},[2162,8532,8533,8535,8537,8539,8541,8544,8546,8548,8550,8553,8555,8558],{"class":2164,"line":2374},[2162,8534,2265],{"class":2176},[2162,8536,2204],{"class":2168},[2162,8538,4831],{"class":2207},[2162,8540,2287],{"class":2168},[2162,8542,8543],{"class":2207}," done",[2162,8545,2909],{"class":2168},[2162,8547,2214],{"class":2168},[2162,8549,2218],{"class":2217},[2162,8551,8552],{"class":2207}," reader",[2162,8554,2045],{"class":2168},[2162,8556,8557],{"class":2221},"read",[2162,8559,3754],{"class":2172},[2162,8561,8562],{"class":2164,"line":2397},[2162,8563,2242],{"emptyLinePlaceholder":1196},[2162,8565,8566,8568,8570,8573,8575,8577,8580],{"class":2164,"line":2403},[2162,8567,5800],{"class":2217},[2162,8569,3550],{"class":2172},[2162,8571,8572],{"class":2207},"done",[2162,8574,5816],{"class":2172},[2162,8576,4660],{"class":2168},[2162,8578,8579],{"class":2217}," break",[2162,8581,3678],{"class":2168},[2162,8583,8584],{"class":2164,"line":2413},[2162,8585,2242],{"emptyLinePlaceholder":1196},[2162,8587,8588,8591,8593,8595,8597,8599,8602,8604,8606,8608],{"class":2164,"line":2425},[2162,8589,8590],{"class":2207},"  console",[2162,8592,2045],{"class":2168},[2162,8594,7380],{"class":2221},[2162,8596,2225],{"class":2172},[2162,8598,2228],{"class":2168},[2162,8600,8601],{"class":2189},"Received:",[2162,8603,2228],{"class":2168},[2162,8605,2287],{"class":2168},[2162,8607,4831],{"class":2207},[2162,8609,2236],{"class":2172},[2162,8611,8612],{"class":2164,"line":2448},[2162,8613,2346],{"class":2168},[2490,8615,8617],{"id":8616},"making-parallel-requests","Making parallel requests",[2030,8619,8620,8621,8624],{},"When requests don't rely on each other, you can make them in parallel with ",[2034,8622,8623],{},"Promise.all()"," to boost performance.",[2153,8626,8628],{"className":2764,"code":8627,"language":2190,"meta":2158,"style":2158},"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",[2034,8629,8630,8664,8676,8701,8726,8730,8736,8740,8773],{"__ignoreMap":2158},[2162,8631,8632,8634,8636,8638,8640,8642,8644,8646,8648,8650,8652,8654,8656,8658,8660,8662],{"class":2164,"line":2165},[2162,8633,2201],{"class":2176},[2162,8635,2204],{"class":2168},[2162,8637,2208],{"class":2207},[2162,8639,2211],{"class":2168},[2162,8641,2214],{"class":2168},[2162,8643,2218],{"class":2217},[2162,8645,3216],{"class":2221},[2162,8647,2225],{"class":2207},[2162,8649,2225],{"class":2168},[2162,8651,3553],{"class":2788},[2162,8653,2287],{"class":2168},[2162,8655,2204],{"class":2168},[2162,8657,3560],{"class":2788},[2162,8659,3563],{"class":2168},[2162,8661,2792],{"class":2176},[2162,8663,2259],{"class":2168},[2162,8665,8666,8668,8670,8672,8674],{"class":2164,"line":2198},[2162,8667,2886],{"class":2217},[2162,8669,3593],{"class":3592},[2162,8671,2045],{"class":2168},[2162,8673,3598],{"class":2221},[2162,8675,3601],{"class":2172},[2162,8677,8678,8680,8682,8684,8687,8689,8691,8693,8695,8697,8699],{"class":2164,"line":2239},[2162,8679,3606],{"class":2221},[2162,8681,2225],{"class":2172},[2162,8683,2228],{"class":2168},[2162,8685,8686],{"class":2189},"/api/comments/",[2162,8688,2228],{"class":2168},[2162,8690,2287],{"class":2168},[2162,8692,2204],{"class":2168},[2162,8694,3560],{"class":2207},[2162,8696,2909],{"class":2168},[2162,8698,3626],{"class":2172},[2162,8700,2309],{"class":2168},[2162,8702,8703,8705,8707,8709,8712,8714,8716,8718,8720,8722,8724],{"class":2164,"line":2245},[2162,8704,3606],{"class":2221},[2162,8706,2225],{"class":2172},[2162,8708,2228],{"class":2168},[2162,8710,8711],{"class":2189},"/api/author/12",[2162,8713,2228],{"class":2168},[2162,8715,2287],{"class":2168},[2162,8717,2204],{"class":2168},[2162,8719,3560],{"class":2207},[2162,8721,2909],{"class":2168},[2162,8723,3626],{"class":2172},[2162,8725,2309],{"class":2168},[2162,8727,8728],{"class":2164,"line":2262},[2162,8729,3658],{"class":2172},[2162,8731,8732,8734],{"class":2164,"line":2292},[2162,8733,2211],{"class":2168},[2162,8735,2236],{"class":2207},[2162,8737,8738],{"class":2164,"line":2312},[2162,8739,2242],{"emptyLinePlaceholder":1196},[2162,8741,8742,8744,8746,8748,8750,8752,8754,8756,8758,8760,8762,8765,8768,8771],{"class":2164,"line":2322},[2162,8743,2201],{"class":2176},[2162,8745,4341],{"class":2207},[2162,8747,2183],{"class":2168},[2162,8749,6484],{"class":2221},[2162,8751,2225],{"class":2207},[2162,8753,3279],{"class":2168},[2162,8755,2792],{"class":2176},[2162,8757,3027],{"class":2207},[2162,8759,2045],{"class":2168},[2162,8761,5420],{"class":2207},[2162,8763,8764],{"class":2168},"?.",[2162,8766,8767],{"class":2207},"[",[2162,8769,8770],{"class":5898},"0",[2162,8772,2864],{"class":2207},[2162,8774,8775,8777,8780,8782,8784,8786,8788,8790,8792,8794,8796,8798,8800,8802],{"class":2164,"line":2329},[2162,8776,2201],{"class":2176},[2162,8778,8779],{"class":2207}," author ",[2162,8781,2183],{"class":2168},[2162,8783,6484],{"class":2221},[2162,8785,2225],{"class":2207},[2162,8787,3279],{"class":2168},[2162,8789,2792],{"class":2176},[2162,8791,3027],{"class":2207},[2162,8793,2045],{"class":2168},[2162,8795,5420],{"class":2207},[2162,8797,8764],{"class":2168},[2162,8799,8767],{"class":2207},[2162,8801,5899],{"class":5898},[2162,8803,2864],{"class":2207},[3110,8805],{"title":8806,"video-id":8807,"platform":4261},"Watch a video from Vue School on parallel data fetching","1024262536",[8809,8810,8811],"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":2158,"searchDepth":2198,"depth":2198,"links":8813},[8814,8818,8821,8822,8823,8824,8831,8834,8835,8836,8841],{"id":2095,"depth":2198,"text":8815,"children":8816},"The need for useFetch and useAsyncData",[8817],{"id":2492,"depth":2239,"text":2493},{"id":2518,"depth":2198,"text":630,"children":8819},[8820],{"id":2685,"depth":2239,"text":2686},{"id":2981,"depth":2198,"text":527},{"id":3121,"depth":2198,"text":515},{"id":3814,"depth":2198,"text":3815},{"id":3946,"depth":2198,"text":3947,"children":8825},[8826,8827,8828,8829,8830],{"id":3961,"depth":2239,"text":3962},{"id":4264,"depth":2239,"text":4265},{"id":4402,"depth":2239,"text":4403},{"id":4716,"depth":2239,"text":4717},{"id":6363,"depth":2239,"text":6728},{"id":7006,"depth":2198,"text":7007,"children":8832},[8833],{"id":7038,"depth":2239,"text":7039},{"id":7399,"depth":2198,"text":7400},{"id":7538,"depth":2198,"text":7539},{"id":7600,"depth":2198,"text":7601,"children":8837},[8838,8839,8840],{"id":7632,"depth":2239,"text":7633},{"id":7741,"depth":2239,"text":7742},{"id":8024,"depth":2239,"text":8025},{"id":8327,"depth":2198,"text":357,"children":8842},[8843,8844],{"id":8330,"depth":2239,"text":8331},{"id":8616,"depth":2239,"text":8617},"Nuxt provides composables to handle data fetching within your application.","md",{},{"icon":67},{"title":64,"description":8845},"l2UD0MVXrzBhhkGE9q7TX7i6wCWFVqDNtfUNTb7z4Lk",[8852,8854],{"title":59,"path":60,"stem":61,"description":8853,"icon":62,"children":-1},"Apply transitions between pages and layouts with Vue or native browser View Transitions.",{"title":69,"path":70,"stem":71,"description":8855,"icon":72,"children":-1},"Nuxt provides powerful state management libraries and the useState composable to create a reactive and SSR-friendly shared state.",1771414179093]