[{"data":1,"prerenderedAt":9678},["ShallowReactive",2],{"$fGCo9l1hMtNdUiA6QzdUX5X3kLqaWcC5t2kdz4LrvCvc":3,"versions":2842,"-docs-3-x-getting-started-data-fetching":2846,"-docs-3-x-getting-started-data-fetching-surround":9673},[4,1120,1940,2753],{"title":5,"titleTemplate":6,"icon":7,"path":8,"stem":9,"children":10,"page":108},"Docs",null,"i-lucide-book-marked","/docs/3.x","docs/3.x",[11,109,246,426,907,999,1036,1078],{"title":12,"titleTemplate":13,"icon":14,"path":15,"stem":16,"children":17,"page":108},"Get Started","%s · Get Started with Nuxt","i-lucide-rocket","/docs/3.x/getting-started","docs/3.x/1.getting-started",[18,23,28,33,38,43,48,53,58,63,68,73,78,83,88,93,98,103],{"title":19,"path":20,"stem":21,"titleTemplate":6,"icon":22},"Introduction","/docs/3.x/getting-started/introduction","docs/3.x/1.getting-started/01.introduction","i-lucide-info",{"title":24,"path":25,"stem":26,"titleTemplate":6,"icon":27},"Installation","/docs/3.x/getting-started/installation","docs/3.x/1.getting-started/02.installation","i-lucide-play",{"title":29,"path":30,"stem":31,"titleTemplate":6,"icon":32},"Configuration","/docs/3.x/getting-started/configuration","docs/3.x/1.getting-started/03.configuration","i-lucide-cog",{"title":34,"path":35,"stem":36,"titleTemplate":6,"icon":37},"Views","/docs/3.x/getting-started/views","docs/3.x/1.getting-started/04.views","i-lucide-panels-top-left",{"title":39,"path":40,"stem":41,"titleTemplate":6,"icon":42},"Assets","/docs/3.x/getting-started/assets","docs/3.x/1.getting-started/05.assets","i-lucide-image",{"title":44,"path":45,"stem":46,"titleTemplate":6,"icon":47},"Styling","/docs/3.x/getting-started/styling","docs/3.x/1.getting-started/06.styling","i-lucide-palette",{"title":49,"path":50,"stem":51,"titleTemplate":6,"icon":52},"Routing","/docs/3.x/getting-started/routing","docs/3.x/1.getting-started/07.routing","i-lucide-milestone",{"title":54,"path":55,"stem":56,"titleTemplate":6,"icon":57},"SEO and Meta","/docs/3.x/getting-started/seo-meta","docs/3.x/1.getting-started/08.seo-meta","i-lucide-file-search",{"title":59,"path":60,"stem":61,"titleTemplate":6,"icon":62},"Transitions","/docs/3.x/getting-started/transitions","docs/3.x/1.getting-started/09.transitions","i-lucide-toggle-right",{"title":64,"path":65,"stem":66,"titleTemplate":6,"icon":67},"Data Fetching","/docs/3.x/getting-started/data-fetching","docs/3.x/1.getting-started/10.data-fetching","i-lucide-cable",{"title":69,"path":70,"stem":71,"titleTemplate":6,"icon":72},"State Management","/docs/3.x/getting-started/state-management","docs/3.x/1.getting-started/11.state-management","i-lucide-database",{"title":74,"path":75,"stem":76,"titleTemplate":6,"icon":77},"Error Handling","/docs/3.x/getting-started/error-handling","docs/3.x/1.getting-started/12.error-handling","i-lucide-bug-off",{"title":79,"path":80,"stem":81,"titleTemplate":6,"icon":82},"Server","/docs/3.x/getting-started/server","docs/3.x/1.getting-started/13.server","i-lucide-pc-case",{"title":84,"path":85,"stem":86,"titleTemplate":6,"icon":87},"Layers","/docs/3.x/getting-started/layers","docs/3.x/1.getting-started/14.layers","i-lucide-layers",{"title":89,"path":90,"stem":91,"titleTemplate":6,"icon":92},"Prerendering","/docs/3.x/getting-started/prerendering","docs/3.x/1.getting-started/15.prerendering","i-lucide-file-code-2",{"title":94,"path":95,"stem":96,"titleTemplate":6,"icon":97},"Deployment","/docs/3.x/getting-started/deployment","docs/3.x/1.getting-started/16.deployment","i-lucide-cloud",{"title":99,"path":100,"stem":101,"titleTemplate":6,"icon":102},"Testing","/docs/3.x/getting-started/testing","docs/3.x/1.getting-started/17.testing","i-lucide-circle-check",{"title":104,"path":105,"stem":106,"titleTemplate":6,"icon":107},"Upgrade Guide","/docs/3.x/getting-started/upgrade","docs/3.x/1.getting-started/18.upgrade","i-lucide-circle-arrow-up",false,{"title":110,"titleTemplate":111,"icon":112,"path":113,"stem":114,"children":115,"page":108},"Directory Structure","%s · Nuxt Directory Structure","i-vscode-icons-default-folder","/docs/3.x/directory-structure","docs/3.x/2.directory-structure",[116,121,126,131,136,141,146,151,156,161,165,170,174,179,184,189,194,199,204,209,214,218,223,228,232,236,241],{"title":117,"path":118,"stem":119,"titleTemplate":6,"icon":120},".nuxt","/docs/3.x/directory-structure/nuxt","docs/3.x/2.directory-structure/0.nuxt","i-vscode-icons-folder-type-temp",{"title":122,"path":123,"stem":124,"titleTemplate":6,"icon":125},".output","/docs/3.x/directory-structure/output","docs/3.x/2.directory-structure/0.output","i-vscode-icons-folder-type-package",{"title":127,"path":128,"stem":129,"titleTemplate":6,"icon":130},"assets","/docs/3.x/directory-structure/assets","docs/3.x/2.directory-structure/1.assets","i-vscode-icons-folder-type-asset",{"title":132,"path":133,"stem":134,"titleTemplate":6,"icon":135},"components","/docs/3.x/directory-structure/components","docs/3.x/2.directory-structure/1.components","i-vscode-icons-folder-type-component",{"title":137,"path":138,"stem":139,"titleTemplate":6,"icon":140},"composables","/docs/3.x/directory-structure/composables","docs/3.x/2.directory-structure/1.composables","i-vscode-icons-folder-type-src",{"title":142,"path":143,"stem":144,"titleTemplate":6,"icon":145},"content","/docs/3.x/directory-structure/content","docs/3.x/2.directory-structure/1.content","i-vscode-icons-folder-type-log",{"title":147,"path":148,"stem":149,"titleTemplate":6,"icon":150},"layers","/docs/3.x/directory-structure/layers","docs/3.x/2.directory-structure/1.layers","i-vscode-icons-folder-type-nuxt",{"title":152,"path":153,"stem":154,"titleTemplate":6,"icon":155},"layouts","/docs/3.x/directory-structure/layouts","docs/3.x/2.directory-structure/1.layouts","i-vscode-icons-folder-type-view",{"title":157,"path":158,"stem":159,"titleTemplate":6,"icon":160},"middleware","/docs/3.x/directory-structure/middleware","docs/3.x/2.directory-structure/1.middleware","i-vscode-icons-folder-type-middleware",{"title":162,"path":163,"stem":164,"titleTemplate":6,"icon":150},"modules","/docs/3.x/directory-structure/modules","docs/3.x/2.directory-structure/1.modules",{"title":166,"path":167,"stem":168,"titleTemplate":6,"icon":169},"node_modules","/docs/3.x/directory-structure/node_modules","docs/3.x/2.directory-structure/1.node_modules","i-vscode-icons-folder-type-node",{"title":171,"path":172,"stem":173,"titleTemplate":6,"icon":155},"pages","/docs/3.x/directory-structure/pages","docs/3.x/2.directory-structure/1.pages",{"title":175,"path":176,"stem":177,"titleTemplate":6,"icon":178},"plugins","/docs/3.x/directory-structure/plugins","docs/3.x/2.directory-structure/1.plugins","i-vscode-icons-folder-type-plugin",{"title":180,"path":181,"stem":182,"titleTemplate":6,"icon":183},"public","/docs/3.x/directory-structure/public","docs/3.x/2.directory-structure/1.public","i-vscode-icons-folder-type-public",{"title":185,"path":186,"stem":187,"titleTemplate":6,"icon":188},"server","/docs/3.x/directory-structure/server","docs/3.x/2.directory-structure/1.server","i-vscode-icons-folder-type-server",{"title":190,"path":191,"stem":192,"titleTemplate":6,"icon":193},"shared","/docs/3.x/directory-structure/shared","docs/3.x/2.directory-structure/1.shared","i-vscode-icons-folder-type-shared",{"title":195,"path":196,"stem":197,"titleTemplate":6,"icon":198},"utils","/docs/3.x/directory-structure/utils","docs/3.x/2.directory-structure/1.utils","i-vscode-icons-folder-type-tools",{"title":200,"path":201,"stem":202,"titleTemplate":6,"icon":203},".env","/docs/3.x/directory-structure/env","docs/3.x/2.directory-structure/2.env","i-vscode-icons-file-type-dotenv",{"title":205,"path":206,"stem":207,"titleTemplate":6,"icon":208},".gitignore","/docs/3.x/directory-structure/gitignore","docs/3.x/2.directory-structure/2.gitignore","i-vscode-icons-file-type-git",{"title":210,"path":211,"stem":212,"titleTemplate":6,"icon":213},".nuxtignore","/docs/3.x/directory-structure/nuxtignore","docs/3.x/2.directory-structure/2.nuxtignore","i-vscode-icons-file-type-nuxt",{"title":215,"path":216,"stem":217,"titleTemplate":6,"icon":213},".nuxtrc","/docs/3.x/directory-structure/nuxtrc","docs/3.x/2.directory-structure/2.nuxtrc",{"title":219,"path":220,"stem":221,"titleTemplate":6,"icon":222},"app.vue","/docs/3.x/directory-structure/app","docs/3.x/2.directory-structure/3.app","i-vscode-icons-file-type-vue",{"title":224,"path":225,"stem":226,"titleTemplate":6,"icon":227},"app.config.ts","/docs/3.x/directory-structure/app-config","docs/3.x/2.directory-structure/3.app-config","i-vscode-icons-file-type-light-config",{"title":229,"path":230,"stem":231,"titleTemplate":6,"icon":222},"error.vue","/docs/3.x/directory-structure/error","docs/3.x/2.directory-structure/3.error",{"title":233,"path":234,"stem":235,"titleTemplate":6,"icon":213},"nuxt.config.ts","/docs/3.x/directory-structure/nuxt-config","docs/3.x/2.directory-structure/3.nuxt-config",{"title":237,"path":238,"stem":239,"titleTemplate":6,"icon":240},"package.json","/docs/3.x/directory-structure/package","docs/3.x/2.directory-structure/3.package","i-vscode-icons-file-type-npm",{"title":242,"path":243,"stem":244,"titleTemplate":6,"icon":245},"tsconfig.json","/docs/3.x/directory-structure/tsconfig","docs/3.x/2.directory-structure/3.tsconfig","i-vscode-icons-file-type-tsconfig",{"title":247,"titleTemplate":6,"icon":248,"path":249,"stem":250,"children":251,"page":108},"Guide","i-lucide-book-open","/docs/3.x/guide","docs/3.x/3.guide",[252,287,306,321,356,379],{"title":253,"titleTemplate":254,"icon":255,"path":256,"stem":257,"children":258,"page":108},"Key Concepts","%s · Nuxt Concepts","i-lucide-medal","/docs/3.x/guide/concepts","docs/3.x/3.guide/1.concepts",[259,263,267,271,275,279,283],{"title":260,"path":261,"stem":262,"titleTemplate":6},"Rendering Modes","/docs/3.x/guide/concepts/rendering","docs/3.x/3.guide/1.concepts/1.rendering",{"title":264,"path":265,"stem":266,"titleTemplate":6},"Nuxt Lifecycle","/docs/3.x/guide/concepts/nuxt-lifecycle","docs/3.x/3.guide/1.concepts/2.nuxt-lifecycle",{"title":268,"path":269,"stem":270,"titleTemplate":6},"Auto-imports","/docs/3.x/guide/concepts/auto-imports","docs/3.x/3.guide/1.concepts/3.auto-imports",{"title":272,"path":273,"stem":274,"titleTemplate":6},"Server Engine","/docs/3.x/guide/concepts/server-engine","docs/3.x/3.guide/1.concepts/4.server-engine",{"title":276,"path":277,"stem":278,"titleTemplate":6},"Modules","/docs/3.x/guide/concepts/modules","docs/3.x/3.guide/1.concepts/5.modules",{"title":280,"path":281,"stem":282,"titleTemplate":6},"TypeScript","/docs/3.x/guide/concepts/typescript","docs/3.x/3.guide/1.concepts/8.typescript",{"title":284,"path":285,"stem":286,"titleTemplate":6},"Code Style","/docs/3.x/guide/concepts/code-style","docs/3.x/3.guide/1.concepts/9.code-style",{"title":288,"titleTemplate":289,"icon":290,"path":291,"stem":292,"children":293,"page":108},"Best Practices","%s · Best Practices","i-lucide-square-check","/docs/3.x/guide/best-practices","docs/3.x/3.guide/2.best-practices",[294,298,302],{"title":295,"path":296,"stem":297,"titleTemplate":6},"Nuxt and hydration","/docs/3.x/guide/best-practices/hydration","docs/3.x/3.guide/2.best-practices/hydration",{"title":299,"path":300,"stem":301,"titleTemplate":6},"Nuxt Performance","/docs/3.x/guide/best-practices/performance","docs/3.x/3.guide/2.best-practices/performance",{"title":303,"path":304,"stem":305,"titleTemplate":6},"Nuxt Plugins","/docs/3.x/guide/best-practices/plugins","docs/3.x/3.guide/2.best-practices/plugins",{"title":307,"titleTemplate":308,"icon":309,"path":310,"stem":311,"children":312,"page":108},"Working with AI","Working with AI: %s","i-lucide-bot","/docs/3.x/guide/ai","docs/3.x/3.guide/3.ai",[313,317],{"title":314,"path":315,"stem":316,"titleTemplate":6},"MCP Server","/docs/3.x/guide/ai/mcp","docs/3.x/3.guide/3.ai/1.mcp",{"title":318,"path":319,"stem":320,"titleTemplate":6},"LLMs.txt","/docs/3.x/guide/ai/llms-txt","docs/3.x/3.guide/3.ai/2.llms-txt",{"title":322,"titleTemplate":323,"icon":324,"path":325,"stem":326,"children":327,"page":108},"Module Author Guide","%s · Nuxt Modules Author Guide","i-lucide-box","/docs/3.x/guide/modules","docs/3.x/3.guide/4.modules",[328,332,336,340,344,348,352],{"title":329,"path":330,"stem":331,"titleTemplate":6},"Create Your First Module","/docs/3.x/guide/modules/getting-started","docs/3.x/3.guide/4.modules/1.getting-started",{"title":333,"path":334,"stem":335,"titleTemplate":6},"Understand Module Structure","/docs/3.x/guide/modules/module-anatomy","docs/3.x/3.guide/4.modules/2.module-anatomy",{"title":337,"path":338,"stem":339,"titleTemplate":6},"Add Plugins, Components & More","/docs/3.x/guide/modules/recipes-basics","docs/3.x/3.guide/4.modules/3.recipes-basics",{"title":341,"path":342,"stem":343,"titleTemplate":6},"Use Hooks & Extend Types","/docs/3.x/guide/modules/recipes-advanced","docs/3.x/3.guide/4.modules/4.recipes-advanced",{"title":345,"path":346,"stem":347,"titleTemplate":6},"Test Your Module","/docs/3.x/guide/modules/testing","docs/3.x/3.guide/4.modules/5.testing",{"title":349,"path":350,"stem":351,"titleTemplate":6},"Follow Best Practices","/docs/3.x/guide/modules/best-practices","docs/3.x/3.guide/4.modules/6.best-practices",{"title":353,"path":354,"stem":355,"titleTemplate":6},"Publish & Share Your Module","/docs/3.x/guide/modules/ecosystem","docs/3.x/3.guide/4.modules/7.ecosystem",{"title":357,"titleTemplate":358,"icon":359,"path":360,"stem":361,"children":362,"page":108},"Recipes","%s · Recipes","i-lucide-cooking-pot","/docs/3.x/guide/recipes","docs/3.x/3.guide/5.recipes",[363,367,371,375],{"title":364,"path":365,"stem":366,"titleTemplate":6},"Custom Routing","/docs/3.x/guide/recipes/custom-routing","docs/3.x/3.guide/5.recipes/1.custom-routing",{"title":368,"path":369,"stem":370,"titleTemplate":6},"Vite Plugins","/docs/3.x/guide/recipes/vite-plugin","docs/3.x/3.guide/5.recipes/2.vite-plugin",{"title":372,"path":373,"stem":374,"titleTemplate":6},"Custom useFetch","/docs/3.x/guide/recipes/custom-usefetch","docs/3.x/3.guide/5.recipes/3.custom-usefetch",{"title":376,"path":377,"stem":378,"titleTemplate":6},"Sessions and Authentication","/docs/3.x/guide/recipes/sessions-and-authentication","docs/3.x/3.guide/5.recipes/4.sessions-and-authentication",{"title":380,"titleTemplate":381,"icon":382,"path":383,"stem":384,"children":385,"page":108},"Going Further","%s · Nuxt Advanced","i-lucide-star","/docs/3.x/guide/going-further","docs/3.x/3.guide/6.going-further",[386,390,394,398,402,406,410,414,418,422],{"title":387,"path":388,"stem":389,"titleTemplate":6},"Custom Events","/docs/3.x/guide/going-further/events","docs/3.x/3.guide/6.going-further/1.events",{"title":391,"path":392,"stem":393,"titleTemplate":6},"Experimental Features","/docs/3.x/guide/going-further/experimental-features","docs/3.x/3.guide/6.going-further/1.experimental-features",{"title":395,"path":396,"stem":397,"titleTemplate":6},"Features","/docs/3.x/guide/going-further/features","docs/3.x/3.guide/6.going-further/1.features",{"title":399,"path":400,"stem":401,"titleTemplate":6},"Runtime Config","/docs/3.x/guide/going-further/runtime-config","docs/3.x/3.guide/6.going-further/10.runtime-config",{"title":403,"path":404,"stem":405,"titleTemplate":6},"Nightly Release Channel","/docs/3.x/guide/going-further/nightly-release-channel","docs/3.x/3.guide/6.going-further/11.nightly-release-channel",{"title":407,"path":408,"stem":409,"titleTemplate":6},"Lifecycle Hooks","/docs/3.x/guide/going-further/hooks","docs/3.x/3.guide/6.going-further/2.hooks",{"title":411,"path":412,"stem":413,"titleTemplate":6},"Nuxt Kit","/docs/3.x/guide/going-further/kit","docs/3.x/3.guide/6.going-further/4.kit",{"title":415,"path":416,"stem":417,"titleTemplate":6},"NuxtApp","/docs/3.x/guide/going-further/nuxt-app","docs/3.x/3.guide/6.going-further/6.nuxt-app",{"title":419,"path":420,"stem":421,"titleTemplate":6},"Authoring Nuxt Layers","/docs/3.x/guide/going-further/layers","docs/3.x/3.guide/6.going-further/7.layers",{"title":423,"path":424,"stem":425,"titleTemplate":6},"Debugging","/docs/3.x/guide/going-further/debugging","docs/3.x/3.guide/6.going-further/9.debugging",{"title":427,"titleTemplate":428,"icon":429,"path":430,"stem":431,"children":432,"page":108},"API","%s · Nuxt API","i-lucide-code-xml","/docs/3.x/api","docs/3.x/4.api",[433,499,622,745,816,889,902],{"title":434,"titleTemplate":435,"icon":324,"path":436,"stem":437,"children":438,"page":108},"Components","%s · Nuxt Components","/docs/3.x/api/components","docs/3.x/4.api/1.components",[439,443,447,451,455,459,463,467,471,475,479,483,487,491,495],{"title":440,"path":441,"stem":442,"titleTemplate":6},"\u003CClientOnly>","/docs/3.x/api/components/client-only","docs/3.x/4.api/1.components/1.client-only",{"title":444,"path":445,"stem":446,"titleTemplate":6},"\u003CDevOnly>","/docs/3.x/api/components/dev-only","docs/3.x/4.api/1.components/1.dev-only",{"title":448,"path":449,"stem":450,"titleTemplate":6},"\u003CNuxtClientFallback>","/docs/3.x/api/components/nuxt-client-fallback","docs/3.x/4.api/1.components/1.nuxt-client-fallback",{"title":452,"path":453,"stem":454,"titleTemplate":6},"\u003CNuxtPicture>","/docs/3.x/api/components/nuxt-picture","docs/3.x/4.api/1.components/10.nuxt-picture",{"title":456,"path":457,"stem":458,"titleTemplate":6},"\u003CTeleport>","/docs/3.x/api/components/teleports","docs/3.x/4.api/1.components/11.teleports",{"title":460,"path":461,"stem":462,"titleTemplate":6},"\u003CNuxtRouteAnnouncer>","/docs/3.x/api/components/nuxt-route-announcer","docs/3.x/4.api/1.components/12.nuxt-route-announcer",{"title":464,"path":465,"stem":466,"titleTemplate":6},"\u003CNuxtTime>","/docs/3.x/api/components/nuxt-time","docs/3.x/4.api/1.components/13.nuxt-time",{"title":468,"path":469,"stem":470,"titleTemplate":6},"\u003CNuxtPage>","/docs/3.x/api/components/nuxt-page","docs/3.x/4.api/1.components/2.nuxt-page",{"title":472,"path":473,"stem":474,"titleTemplate":6},"\u003CNuxtLayout>","/docs/3.x/api/components/nuxt-layout","docs/3.x/4.api/1.components/3.nuxt-layout",{"title":476,"path":477,"stem":478,"titleTemplate":6},"\u003CNuxtLink>","/docs/3.x/api/components/nuxt-link","docs/3.x/4.api/1.components/4.nuxt-link",{"title":480,"path":481,"stem":482,"titleTemplate":6},"\u003CNuxtLoadingIndicator>","/docs/3.x/api/components/nuxt-loading-indicator","docs/3.x/4.api/1.components/5.nuxt-loading-indicator",{"title":484,"path":485,"stem":486,"titleTemplate":6},"\u003CNuxtErrorBoundary>","/docs/3.x/api/components/nuxt-error-boundary","docs/3.x/4.api/1.components/6.nuxt-error-boundary",{"title":488,"path":489,"stem":490,"titleTemplate":6},"\u003CNuxtWelcome>","/docs/3.x/api/components/nuxt-welcome","docs/3.x/4.api/1.components/7.nuxt-welcome",{"title":492,"path":493,"stem":494,"titleTemplate":6},"\u003CNuxtIsland>","/docs/3.x/api/components/nuxt-island","docs/3.x/4.api/1.components/8.nuxt-island",{"title":496,"path":497,"stem":498,"titleTemplate":6},"\u003CNuxtImg>","/docs/3.x/api/components/nuxt-img","docs/3.x/4.api/1.components/9.nuxt-img",{"title":500,"titleTemplate":501,"icon":502,"path":503,"stem":504,"children":505,"page":108},"Composables","%s · Nuxt Composables","i-lucide-arrow-left-right","/docs/3.x/api/composables","docs/3.x/4.api/2.composables",[506,510,514,518,522,526,530,534,538,542,546,550,554,558,562,566,570,574,578,582,586,590,594,598,602,606,610,614,618],{"title":507,"path":508,"stem":509,"titleTemplate":6},"onPrehydrate","/docs/3.x/api/composables/on-prehydrate","docs/3.x/4.api/2.composables/on-prehydrate",{"title":511,"path":512,"stem":513,"titleTemplate":6},"useAppConfig","/docs/3.x/api/composables/use-app-config","docs/3.x/4.api/2.composables/use-app-config",{"title":515,"path":516,"stem":517,"titleTemplate":6},"useAsyncData","/docs/3.x/api/composables/use-async-data","docs/3.x/4.api/2.composables/use-async-data",{"title":519,"path":520,"stem":521,"titleTemplate":6},"useCookie","/docs/3.x/api/composables/use-cookie","docs/3.x/4.api/2.composables/use-cookie",{"title":523,"path":524,"stem":525,"titleTemplate":6},"useError","/docs/3.x/api/composables/use-error","docs/3.x/4.api/2.composables/use-error",{"title":527,"path":528,"stem":529,"titleTemplate":6},"useFetch","/docs/3.x/api/composables/use-fetch","docs/3.x/4.api/2.composables/use-fetch",{"title":531,"path":532,"stem":533,"titleTemplate":6},"useHead","/docs/3.x/api/composables/use-head","docs/3.x/4.api/2.composables/use-head",{"title":535,"path":536,"stem":537,"titleTemplate":6},"useHeadSafe","/docs/3.x/api/composables/use-head-safe","docs/3.x/4.api/2.composables/use-head-safe",{"title":539,"path":540,"stem":541,"titleTemplate":6},"useHydration","/docs/3.x/api/composables/use-hydration","docs/3.x/4.api/2.composables/use-hydration",{"title":543,"path":544,"stem":545,"titleTemplate":6},"useLazyAsyncData","/docs/3.x/api/composables/use-lazy-async-data","docs/3.x/4.api/2.composables/use-lazy-async-data",{"title":547,"path":548,"stem":549,"titleTemplate":6},"useLazyFetch","/docs/3.x/api/composables/use-lazy-fetch","docs/3.x/4.api/2.composables/use-lazy-fetch",{"title":551,"path":552,"stem":553,"titleTemplate":6},"useLoadingIndicator","/docs/3.x/api/composables/use-loading-indicator","docs/3.x/4.api/2.composables/use-loading-indicator",{"title":555,"path":556,"stem":557,"titleTemplate":6},"useNuxtApp","/docs/3.x/api/composables/use-nuxt-app","docs/3.x/4.api/2.composables/use-nuxt-app",{"title":559,"path":560,"stem":561,"titleTemplate":6},"useNuxtData","/docs/3.x/api/composables/use-nuxt-data","docs/3.x/4.api/2.composables/use-nuxt-data",{"title":563,"path":564,"stem":565,"titleTemplate":6},"usePreviewMode","/docs/3.x/api/composables/use-preview-mode","docs/3.x/4.api/2.composables/use-preview-mode",{"title":567,"path":568,"stem":569,"titleTemplate":6},"useRequestEvent","/docs/3.x/api/composables/use-request-event","docs/3.x/4.api/2.composables/use-request-event",{"title":571,"path":572,"stem":573,"titleTemplate":6},"useRequestFetch","/docs/3.x/api/composables/use-request-fetch","docs/3.x/4.api/2.composables/use-request-fetch",{"title":575,"path":576,"stem":577,"titleTemplate":6},"useRequestHeader","/docs/3.x/api/composables/use-request-header","docs/3.x/4.api/2.composables/use-request-header",{"title":579,"path":580,"stem":581,"titleTemplate":6},"useRequestHeaders","/docs/3.x/api/composables/use-request-headers","docs/3.x/4.api/2.composables/use-request-headers",{"title":583,"path":584,"stem":585,"titleTemplate":6},"useRequestURL","/docs/3.x/api/composables/use-request-url","docs/3.x/4.api/2.composables/use-request-url",{"title":587,"path":588,"stem":589,"titleTemplate":6},"useResponseHeader","/docs/3.x/api/composables/use-response-header","docs/3.x/4.api/2.composables/use-response-header",{"title":591,"path":592,"stem":593,"titleTemplate":6},"useRoute","/docs/3.x/api/composables/use-route","docs/3.x/4.api/2.composables/use-route",{"title":595,"path":596,"stem":597,"titleTemplate":6},"useRouteAnnouncer","/docs/3.x/api/composables/use-route-announcer","docs/3.x/4.api/2.composables/use-route-announcer",{"title":599,"path":600,"stem":601,"titleTemplate":6},"useRouter","/docs/3.x/api/composables/use-router","docs/3.x/4.api/2.composables/use-router",{"title":603,"path":604,"stem":605,"titleTemplate":6},"useRuntimeConfig","/docs/3.x/api/composables/use-runtime-config","docs/3.x/4.api/2.composables/use-runtime-config",{"title":607,"path":608,"stem":609,"titleTemplate":6},"useRuntimeHook","/docs/3.x/api/composables/use-runtime-hook","docs/3.x/4.api/2.composables/use-runtime-hook",{"title":611,"path":612,"stem":613,"titleTemplate":6},"useSeoMeta","/docs/3.x/api/composables/use-seo-meta","docs/3.x/4.api/2.composables/use-seo-meta",{"title":615,"path":616,"stem":617,"titleTemplate":6},"useServerSeoMeta","/docs/3.x/api/composables/use-server-seo-meta","docs/3.x/4.api/2.composables/use-server-seo-meta",{"title":619,"path":620,"stem":621,"titleTemplate":6},"useState","/docs/3.x/api/composables/use-state","docs/3.x/4.api/2.composables/use-state",{"title":623,"titleTemplate":624,"icon":625,"path":626,"stem":627,"children":628,"page":108},"Utils","%s · Nuxt Utils","i-lucide-square-function","/docs/3.x/api/utils","docs/3.x/4.api/3.utils",[629,633,637,641,645,649,653,657,661,665,669,673,677,681,685,689,693,697,701,705,709,713,717,721,725,729,733,737,741],{"title":630,"path":631,"stem":632,"titleTemplate":6},"$fetch","/docs/3.x/api/utils/dollarfetch","docs/3.x/4.api/3.utils/$fetch",{"title":634,"path":635,"stem":636,"titleTemplate":6},"abortNavigation","/docs/3.x/api/utils/abort-navigation","docs/3.x/4.api/3.utils/abort-navigation",{"title":638,"path":639,"stem":640,"titleTemplate":6},"addRouteMiddleware","/docs/3.x/api/utils/add-route-middleware","docs/3.x/4.api/3.utils/add-route-middleware",{"title":642,"path":643,"stem":644,"titleTemplate":6},"callOnce","/docs/3.x/api/utils/call-once","docs/3.x/4.api/3.utils/call-once",{"title":646,"path":647,"stem":648,"titleTemplate":6},"clearError","/docs/3.x/api/utils/clear-error","docs/3.x/4.api/3.utils/clear-error",{"title":650,"path":651,"stem":652,"titleTemplate":6},"clearNuxtData","/docs/3.x/api/utils/clear-nuxt-data","docs/3.x/4.api/3.utils/clear-nuxt-data",{"title":654,"path":655,"stem":656,"titleTemplate":6},"clearNuxtState","/docs/3.x/api/utils/clear-nuxt-state","docs/3.x/4.api/3.utils/clear-nuxt-state",{"title":658,"path":659,"stem":660,"titleTemplate":6},"createError","/docs/3.x/api/utils/create-error","docs/3.x/4.api/3.utils/create-error",{"title":662,"path":663,"stem":664,"titleTemplate":6},"defineLazyHydrationComponent","/docs/3.x/api/utils/define-lazy-hydration-component","docs/3.x/4.api/3.utils/define-lazy-hydration-component",{"title":666,"path":667,"stem":668,"titleTemplate":6},"defineNuxtComponent","/docs/3.x/api/utils/define-nuxt-component","docs/3.x/4.api/3.utils/define-nuxt-component",{"title":670,"path":671,"stem":672,"titleTemplate":6},"defineNuxtPlugin","/docs/3.x/api/utils/define-nuxt-plugin","docs/3.x/4.api/3.utils/define-nuxt-plugin",{"title":674,"path":675,"stem":676,"titleTemplate":6},"defineNuxtRouteMiddleware","/docs/3.x/api/utils/define-nuxt-route-middleware","docs/3.x/4.api/3.utils/define-nuxt-route-middleware",{"title":678,"path":679,"stem":680,"titleTemplate":6},"definePageMeta","/docs/3.x/api/utils/define-page-meta","docs/3.x/4.api/3.utils/define-page-meta",{"title":682,"path":683,"stem":684,"titleTemplate":6},"defineRouteRules","/docs/3.x/api/utils/define-route-rules","docs/3.x/4.api/3.utils/define-route-rules",{"title":686,"path":687,"stem":688,"titleTemplate":6},"navigateTo","/docs/3.x/api/utils/navigate-to","docs/3.x/4.api/3.utils/navigate-to",{"title":690,"path":691,"stem":692,"titleTemplate":6},"onBeforeRouteLeave","/docs/3.x/api/utils/on-before-route-leave","docs/3.x/4.api/3.utils/on-before-route-leave",{"title":694,"path":695,"stem":696,"titleTemplate":6},"onBeforeRouteUpdate","/docs/3.x/api/utils/on-before-route-update","docs/3.x/4.api/3.utils/on-before-route-update",{"title":698,"path":699,"stem":700,"titleTemplate":6},"onNuxtReady","/docs/3.x/api/utils/on-nuxt-ready","docs/3.x/4.api/3.utils/on-nuxt-ready",{"title":702,"path":703,"stem":704,"titleTemplate":6},"prefetchComponents","/docs/3.x/api/utils/prefetch-components","docs/3.x/4.api/3.utils/prefetch-components",{"title":706,"path":707,"stem":708,"titleTemplate":6},"preloadComponents","/docs/3.x/api/utils/preload-components","docs/3.x/4.api/3.utils/preload-components",{"title":710,"path":711,"stem":712,"titleTemplate":6},"preloadRouteComponents","/docs/3.x/api/utils/preload-route-components","docs/3.x/4.api/3.utils/preload-route-components",{"title":714,"path":715,"stem":716,"titleTemplate":6},"prerenderRoutes","/docs/3.x/api/utils/prerender-routes","docs/3.x/4.api/3.utils/prerender-routes",{"title":718,"path":719,"stem":720,"titleTemplate":6},"refreshCookie","/docs/3.x/api/utils/refresh-cookie","docs/3.x/4.api/3.utils/refresh-cookie",{"title":722,"path":723,"stem":724,"titleTemplate":6},"refreshNuxtData","/docs/3.x/api/utils/refresh-nuxt-data","docs/3.x/4.api/3.utils/refresh-nuxt-data",{"title":726,"path":727,"stem":728,"titleTemplate":6},"reloadNuxtApp","/docs/3.x/api/utils/reload-nuxt-app","docs/3.x/4.api/3.utils/reload-nuxt-app",{"title":730,"path":731,"stem":732,"titleTemplate":6},"setPageLayout","/docs/3.x/api/utils/set-page-layout","docs/3.x/4.api/3.utils/set-page-layout",{"title":734,"path":735,"stem":736,"titleTemplate":6},"setResponseStatus","/docs/3.x/api/utils/set-response-status","docs/3.x/4.api/3.utils/set-response-status",{"title":738,"path":739,"stem":740,"titleTemplate":6},"showError","/docs/3.x/api/utils/show-error","docs/3.x/4.api/3.utils/show-error",{"title":742,"path":743,"stem":744,"titleTemplate":6},"updateAppConfig","/docs/3.x/api/utils/update-app-config","docs/3.x/4.api/3.utils/update-app-config",{"title":746,"titleTemplate":747,"icon":748,"path":749,"stem":750,"children":751,"page":108},"Commands","%s · Nuxt Commands","i-lucide-square-terminal","/docs/3.x/api/commands","docs/3.x/4.api/4.commands",[752,756,760,764,768,772,776,780,784,788,792,796,800,804,808,812],{"title":753,"path":754,"stem":755,"titleTemplate":6},"nuxt add","/docs/3.x/api/commands/add","docs/3.x/4.api/4.commands/add",{"title":757,"path":758,"stem":759,"titleTemplate":6},"nuxt analyze","/docs/3.x/api/commands/analyze","docs/3.x/4.api/4.commands/analyze",{"title":761,"path":762,"stem":763,"titleTemplate":6},"nuxt build","/docs/3.x/api/commands/build","docs/3.x/4.api/4.commands/build",{"title":765,"path":766,"stem":767,"titleTemplate":6},"nuxt build-module","/docs/3.x/api/commands/build-module","docs/3.x/4.api/4.commands/build-module",{"title":769,"path":770,"stem":771,"titleTemplate":6},"nuxt cleanup","/docs/3.x/api/commands/cleanup","docs/3.x/4.api/4.commands/cleanup",{"title":773,"path":774,"stem":775,"titleTemplate":6},"nuxt dev","/docs/3.x/api/commands/dev","docs/3.x/4.api/4.commands/dev",{"title":777,"path":778,"stem":779,"titleTemplate":6},"nuxt devtools","/docs/3.x/api/commands/devtools","docs/3.x/4.api/4.commands/devtools",{"title":781,"path":782,"stem":783,"titleTemplate":6},"nuxt generate","/docs/3.x/api/commands/generate","docs/3.x/4.api/4.commands/generate",{"title":785,"path":786,"stem":787,"titleTemplate":6},"nuxt info","/docs/3.x/api/commands/info","docs/3.x/4.api/4.commands/info",{"title":789,"path":790,"stem":791,"titleTemplate":6},"create nuxt","/docs/3.x/api/commands/init","docs/3.x/4.api/4.commands/init",{"title":793,"path":794,"stem":795,"titleTemplate":6},"nuxt module","/docs/3.x/api/commands/module","docs/3.x/4.api/4.commands/module",{"title":797,"path":798,"stem":799,"titleTemplate":6},"nuxt prepare","/docs/3.x/api/commands/prepare","docs/3.x/4.api/4.commands/prepare",{"title":801,"path":802,"stem":803,"titleTemplate":6},"nuxt preview","/docs/3.x/api/commands/preview","docs/3.x/4.api/4.commands/preview",{"title":805,"path":806,"stem":807,"titleTemplate":6},"nuxt test","/docs/3.x/api/commands/test","docs/3.x/4.api/4.commands/test",{"title":809,"path":810,"stem":811,"titleTemplate":6},"nuxt typecheck","/docs/3.x/api/commands/typecheck","docs/3.x/4.api/4.commands/typecheck",{"title":813,"path":814,"stem":815,"titleTemplate":6},"nuxt upgrade","/docs/3.x/api/commands/upgrade","docs/3.x/4.api/4.commands/upgrade",{"title":411,"titleTemplate":817,"icon":818,"path":819,"stem":820,"children":821,"page":108},"%s · Nuxt Kit","i-lucide-package","/docs/3.x/api/kit","docs/3.x/4.api/5.kit",[822,825,828,832,836,840,844,848,852,855,859,863,866,869,873,877,881,885],{"title":276,"path":823,"stem":824,"titleTemplate":6},"/docs/3.x/api/kit/modules","docs/3.x/4.api/5.kit/1.modules",{"title":399,"path":826,"stem":827,"titleTemplate":6},"/docs/3.x/api/kit/runtime-config","docs/3.x/4.api/5.kit/10.runtime-config",{"title":829,"path":830,"stem":831,"titleTemplate":6},"Templates","/docs/3.x/api/kit/templates","docs/3.x/4.api/5.kit/10.templates",{"title":833,"path":834,"stem":835,"titleTemplate":6},"Nitro","/docs/3.x/api/kit/nitro","docs/3.x/4.api/5.kit/11.nitro",{"title":837,"path":838,"stem":839,"titleTemplate":6},"Resolving","/docs/3.x/api/kit/resolving","docs/3.x/4.api/5.kit/12.resolving",{"title":841,"path":842,"stem":843,"titleTemplate":6},"Logging","/docs/3.x/api/kit/logging","docs/3.x/4.api/5.kit/13.logging",{"title":845,"path":846,"stem":847,"titleTemplate":6},"Builder","/docs/3.x/api/kit/builder","docs/3.x/4.api/5.kit/14.builder",{"title":849,"path":850,"stem":851,"titleTemplate":6},"Examples","/docs/3.x/api/kit/examples","docs/3.x/4.api/5.kit/15.examples",{"title":84,"path":853,"stem":854,"titleTemplate":6},"/docs/3.x/api/kit/layers","docs/3.x/4.api/5.kit/16.layers",{"title":856,"path":857,"stem":858,"titleTemplate":6},"Programmatic Usage","/docs/3.x/api/kit/programmatic","docs/3.x/4.api/5.kit/2.programmatic",{"title":860,"path":861,"stem":862,"titleTemplate":6},"Compatibility","/docs/3.x/api/kit/compatibility","docs/3.x/4.api/5.kit/3.compatibility",{"title":268,"path":864,"stem":865,"titleTemplate":6},"/docs/3.x/api/kit/autoimports","docs/3.x/4.api/5.kit/4.autoimports",{"title":434,"path":867,"stem":868,"titleTemplate":6},"/docs/3.x/api/kit/components","docs/3.x/4.api/5.kit/5.components",{"title":870,"path":871,"stem":872,"titleTemplate":6},"Context","/docs/3.x/api/kit/context","docs/3.x/4.api/5.kit/6.context",{"title":874,"path":875,"stem":876,"titleTemplate":6},"Pages","/docs/3.x/api/kit/pages","docs/3.x/4.api/5.kit/7.pages",{"title":878,"path":879,"stem":880,"titleTemplate":6},"Layout","/docs/3.x/api/kit/layout","docs/3.x/4.api/5.kit/8.layout",{"title":882,"path":883,"stem":884,"titleTemplate":6},"Head","/docs/3.x/api/kit/head","docs/3.x/4.api/5.kit/9.head",{"title":886,"path":887,"stem":888,"titleTemplate":6},"Plugins","/docs/3.x/api/kit/plugins","docs/3.x/4.api/5.kit/9.plugins",{"title":890,"titleTemplate":6,"icon":891,"path":892,"stem":893,"children":894,"page":108},"Advanced","i-lucide-brain","/docs/3.x/api/advanced","docs/3.x/4.api/6.advanced",[895,898],{"title":407,"path":896,"stem":897,"titleTemplate":6},"/docs/3.x/api/advanced/hooks","docs/3.x/4.api/6.advanced/1.hooks",{"title":899,"path":900,"stem":901,"titleTemplate":6},"Import meta","/docs/3.x/api/advanced/import-meta","docs/3.x/4.api/6.advanced/2.import-meta",{"title":903,"path":904,"stem":905,"titleTemplate":906,"icon":32},"Nuxt Configuration","/docs/3.x/api/nuxt-config","docs/3.x/4.api/6.nuxt-config","%s",{"title":849,"titleTemplate":908,"icon":909,"path":910,"stem":911,"children":912,"page":108},"%s · Nuxt Examples","i-lucide-app-window-mac","/docs/3.x/examples","docs/3.x/4.examples",[913,917,939,954,990],{"title":914,"path":915,"stem":916,"titleTemplate":6},"Hello World","/docs/3.x/examples/hello-world","docs/3.x/4.examples/0.hello-world",{"title":395,"path":918,"stem":919,"children":920,"page":108},"/docs/3.x/examples/features","docs/3.x/4.examples/1.features",[921,925,928,931,935],{"title":922,"path":923,"stem":924,"titleTemplate":6},"Auto Imports","/docs/3.x/examples/features/auto-imports","docs/3.x/4.examples/1.features/1.auto-imports",{"title":64,"path":926,"stem":927,"titleTemplate":6},"/docs/3.x/examples/features/data-fetching","docs/3.x/4.examples/1.features/2.data-fetching",{"title":69,"path":929,"stem":930,"titleTemplate":6},"/docs/3.x/examples/features/state-management","docs/3.x/4.examples/1.features/3.state-management",{"title":932,"path":933,"stem":934,"titleTemplate":6},"Meta Tags","/docs/3.x/examples/features/meta-tags","docs/3.x/4.examples/1.features/4.meta-tags",{"title":936,"path":937,"stem":938,"titleTemplate":6},"Layouts","/docs/3.x/examples/features/layouts","docs/3.x/4.examples/1.features/5.layouts",{"title":49,"path":940,"stem":941,"children":942,"page":108},"/docs/3.x/examples/routing","docs/3.x/4.examples/2.routing",[943,947,950],{"title":944,"path":945,"stem":946,"titleTemplate":6},"Middleware","/docs/3.x/examples/routing/middleware","docs/3.x/4.examples/2.routing/middleware",{"title":874,"path":948,"stem":949,"titleTemplate":6},"/docs/3.x/examples/routing/pages","docs/3.x/4.examples/2.routing/pages",{"title":951,"path":952,"stem":953,"titleTemplate":6},"Universal Router","/docs/3.x/examples/routing/universal-router","docs/3.x/4.examples/2.routing/universal-router",{"title":890,"path":955,"stem":956,"children":957,"page":108},"/docs/3.x/examples/advanced","docs/3.x/4.examples/4.advanced",[958,961,964,968,972,976,980,983,986],{"title":84,"path":959,"stem":960,"titleTemplate":6},"/docs/3.x/examples/advanced/config-extends","docs/3.x/4.examples/4.advanced/config-extends",{"title":74,"path":962,"stem":963,"titleTemplate":6},"/docs/3.x/examples/advanced/error-handling","docs/3.x/4.examples/4.advanced/error-handling",{"title":965,"path":966,"stem":967,"titleTemplate":6},"JSX / TSX","/docs/3.x/examples/advanced/jsx","docs/3.x/4.examples/4.advanced/jsx",{"title":969,"path":970,"stem":971,"titleTemplate":6},"Locale","/docs/3.x/examples/advanced/locale","docs/3.x/4.examples/4.advanced/locale",{"title":973,"path":974,"stem":975,"titleTemplate":6},"Module Extend Pages","/docs/3.x/examples/advanced/module-extend-pages","docs/3.x/4.examples/4.advanced/module-extend-pages",{"title":977,"path":978,"stem":979,"titleTemplate":6},"Teleport","/docs/3.x/examples/advanced/teleport","docs/3.x/4.examples/4.advanced/teleport",{"title":99,"path":981,"stem":982,"titleTemplate":6},"/docs/3.x/examples/advanced/testing","docs/3.x/4.examples/4.advanced/testing",{"title":519,"path":984,"stem":985,"titleTemplate":6},"/docs/3.x/examples/advanced/use-cookie","docs/3.x/4.examples/4.advanced/use-cookie",{"title":987,"path":988,"stem":989,"titleTemplate":6},"Use Custom Fetch Composable","/docs/3.x/examples/advanced/use-custom-fetch-composable","docs/3.x/4.examples/4.advanced/use-custom-fetch-composable",{"title":991,"path":992,"stem":993,"children":994,"page":108},"Experimental","/docs/3.x/examples/experimental","docs/3.x/4.examples/7.experimental",[995],{"title":996,"path":997,"stem":998,"titleTemplate":6},"WASM","/docs/3.x/examples/experimental/wasm","docs/3.x/4.examples/7.experimental/wasm",{"title":1000,"titleTemplate":1001,"icon":1002,"path":1003,"stem":1004,"children":1005,"page":108},"Community","%s · Nuxt Community","i-lucide-messages-square","/docs/3.x/community","docs/3.x/5.community",[1006,1011,1016,1021,1026,1031],{"title":1007,"path":1008,"stem":1009,"titleTemplate":6,"icon":1010},"Getting Help","/docs/3.x/community/getting-help","docs/3.x/5.community/2.getting-help","i-lucide-life-buoy",{"title":1012,"path":1013,"stem":1014,"titleTemplate":6,"icon":1015},"Reporting Bugs","/docs/3.x/community/reporting-bugs","docs/3.x/5.community/3.reporting-bugs","i-lucide-bug",{"title":1017,"path":1018,"stem":1019,"titleTemplate":6,"icon":1020},"Contribution","/docs/3.x/community/contribution","docs/3.x/5.community/4.contribution","i-lucide-git-pull-request",{"title":1022,"path":1023,"stem":1024,"titleTemplate":6,"icon":1025},"Framework","/docs/3.x/community/framework-contribution","docs/3.x/5.community/5.framework-contribution","i-lucide-github",{"title":1027,"path":1028,"stem":1029,"titleTemplate":6,"icon":1030},"Roadmap","/docs/3.x/community/roadmap","docs/3.x/5.community/6.roadmap","i-lucide-map",{"title":1032,"path":1033,"stem":1034,"titleTemplate":6,"icon":1035},"Releases","/docs/3.x/community/changelog","docs/3.x/5.community/7.changelog","i-lucide-bell-dot",{"title":1037,"titleTemplate":1038,"icon":1039,"path":1040,"stem":1041,"children":1042,"page":108},"Migrate to Nuxt Bridge","Migrate to Nuxt Bridge: %s","i-lucide-ship","/docs/3.x/bridge","docs/3.x/6.bridge",[1043,1047,1050,1053,1057,1061,1065,1068,1071,1074],{"title":1044,"path":1045,"stem":1046,"titleTemplate":6},"Overview","/docs/3.x/bridge/overview","docs/3.x/6.bridge/1.overview",{"title":29,"path":1048,"stem":1049,"titleTemplate":6},"/docs/3.x/bridge/configuration","docs/3.x/6.bridge/10.configuration",{"title":280,"path":1051,"stem":1052,"titleTemplate":6},"/docs/3.x/bridge/typescript","docs/3.x/6.bridge/2.typescript",{"title":1054,"path":1055,"stem":1056,"titleTemplate":6},"Legacy Composition API","/docs/3.x/bridge/bridge-composition-api","docs/3.x/6.bridge/3.bridge-composition-api",{"title":1058,"path":1059,"stem":1060,"titleTemplate":6},"Plugins and Middleware","/docs/3.x/bridge/plugins-and-middleware","docs/3.x/6.bridge/4.plugins-and-middleware",{"title":1062,"path":1063,"stem":1064,"titleTemplate":6},"New Composition API","/docs/3.x/bridge/nuxt3-compatible-api","docs/3.x/6.bridge/5.nuxt3-compatible-api",{"title":932,"path":1066,"stem":1067,"titleTemplate":6},"/docs/3.x/bridge/meta","docs/3.x/6.bridge/6.meta",{"title":399,"path":1069,"stem":1070,"titleTemplate":6},"/docs/3.x/bridge/runtime-config","docs/3.x/6.bridge/7.runtime-config",{"title":833,"path":1072,"stem":1073,"titleTemplate":6},"/docs/3.x/bridge/nitro","docs/3.x/6.bridge/8.nitro",{"title":1075,"path":1076,"stem":1077,"titleTemplate":6},"Vite","/docs/3.x/bridge/vite","docs/3.x/6.bridge/9.vite",{"title":1079,"titleTemplate":1080,"icon":107,"path":1081,"stem":1082,"children":1083,"page":108},"Migrate to Nuxt 3","Migrate to Nuxt 3: %s","/docs/3.x/migration","docs/3.x/7.migration",[1084,1087,1091,1094,1097,1100,1103,1106,1109,1113,1117],{"title":1044,"path":1085,"stem":1086,"titleTemplate":6},"/docs/3.x/migration/overview","docs/3.x/7.migration/1.overview",{"title":1088,"path":1089,"stem":1090,"titleTemplate":6},"Build Tooling","/docs/3.x/migration/bundling","docs/3.x/7.migration/10.bundling",{"title":79,"path":1092,"stem":1093,"titleTemplate":6},"/docs/3.x/migration/server","docs/3.x/7.migration/11.server",{"title":29,"path":1095,"stem":1096,"titleTemplate":6},"/docs/3.x/migration/configuration","docs/3.x/7.migration/2.configuration",{"title":276,"path":1098,"stem":1099,"titleTemplate":6},"/docs/3.x/migration/module-authors","docs/3.x/7.migration/20.module-authors",{"title":922,"path":1101,"stem":1102,"titleTemplate":6},"/docs/3.x/migration/auto-imports","docs/3.x/7.migration/3.auto-imports",{"title":932,"path":1104,"stem":1105,"titleTemplate":6},"/docs/3.x/migration/meta","docs/3.x/7.migration/4.meta",{"title":1058,"path":1107,"stem":1108,"titleTemplate":6},"/docs/3.x/migration/plugins-and-middleware","docs/3.x/7.migration/5.plugins-and-middleware",{"title":1110,"path":1111,"stem":1112,"titleTemplate":6},"Pages and Layouts","/docs/3.x/migration/pages-and-layouts","docs/3.x/7.migration/6.pages-and-layouts",{"title":1114,"path":1115,"stem":1116,"titleTemplate":6},"Component Options","/docs/3.x/migration/component-options","docs/3.x/7.migration/7.component-options",{"title":399,"path":1118,"stem":1119,"titleTemplate":6},"/docs/3.x/migration/runtime-config","docs/3.x/7.migration/8.runtime-config",{"title":5,"titleTemplate":6,"icon":7,"path":1121,"stem":1122,"children":1123,"page":108},"/docs/4.x","docs/4.x",[1124,1182,1276,1404,1770,1847,1869,1903],{"title":12,"titleTemplate":13,"icon":14,"path":1125,"stem":1126,"children":1127,"page":108},"/docs/4.x/getting-started","docs/4.x/1.getting-started",[1128,1131,1134,1137,1140,1143,1146,1149,1152,1155,1158,1161,1164,1167,1170,1173,1176,1179],{"title":19,"path":1129,"stem":1130,"titleTemplate":6,"icon":22},"/docs/4.x/getting-started/introduction","docs/4.x/1.getting-started/01.introduction",{"title":24,"path":1132,"stem":1133,"titleTemplate":6,"icon":27},"/docs/4.x/getting-started/installation","docs/4.x/1.getting-started/02.installation",{"title":29,"path":1135,"stem":1136,"titleTemplate":6,"icon":32},"/docs/4.x/getting-started/configuration","docs/4.x/1.getting-started/03.configuration",{"title":34,"path":1138,"stem":1139,"titleTemplate":6,"icon":37},"/docs/4.x/getting-started/views","docs/4.x/1.getting-started/04.views",{"title":39,"path":1141,"stem":1142,"titleTemplate":6,"icon":42},"/docs/4.x/getting-started/assets","docs/4.x/1.getting-started/05.assets",{"title":44,"path":1144,"stem":1145,"titleTemplate":6,"icon":47},"/docs/4.x/getting-started/styling","docs/4.x/1.getting-started/06.styling",{"title":49,"path":1147,"stem":1148,"titleTemplate":6,"icon":52},"/docs/4.x/getting-started/routing","docs/4.x/1.getting-started/07.routing",{"title":54,"path":1150,"stem":1151,"titleTemplate":6,"icon":57},"/docs/4.x/getting-started/seo-meta","docs/4.x/1.getting-started/08.seo-meta",{"title":59,"path":1153,"stem":1154,"titleTemplate":6,"icon":62},"/docs/4.x/getting-started/transitions","docs/4.x/1.getting-started/09.transitions",{"title":64,"path":1156,"stem":1157,"titleTemplate":6,"icon":67},"/docs/4.x/getting-started/data-fetching","docs/4.x/1.getting-started/10.data-fetching",{"title":69,"path":1159,"stem":1160,"titleTemplate":6,"icon":72},"/docs/4.x/getting-started/state-management","docs/4.x/1.getting-started/11.state-management",{"title":74,"path":1162,"stem":1163,"titleTemplate":6,"icon":77},"/docs/4.x/getting-started/error-handling","docs/4.x/1.getting-started/12.error-handling",{"title":79,"path":1165,"stem":1166,"titleTemplate":6,"icon":82},"/docs/4.x/getting-started/server","docs/4.x/1.getting-started/13.server",{"title":84,"path":1168,"stem":1169,"titleTemplate":6,"icon":87},"/docs/4.x/getting-started/layers","docs/4.x/1.getting-started/14.layers",{"title":89,"path":1171,"stem":1172,"titleTemplate":6,"icon":92},"/docs/4.x/getting-started/prerendering","docs/4.x/1.getting-started/15.prerendering",{"title":94,"path":1174,"stem":1175,"titleTemplate":6,"icon":97},"/docs/4.x/getting-started/deployment","docs/4.x/1.getting-started/16.deployment",{"title":99,"path":1177,"stem":1178,"titleTemplate":6,"icon":102},"/docs/4.x/getting-started/testing","docs/4.x/1.getting-started/17.testing",{"title":104,"path":1180,"stem":1181,"titleTemplate":6,"icon":107},"/docs/4.x/getting-started/upgrade","docs/4.x/1.getting-started/18.upgrade",{"title":110,"titleTemplate":111,"icon":112,"path":1183,"stem":1184,"children":1185,"page":108},"/docs/4.x/directory-structure","docs/4.x/2.directory-structure",[1186,1189,1192,1234,1237,1240,1243,1246,1249,1252,1255,1258,1261,1264,1267,1270,1273],{"title":117,"path":1187,"stem":1188,"titleTemplate":6,"icon":120},"/docs/4.x/directory-structure/nuxt","docs/4.x/2.directory-structure/0.nuxt",{"title":122,"path":1190,"stem":1191,"titleTemplate":6,"icon":125},"/docs/4.x/directory-structure/output","docs/4.x/2.directory-structure/0.output",{"title":1193,"titleTemplate":111,"head":1194,"defaultOpen":1196,"icon":1197,"path":1198,"stem":1199,"children":1200,"page":108},"app",{"title":1195},"app/",true,"i-vscode-icons-folder-type-app","/docs/4.x/directory-structure/app","docs/4.x/2.directory-structure/1.app",[1201,1204,1207,1210,1213,1216,1219,1222,1225,1228,1231],{"title":127,"path":1202,"stem":1203,"titleTemplate":6,"icon":130},"/docs/4.x/directory-structure/app/assets","docs/4.x/2.directory-structure/1.app/1.assets",{"title":132,"path":1205,"stem":1206,"titleTemplate":6,"icon":135},"/docs/4.x/directory-structure/app/components","docs/4.x/2.directory-structure/1.app/1.components",{"title":137,"path":1208,"stem":1209,"titleTemplate":6,"icon":140},"/docs/4.x/directory-structure/app/composables","docs/4.x/2.directory-structure/1.app/1.composables",{"title":152,"path":1211,"stem":1212,"titleTemplate":6,"icon":155},"/docs/4.x/directory-structure/app/layouts","docs/4.x/2.directory-structure/1.app/1.layouts",{"title":157,"path":1214,"stem":1215,"titleTemplate":6,"icon":160},"/docs/4.x/directory-structure/app/middleware","docs/4.x/2.directory-structure/1.app/1.middleware",{"title":171,"path":1217,"stem":1218,"titleTemplate":6,"icon":155},"/docs/4.x/directory-structure/app/pages","docs/4.x/2.directory-structure/1.app/1.pages",{"title":175,"path":1220,"stem":1221,"titleTemplate":6,"icon":178},"/docs/4.x/directory-structure/app/plugins","docs/4.x/2.directory-structure/1.app/1.plugins",{"title":195,"path":1223,"stem":1224,"titleTemplate":6,"icon":198},"/docs/4.x/directory-structure/app/utils","docs/4.x/2.directory-structure/1.app/1.utils",{"title":219,"path":1226,"stem":1227,"titleTemplate":6,"icon":222},"/docs/4.x/directory-structure/app/app","docs/4.x/2.directory-structure/1.app/3.app",{"title":224,"path":1229,"stem":1230,"titleTemplate":6,"icon":227},"/docs/4.x/directory-structure/app/app-config","docs/4.x/2.directory-structure/1.app/3.app-config",{"title":229,"path":1232,"stem":1233,"titleTemplate":6,"icon":222},"/docs/4.x/directory-structure/app/error","docs/4.x/2.directory-structure/1.app/3.error",{"title":142,"path":1235,"stem":1236,"titleTemplate":6,"icon":145},"/docs/4.x/directory-structure/content","docs/4.x/2.directory-structure/1.content",{"title":147,"path":1238,"stem":1239,"titleTemplate":6,"icon":150},"/docs/4.x/directory-structure/layers","docs/4.x/2.directory-structure/1.layers",{"title":162,"path":1241,"stem":1242,"titleTemplate":6,"icon":150},"/docs/4.x/directory-structure/modules","docs/4.x/2.directory-structure/1.modules",{"title":166,"path":1244,"stem":1245,"titleTemplate":6,"icon":169},"/docs/4.x/directory-structure/node_modules","docs/4.x/2.directory-structure/1.node_modules",{"title":180,"path":1247,"stem":1248,"titleTemplate":6,"icon":183},"/docs/4.x/directory-structure/public","docs/4.x/2.directory-structure/1.public",{"title":185,"path":1250,"stem":1251,"titleTemplate":6,"icon":188},"/docs/4.x/directory-structure/server","docs/4.x/2.directory-structure/1.server",{"title":190,"path":1253,"stem":1254,"titleTemplate":6,"icon":193},"/docs/4.x/directory-structure/shared","docs/4.x/2.directory-structure/1.shared",{"title":200,"path":1256,"stem":1257,"titleTemplate":6,"icon":203},"/docs/4.x/directory-structure/env","docs/4.x/2.directory-structure/2.env",{"title":205,"path":1259,"stem":1260,"titleTemplate":6,"icon":208},"/docs/4.x/directory-structure/gitignore","docs/4.x/2.directory-structure/2.gitignore",{"title":210,"path":1262,"stem":1263,"titleTemplate":6,"icon":213},"/docs/4.x/directory-structure/nuxtignore","docs/4.x/2.directory-structure/2.nuxtignore",{"title":215,"path":1265,"stem":1266,"titleTemplate":6,"icon":213},"/docs/4.x/directory-structure/nuxtrc","docs/4.x/2.directory-structure/2.nuxtrc",{"title":233,"path":1268,"stem":1269,"titleTemplate":6,"icon":213},"/docs/4.x/directory-structure/nuxt-config","docs/4.x/2.directory-structure/3.nuxt-config",{"title":237,"path":1271,"stem":1272,"titleTemplate":6,"icon":240},"/docs/4.x/directory-structure/package","docs/4.x/2.directory-structure/3.package",{"title":242,"path":1274,"stem":1275,"titleTemplate":6,"icon":245},"/docs/4.x/directory-structure/tsconfig","docs/4.x/2.directory-structure/3.tsconfig",{"title":247,"titleTemplate":6,"icon":248,"path":1277,"stem":1278,"children":1279,"page":108},"/docs/4.x/guide","docs/4.x/3.guide",[1280,1305,1319,1329,1354,1370],{"title":253,"titleTemplate":254,"icon":255,"path":1281,"stem":1282,"children":1283,"page":108},"/docs/4.x/guide/concepts","docs/4.x/3.guide/1.concepts",[1284,1287,1290,1293,1296,1299,1302],{"title":260,"path":1285,"stem":1286,"titleTemplate":6},"/docs/4.x/guide/concepts/rendering","docs/4.x/3.guide/1.concepts/1.rendering",{"title":264,"path":1288,"stem":1289,"titleTemplate":6},"/docs/4.x/guide/concepts/nuxt-lifecycle","docs/4.x/3.guide/1.concepts/2.nuxt-lifecycle",{"title":268,"path":1291,"stem":1292,"titleTemplate":6},"/docs/4.x/guide/concepts/auto-imports","docs/4.x/3.guide/1.concepts/3.auto-imports",{"title":272,"path":1294,"stem":1295,"titleTemplate":6},"/docs/4.x/guide/concepts/server-engine","docs/4.x/3.guide/1.concepts/4.server-engine",{"title":276,"path":1297,"stem":1298,"titleTemplate":6},"/docs/4.x/guide/concepts/modules","docs/4.x/3.guide/1.concepts/5.modules",{"title":280,"path":1300,"stem":1301,"titleTemplate":6},"/docs/4.x/guide/concepts/typescript","docs/4.x/3.guide/1.concepts/8.typescript",{"title":284,"path":1303,"stem":1304,"titleTemplate":6},"/docs/4.x/guide/concepts/code-style","docs/4.x/3.guide/1.concepts/9.code-style",{"title":288,"titleTemplate":289,"icon":290,"path":1306,"stem":1307,"children":1308,"page":108},"/docs/4.x/guide/best-practices","docs/4.x/3.guide/2.best-practices",[1309,1313,1316],{"title":1310,"path":1311,"stem":1312,"titleTemplate":6},"Nuxt and Hydration","/docs/4.x/guide/best-practices/hydration","docs/4.x/3.guide/2.best-practices/hydration",{"title":299,"path":1314,"stem":1315,"titleTemplate":6},"/docs/4.x/guide/best-practices/performance","docs/4.x/3.guide/2.best-practices/performance",{"title":303,"path":1317,"stem":1318,"titleTemplate":6},"/docs/4.x/guide/best-practices/plugins","docs/4.x/3.guide/2.best-practices/plugins",{"title":307,"titleTemplate":308,"icon":309,"path":1320,"stem":1321,"children":1322,"page":108},"/docs/4.x/guide/ai","docs/4.x/3.guide/3.ai",[1323,1326],{"title":314,"path":1324,"stem":1325,"titleTemplate":6},"/docs/4.x/guide/ai/mcp","docs/4.x/3.guide/3.ai/1.mcp",{"title":318,"path":1327,"stem":1328,"titleTemplate":6},"/docs/4.x/guide/ai/llms-txt","docs/4.x/3.guide/3.ai/2.llms-txt",{"title":322,"titleTemplate":323,"icon":324,"path":1330,"stem":1331,"children":1332,"page":108},"/docs/4.x/guide/modules","docs/4.x/3.guide/4.modules",[1333,1336,1339,1342,1345,1348,1351],{"title":329,"path":1334,"stem":1335,"titleTemplate":6},"/docs/4.x/guide/modules/getting-started","docs/4.x/3.guide/4.modules/1.getting-started",{"title":333,"path":1337,"stem":1338,"titleTemplate":6},"/docs/4.x/guide/modules/module-anatomy","docs/4.x/3.guide/4.modules/2.module-anatomy",{"title":337,"path":1340,"stem":1341,"titleTemplate":6},"/docs/4.x/guide/modules/recipes-basics","docs/4.x/3.guide/4.modules/3.recipes-basics",{"title":341,"path":1343,"stem":1344,"titleTemplate":6},"/docs/4.x/guide/modules/recipes-advanced","docs/4.x/3.guide/4.modules/4.recipes-advanced",{"title":345,"path":1346,"stem":1347,"titleTemplate":6},"/docs/4.x/guide/modules/testing","docs/4.x/3.guide/4.modules/5.testing",{"title":349,"path":1349,"stem":1350,"titleTemplate":6},"/docs/4.x/guide/modules/best-practices","docs/4.x/3.guide/4.modules/6.best-practices",{"title":353,"path":1352,"stem":1353,"titleTemplate":6},"/docs/4.x/guide/modules/ecosystem","docs/4.x/3.guide/4.modules/7.ecosystem",{"title":357,"titleTemplate":358,"icon":359,"path":1355,"stem":1356,"children":1357,"page":108},"/docs/4.x/guide/recipes","docs/4.x/3.guide/5.recipes",[1358,1361,1364,1367],{"title":364,"path":1359,"stem":1360,"titleTemplate":6},"/docs/4.x/guide/recipes/custom-routing","docs/4.x/3.guide/5.recipes/1.custom-routing",{"title":368,"path":1362,"stem":1363,"titleTemplate":6},"/docs/4.x/guide/recipes/vite-plugin","docs/4.x/3.guide/5.recipes/2.vite-plugin",{"title":372,"path":1365,"stem":1366,"titleTemplate":6},"/docs/4.x/guide/recipes/custom-usefetch","docs/4.x/3.guide/5.recipes/3.custom-usefetch",{"title":376,"path":1368,"stem":1369,"titleTemplate":6},"/docs/4.x/guide/recipes/sessions-and-authentication","docs/4.x/3.guide/5.recipes/4.sessions-and-authentication",{"title":380,"titleTemplate":381,"icon":382,"path":1371,"stem":1372,"children":1373,"page":108},"/docs/4.x/guide/going-further","docs/4.x/3.guide/6.going-further",[1374,1377,1380,1383,1386,1389,1392,1395,1398,1401],{"title":387,"path":1375,"stem":1376,"titleTemplate":6},"/docs/4.x/guide/going-further/events","docs/4.x/3.guide/6.going-further/1.events",{"title":391,"path":1378,"stem":1379,"titleTemplate":6},"/docs/4.x/guide/going-further/experimental-features","docs/4.x/3.guide/6.going-further/1.experimental-features",{"title":395,"path":1381,"stem":1382,"titleTemplate":6},"/docs/4.x/guide/going-further/features","docs/4.x/3.guide/6.going-further/1.features",{"title":399,"path":1384,"stem":1385,"titleTemplate":6},"/docs/4.x/guide/going-further/runtime-config","docs/4.x/3.guide/6.going-further/10.runtime-config",{"title":403,"path":1387,"stem":1388,"titleTemplate":6},"/docs/4.x/guide/going-further/nightly-release-channel","docs/4.x/3.guide/6.going-further/11.nightly-release-channel",{"title":407,"path":1390,"stem":1391,"titleTemplate":6},"/docs/4.x/guide/going-further/hooks","docs/4.x/3.guide/6.going-further/2.hooks",{"title":411,"path":1393,"stem":1394,"titleTemplate":6},"/docs/4.x/guide/going-further/kit","docs/4.x/3.guide/6.going-further/4.kit",{"title":415,"path":1396,"stem":1397,"titleTemplate":6},"/docs/4.x/guide/going-further/nuxt-app","docs/4.x/3.guide/6.going-further/6.nuxt-app",{"title":419,"path":1399,"stem":1400,"titleTemplate":6},"/docs/4.x/guide/going-further/layers","docs/4.x/3.guide/6.going-further/7.layers",{"title":423,"path":1402,"stem":1403,"titleTemplate":6},"/docs/4.x/guide/going-further/debugging","docs/4.x/3.guide/6.going-further/9.debugging",{"title":427,"titleTemplate":428,"icon":429,"path":1405,"stem":1406,"children":1407,"page":108},"/docs/4.x/api","docs/4.x/4.api",[1408,1461,1556,1647,1699,1757,1767],{"title":434,"titleTemplate":435,"icon":324,"path":1409,"stem":1410,"children":1411,"page":108},"/docs/4.x/api/components","docs/4.x/4.api/1.components",[1412,1415,1418,1421,1424,1427,1430,1433,1437,1440,1443,1446,1449,1452,1455,1458],{"title":440,"path":1413,"stem":1414,"titleTemplate":6},"/docs/4.x/api/components/client-only","docs/4.x/4.api/1.components/1.client-only",{"title":444,"path":1416,"stem":1417,"titleTemplate":6},"/docs/4.x/api/components/dev-only","docs/4.x/4.api/1.components/1.dev-only",{"title":448,"path":1419,"stem":1420,"titleTemplate":6},"/docs/4.x/api/components/nuxt-client-fallback","docs/4.x/4.api/1.components/1.nuxt-client-fallback",{"title":452,"path":1422,"stem":1423,"titleTemplate":6},"/docs/4.x/api/components/nuxt-picture","docs/4.x/4.api/1.components/10.nuxt-picture",{"title":456,"path":1425,"stem":1426,"titleTemplate":6},"/docs/4.x/api/components/teleports","docs/4.x/4.api/1.components/11.teleports",{"title":460,"path":1428,"stem":1429,"titleTemplate":6},"/docs/4.x/api/components/nuxt-route-announcer","docs/4.x/4.api/1.components/12.nuxt-route-announcer",{"title":464,"path":1431,"stem":1432,"titleTemplate":6},"/docs/4.x/api/components/nuxt-time","docs/4.x/4.api/1.components/13.nuxt-time",{"title":1434,"path":1435,"stem":1436,"titleTemplate":6},"\u003CNuxtAnnouncer>","/docs/4.x/api/components/nuxt-announcer","docs/4.x/4.api/1.components/14.nuxt-announcer",{"title":468,"path":1438,"stem":1439,"titleTemplate":6},"/docs/4.x/api/components/nuxt-page","docs/4.x/4.api/1.components/2.nuxt-page",{"title":472,"path":1441,"stem":1442,"titleTemplate":6},"/docs/4.x/api/components/nuxt-layout","docs/4.x/4.api/1.components/3.nuxt-layout",{"title":476,"path":1444,"stem":1445,"titleTemplate":6},"/docs/4.x/api/components/nuxt-link","docs/4.x/4.api/1.components/4.nuxt-link",{"title":480,"path":1447,"stem":1448,"titleTemplate":6},"/docs/4.x/api/components/nuxt-loading-indicator","docs/4.x/4.api/1.components/5.nuxt-loading-indicator",{"title":484,"path":1450,"stem":1451,"titleTemplate":6},"/docs/4.x/api/components/nuxt-error-boundary","docs/4.x/4.api/1.components/6.nuxt-error-boundary",{"title":488,"path":1453,"stem":1454,"titleTemplate":6},"/docs/4.x/api/components/nuxt-welcome","docs/4.x/4.api/1.components/7.nuxt-welcome",{"title":492,"path":1456,"stem":1457,"titleTemplate":6},"/docs/4.x/api/components/nuxt-island","docs/4.x/4.api/1.components/8.nuxt-island",{"title":496,"path":1459,"stem":1460,"titleTemplate":6},"/docs/4.x/api/components/nuxt-img","docs/4.x/4.api/1.components/9.nuxt-img",{"title":500,"titleTemplate":501,"icon":502,"path":1462,"stem":1463,"children":1464,"page":108},"/docs/4.x/api/composables","docs/4.x/4.api/2.composables",[1465,1468,1472,1475,1478,1481,1484,1487,1490,1493,1496,1499,1502,1505,1508,1511,1514,1517,1520,1523,1526,1529,1532,1535,1538,1541,1544,1547,1550,1553],{"title":507,"path":1466,"stem":1467,"titleTemplate":6},"/docs/4.x/api/composables/on-prehydrate","docs/4.x/4.api/2.composables/on-prehydrate",{"title":1469,"path":1470,"stem":1471,"titleTemplate":6},"useAnnouncer","/docs/4.x/api/composables/use-announcer","docs/4.x/4.api/2.composables/use-announcer",{"title":511,"path":1473,"stem":1474,"titleTemplate":6},"/docs/4.x/api/composables/use-app-config","docs/4.x/4.api/2.composables/use-app-config",{"title":515,"path":1476,"stem":1477,"titleTemplate":6},"/docs/4.x/api/composables/use-async-data","docs/4.x/4.api/2.composables/use-async-data",{"title":519,"path":1479,"stem":1480,"titleTemplate":6},"/docs/4.x/api/composables/use-cookie","docs/4.x/4.api/2.composables/use-cookie",{"title":523,"path":1482,"stem":1483,"titleTemplate":6},"/docs/4.x/api/composables/use-error","docs/4.x/4.api/2.composables/use-error",{"title":527,"path":1485,"stem":1486,"titleTemplate":6},"/docs/4.x/api/composables/use-fetch","docs/4.x/4.api/2.composables/use-fetch",{"title":531,"path":1488,"stem":1489,"titleTemplate":6},"/docs/4.x/api/composables/use-head","docs/4.x/4.api/2.composables/use-head",{"title":535,"path":1491,"stem":1492,"titleTemplate":6},"/docs/4.x/api/composables/use-head-safe","docs/4.x/4.api/2.composables/use-head-safe",{"title":539,"path":1494,"stem":1495,"titleTemplate":6},"/docs/4.x/api/composables/use-hydration","docs/4.x/4.api/2.composables/use-hydration",{"title":543,"path":1497,"stem":1498,"titleTemplate":6},"/docs/4.x/api/composables/use-lazy-async-data","docs/4.x/4.api/2.composables/use-lazy-async-data",{"title":547,"path":1500,"stem":1501,"titleTemplate":6},"/docs/4.x/api/composables/use-lazy-fetch","docs/4.x/4.api/2.composables/use-lazy-fetch",{"title":551,"path":1503,"stem":1504,"titleTemplate":6},"/docs/4.x/api/composables/use-loading-indicator","docs/4.x/4.api/2.composables/use-loading-indicator",{"title":555,"path":1506,"stem":1507,"titleTemplate":6},"/docs/4.x/api/composables/use-nuxt-app","docs/4.x/4.api/2.composables/use-nuxt-app",{"title":559,"path":1509,"stem":1510,"titleTemplate":6},"/docs/4.x/api/composables/use-nuxt-data","docs/4.x/4.api/2.composables/use-nuxt-data",{"title":563,"path":1512,"stem":1513,"titleTemplate":6},"/docs/4.x/api/composables/use-preview-mode","docs/4.x/4.api/2.composables/use-preview-mode",{"title":567,"path":1515,"stem":1516,"titleTemplate":6},"/docs/4.x/api/composables/use-request-event","docs/4.x/4.api/2.composables/use-request-event",{"title":571,"path":1518,"stem":1519,"titleTemplate":6},"/docs/4.x/api/composables/use-request-fetch","docs/4.x/4.api/2.composables/use-request-fetch",{"title":575,"path":1521,"stem":1522,"titleTemplate":6},"/docs/4.x/api/composables/use-request-header","docs/4.x/4.api/2.composables/use-request-header",{"title":579,"path":1524,"stem":1525,"titleTemplate":6},"/docs/4.x/api/composables/use-request-headers","docs/4.x/4.api/2.composables/use-request-headers",{"title":583,"path":1527,"stem":1528,"titleTemplate":6},"/docs/4.x/api/composables/use-request-url","docs/4.x/4.api/2.composables/use-request-url",{"title":587,"path":1530,"stem":1531,"titleTemplate":6},"/docs/4.x/api/composables/use-response-header","docs/4.x/4.api/2.composables/use-response-header",{"title":591,"path":1533,"stem":1534,"titleTemplate":6},"/docs/4.x/api/composables/use-route","docs/4.x/4.api/2.composables/use-route",{"title":595,"path":1536,"stem":1537,"titleTemplate":6},"/docs/4.x/api/composables/use-route-announcer","docs/4.x/4.api/2.composables/use-route-announcer",{"title":599,"path":1539,"stem":1540,"titleTemplate":6},"/docs/4.x/api/composables/use-router","docs/4.x/4.api/2.composables/use-router",{"title":603,"path":1542,"stem":1543,"titleTemplate":6},"/docs/4.x/api/composables/use-runtime-config","docs/4.x/4.api/2.composables/use-runtime-config",{"title":607,"path":1545,"stem":1546,"titleTemplate":6},"/docs/4.x/api/composables/use-runtime-hook","docs/4.x/4.api/2.composables/use-runtime-hook",{"title":611,"path":1548,"stem":1549,"titleTemplate":6},"/docs/4.x/api/composables/use-seo-meta","docs/4.x/4.api/2.composables/use-seo-meta",{"title":615,"path":1551,"stem":1552,"titleTemplate":6},"/docs/4.x/api/composables/use-server-seo-meta","docs/4.x/4.api/2.composables/use-server-seo-meta",{"title":619,"path":1554,"stem":1555,"titleTemplate":6},"/docs/4.x/api/composables/use-state","docs/4.x/4.api/2.composables/use-state",{"title":623,"titleTemplate":624,"icon":625,"path":1557,"stem":1558,"children":1559,"page":108},"/docs/4.x/api/utils","docs/4.x/4.api/3.utils",[1560,1563,1566,1569,1572,1575,1578,1581,1584,1587,1590,1593,1596,1599,1602,1605,1608,1611,1614,1617,1620,1623,1626,1629,1632,1635,1638,1641,1644],{"title":630,"path":1561,"stem":1562,"titleTemplate":6},"/docs/4.x/api/utils/dollarfetch","docs/4.x/4.api/3.utils/$fetch",{"title":634,"path":1564,"stem":1565,"titleTemplate":6},"/docs/4.x/api/utils/abort-navigation","docs/4.x/4.api/3.utils/abort-navigation",{"title":638,"path":1567,"stem":1568,"titleTemplate":6},"/docs/4.x/api/utils/add-route-middleware","docs/4.x/4.api/3.utils/add-route-middleware",{"title":642,"path":1570,"stem":1571,"titleTemplate":6},"/docs/4.x/api/utils/call-once","docs/4.x/4.api/3.utils/call-once",{"title":646,"path":1573,"stem":1574,"titleTemplate":6},"/docs/4.x/api/utils/clear-error","docs/4.x/4.api/3.utils/clear-error",{"title":650,"path":1576,"stem":1577,"titleTemplate":6},"/docs/4.x/api/utils/clear-nuxt-data","docs/4.x/4.api/3.utils/clear-nuxt-data",{"title":654,"path":1579,"stem":1580,"titleTemplate":6},"/docs/4.x/api/utils/clear-nuxt-state","docs/4.x/4.api/3.utils/clear-nuxt-state",{"title":658,"path":1582,"stem":1583,"titleTemplate":6},"/docs/4.x/api/utils/create-error","docs/4.x/4.api/3.utils/create-error",{"title":662,"path":1585,"stem":1586,"titleTemplate":6},"/docs/4.x/api/utils/define-lazy-hydration-component","docs/4.x/4.api/3.utils/define-lazy-hydration-component",{"title":666,"path":1588,"stem":1589,"titleTemplate":6},"/docs/4.x/api/utils/define-nuxt-component","docs/4.x/4.api/3.utils/define-nuxt-component",{"title":670,"path":1591,"stem":1592,"titleTemplate":6},"/docs/4.x/api/utils/define-nuxt-plugin","docs/4.x/4.api/3.utils/define-nuxt-plugin",{"title":674,"path":1594,"stem":1595,"titleTemplate":6},"/docs/4.x/api/utils/define-nuxt-route-middleware","docs/4.x/4.api/3.utils/define-nuxt-route-middleware",{"title":678,"path":1597,"stem":1598,"titleTemplate":6},"/docs/4.x/api/utils/define-page-meta","docs/4.x/4.api/3.utils/define-page-meta",{"title":682,"path":1600,"stem":1601,"titleTemplate":6},"/docs/4.x/api/utils/define-route-rules","docs/4.x/4.api/3.utils/define-route-rules",{"title":686,"path":1603,"stem":1604,"titleTemplate":6},"/docs/4.x/api/utils/navigate-to","docs/4.x/4.api/3.utils/navigate-to",{"title":690,"path":1606,"stem":1607,"titleTemplate":6},"/docs/4.x/api/utils/on-before-route-leave","docs/4.x/4.api/3.utils/on-before-route-leave",{"title":694,"path":1609,"stem":1610,"titleTemplate":6},"/docs/4.x/api/utils/on-before-route-update","docs/4.x/4.api/3.utils/on-before-route-update",{"title":698,"path":1612,"stem":1613,"titleTemplate":6},"/docs/4.x/api/utils/on-nuxt-ready","docs/4.x/4.api/3.utils/on-nuxt-ready",{"title":702,"path":1615,"stem":1616,"titleTemplate":6},"/docs/4.x/api/utils/prefetch-components","docs/4.x/4.api/3.utils/prefetch-components",{"title":706,"path":1618,"stem":1619,"titleTemplate":6},"/docs/4.x/api/utils/preload-components","docs/4.x/4.api/3.utils/preload-components",{"title":710,"path":1621,"stem":1622,"titleTemplate":6},"/docs/4.x/api/utils/preload-route-components","docs/4.x/4.api/3.utils/preload-route-components",{"title":714,"path":1624,"stem":1625,"titleTemplate":6},"/docs/4.x/api/utils/prerender-routes","docs/4.x/4.api/3.utils/prerender-routes",{"title":718,"path":1627,"stem":1628,"titleTemplate":6},"/docs/4.x/api/utils/refresh-cookie","docs/4.x/4.api/3.utils/refresh-cookie",{"title":722,"path":1630,"stem":1631,"titleTemplate":6},"/docs/4.x/api/utils/refresh-nuxt-data","docs/4.x/4.api/3.utils/refresh-nuxt-data",{"title":726,"path":1633,"stem":1634,"titleTemplate":6},"/docs/4.x/api/utils/reload-nuxt-app","docs/4.x/4.api/3.utils/reload-nuxt-app",{"title":730,"path":1636,"stem":1637,"titleTemplate":6},"/docs/4.x/api/utils/set-page-layout","docs/4.x/4.api/3.utils/set-page-layout",{"title":734,"path":1639,"stem":1640,"titleTemplate":6},"/docs/4.x/api/utils/set-response-status","docs/4.x/4.api/3.utils/set-response-status",{"title":738,"path":1642,"stem":1643,"titleTemplate":6},"/docs/4.x/api/utils/show-error","docs/4.x/4.api/3.utils/show-error",{"title":742,"path":1645,"stem":1646,"titleTemplate":6},"/docs/4.x/api/utils/update-app-config","docs/4.x/4.api/3.utils/update-app-config",{"title":746,"titleTemplate":747,"icon":748,"path":1648,"stem":1649,"children":1650,"page":108},"/docs/4.x/api/commands","docs/4.x/4.api/4.commands",[1651,1654,1657,1660,1663,1666,1669,1672,1675,1678,1681,1684,1687,1690,1693,1696],{"title":753,"path":1652,"stem":1653,"titleTemplate":6},"/docs/4.x/api/commands/add","docs/4.x/4.api/4.commands/add",{"title":757,"path":1655,"stem":1656,"titleTemplate":6},"/docs/4.x/api/commands/analyze","docs/4.x/4.api/4.commands/analyze",{"title":761,"path":1658,"stem":1659,"titleTemplate":6},"/docs/4.x/api/commands/build","docs/4.x/4.api/4.commands/build",{"title":765,"path":1661,"stem":1662,"titleTemplate":6},"/docs/4.x/api/commands/build-module","docs/4.x/4.api/4.commands/build-module",{"title":769,"path":1664,"stem":1665,"titleTemplate":6},"/docs/4.x/api/commands/cleanup","docs/4.x/4.api/4.commands/cleanup",{"title":773,"path":1667,"stem":1668,"titleTemplate":6},"/docs/4.x/api/commands/dev","docs/4.x/4.api/4.commands/dev",{"title":777,"path":1670,"stem":1671,"titleTemplate":6},"/docs/4.x/api/commands/devtools","docs/4.x/4.api/4.commands/devtools",{"title":781,"path":1673,"stem":1674,"titleTemplate":6},"/docs/4.x/api/commands/generate","docs/4.x/4.api/4.commands/generate",{"title":785,"path":1676,"stem":1677,"titleTemplate":6},"/docs/4.x/api/commands/info","docs/4.x/4.api/4.commands/info",{"title":789,"path":1679,"stem":1680,"titleTemplate":6},"/docs/4.x/api/commands/init","docs/4.x/4.api/4.commands/init",{"title":793,"path":1682,"stem":1683,"titleTemplate":6},"/docs/4.x/api/commands/module","docs/4.x/4.api/4.commands/module",{"title":797,"path":1685,"stem":1686,"titleTemplate":6},"/docs/4.x/api/commands/prepare","docs/4.x/4.api/4.commands/prepare",{"title":801,"path":1688,"stem":1689,"titleTemplate":6},"/docs/4.x/api/commands/preview","docs/4.x/4.api/4.commands/preview",{"title":805,"path":1691,"stem":1692,"titleTemplate":6},"/docs/4.x/api/commands/test","docs/4.x/4.api/4.commands/test",{"title":809,"path":1694,"stem":1695,"titleTemplate":6},"/docs/4.x/api/commands/typecheck","docs/4.x/4.api/4.commands/typecheck",{"title":813,"path":1697,"stem":1698,"titleTemplate":6},"/docs/4.x/api/commands/upgrade","docs/4.x/4.api/4.commands/upgrade",{"title":411,"titleTemplate":817,"icon":818,"path":1700,"stem":1701,"children":1702,"page":108},"/docs/4.x/api/kit","docs/4.x/4.api/5.kit",[1703,1706,1709,1712,1715,1718,1721,1724,1727,1730,1733,1736,1739,1742,1745,1748,1751,1754],{"title":276,"path":1704,"stem":1705,"titleTemplate":6},"/docs/4.x/api/kit/modules","docs/4.x/4.api/5.kit/1.modules",{"title":399,"path":1707,"stem":1708,"titleTemplate":6},"/docs/4.x/api/kit/runtime-config","docs/4.x/4.api/5.kit/10.runtime-config",{"title":829,"path":1710,"stem":1711,"titleTemplate":6},"/docs/4.x/api/kit/templates","docs/4.x/4.api/5.kit/10.templates",{"title":833,"path":1713,"stem":1714,"titleTemplate":6},"/docs/4.x/api/kit/nitro","docs/4.x/4.api/5.kit/11.nitro",{"title":837,"path":1716,"stem":1717,"titleTemplate":6},"/docs/4.x/api/kit/resolving","docs/4.x/4.api/5.kit/12.resolving",{"title":841,"path":1719,"stem":1720,"titleTemplate":6},"/docs/4.x/api/kit/logging","docs/4.x/4.api/5.kit/13.logging",{"title":845,"path":1722,"stem":1723,"titleTemplate":6},"/docs/4.x/api/kit/builder","docs/4.x/4.api/5.kit/14.builder",{"title":849,"path":1725,"stem":1726,"titleTemplate":6},"/docs/4.x/api/kit/examples","docs/4.x/4.api/5.kit/15.examples",{"title":84,"path":1728,"stem":1729,"titleTemplate":6},"/docs/4.x/api/kit/layers","docs/4.x/4.api/5.kit/16.layers",{"title":856,"path":1731,"stem":1732,"titleTemplate":6},"/docs/4.x/api/kit/programmatic","docs/4.x/4.api/5.kit/2.programmatic",{"title":860,"path":1734,"stem":1735,"titleTemplate":6},"/docs/4.x/api/kit/compatibility","docs/4.x/4.api/5.kit/3.compatibility",{"title":268,"path":1737,"stem":1738,"titleTemplate":6},"/docs/4.x/api/kit/autoimports","docs/4.x/4.api/5.kit/4.autoimports",{"title":434,"path":1740,"stem":1741,"titleTemplate":6},"/docs/4.x/api/kit/components","docs/4.x/4.api/5.kit/5.components",{"title":870,"path":1743,"stem":1744,"titleTemplate":6},"/docs/4.x/api/kit/context","docs/4.x/4.api/5.kit/6.context",{"title":874,"path":1746,"stem":1747,"titleTemplate":6},"/docs/4.x/api/kit/pages","docs/4.x/4.api/5.kit/7.pages",{"title":878,"path":1749,"stem":1750,"titleTemplate":6},"/docs/4.x/api/kit/layout","docs/4.x/4.api/5.kit/8.layout",{"title":882,"path":1752,"stem":1753,"titleTemplate":6},"/docs/4.x/api/kit/head","docs/4.x/4.api/5.kit/9.head",{"title":886,"path":1755,"stem":1756,"titleTemplate":6},"/docs/4.x/api/kit/plugins","docs/4.x/4.api/5.kit/9.plugins",{"title":890,"titleTemplate":6,"icon":891,"path":1758,"stem":1759,"children":1760,"page":108},"/docs/4.x/api/advanced","docs/4.x/4.api/6.advanced",[1761,1764],{"title":407,"path":1762,"stem":1763,"titleTemplate":6},"/docs/4.x/api/advanced/hooks","docs/4.x/4.api/6.advanced/1.hooks",{"title":899,"path":1765,"stem":1766,"titleTemplate":6},"/docs/4.x/api/advanced/import-meta","docs/4.x/4.api/6.advanced/2.import-meta",{"title":903,"path":1768,"stem":1769,"titleTemplate":906,"icon":32},"/docs/4.x/api/nuxt-config","docs/4.x/4.api/6.nuxt-config",{"title":849,"titleTemplate":908,"icon":909,"path":1771,"stem":1772,"children":1773,"page":108},"/docs/4.x/examples","docs/4.x/4.examples",[1774,1777,1796,1809,1840],{"title":914,"path":1775,"stem":1776,"titleTemplate":6},"/docs/4.x/examples/hello-world","docs/4.x/4.examples/0.hello-world",{"title":395,"path":1778,"stem":1779,"children":1780,"page":108},"/docs/4.x/examples/features","docs/4.x/4.examples/1.features",[1781,1784,1787,1790,1793],{"title":922,"path":1782,"stem":1783,"titleTemplate":6},"/docs/4.x/examples/features/auto-imports","docs/4.x/4.examples/1.features/1.auto-imports",{"title":64,"path":1785,"stem":1786,"titleTemplate":6},"/docs/4.x/examples/features/data-fetching","docs/4.x/4.examples/1.features/2.data-fetching",{"title":69,"path":1788,"stem":1789,"titleTemplate":6},"/docs/4.x/examples/features/state-management","docs/4.x/4.examples/1.features/3.state-management",{"title":932,"path":1791,"stem":1792,"titleTemplate":6},"/docs/4.x/examples/features/meta-tags","docs/4.x/4.examples/1.features/4.meta-tags",{"title":936,"path":1794,"stem":1795,"titleTemplate":6},"/docs/4.x/examples/features/layouts","docs/4.x/4.examples/1.features/5.layouts",{"title":49,"path":1797,"stem":1798,"children":1799,"page":108},"/docs/4.x/examples/routing","docs/4.x/4.examples/2.routing",[1800,1803,1806],{"title":944,"path":1801,"stem":1802,"titleTemplate":6},"/docs/4.x/examples/routing/middleware","docs/4.x/4.examples/2.routing/middleware",{"title":874,"path":1804,"stem":1805,"titleTemplate":6},"/docs/4.x/examples/routing/pages","docs/4.x/4.examples/2.routing/pages",{"title":951,"path":1807,"stem":1808,"titleTemplate":6},"/docs/4.x/examples/routing/universal-router","docs/4.x/4.examples/2.routing/universal-router",{"title":890,"path":1810,"stem":1811,"children":1812,"page":108},"/docs/4.x/examples/advanced","docs/4.x/4.examples/4.advanced",[1813,1816,1819,1822,1825,1828,1831,1834,1837],{"title":84,"path":1814,"stem":1815,"titleTemplate":6},"/docs/4.x/examples/advanced/config-extends","docs/4.x/4.examples/4.advanced/config-extends",{"title":74,"path":1817,"stem":1818,"titleTemplate":6},"/docs/4.x/examples/advanced/error-handling","docs/4.x/4.examples/4.advanced/error-handling",{"title":965,"path":1820,"stem":1821,"titleTemplate":6},"/docs/4.x/examples/advanced/jsx","docs/4.x/4.examples/4.advanced/jsx",{"title":969,"path":1823,"stem":1824,"titleTemplate":6},"/docs/4.x/examples/advanced/locale","docs/4.x/4.examples/4.advanced/locale",{"title":973,"path":1826,"stem":1827,"titleTemplate":6},"/docs/4.x/examples/advanced/module-extend-pages","docs/4.x/4.examples/4.advanced/module-extend-pages",{"title":977,"path":1829,"stem":1830,"titleTemplate":6},"/docs/4.x/examples/advanced/teleport","docs/4.x/4.examples/4.advanced/teleport",{"title":99,"path":1832,"stem":1833,"titleTemplate":6},"/docs/4.x/examples/advanced/testing","docs/4.x/4.examples/4.advanced/testing",{"title":519,"path":1835,"stem":1836,"titleTemplate":6},"/docs/4.x/examples/advanced/use-cookie","docs/4.x/4.examples/4.advanced/use-cookie",{"title":987,"path":1838,"stem":1839,"titleTemplate":6},"/docs/4.x/examples/advanced/use-custom-fetch-composable","docs/4.x/4.examples/4.advanced/use-custom-fetch-composable",{"title":991,"path":1841,"stem":1842,"children":1843,"page":108},"/docs/4.x/examples/experimental","docs/4.x/4.examples/7.experimental",[1844],{"title":996,"path":1845,"stem":1846,"titleTemplate":6},"/docs/4.x/examples/experimental/wasm","docs/4.x/4.examples/7.experimental/wasm",{"title":1000,"titleTemplate":1001,"icon":1002,"path":1848,"stem":1849,"children":1850,"page":108},"/docs/4.x/community","docs/4.x/5.community",[1851,1854,1857,1860,1863,1866],{"title":1007,"path":1852,"stem":1853,"titleTemplate":6,"icon":1010},"/docs/4.x/community/getting-help","docs/4.x/5.community/2.getting-help",{"title":1012,"path":1855,"stem":1856,"titleTemplate":6,"icon":1015},"/docs/4.x/community/reporting-bugs","docs/4.x/5.community/3.reporting-bugs",{"title":1017,"path":1858,"stem":1859,"titleTemplate":6,"icon":1020},"/docs/4.x/community/contribution","docs/4.x/5.community/4.contribution",{"title":1022,"path":1861,"stem":1862,"titleTemplate":6,"icon":1025},"/docs/4.x/community/framework-contribution","docs/4.x/5.community/5.framework-contribution",{"title":1027,"path":1864,"stem":1865,"titleTemplate":6,"icon":1030},"/docs/4.x/community/roadmap","docs/4.x/5.community/6.roadmap",{"title":1032,"path":1867,"stem":1868,"titleTemplate":6,"icon":1035},"/docs/4.x/community/changelog","docs/4.x/5.community/7.changelog",{"title":1037,"titleTemplate":1038,"icon":1039,"path":1870,"stem":1871,"children":1872,"page":108},"/docs/4.x/bridge","docs/4.x/6.bridge",[1873,1876,1879,1882,1885,1888,1891,1894,1897,1900],{"title":1044,"path":1874,"stem":1875,"titleTemplate":6},"/docs/4.x/bridge/overview","docs/4.x/6.bridge/1.overview",{"title":29,"path":1877,"stem":1878,"titleTemplate":6},"/docs/4.x/bridge/configuration","docs/4.x/6.bridge/10.configuration",{"title":280,"path":1880,"stem":1881,"titleTemplate":6},"/docs/4.x/bridge/typescript","docs/4.x/6.bridge/2.typescript",{"title":1054,"path":1883,"stem":1884,"titleTemplate":6},"/docs/4.x/bridge/bridge-composition-api","docs/4.x/6.bridge/3.bridge-composition-api",{"title":1058,"path":1886,"stem":1887,"titleTemplate":6},"/docs/4.x/bridge/plugins-and-middleware","docs/4.x/6.bridge/4.plugins-and-middleware",{"title":1062,"path":1889,"stem":1890,"titleTemplate":6},"/docs/4.x/bridge/nuxt3-compatible-api","docs/4.x/6.bridge/5.nuxt3-compatible-api",{"title":932,"path":1892,"stem":1893,"titleTemplate":6},"/docs/4.x/bridge/meta","docs/4.x/6.bridge/6.meta",{"title":399,"path":1895,"stem":1896,"titleTemplate":6},"/docs/4.x/bridge/runtime-config","docs/4.x/6.bridge/7.runtime-config",{"title":833,"path":1898,"stem":1899,"titleTemplate":6},"/docs/4.x/bridge/nitro","docs/4.x/6.bridge/8.nitro",{"title":1075,"path":1901,"stem":1902,"titleTemplate":6},"/docs/4.x/bridge/vite","docs/4.x/6.bridge/9.vite",{"title":1079,"titleTemplate":1080,"icon":107,"path":1904,"stem":1905,"children":1906,"page":108},"/docs/4.x/migration","docs/4.x/7.migration",[1907,1910,1913,1916,1919,1922,1925,1928,1931,1934,1937],{"title":1044,"path":1908,"stem":1909,"titleTemplate":6},"/docs/4.x/migration/overview","docs/4.x/7.migration/1.overview",{"title":1088,"path":1911,"stem":1912,"titleTemplate":6},"/docs/4.x/migration/bundling","docs/4.x/7.migration/10.bundling",{"title":79,"path":1914,"stem":1915,"titleTemplate":6},"/docs/4.x/migration/server","docs/4.x/7.migration/11.server",{"title":29,"path":1917,"stem":1918,"titleTemplate":6},"/docs/4.x/migration/configuration","docs/4.x/7.migration/2.configuration",{"title":276,"path":1920,"stem":1921,"titleTemplate":6},"/docs/4.x/migration/module-authors","docs/4.x/7.migration/20.module-authors",{"title":922,"path":1923,"stem":1924,"titleTemplate":6},"/docs/4.x/migration/auto-imports","docs/4.x/7.migration/3.auto-imports",{"title":932,"path":1926,"stem":1927,"titleTemplate":6},"/docs/4.x/migration/meta","docs/4.x/7.migration/4.meta",{"title":1058,"path":1929,"stem":1930,"titleTemplate":6},"/docs/4.x/migration/plugins-and-middleware","docs/4.x/7.migration/5.plugins-and-middleware",{"title":1110,"path":1932,"stem":1933,"titleTemplate":6},"/docs/4.x/migration/pages-and-layouts","docs/4.x/7.migration/6.pages-and-layouts",{"title":1114,"path":1935,"stem":1936,"titleTemplate":6},"/docs/4.x/migration/component-options","docs/4.x/7.migration/7.component-options",{"title":399,"path":1938,"stem":1939,"titleTemplate":6},"/docs/4.x/migration/runtime-config","docs/4.x/7.migration/8.runtime-config",{"title":5,"titleTemplate":6,"icon":7,"path":1941,"stem":1942,"children":1943,"page":108},"/docs/5.x","docs/5.x",[1944,2002,2092,2219,2583,2660,2682,2716],{"title":12,"titleTemplate":13,"icon":14,"path":1945,"stem":1946,"children":1947,"page":108},"/docs/5.x/getting-started","docs/5.x/1.getting-started",[1948,1951,1954,1957,1960,1963,1966,1969,1972,1975,1978,1981,1984,1987,1990,1993,1996,1999],{"title":19,"path":1949,"stem":1950,"titleTemplate":6,"icon":22},"/docs/5.x/getting-started/introduction","docs/5.x/1.getting-started/01.introduction",{"title":24,"path":1952,"stem":1953,"titleTemplate":6,"icon":27},"/docs/5.x/getting-started/installation","docs/5.x/1.getting-started/02.installation",{"title":29,"path":1955,"stem":1956,"titleTemplate":6,"icon":32},"/docs/5.x/getting-started/configuration","docs/5.x/1.getting-started/03.configuration",{"title":34,"path":1958,"stem":1959,"titleTemplate":6,"icon":37},"/docs/5.x/getting-started/views","docs/5.x/1.getting-started/04.views",{"title":39,"path":1961,"stem":1962,"titleTemplate":6,"icon":42},"/docs/5.x/getting-started/assets","docs/5.x/1.getting-started/05.assets",{"title":44,"path":1964,"stem":1965,"titleTemplate":6,"icon":47},"/docs/5.x/getting-started/styling","docs/5.x/1.getting-started/06.styling",{"title":49,"path":1967,"stem":1968,"titleTemplate":6,"icon":52},"/docs/5.x/getting-started/routing","docs/5.x/1.getting-started/07.routing",{"title":54,"path":1970,"stem":1971,"titleTemplate":6,"icon":57},"/docs/5.x/getting-started/seo-meta","docs/5.x/1.getting-started/08.seo-meta",{"title":59,"path":1973,"stem":1974,"titleTemplate":6,"icon":62},"/docs/5.x/getting-started/transitions","docs/5.x/1.getting-started/09.transitions",{"title":64,"path":1976,"stem":1977,"titleTemplate":6,"icon":67},"/docs/5.x/getting-started/data-fetching","docs/5.x/1.getting-started/10.data-fetching",{"title":69,"path":1979,"stem":1980,"titleTemplate":6,"icon":72},"/docs/5.x/getting-started/state-management","docs/5.x/1.getting-started/11.state-management",{"title":74,"path":1982,"stem":1983,"titleTemplate":6,"icon":77},"/docs/5.x/getting-started/error-handling","docs/5.x/1.getting-started/12.error-handling",{"title":79,"path":1985,"stem":1986,"titleTemplate":6,"icon":82},"/docs/5.x/getting-started/server","docs/5.x/1.getting-started/13.server",{"title":84,"path":1988,"stem":1989,"titleTemplate":6,"icon":87},"/docs/5.x/getting-started/layers","docs/5.x/1.getting-started/14.layers",{"title":89,"path":1991,"stem":1992,"titleTemplate":6,"icon":92},"/docs/5.x/getting-started/prerendering","docs/5.x/1.getting-started/15.prerendering",{"title":94,"path":1994,"stem":1995,"titleTemplate":6,"icon":97},"/docs/5.x/getting-started/deployment","docs/5.x/1.getting-started/16.deployment",{"title":99,"path":1997,"stem":1998,"titleTemplate":6,"icon":102},"/docs/5.x/getting-started/testing","docs/5.x/1.getting-started/17.testing",{"title":104,"path":2000,"stem":2001,"titleTemplate":6,"icon":107},"/docs/5.x/getting-started/upgrade","docs/5.x/1.getting-started/18.upgrade",{"title":110,"titleTemplate":111,"icon":112,"path":2003,"stem":2004,"children":2005,"page":108},"/docs/5.x/directory-structure","docs/5.x/2.directory-structure",[2006,2009,2012,2050,2053,2056,2059,2062,2065,2068,2071,2074,2077,2080,2083,2086,2089],{"title":117,"path":2007,"stem":2008,"titleTemplate":6,"icon":120},"/docs/5.x/directory-structure/nuxt","docs/5.x/2.directory-structure/0.nuxt",{"title":122,"path":2010,"stem":2011,"titleTemplate":6,"icon":125},"/docs/5.x/directory-structure/output","docs/5.x/2.directory-structure/0.output",{"title":1193,"titleTemplate":111,"head":2013,"defaultOpen":1196,"icon":1197,"path":2014,"stem":2015,"children":2016,"page":108},{"title":1195},"/docs/5.x/directory-structure/app","docs/5.x/2.directory-structure/1.app",[2017,2020,2023,2026,2029,2032,2035,2038,2041,2044,2047],{"title":127,"path":2018,"stem":2019,"titleTemplate":6,"icon":130},"/docs/5.x/directory-structure/app/assets","docs/5.x/2.directory-structure/1.app/1.assets",{"title":132,"path":2021,"stem":2022,"titleTemplate":6,"icon":135},"/docs/5.x/directory-structure/app/components","docs/5.x/2.directory-structure/1.app/1.components",{"title":137,"path":2024,"stem":2025,"titleTemplate":6,"icon":140},"/docs/5.x/directory-structure/app/composables","docs/5.x/2.directory-structure/1.app/1.composables",{"title":152,"path":2027,"stem":2028,"titleTemplate":6,"icon":155},"/docs/5.x/directory-structure/app/layouts","docs/5.x/2.directory-structure/1.app/1.layouts",{"title":157,"path":2030,"stem":2031,"titleTemplate":6,"icon":160},"/docs/5.x/directory-structure/app/middleware","docs/5.x/2.directory-structure/1.app/1.middleware",{"title":171,"path":2033,"stem":2034,"titleTemplate":6,"icon":155},"/docs/5.x/directory-structure/app/pages","docs/5.x/2.directory-structure/1.app/1.pages",{"title":175,"path":2036,"stem":2037,"titleTemplate":6,"icon":178},"/docs/5.x/directory-structure/app/plugins","docs/5.x/2.directory-structure/1.app/1.plugins",{"title":195,"path":2039,"stem":2040,"titleTemplate":6,"icon":198},"/docs/5.x/directory-structure/app/utils","docs/5.x/2.directory-structure/1.app/1.utils",{"title":219,"path":2042,"stem":2043,"titleTemplate":6,"icon":222},"/docs/5.x/directory-structure/app/app","docs/5.x/2.directory-structure/1.app/3.app",{"title":224,"path":2045,"stem":2046,"titleTemplate":6,"icon":227},"/docs/5.x/directory-structure/app/app-config","docs/5.x/2.directory-structure/1.app/3.app-config",{"title":229,"path":2048,"stem":2049,"titleTemplate":6,"icon":222},"/docs/5.x/directory-structure/app/error","docs/5.x/2.directory-structure/1.app/3.error",{"title":142,"path":2051,"stem":2052,"titleTemplate":6,"icon":145},"/docs/5.x/directory-structure/content","docs/5.x/2.directory-structure/1.content",{"title":147,"path":2054,"stem":2055,"titleTemplate":6,"icon":150},"/docs/5.x/directory-structure/layers","docs/5.x/2.directory-structure/1.layers",{"title":162,"path":2057,"stem":2058,"titleTemplate":6,"icon":150},"/docs/5.x/directory-structure/modules","docs/5.x/2.directory-structure/1.modules",{"title":166,"path":2060,"stem":2061,"titleTemplate":6,"icon":169},"/docs/5.x/directory-structure/node_modules","docs/5.x/2.directory-structure/1.node_modules",{"title":180,"path":2063,"stem":2064,"titleTemplate":6,"icon":183},"/docs/5.x/directory-structure/public","docs/5.x/2.directory-structure/1.public",{"title":185,"path":2066,"stem":2067,"titleTemplate":6,"icon":188},"/docs/5.x/directory-structure/server","docs/5.x/2.directory-structure/1.server",{"title":190,"path":2069,"stem":2070,"titleTemplate":6,"icon":193},"/docs/5.x/directory-structure/shared","docs/5.x/2.directory-structure/1.shared",{"title":200,"path":2072,"stem":2073,"titleTemplate":6,"icon":203},"/docs/5.x/directory-structure/env","docs/5.x/2.directory-structure/2.env",{"title":205,"path":2075,"stem":2076,"titleTemplate":6,"icon":208},"/docs/5.x/directory-structure/gitignore","docs/5.x/2.directory-structure/2.gitignore",{"title":210,"path":2078,"stem":2079,"titleTemplate":6,"icon":213},"/docs/5.x/directory-structure/nuxtignore","docs/5.x/2.directory-structure/2.nuxtignore",{"title":215,"path":2081,"stem":2082,"titleTemplate":6,"icon":213},"/docs/5.x/directory-structure/nuxtrc","docs/5.x/2.directory-structure/2.nuxtrc",{"title":233,"path":2084,"stem":2085,"titleTemplate":6,"icon":213},"/docs/5.x/directory-structure/nuxt-config","docs/5.x/2.directory-structure/3.nuxt-config",{"title":237,"path":2087,"stem":2088,"titleTemplate":6,"icon":240},"/docs/5.x/directory-structure/package","docs/5.x/2.directory-structure/3.package",{"title":242,"path":2090,"stem":2091,"titleTemplate":6,"icon":245},"/docs/5.x/directory-structure/tsconfig","docs/5.x/2.directory-structure/3.tsconfig",{"title":247,"titleTemplate":6,"icon":248,"path":2093,"stem":2094,"children":2095,"page":108},"/docs/5.x/guide","docs/5.x/3.guide",[2096,2121,2134,2144,2169,2185],{"title":253,"titleTemplate":254,"icon":255,"path":2097,"stem":2098,"children":2099,"page":108},"/docs/5.x/guide/concepts","docs/5.x/3.guide/1.concepts",[2100,2103,2106,2109,2112,2115,2118],{"title":260,"path":2101,"stem":2102,"titleTemplate":6},"/docs/5.x/guide/concepts/rendering","docs/5.x/3.guide/1.concepts/1.rendering",{"title":264,"path":2104,"stem":2105,"titleTemplate":6},"/docs/5.x/guide/concepts/nuxt-lifecycle","docs/5.x/3.guide/1.concepts/2.nuxt-lifecycle",{"title":268,"path":2107,"stem":2108,"titleTemplate":6},"/docs/5.x/guide/concepts/auto-imports","docs/5.x/3.guide/1.concepts/3.auto-imports",{"title":272,"path":2110,"stem":2111,"titleTemplate":6},"/docs/5.x/guide/concepts/server-engine","docs/5.x/3.guide/1.concepts/4.server-engine",{"title":276,"path":2113,"stem":2114,"titleTemplate":6},"/docs/5.x/guide/concepts/modules","docs/5.x/3.guide/1.concepts/5.modules",{"title":280,"path":2116,"stem":2117,"titleTemplate":6},"/docs/5.x/guide/concepts/typescript","docs/5.x/3.guide/1.concepts/8.typescript",{"title":284,"path":2119,"stem":2120,"titleTemplate":6},"/docs/5.x/guide/concepts/code-style","docs/5.x/3.guide/1.concepts/9.code-style",{"title":288,"titleTemplate":289,"icon":290,"path":2122,"stem":2123,"children":2124,"page":108},"/docs/5.x/guide/best-practices","docs/5.x/3.guide/2.best-practices",[2125,2128,2131],{"title":1310,"path":2126,"stem":2127,"titleTemplate":6},"/docs/5.x/guide/best-practices/hydration","docs/5.x/3.guide/2.best-practices/hydration",{"title":299,"path":2129,"stem":2130,"titleTemplate":6},"/docs/5.x/guide/best-practices/performance","docs/5.x/3.guide/2.best-practices/performance",{"title":303,"path":2132,"stem":2133,"titleTemplate":6},"/docs/5.x/guide/best-practices/plugins","docs/5.x/3.guide/2.best-practices/plugins",{"title":307,"titleTemplate":308,"icon":309,"path":2135,"stem":2136,"children":2137,"page":108},"/docs/5.x/guide/ai","docs/5.x/3.guide/3.ai",[2138,2141],{"title":314,"path":2139,"stem":2140,"titleTemplate":6},"/docs/5.x/guide/ai/mcp","docs/5.x/3.guide/3.ai/1.mcp",{"title":318,"path":2142,"stem":2143,"titleTemplate":6},"/docs/5.x/guide/ai/llms-txt","docs/5.x/3.guide/3.ai/2.llms-txt",{"title":322,"titleTemplate":323,"icon":324,"path":2145,"stem":2146,"children":2147,"page":108},"/docs/5.x/guide/modules","docs/5.x/3.guide/4.modules",[2148,2151,2154,2157,2160,2163,2166],{"title":329,"path":2149,"stem":2150,"titleTemplate":6},"/docs/5.x/guide/modules/getting-started","docs/5.x/3.guide/4.modules/1.getting-started",{"title":333,"path":2152,"stem":2153,"titleTemplate":6},"/docs/5.x/guide/modules/module-anatomy","docs/5.x/3.guide/4.modules/2.module-anatomy",{"title":337,"path":2155,"stem":2156,"titleTemplate":6},"/docs/5.x/guide/modules/recipes-basics","docs/5.x/3.guide/4.modules/3.recipes-basics",{"title":341,"path":2158,"stem":2159,"titleTemplate":6},"/docs/5.x/guide/modules/recipes-advanced","docs/5.x/3.guide/4.modules/4.recipes-advanced",{"title":345,"path":2161,"stem":2162,"titleTemplate":6},"/docs/5.x/guide/modules/testing","docs/5.x/3.guide/4.modules/5.testing",{"title":349,"path":2164,"stem":2165,"titleTemplate":6},"/docs/5.x/guide/modules/best-practices","docs/5.x/3.guide/4.modules/6.best-practices",{"title":353,"path":2167,"stem":2168,"titleTemplate":6},"/docs/5.x/guide/modules/ecosystem","docs/5.x/3.guide/4.modules/7.ecosystem",{"title":357,"titleTemplate":358,"icon":359,"path":2170,"stem":2171,"children":2172,"page":108},"/docs/5.x/guide/recipes","docs/5.x/3.guide/5.recipes",[2173,2176,2179,2182],{"title":364,"path":2174,"stem":2175,"titleTemplate":6},"/docs/5.x/guide/recipes/custom-routing","docs/5.x/3.guide/5.recipes/1.custom-routing",{"title":368,"path":2177,"stem":2178,"titleTemplate":6},"/docs/5.x/guide/recipes/vite-plugin","docs/5.x/3.guide/5.recipes/2.vite-plugin",{"title":372,"path":2180,"stem":2181,"titleTemplate":6},"/docs/5.x/guide/recipes/custom-usefetch","docs/5.x/3.guide/5.recipes/3.custom-usefetch",{"title":376,"path":2183,"stem":2184,"titleTemplate":6},"/docs/5.x/guide/recipes/sessions-and-authentication","docs/5.x/3.guide/5.recipes/4.sessions-and-authentication",{"title":380,"titleTemplate":381,"icon":382,"path":2186,"stem":2187,"children":2188,"page":108},"/docs/5.x/guide/going-further","docs/5.x/3.guide/6.going-further",[2189,2192,2195,2198,2201,2204,2207,2210,2213,2216],{"title":387,"path":2190,"stem":2191,"titleTemplate":6},"/docs/5.x/guide/going-further/events","docs/5.x/3.guide/6.going-further/1.events",{"title":391,"path":2193,"stem":2194,"titleTemplate":6},"/docs/5.x/guide/going-further/experimental-features","docs/5.x/3.guide/6.going-further/1.experimental-features",{"title":395,"path":2196,"stem":2197,"titleTemplate":6},"/docs/5.x/guide/going-further/features","docs/5.x/3.guide/6.going-further/1.features",{"title":399,"path":2199,"stem":2200,"titleTemplate":6},"/docs/5.x/guide/going-further/runtime-config","docs/5.x/3.guide/6.going-further/10.runtime-config",{"title":403,"path":2202,"stem":2203,"titleTemplate":6},"/docs/5.x/guide/going-further/nightly-release-channel","docs/5.x/3.guide/6.going-further/11.nightly-release-channel",{"title":407,"path":2205,"stem":2206,"titleTemplate":6},"/docs/5.x/guide/going-further/hooks","docs/5.x/3.guide/6.going-further/2.hooks",{"title":411,"path":2208,"stem":2209,"titleTemplate":6},"/docs/5.x/guide/going-further/kit","docs/5.x/3.guide/6.going-further/4.kit",{"title":415,"path":2211,"stem":2212,"titleTemplate":6},"/docs/5.x/guide/going-further/nuxt-app","docs/5.x/3.guide/6.going-further/6.nuxt-app",{"title":419,"path":2214,"stem":2215,"titleTemplate":6},"/docs/5.x/guide/going-further/layers","docs/5.x/3.guide/6.going-further/7.layers",{"title":423,"path":2217,"stem":2218,"titleTemplate":6},"/docs/5.x/guide/going-further/debugging","docs/5.x/3.guide/6.going-further/9.debugging",{"title":427,"titleTemplate":428,"icon":429,"path":2220,"stem":2221,"children":2222,"page":108},"/docs/5.x/api","docs/5.x/4.api",[2223,2275,2369,2460,2512,2570,2580],{"title":434,"titleTemplate":435,"icon":324,"path":2224,"stem":2225,"children":2226,"page":108},"/docs/5.x/api/components","docs/5.x/4.api/1.components",[2227,2230,2233,2236,2239,2242,2245,2248,2251,2254,2257,2260,2263,2266,2269,2272],{"title":440,"path":2228,"stem":2229,"titleTemplate":6},"/docs/5.x/api/components/client-only","docs/5.x/4.api/1.components/1.client-only",{"title":444,"path":2231,"stem":2232,"titleTemplate":6},"/docs/5.x/api/components/dev-only","docs/5.x/4.api/1.components/1.dev-only",{"title":448,"path":2234,"stem":2235,"titleTemplate":6},"/docs/5.x/api/components/nuxt-client-fallback","docs/5.x/4.api/1.components/1.nuxt-client-fallback",{"title":452,"path":2237,"stem":2238,"titleTemplate":6},"/docs/5.x/api/components/nuxt-picture","docs/5.x/4.api/1.components/10.nuxt-picture",{"title":456,"path":2240,"stem":2241,"titleTemplate":6},"/docs/5.x/api/components/teleports","docs/5.x/4.api/1.components/11.teleports",{"title":460,"path":2243,"stem":2244,"titleTemplate":6},"/docs/5.x/api/components/nuxt-route-announcer","docs/5.x/4.api/1.components/12.nuxt-route-announcer",{"title":464,"path":2246,"stem":2247,"titleTemplate":6},"/docs/5.x/api/components/nuxt-time","docs/5.x/4.api/1.components/13.nuxt-time",{"title":1434,"path":2249,"stem":2250,"titleTemplate":6},"/docs/5.x/api/components/nuxt-announcer","docs/5.x/4.api/1.components/14.nuxt-announcer",{"title":468,"path":2252,"stem":2253,"titleTemplate":6},"/docs/5.x/api/components/nuxt-page","docs/5.x/4.api/1.components/2.nuxt-page",{"title":472,"path":2255,"stem":2256,"titleTemplate":6},"/docs/5.x/api/components/nuxt-layout","docs/5.x/4.api/1.components/3.nuxt-layout",{"title":476,"path":2258,"stem":2259,"titleTemplate":6},"/docs/5.x/api/components/nuxt-link","docs/5.x/4.api/1.components/4.nuxt-link",{"title":480,"path":2261,"stem":2262,"titleTemplate":6},"/docs/5.x/api/components/nuxt-loading-indicator","docs/5.x/4.api/1.components/5.nuxt-loading-indicator",{"title":484,"path":2264,"stem":2265,"titleTemplate":6},"/docs/5.x/api/components/nuxt-error-boundary","docs/5.x/4.api/1.components/6.nuxt-error-boundary",{"title":488,"path":2267,"stem":2268,"titleTemplate":6},"/docs/5.x/api/components/nuxt-welcome","docs/5.x/4.api/1.components/7.nuxt-welcome",{"title":492,"path":2270,"stem":2271,"titleTemplate":6},"/docs/5.x/api/components/nuxt-island","docs/5.x/4.api/1.components/8.nuxt-island",{"title":496,"path":2273,"stem":2274,"titleTemplate":6},"/docs/5.x/api/components/nuxt-img","docs/5.x/4.api/1.components/9.nuxt-img",{"title":500,"titleTemplate":501,"icon":502,"path":2276,"stem":2277,"children":2278,"page":108},"/docs/5.x/api/composables","docs/5.x/4.api/2.composables",[2279,2282,2285,2288,2291,2294,2297,2300,2303,2306,2309,2312,2315,2318,2321,2324,2327,2330,2333,2336,2339,2342,2345,2348,2351,2354,2357,2360,2363,2366],{"title":507,"path":2280,"stem":2281,"titleTemplate":6},"/docs/5.x/api/composables/on-prehydrate","docs/5.x/4.api/2.composables/on-prehydrate",{"title":1469,"path":2283,"stem":2284,"titleTemplate":6},"/docs/5.x/api/composables/use-announcer","docs/5.x/4.api/2.composables/use-announcer",{"title":511,"path":2286,"stem":2287,"titleTemplate":6},"/docs/5.x/api/composables/use-app-config","docs/5.x/4.api/2.composables/use-app-config",{"title":515,"path":2289,"stem":2290,"titleTemplate":6},"/docs/5.x/api/composables/use-async-data","docs/5.x/4.api/2.composables/use-async-data",{"title":519,"path":2292,"stem":2293,"titleTemplate":6},"/docs/5.x/api/composables/use-cookie","docs/5.x/4.api/2.composables/use-cookie",{"title":523,"path":2295,"stem":2296,"titleTemplate":6},"/docs/5.x/api/composables/use-error","docs/5.x/4.api/2.composables/use-error",{"title":527,"path":2298,"stem":2299,"titleTemplate":6},"/docs/5.x/api/composables/use-fetch","docs/5.x/4.api/2.composables/use-fetch",{"title":531,"path":2301,"stem":2302,"titleTemplate":6},"/docs/5.x/api/composables/use-head","docs/5.x/4.api/2.composables/use-head",{"title":535,"path":2304,"stem":2305,"titleTemplate":6},"/docs/5.x/api/composables/use-head-safe","docs/5.x/4.api/2.composables/use-head-safe",{"title":539,"path":2307,"stem":2308,"titleTemplate":6},"/docs/5.x/api/composables/use-hydration","docs/5.x/4.api/2.composables/use-hydration",{"title":543,"path":2310,"stem":2311,"titleTemplate":6},"/docs/5.x/api/composables/use-lazy-async-data","docs/5.x/4.api/2.composables/use-lazy-async-data",{"title":547,"path":2313,"stem":2314,"titleTemplate":6},"/docs/5.x/api/composables/use-lazy-fetch","docs/5.x/4.api/2.composables/use-lazy-fetch",{"title":551,"path":2316,"stem":2317,"titleTemplate":6},"/docs/5.x/api/composables/use-loading-indicator","docs/5.x/4.api/2.composables/use-loading-indicator",{"title":555,"path":2319,"stem":2320,"titleTemplate":6},"/docs/5.x/api/composables/use-nuxt-app","docs/5.x/4.api/2.composables/use-nuxt-app",{"title":559,"path":2322,"stem":2323,"titleTemplate":6},"/docs/5.x/api/composables/use-nuxt-data","docs/5.x/4.api/2.composables/use-nuxt-data",{"title":563,"path":2325,"stem":2326,"titleTemplate":6},"/docs/5.x/api/composables/use-preview-mode","docs/5.x/4.api/2.composables/use-preview-mode",{"title":567,"path":2328,"stem":2329,"titleTemplate":6},"/docs/5.x/api/composables/use-request-event","docs/5.x/4.api/2.composables/use-request-event",{"title":571,"path":2331,"stem":2332,"titleTemplate":6},"/docs/5.x/api/composables/use-request-fetch","docs/5.x/4.api/2.composables/use-request-fetch",{"title":575,"path":2334,"stem":2335,"titleTemplate":6},"/docs/5.x/api/composables/use-request-header","docs/5.x/4.api/2.composables/use-request-header",{"title":579,"path":2337,"stem":2338,"titleTemplate":6},"/docs/5.x/api/composables/use-request-headers","docs/5.x/4.api/2.composables/use-request-headers",{"title":583,"path":2340,"stem":2341,"titleTemplate":6},"/docs/5.x/api/composables/use-request-url","docs/5.x/4.api/2.composables/use-request-url",{"title":587,"path":2343,"stem":2344,"titleTemplate":6},"/docs/5.x/api/composables/use-response-header","docs/5.x/4.api/2.composables/use-response-header",{"title":591,"path":2346,"stem":2347,"titleTemplate":6},"/docs/5.x/api/composables/use-route","docs/5.x/4.api/2.composables/use-route",{"title":595,"path":2349,"stem":2350,"titleTemplate":6},"/docs/5.x/api/composables/use-route-announcer","docs/5.x/4.api/2.composables/use-route-announcer",{"title":599,"path":2352,"stem":2353,"titleTemplate":6},"/docs/5.x/api/composables/use-router","docs/5.x/4.api/2.composables/use-router",{"title":603,"path":2355,"stem":2356,"titleTemplate":6},"/docs/5.x/api/composables/use-runtime-config","docs/5.x/4.api/2.composables/use-runtime-config",{"title":607,"path":2358,"stem":2359,"titleTemplate":6},"/docs/5.x/api/composables/use-runtime-hook","docs/5.x/4.api/2.composables/use-runtime-hook",{"title":611,"path":2361,"stem":2362,"titleTemplate":6},"/docs/5.x/api/composables/use-seo-meta","docs/5.x/4.api/2.composables/use-seo-meta",{"title":615,"path":2364,"stem":2365,"titleTemplate":6},"/docs/5.x/api/composables/use-server-seo-meta","docs/5.x/4.api/2.composables/use-server-seo-meta",{"title":619,"path":2367,"stem":2368,"titleTemplate":6},"/docs/5.x/api/composables/use-state","docs/5.x/4.api/2.composables/use-state",{"title":623,"titleTemplate":624,"icon":625,"path":2370,"stem":2371,"children":2372,"page":108},"/docs/5.x/api/utils","docs/5.x/4.api/3.utils",[2373,2376,2379,2382,2385,2388,2391,2394,2397,2400,2403,2406,2409,2412,2415,2418,2421,2424,2427,2430,2433,2436,2439,2442,2445,2448,2451,2454,2457],{"title":630,"path":2374,"stem":2375,"titleTemplate":6},"/docs/5.x/api/utils/dollarfetch","docs/5.x/4.api/3.utils/$fetch",{"title":634,"path":2377,"stem":2378,"titleTemplate":6},"/docs/5.x/api/utils/abort-navigation","docs/5.x/4.api/3.utils/abort-navigation",{"title":638,"path":2380,"stem":2381,"titleTemplate":6},"/docs/5.x/api/utils/add-route-middleware","docs/5.x/4.api/3.utils/add-route-middleware",{"title":642,"path":2383,"stem":2384,"titleTemplate":6},"/docs/5.x/api/utils/call-once","docs/5.x/4.api/3.utils/call-once",{"title":646,"path":2386,"stem":2387,"titleTemplate":6},"/docs/5.x/api/utils/clear-error","docs/5.x/4.api/3.utils/clear-error",{"title":650,"path":2389,"stem":2390,"titleTemplate":6},"/docs/5.x/api/utils/clear-nuxt-data","docs/5.x/4.api/3.utils/clear-nuxt-data",{"title":654,"path":2392,"stem":2393,"titleTemplate":6},"/docs/5.x/api/utils/clear-nuxt-state","docs/5.x/4.api/3.utils/clear-nuxt-state",{"title":658,"path":2395,"stem":2396,"titleTemplate":6},"/docs/5.x/api/utils/create-error","docs/5.x/4.api/3.utils/create-error",{"title":662,"path":2398,"stem":2399,"titleTemplate":6},"/docs/5.x/api/utils/define-lazy-hydration-component","docs/5.x/4.api/3.utils/define-lazy-hydration-component",{"title":666,"path":2401,"stem":2402,"titleTemplate":6},"/docs/5.x/api/utils/define-nuxt-component","docs/5.x/4.api/3.utils/define-nuxt-component",{"title":670,"path":2404,"stem":2405,"titleTemplate":6},"/docs/5.x/api/utils/define-nuxt-plugin","docs/5.x/4.api/3.utils/define-nuxt-plugin",{"title":674,"path":2407,"stem":2408,"titleTemplate":6},"/docs/5.x/api/utils/define-nuxt-route-middleware","docs/5.x/4.api/3.utils/define-nuxt-route-middleware",{"title":678,"path":2410,"stem":2411,"titleTemplate":6},"/docs/5.x/api/utils/define-page-meta","docs/5.x/4.api/3.utils/define-page-meta",{"title":682,"path":2413,"stem":2414,"titleTemplate":6},"/docs/5.x/api/utils/define-route-rules","docs/5.x/4.api/3.utils/define-route-rules",{"title":686,"path":2416,"stem":2417,"titleTemplate":6},"/docs/5.x/api/utils/navigate-to","docs/5.x/4.api/3.utils/navigate-to",{"title":690,"path":2419,"stem":2420,"titleTemplate":6},"/docs/5.x/api/utils/on-before-route-leave","docs/5.x/4.api/3.utils/on-before-route-leave",{"title":694,"path":2422,"stem":2423,"titleTemplate":6},"/docs/5.x/api/utils/on-before-route-update","docs/5.x/4.api/3.utils/on-before-route-update",{"title":698,"path":2425,"stem":2426,"titleTemplate":6},"/docs/5.x/api/utils/on-nuxt-ready","docs/5.x/4.api/3.utils/on-nuxt-ready",{"title":702,"path":2428,"stem":2429,"titleTemplate":6},"/docs/5.x/api/utils/prefetch-components","docs/5.x/4.api/3.utils/prefetch-components",{"title":706,"path":2431,"stem":2432,"titleTemplate":6},"/docs/5.x/api/utils/preload-components","docs/5.x/4.api/3.utils/preload-components",{"title":710,"path":2434,"stem":2435,"titleTemplate":6},"/docs/5.x/api/utils/preload-route-components","docs/5.x/4.api/3.utils/preload-route-components",{"title":714,"path":2437,"stem":2438,"titleTemplate":6},"/docs/5.x/api/utils/prerender-routes","docs/5.x/4.api/3.utils/prerender-routes",{"title":718,"path":2440,"stem":2441,"titleTemplate":6},"/docs/5.x/api/utils/refresh-cookie","docs/5.x/4.api/3.utils/refresh-cookie",{"title":722,"path":2443,"stem":2444,"titleTemplate":6},"/docs/5.x/api/utils/refresh-nuxt-data","docs/5.x/4.api/3.utils/refresh-nuxt-data",{"title":726,"path":2446,"stem":2447,"titleTemplate":6},"/docs/5.x/api/utils/reload-nuxt-app","docs/5.x/4.api/3.utils/reload-nuxt-app",{"title":730,"path":2449,"stem":2450,"titleTemplate":6},"/docs/5.x/api/utils/set-page-layout","docs/5.x/4.api/3.utils/set-page-layout",{"title":734,"path":2452,"stem":2453,"titleTemplate":6},"/docs/5.x/api/utils/set-response-status","docs/5.x/4.api/3.utils/set-response-status",{"title":738,"path":2455,"stem":2456,"titleTemplate":6},"/docs/5.x/api/utils/show-error","docs/5.x/4.api/3.utils/show-error",{"title":742,"path":2458,"stem":2459,"titleTemplate":6},"/docs/5.x/api/utils/update-app-config","docs/5.x/4.api/3.utils/update-app-config",{"title":746,"titleTemplate":747,"icon":748,"path":2461,"stem":2462,"children":2463,"page":108},"/docs/5.x/api/commands","docs/5.x/4.api/4.commands",[2464,2467,2470,2473,2476,2479,2482,2485,2488,2491,2494,2497,2500,2503,2506,2509],{"title":753,"path":2465,"stem":2466,"titleTemplate":6},"/docs/5.x/api/commands/add","docs/5.x/4.api/4.commands/add",{"title":757,"path":2468,"stem":2469,"titleTemplate":6},"/docs/5.x/api/commands/analyze","docs/5.x/4.api/4.commands/analyze",{"title":761,"path":2471,"stem":2472,"titleTemplate":6},"/docs/5.x/api/commands/build","docs/5.x/4.api/4.commands/build",{"title":765,"path":2474,"stem":2475,"titleTemplate":6},"/docs/5.x/api/commands/build-module","docs/5.x/4.api/4.commands/build-module",{"title":769,"path":2477,"stem":2478,"titleTemplate":6},"/docs/5.x/api/commands/cleanup","docs/5.x/4.api/4.commands/cleanup",{"title":773,"path":2480,"stem":2481,"titleTemplate":6},"/docs/5.x/api/commands/dev","docs/5.x/4.api/4.commands/dev",{"title":777,"path":2483,"stem":2484,"titleTemplate":6},"/docs/5.x/api/commands/devtools","docs/5.x/4.api/4.commands/devtools",{"title":781,"path":2486,"stem":2487,"titleTemplate":6},"/docs/5.x/api/commands/generate","docs/5.x/4.api/4.commands/generate",{"title":785,"path":2489,"stem":2490,"titleTemplate":6},"/docs/5.x/api/commands/info","docs/5.x/4.api/4.commands/info",{"title":789,"path":2492,"stem":2493,"titleTemplate":6},"/docs/5.x/api/commands/init","docs/5.x/4.api/4.commands/init",{"title":793,"path":2495,"stem":2496,"titleTemplate":6},"/docs/5.x/api/commands/module","docs/5.x/4.api/4.commands/module",{"title":797,"path":2498,"stem":2499,"titleTemplate":6},"/docs/5.x/api/commands/prepare","docs/5.x/4.api/4.commands/prepare",{"title":801,"path":2501,"stem":2502,"titleTemplate":6},"/docs/5.x/api/commands/preview","docs/5.x/4.api/4.commands/preview",{"title":805,"path":2504,"stem":2505,"titleTemplate":6},"/docs/5.x/api/commands/test","docs/5.x/4.api/4.commands/test",{"title":809,"path":2507,"stem":2508,"titleTemplate":6},"/docs/5.x/api/commands/typecheck","docs/5.x/4.api/4.commands/typecheck",{"title":813,"path":2510,"stem":2511,"titleTemplate":6},"/docs/5.x/api/commands/upgrade","docs/5.x/4.api/4.commands/upgrade",{"title":411,"titleTemplate":817,"icon":818,"path":2513,"stem":2514,"children":2515,"page":108},"/docs/5.x/api/kit","docs/5.x/4.api/5.kit",[2516,2519,2522,2525,2528,2531,2534,2537,2540,2543,2546,2549,2552,2555,2558,2561,2564,2567],{"title":276,"path":2517,"stem":2518,"titleTemplate":6},"/docs/5.x/api/kit/modules","docs/5.x/4.api/5.kit/1.modules",{"title":399,"path":2520,"stem":2521,"titleTemplate":6},"/docs/5.x/api/kit/runtime-config","docs/5.x/4.api/5.kit/10.runtime-config",{"title":829,"path":2523,"stem":2524,"titleTemplate":6},"/docs/5.x/api/kit/templates","docs/5.x/4.api/5.kit/10.templates",{"title":833,"path":2526,"stem":2527,"titleTemplate":6},"/docs/5.x/api/kit/nitro","docs/5.x/4.api/5.kit/11.nitro",{"title":837,"path":2529,"stem":2530,"titleTemplate":6},"/docs/5.x/api/kit/resolving","docs/5.x/4.api/5.kit/12.resolving",{"title":841,"path":2532,"stem":2533,"titleTemplate":6},"/docs/5.x/api/kit/logging","docs/5.x/4.api/5.kit/13.logging",{"title":845,"path":2535,"stem":2536,"titleTemplate":6},"/docs/5.x/api/kit/builder","docs/5.x/4.api/5.kit/14.builder",{"title":849,"path":2538,"stem":2539,"titleTemplate":6},"/docs/5.x/api/kit/examples","docs/5.x/4.api/5.kit/15.examples",{"title":84,"path":2541,"stem":2542,"titleTemplate":6},"/docs/5.x/api/kit/layers","docs/5.x/4.api/5.kit/16.layers",{"title":856,"path":2544,"stem":2545,"titleTemplate":6},"/docs/5.x/api/kit/programmatic","docs/5.x/4.api/5.kit/2.programmatic",{"title":860,"path":2547,"stem":2548,"titleTemplate":6},"/docs/5.x/api/kit/compatibility","docs/5.x/4.api/5.kit/3.compatibility",{"title":268,"path":2550,"stem":2551,"titleTemplate":6},"/docs/5.x/api/kit/autoimports","docs/5.x/4.api/5.kit/4.autoimports",{"title":434,"path":2553,"stem":2554,"titleTemplate":6},"/docs/5.x/api/kit/components","docs/5.x/4.api/5.kit/5.components",{"title":870,"path":2556,"stem":2557,"titleTemplate":6},"/docs/5.x/api/kit/context","docs/5.x/4.api/5.kit/6.context",{"title":874,"path":2559,"stem":2560,"titleTemplate":6},"/docs/5.x/api/kit/pages","docs/5.x/4.api/5.kit/7.pages",{"title":878,"path":2562,"stem":2563,"titleTemplate":6},"/docs/5.x/api/kit/layout","docs/5.x/4.api/5.kit/8.layout",{"title":882,"path":2565,"stem":2566,"titleTemplate":6},"/docs/5.x/api/kit/head","docs/5.x/4.api/5.kit/9.head",{"title":886,"path":2568,"stem":2569,"titleTemplate":6},"/docs/5.x/api/kit/plugins","docs/5.x/4.api/5.kit/9.plugins",{"title":890,"titleTemplate":6,"icon":891,"path":2571,"stem":2572,"children":2573,"page":108},"/docs/5.x/api/advanced","docs/5.x/4.api/6.advanced",[2574,2577],{"title":407,"path":2575,"stem":2576,"titleTemplate":6},"/docs/5.x/api/advanced/hooks","docs/5.x/4.api/6.advanced/1.hooks",{"title":899,"path":2578,"stem":2579,"titleTemplate":6},"/docs/5.x/api/advanced/import-meta","docs/5.x/4.api/6.advanced/2.import-meta",{"title":903,"path":2581,"stem":2582,"titleTemplate":906,"icon":32},"/docs/5.x/api/nuxt-config","docs/5.x/4.api/6.nuxt-config",{"title":849,"titleTemplate":908,"icon":909,"path":2584,"stem":2585,"children":2586,"page":108},"/docs/5.x/examples","docs/5.x/4.examples",[2587,2590,2609,2622,2653],{"title":914,"path":2588,"stem":2589,"titleTemplate":6},"/docs/5.x/examples/hello-world","docs/5.x/4.examples/0.hello-world",{"title":395,"path":2591,"stem":2592,"children":2593,"page":108},"/docs/5.x/examples/features","docs/5.x/4.examples/1.features",[2594,2597,2600,2603,2606],{"title":922,"path":2595,"stem":2596,"titleTemplate":6},"/docs/5.x/examples/features/auto-imports","docs/5.x/4.examples/1.features/1.auto-imports",{"title":64,"path":2598,"stem":2599,"titleTemplate":6},"/docs/5.x/examples/features/data-fetching","docs/5.x/4.examples/1.features/2.data-fetching",{"title":69,"path":2601,"stem":2602,"titleTemplate":6},"/docs/5.x/examples/features/state-management","docs/5.x/4.examples/1.features/3.state-management",{"title":932,"path":2604,"stem":2605,"titleTemplate":6},"/docs/5.x/examples/features/meta-tags","docs/5.x/4.examples/1.features/4.meta-tags",{"title":936,"path":2607,"stem":2608,"titleTemplate":6},"/docs/5.x/examples/features/layouts","docs/5.x/4.examples/1.features/5.layouts",{"title":49,"path":2610,"stem":2611,"children":2612,"page":108},"/docs/5.x/examples/routing","docs/5.x/4.examples/2.routing",[2613,2616,2619],{"title":944,"path":2614,"stem":2615,"titleTemplate":6},"/docs/5.x/examples/routing/middleware","docs/5.x/4.examples/2.routing/middleware",{"title":874,"path":2617,"stem":2618,"titleTemplate":6},"/docs/5.x/examples/routing/pages","docs/5.x/4.examples/2.routing/pages",{"title":951,"path":2620,"stem":2621,"titleTemplate":6},"/docs/5.x/examples/routing/universal-router","docs/5.x/4.examples/2.routing/universal-router",{"title":890,"path":2623,"stem":2624,"children":2625,"page":108},"/docs/5.x/examples/advanced","docs/5.x/4.examples/4.advanced",[2626,2629,2632,2635,2638,2641,2644,2647,2650],{"title":84,"path":2627,"stem":2628,"titleTemplate":6},"/docs/5.x/examples/advanced/config-extends","docs/5.x/4.examples/4.advanced/config-extends",{"title":74,"path":2630,"stem":2631,"titleTemplate":6},"/docs/5.x/examples/advanced/error-handling","docs/5.x/4.examples/4.advanced/error-handling",{"title":965,"path":2633,"stem":2634,"titleTemplate":6},"/docs/5.x/examples/advanced/jsx","docs/5.x/4.examples/4.advanced/jsx",{"title":969,"path":2636,"stem":2637,"titleTemplate":6},"/docs/5.x/examples/advanced/locale","docs/5.x/4.examples/4.advanced/locale",{"title":973,"path":2639,"stem":2640,"titleTemplate":6},"/docs/5.x/examples/advanced/module-extend-pages","docs/5.x/4.examples/4.advanced/module-extend-pages",{"title":977,"path":2642,"stem":2643,"titleTemplate":6},"/docs/5.x/examples/advanced/teleport","docs/5.x/4.examples/4.advanced/teleport",{"title":99,"path":2645,"stem":2646,"titleTemplate":6},"/docs/5.x/examples/advanced/testing","docs/5.x/4.examples/4.advanced/testing",{"title":519,"path":2648,"stem":2649,"titleTemplate":6},"/docs/5.x/examples/advanced/use-cookie","docs/5.x/4.examples/4.advanced/use-cookie",{"title":987,"path":2651,"stem":2652,"titleTemplate":6},"/docs/5.x/examples/advanced/use-custom-fetch-composable","docs/5.x/4.examples/4.advanced/use-custom-fetch-composable",{"title":991,"path":2654,"stem":2655,"children":2656,"page":108},"/docs/5.x/examples/experimental","docs/5.x/4.examples/7.experimental",[2657],{"title":996,"path":2658,"stem":2659,"titleTemplate":6},"/docs/5.x/examples/experimental/wasm","docs/5.x/4.examples/7.experimental/wasm",{"title":1000,"titleTemplate":1001,"icon":1002,"path":2661,"stem":2662,"children":2663,"page":108},"/docs/5.x/community","docs/5.x/5.community",[2664,2667,2670,2673,2676,2679],{"title":1007,"path":2665,"stem":2666,"titleTemplate":6,"icon":1010},"/docs/5.x/community/getting-help","docs/5.x/5.community/2.getting-help",{"title":1012,"path":2668,"stem":2669,"titleTemplate":6,"icon":1015},"/docs/5.x/community/reporting-bugs","docs/5.x/5.community/3.reporting-bugs",{"title":1017,"path":2671,"stem":2672,"titleTemplate":6,"icon":1020},"/docs/5.x/community/contribution","docs/5.x/5.community/4.contribution",{"title":1022,"path":2674,"stem":2675,"titleTemplate":6,"icon":1025},"/docs/5.x/community/framework-contribution","docs/5.x/5.community/5.framework-contribution",{"title":1027,"path":2677,"stem":2678,"titleTemplate":6,"icon":1030},"/docs/5.x/community/roadmap","docs/5.x/5.community/6.roadmap",{"title":1032,"path":2680,"stem":2681,"titleTemplate":6,"icon":1035},"/docs/5.x/community/changelog","docs/5.x/5.community/7.changelog",{"title":1037,"titleTemplate":1038,"icon":1039,"path":2683,"stem":2684,"children":2685,"page":108},"/docs/5.x/bridge","docs/5.x/6.bridge",[2686,2689,2692,2695,2698,2701,2704,2707,2710,2713],{"title":1044,"path":2687,"stem":2688,"titleTemplate":6},"/docs/5.x/bridge/overview","docs/5.x/6.bridge/1.overview",{"title":29,"path":2690,"stem":2691,"titleTemplate":6},"/docs/5.x/bridge/configuration","docs/5.x/6.bridge/10.configuration",{"title":280,"path":2693,"stem":2694,"titleTemplate":6},"/docs/5.x/bridge/typescript","docs/5.x/6.bridge/2.typescript",{"title":1054,"path":2696,"stem":2697,"titleTemplate":6},"/docs/5.x/bridge/bridge-composition-api","docs/5.x/6.bridge/3.bridge-composition-api",{"title":1058,"path":2699,"stem":2700,"titleTemplate":6},"/docs/5.x/bridge/plugins-and-middleware","docs/5.x/6.bridge/4.plugins-and-middleware",{"title":1062,"path":2702,"stem":2703,"titleTemplate":6},"/docs/5.x/bridge/nuxt3-compatible-api","docs/5.x/6.bridge/5.nuxt3-compatible-api",{"title":932,"path":2705,"stem":2706,"titleTemplate":6},"/docs/5.x/bridge/meta","docs/5.x/6.bridge/6.meta",{"title":399,"path":2708,"stem":2709,"titleTemplate":6},"/docs/5.x/bridge/runtime-config","docs/5.x/6.bridge/7.runtime-config",{"title":833,"path":2711,"stem":2712,"titleTemplate":6},"/docs/5.x/bridge/nitro","docs/5.x/6.bridge/8.nitro",{"title":1075,"path":2714,"stem":2715,"titleTemplate":6},"/docs/5.x/bridge/vite","docs/5.x/6.bridge/9.vite",{"title":1079,"titleTemplate":1080,"icon":107,"path":2717,"stem":2718,"children":2719,"page":108},"/docs/5.x/migration","docs/5.x/7.migration",[2720,2723,2726,2729,2732,2735,2738,2741,2744,2747,2750],{"title":1044,"path":2721,"stem":2722,"titleTemplate":6},"/docs/5.x/migration/overview","docs/5.x/7.migration/1.overview",{"title":1088,"path":2724,"stem":2725,"titleTemplate":6},"/docs/5.x/migration/bundling","docs/5.x/7.migration/10.bundling",{"title":79,"path":2727,"stem":2728,"titleTemplate":6},"/docs/5.x/migration/server","docs/5.x/7.migration/11.server",{"title":29,"path":2730,"stem":2731,"titleTemplate":6},"/docs/5.x/migration/configuration","docs/5.x/7.migration/2.configuration",{"title":276,"path":2733,"stem":2734,"titleTemplate":6},"/docs/5.x/migration/module-authors","docs/5.x/7.migration/20.module-authors",{"title":922,"path":2736,"stem":2737,"titleTemplate":6},"/docs/5.x/migration/auto-imports","docs/5.x/7.migration/3.auto-imports",{"title":932,"path":2739,"stem":2740,"titleTemplate":6},"/docs/5.x/migration/meta","docs/5.x/7.migration/4.meta",{"title":1058,"path":2742,"stem":2743,"titleTemplate":6},"/docs/5.x/migration/plugins-and-middleware","docs/5.x/7.migration/5.plugins-and-middleware",{"title":1110,"path":2745,"stem":2746,"titleTemplate":6},"/docs/5.x/migration/pages-and-layouts","docs/5.x/7.migration/6.pages-and-layouts",{"title":1114,"path":2748,"stem":2749,"titleTemplate":6},"/docs/5.x/migration/component-options","docs/5.x/7.migration/7.component-options",{"title":399,"path":2751,"stem":2752,"titleTemplate":6},"/docs/5.x/migration/runtime-config","docs/5.x/7.migration/8.runtime-config",{"title":2754,"path":2755,"stem":2756,"children":2757,"page":108},"Blog","/blog","blog",[2758,2762,2766,2770,2774,2778,2782,2786,2790,2794,2798,2802,2806,2810,2814,2818,2822,2826,2830,2834,2838],{"title":2759,"path":2760,"stem":2761},"Announcing 3.0","/blog/v3","blog/1.v3",{"title":2763,"path":2764,"stem":2765},"Nuxt 3.3","/blog/v3-3","blog/10.v3-3",{"title":2767,"path":2768,"stem":2769},"Nuxt 3.4","/blog/v3-4","blog/11.v3-4",{"title":2771,"path":2772,"stem":2773},"Nuxt 3.5","/blog/v3-5","blog/12.v3-5",{"title":2775,"path":2776,"stem":2777},"Nuxt 3.6","/blog/v3-6","blog/13.v3-6",{"title":2779,"path":2780,"stem":2781},"Nuxt on the Edge","/blog/nuxt-on-the-edge","blog/14.nuxt-on-the-edge",{"title":2783,"path":2784,"stem":2785},"Nuxt DevTools v1.0","/blog/nuxt-devtools-v1-0","blog/18.nuxt-devtools-v1-0",{"title":2787,"path":2788,"stem":2789},"Nuxt: A vision for 2023","/blog/vision-2023","blog/2.vision-2023",{"title":2791,"path":2792,"stem":2793},"The Evolution of Shiki v1.0","/blog/shiki-v1","blog/21.shiki-v1",{"title":2795,"path":2796,"stem":2797},"Refreshed Nuxt ESLint Integrations","/blog/eslint-module","blog/24.eslint-module",{"title":2799,"path":2800,"stem":2801},"Introducing Nuxt Scripts","/blog/nuxt-scripts","blog/26.nuxt-scripts",{"title":2803,"path":2804,"stem":2805},"Introducing Nuxt Icon v1","/blog/nuxt-icon-v1-0","blog/29.nuxt-icon-v1-0",{"title":2807,"path":2808,"stem":2809},"Introducing Nuxt DevTools","/blog/introducing-nuxt-devtools","blog/3.introducing-nuxt-devtools",{"title":2811,"path":2812,"stem":2813},"Announcing Nuxt 3 Release Candidate","/blog/nuxt3-rc","blog/3.nuxt3-rc",{"title":2815,"path":2816,"stem":2817},"Nuxt 2 End-of-Life (EOL)","/blog/nuxt2-eol","blog/4.nuxt2-eol",{"title":2819,"path":2820,"stem":2821},"Introducing Nuxt 3 Beta","/blog/nuxt3-beta","blog/4.nuxt3-beta",{"title":2823,"path":2824,"stem":2825},"Going Full Static","/blog/going-full-static","blog/5.going-full-static",{"title":2827,"path":2828,"stem":2829},"Introducing Smart Prefetching","/blog/introducing-smart-prefetching","blog/6.introducing-smart-prefetching",{"title":2831,"path":2832,"stem":2833},"Understanding how fetch works in Nuxt 2.12","/blog/understanding-how-fetch-works-in-nuxt-2-12","blog/7.understanding-how-fetch-works-in-nuxt-2-12",{"title":2835,"path":2836,"stem":2837},"Nuxt 2 Static Improvements","/blog/nuxt-static-improvements","blog/8.nuxt-static-improvements",{"title":2839,"path":2840,"stem":2841},"Nuxt 2: From Terminal to Browser","/blog/nuxtjs-from-terminal-to-browser","blog/9.nuxtjs-from-terminal-to-browser",{"v5":2843,"v4":2843,"v3":2844,"v2":2845},"4.3.1","3.21.1","2.18.1",{"id":2847,"title":64,"body":2848,"description":9667,"extension":9668,"links":6,"meta":9669,"navigation":9670,"path":65,"seo":9671,"stem":66,"titleTemplate":6,"__hash__":9672},"docsv3/docs/3.x/1.getting-started/10.data-fetching.md",{"type":2849,"value":2850,"toc":9634},"minimark",[2851,2868,2871,2906,2914,2923,2932,2944,2957,2974,3302,3311,3316,3327,3338,3343,3355,3470,3497,3505,3509,3524,3584,3621,3638,3746,3756,3801,3806,3816,3920,3931,3936,3938,3941,3946,3951,3974,3978,3991,4124,4160,4297,4305,4525,4628,4634,4638,4645,4720,4738,4744,4766,4770,4781,4785,4794,4991,5001,5067,5073,5079,5084,5088,5098,5104,5211,5222,5226,5232,5394,5401,5523,5532,5536,5540,5545,5556,5582,5591,5595,5599,5615,5622,5654,5821,5827,5852,6015,6018,6154,6158,6161,6306,6310,6318,6479,6491,6504,6507,6515,6668,6671,6681,6795,6802,6916,6924,6930,7051,7055,7058,7171,7180,7187,7541,7548,7551,7560,7569,7797,7803,7826,7830,7839,7845,7858,7862,7865,8087,8219,8223,8233,8345,8356,8358,8362,8398,8406,8420,8424,8441,8452,8456,8496,8561,8565,8575,8744,8844,8848,8857,8866,9011,9147,9150,9154,9174,9177,9436,9440,9447,9626,9630],[2852,2853,2854,2855,2858,2859,2864,2865,2867],"p",{},"Nuxt comes with two composables and a built-in library to perform data-fetching in browser or server environments: ",[2856,2857,527],"code",{},", ",[2860,2861,2862],"a",{"href":516},[2856,2863,515],{}," and ",[2856,2866,630],{},".",[2852,2869,2870],{},"In a nutshell:",[2872,2873,2874,2882,2896],"ul",{},[2875,2876,2877,2881],"li",{},[2860,2878,2879],{"href":631},[2856,2880,630],{}," is the simplest way to make a network request.",[2875,2883,2884,2888,2889,2891,2892,2867],{},[2860,2885,2886],{"href":528},[2856,2887,527],{}," is a wrapper around ",[2856,2890,630],{}," that fetches data only once in ",[2860,2893,2895],{"href":2894},"/docs/3.x/guide/concepts/rendering#universal-rendering","universal rendering",[2875,2897,2898,2902,2903,2905],{},[2860,2899,2900],{"href":516},[2856,2901,515],{}," is similar to ",[2856,2904,527],{}," but offers more fine-grained control.",[2852,2907,2908,2909,2864,2911,2913],{},"Both ",[2856,2910,527],{},[2856,2912,515],{}," share a common set of options and patterns that we will detail in the last sections.",[2915,2916,2918,2919,2864,2921],"h2",{"id":2917},"the-need-for-usefetch-and-useasyncdata","The need for ",[2856,2920,527],{},[2856,2922,515],{},[2852,2924,2925,2926,2931],{},"Nuxt is a framework which can run isomorphic (or universal) code in both server and client environments. If the ",[2860,2927,2928,2930],{"href":631},[2856,2929,630],{}," function"," is used to perform data fetching in the setup function of a Vue component, this may cause data to be fetched twice, once on the server (to render the HTML) and once again on the client (when the HTML is hydrated). This can cause hydration issues, increase the time to interactivity and cause unpredictable behavior.",[2852,2933,2934,2935,2864,2939,2943],{},"The ",[2860,2936,2937],{"href":528},[2856,2938,527],{},[2860,2940,2941],{"href":516},[2856,2942,515],{}," composables solve this problem by ensuring that if an API call is made on the server, the data is forwarded to the client in the payload.",[2852,2945,2946,2947,2953,2954,2867],{},"The payload is a JavaScript object accessible through ",[2860,2948,2950],{"href":2949},"/docs/3.x/api/composables/use-nuxt-app#payload",[2856,2951,2952],{},"useNuxtApp().payload",". It is used on the client to avoid refetching the same data when the code is executed in the browser ",[2860,2955,2956],{"href":2894},"during hydration",[2958,2959,2960],"tip",{},[2852,2961,2962,2963,2969,2970,2867],{},"Use the ",[2860,2964,2968],{"href":2965,"rel":2966},"https://devtools.nuxt.com",[2967],"nofollow","Nuxt DevTools"," to inspect this data in the ",[2971,2972,2973],"strong",{},"Payload tab",[2975,2976,2981],"pre",{"className":2977,"code":2978,"filename":219,"language":2979,"meta":2980,"style":2980},"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","",[2856,2982,2983,3018,3059,3065,3082,3112,3132,3142,3149,3155,3163,3169,3179,3184,3194,3217,3223,3233,3245,3268,3274,3284,3293],{"__ignoreMap":2980},[2984,2985,2988,2992,2996,3000,3003,3006,3009,3013,3015],"span",{"class":2986,"line":2987},"line",1,[2984,2989,2991],{"class":2990},"sDfIl","\u003C",[2984,2993,2995],{"class":2994},"sRlkE","script",[2984,2997,2999],{"class":2998},"smZ93"," setup",[2984,3001,3002],{"class":2998}," lang",[2984,3004,3005],{"class":2990},"=",[2984,3007,3008],{"class":2990},"\"",[2984,3010,3012],{"class":3011},"sGFVr","ts",[2984,3014,3008],{"class":2990},[2984,3016,3017],{"class":2990},">\n",[2984,3019,3021,3024,3027,3031,3034,3037,3041,3045,3048,3051,3054,3056],{"class":2986,"line":3020},2,[2984,3022,3023],{"class":2998},"const",[2984,3025,3026],{"class":2990}," {",[2984,3028,3030],{"class":3029},"sZSNi"," data ",[2984,3032,3033],{"class":2990},"}",[2984,3035,3036],{"class":2990}," =",[2984,3038,3040],{"class":3039},"s8R28"," await",[2984,3042,3044],{"class":3043},"s3cPz"," useFetch",[2984,3046,3047],{"class":3029},"(",[2984,3049,3050],{"class":2990},"'",[2984,3052,3053],{"class":3011},"/api/data",[2984,3055,3050],{"class":2990},[2984,3057,3058],{"class":3029},")\n",[2984,3060,3062],{"class":2986,"line":3061},3,[2984,3063,3064],{"emptyLinePlaceholder":1196},"\n",[2984,3066,3068,3071,3073,3076,3079],{"class":2986,"line":3067},4,[2984,3069,3070],{"class":2998},"async",[2984,3072,2930],{"class":2998},[2984,3074,3075],{"class":3043}," handleFormSubmit",[2984,3077,3078],{"class":2990}," ()",[2984,3080,3081],{"class":2990}," {\n",[2984,3083,3085,3088,3091,3093,3095,3098,3100,3102,3105,3107,3110],{"class":2986,"line":3084},5,[2984,3086,3087],{"class":2998},"  const",[2984,3089,3090],{"class":3029}," res",[2984,3092,3036],{"class":2990},[2984,3094,3040],{"class":3039},[2984,3096,3097],{"class":3043}," $fetch",[2984,3099,3047],{"class":2994},[2984,3101,3050],{"class":2990},[2984,3103,3104],{"class":3011},"/api/submit",[2984,3106,3050],{"class":2990},[2984,3108,3109],{"class":2990},",",[2984,3111,3081],{"class":2990},[2984,3113,3115,3118,3121,3124,3127,3129],{"class":2986,"line":3114},6,[2984,3116,3117],{"class":2994},"    method",[2984,3119,3120],{"class":2990},":",[2984,3122,3123],{"class":2990}," '",[2984,3125,3126],{"class":3011},"POST",[2984,3128,3050],{"class":2990},[2984,3130,3131],{"class":2990},",\n",[2984,3133,3135,3138,3140],{"class":2986,"line":3134},7,[2984,3136,3137],{"class":2994},"    body",[2984,3139,3120],{"class":2990},[2984,3141,3081],{"class":2990},[2984,3143,3145],{"class":2986,"line":3144},8,[2984,3146,3148],{"class":3147},"sWuyu","      // My form data\n",[2984,3150,3152],{"class":2986,"line":3151},9,[2984,3153,3154],{"class":2990},"    },\n",[2984,3156,3158,3161],{"class":2986,"line":3157},10,[2984,3159,3160],{"class":2990},"  }",[2984,3162,3058],{"class":2994},[2984,3164,3166],{"class":2986,"line":3165},11,[2984,3167,3168],{"class":2990},"}\n",[2984,3170,3172,3175,3177],{"class":2986,"line":3171},12,[2984,3173,3174],{"class":2990},"\u003C/",[2984,3176,2995],{"class":2994},[2984,3178,3017],{"class":2990},[2984,3180,3182],{"class":2986,"line":3181},13,[2984,3183,3064],{"emptyLinePlaceholder":1196},[2984,3185,3187,3189,3192],{"class":2986,"line":3186},14,[2984,3188,2991],{"class":2990},[2984,3190,3191],{"class":2994},"template",[2984,3193,3017],{"class":2990},[2984,3195,3197,3200,3203,3206,3208,3210,3213,3215],{"class":2986,"line":3196},15,[2984,3198,3199],{"class":2990},"  \u003C",[2984,3201,3202],{"class":2994},"div",[2984,3204,3205],{"class":2998}," v-if",[2984,3207,3005],{"class":2990},[2984,3209,3008],{"class":2990},[2984,3211,3212],{"class":3011},"data == null",[2984,3214,3008],{"class":2990},[2984,3216,3017],{"class":2990},[2984,3218,3220],{"class":2986,"line":3219},16,[2984,3221,3222],{"class":3029},"    No data\n",[2984,3224,3226,3229,3231],{"class":2986,"line":3225},17,[2984,3227,3228],{"class":2990},"  \u003C/",[2984,3230,3202],{"class":2994},[2984,3232,3017],{"class":2990},[2984,3234,3236,3238,3240,3243],{"class":2986,"line":3235},18,[2984,3237,3199],{"class":2990},[2984,3239,3202],{"class":2994},[2984,3241,3242],{"class":2998}," v-else",[2984,3244,3017],{"class":2990},[2984,3246,3248,3251,3254,3257,3259,3261,3264,3266],{"class":2986,"line":3247},19,[2984,3249,3250],{"class":2990},"    \u003C",[2984,3252,3253],{"class":2994},"form",[2984,3255,3256],{"class":2998}," @submit",[2984,3258,3005],{"class":2990},[2984,3260,3008],{"class":2990},[2984,3262,3263],{"class":3011},"handleFormSubmit",[2984,3265,3008],{"class":2990},[2984,3267,3017],{"class":2990},[2984,3269,3271],{"class":2986,"line":3270},20,[2984,3272,3273],{"class":3147},"      \u003C!-- form input tags -->\n",[2984,3275,3277,3280,3282],{"class":2986,"line":3276},21,[2984,3278,3279],{"class":2990},"    \u003C/",[2984,3281,3253],{"class":2994},[2984,3283,3017],{"class":2990},[2984,3285,3287,3289,3291],{"class":2986,"line":3286},22,[2984,3288,3228],{"class":2990},[2984,3290,3202],{"class":2994},[2984,3292,3017],{"class":2990},[2984,3294,3296,3298,3300],{"class":2986,"line":3295},23,[2984,3297,3174],{"class":2990},[2984,3299,3191],{"class":2994},[2984,3301,3017],{"class":2990},[2852,3303,3304,3305,3307,3308,3310],{},"In the example above, ",[2856,3306,527],{}," would make sure that the request would occur in the server and is properly forwarded to the browser. ",[2856,3309,630],{}," has no such mechanism and is a better option to use when the request is solely made from the browser.",[3312,3313,3315],"h3",{"id":3314},"suspense","Suspense",[2852,3317,3318,3319,3326],{},"Nuxt uses Vue's ",[2860,3320,3323],{"href":3321,"rel":3322},"https://vuejs.org/guide/built-ins/suspense",[2967],[2856,3324,3325],{},"\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.",[3328,3329,3330],"note",{},[2852,3331,3332,3333,3337],{},"You can add the ",[2860,3334,3335],{"href":481},[2856,3336,480],{}," to add a progress bar between page navigations.",[2915,3339,3341],{"id":3340},"fetch",[2856,3342,630],{},[2852,3344,3345,3346,3351,3352,3354],{},"Nuxt includes the ",[2860,3347,3350],{"href":3348,"rel":3349},"https://github.com/unjs/ofetch",[2967],"ofetch"," library, and is auto-imported as the ",[2856,3353,630],{}," alias globally across your application.",[2975,3356,3360],{"className":2977,"code":3357,"filename":3358,"language":2979,"meta":3359,"style":2980},"\u003Cscript setup lang=\"ts\">\nasync function addTodo () {\n  const todo = await $fetch('/api/todos', {\n    method: 'POST',\n    body: {\n      // My todo data\n    },\n  })\n}\n\u003C/script>\n","pages/todos.vue","twoslash",[2856,3361,3362,3382,3395,3421,3435,3443,3448,3452,3458,3462],{"__ignoreMap":2980},[2984,3363,3364,3366,3368,3370,3372,3374,3376,3378,3380],{"class":2986,"line":2987},[2984,3365,2991],{"class":2990},[2984,3367,2995],{"class":2994},[2984,3369,2999],{"class":2998},[2984,3371,3002],{"class":2998},[2984,3373,3005],{"class":2990},[2984,3375,3008],{"class":2990},[2984,3377,3012],{"class":3011},[2984,3379,3008],{"class":2990},[2984,3381,3017],{"class":2990},[2984,3383,3384,3386,3388,3391,3393],{"class":2986,"line":3020},[2984,3385,3070],{"class":2998},[2984,3387,2930],{"class":2998},[2984,3389,3390],{"class":3043}," addTodo",[2984,3392,3078],{"class":2990},[2984,3394,3081],{"class":2990},[2984,3396,3397,3399,3402,3404,3406,3408,3410,3412,3415,3417,3419],{"class":2986,"line":3061},[2984,3398,3087],{"class":2998},[2984,3400,3401],{"class":3029}," todo",[2984,3403,3036],{"class":2990},[2984,3405,3040],{"class":3039},[2984,3407,3097],{"class":3043},[2984,3409,3047],{"class":2994},[2984,3411,3050],{"class":2990},[2984,3413,3414],{"class":3011},"/api/todos",[2984,3416,3050],{"class":2990},[2984,3418,3109],{"class":2990},[2984,3420,3081],{"class":2990},[2984,3422,3423,3425,3427,3429,3431,3433],{"class":2986,"line":3067},[2984,3424,3117],{"class":2994},[2984,3426,3120],{"class":2990},[2984,3428,3123],{"class":2990},[2984,3430,3126],{"class":3011},[2984,3432,3050],{"class":2990},[2984,3434,3131],{"class":2990},[2984,3436,3437,3439,3441],{"class":2986,"line":3084},[2984,3438,3137],{"class":2994},[2984,3440,3120],{"class":2990},[2984,3442,3081],{"class":2990},[2984,3444,3445],{"class":2986,"line":3114},[2984,3446,3447],{"class":3147},"      // My todo data\n",[2984,3449,3450],{"class":2986,"line":3134},[2984,3451,3154],{"class":2990},[2984,3453,3454,3456],{"class":2986,"line":3144},[2984,3455,3160],{"class":2990},[2984,3457,3058],{"class":2994},[2984,3459,3460],{"class":2986,"line":3151},[2984,3461,3168],{"class":2990},[2984,3463,3464,3466,3468],{"class":2986,"line":3157},[2984,3465,3174],{"class":2990},[2984,3467,2995],{"class":2994},[2984,3469,3017],{"class":2990},[3471,3472,3473],"warning",{},[2852,3474,3475,3476,3478,3479,3483,3484,3487,3488,3490,3491,3496],{},"Beware that using only ",[2856,3477,630],{}," will not provide ",[2860,3480,3482],{"href":3481},"/docs/3.x/getting-started/data-fetching#the-need-for-usefetch-and-useasyncdata","network calls de-duplication and navigation prevention",". ",[3485,3486],"br",{},"\nIt is recommended to use ",[2856,3489,630],{}," for client-side interactions (event-based) or combined with ",[2860,3492,3494],{"href":3493},"/docs/3.x/getting-started/data-fetching#useasyncdata",[2856,3495,515],{}," when fetching the initial component data.",[3498,3499,3500],"read-more",{"to":631},[2852,3501,3502,3503,2867],{},"Read more about ",[2856,3504,630],{},[3312,3506,3508],{"id":3507},"pass-client-headers-to-the-api","Pass Client Headers to the API",[2852,3510,3511,3512,3514,3515,3519,3520,3523],{},"When calling ",[2856,3513,527],{}," on the server, Nuxt will use ",[2860,3516,3517],{"href":572},[2856,3518,571],{}," to proxy client headers and cookies (with the exception of headers not meant to be forwarded, like ",[2856,3521,3522],{},"host",").",[2975,3525,3527],{"className":2977,"code":3526,"language":2979,"meta":2980,"style":2980},"\u003Cscript setup lang=\"ts\">\nconst { data } = await useFetch('/api/echo')\n\u003C/script>\n",[2856,3528,3529,3549,3576],{"__ignoreMap":2980},[2984,3530,3531,3533,3535,3537,3539,3541,3543,3545,3547],{"class":2986,"line":2987},[2984,3532,2991],{"class":2990},[2984,3534,2995],{"class":2994},[2984,3536,2999],{"class":2998},[2984,3538,3002],{"class":2998},[2984,3540,3005],{"class":2990},[2984,3542,3008],{"class":2990},[2984,3544,3012],{"class":3011},[2984,3546,3008],{"class":2990},[2984,3548,3017],{"class":2990},[2984,3550,3551,3553,3555,3557,3559,3561,3563,3565,3567,3569,3572,3574],{"class":2986,"line":3020},[2984,3552,3023],{"class":2998},[2984,3554,3026],{"class":2990},[2984,3556,3030],{"class":3029},[2984,3558,3033],{"class":2990},[2984,3560,3036],{"class":2990},[2984,3562,3040],{"class":3039},[2984,3564,3044],{"class":3043},[2984,3566,3047],{"class":3029},[2984,3568,3050],{"class":2990},[2984,3570,3571],{"class":3011},"/api/echo",[2984,3573,3050],{"class":2990},[2984,3575,3058],{"class":3029},[2984,3577,3578,3580,3582],{"class":2986,"line":3061},[2984,3579,3174],{"class":2990},[2984,3581,2995],{"class":2994},[2984,3583,3017],{"class":2990},[2975,3585,3588],{"className":3586,"code":3587,"language":3012,"meta":2980,"style":2980},"language-ts shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","// /api/echo.ts\nexport default defineEventHandler(event => parseCookies(event))\n",[2856,3589,3590,3595],{"__ignoreMap":2980},[2984,3591,3592],{"class":2986,"line":2987},[2984,3593,3594],{"class":3147},"// /api/echo.ts\n",[2984,3596,3597,3600,3603,3606,3608,3612,3615,3618],{"class":2986,"line":3020},[2984,3598,3599],{"class":3039},"export",[2984,3601,3602],{"class":3039}," default",[2984,3604,3605],{"class":3043}," defineEventHandler",[2984,3607,3047],{"class":3029},[2984,3609,3611],{"class":3610},"s1nJG","event",[2984,3613,3614],{"class":2998}," =>",[2984,3616,3617],{"class":3043}," parseCookies",[2984,3619,3620],{"class":3029},"(event))\n",[2852,3622,3623,3624,3628,3629,3631,3632,3635,3636,2867],{},"Alternatively, the example below shows how to use ",[2860,3625,3626],{"href":580},[2856,3627,579],{}," to access and send cookies to the API from a server-side request (originating on the client). Using an isomorphic ",[2856,3630,630],{}," call, we ensure that the API endpoint has access to the same ",[2856,3633,3634],{},"cookie"," header originally sent by the user's browser. This is only necessary if you aren't using ",[2856,3637,527],{},[2975,3639,3641],{"className":2977,"code":3640,"language":2979,"meta":2980,"style":2980},"\u003Cscript setup lang=\"ts\">\nconst headers = useRequestHeaders(['cookie'])\n\nasync function getCurrentUser () {\n  return await $fetch('/api/me', { headers })\n}\n\u003C/script>\n",[2856,3642,3643,3663,3687,3691,3704,3734,3738],{"__ignoreMap":2980},[2984,3644,3645,3647,3649,3651,3653,3655,3657,3659,3661],{"class":2986,"line":2987},[2984,3646,2991],{"class":2990},[2984,3648,2995],{"class":2994},[2984,3650,2999],{"class":2998},[2984,3652,3002],{"class":2998},[2984,3654,3005],{"class":2990},[2984,3656,3008],{"class":2990},[2984,3658,3012],{"class":3011},[2984,3660,3008],{"class":2990},[2984,3662,3017],{"class":2990},[2984,3664,3665,3667,3670,3672,3675,3678,3680,3682,3684],{"class":2986,"line":3020},[2984,3666,3023],{"class":2998},[2984,3668,3669],{"class":3029}," headers ",[2984,3671,3005],{"class":2990},[2984,3673,3674],{"class":3043}," useRequestHeaders",[2984,3676,3677],{"class":3029},"([",[2984,3679,3050],{"class":2990},[2984,3681,3634],{"class":3011},[2984,3683,3050],{"class":2990},[2984,3685,3686],{"class":3029},"])\n",[2984,3688,3689],{"class":2986,"line":3061},[2984,3690,3064],{"emptyLinePlaceholder":1196},[2984,3692,3693,3695,3697,3700,3702],{"class":2986,"line":3067},[2984,3694,3070],{"class":2998},[2984,3696,2930],{"class":2998},[2984,3698,3699],{"class":3043}," getCurrentUser",[2984,3701,3078],{"class":2990},[2984,3703,3081],{"class":2990},[2984,3705,3706,3709,3711,3713,3715,3717,3720,3722,3724,3726,3729,3732],{"class":2986,"line":3084},[2984,3707,3708],{"class":3039},"  return",[2984,3710,3040],{"class":3039},[2984,3712,3097],{"class":3043},[2984,3714,3047],{"class":2994},[2984,3716,3050],{"class":2990},[2984,3718,3719],{"class":3011},"/api/me",[2984,3721,3050],{"class":2990},[2984,3723,3109],{"class":2990},[2984,3725,3026],{"class":2990},[2984,3727,3728],{"class":3029}," headers",[2984,3730,3731],{"class":2990}," }",[2984,3733,3058],{"class":2994},[2984,3735,3736],{"class":2986,"line":3114},[2984,3737,3168],{"class":2990},[2984,3739,3740,3742,3744],{"class":2986,"line":3134},[2984,3741,3174],{"class":2990},[2984,3743,2995],{"class":2994},[2984,3745,3017],{"class":2990},[2958,3747,3748],{},[2852,3749,3750,3751,3755],{},"You can also use ",[2860,3752,3753],{"href":572},[2856,3754,571],{}," to proxy headers to the call automatically.",[3757,3758,3759,3762],"caution",{},[2852,3760,3761],{},"Be very careful before proxying headers to an external API and just include headers that you need. Not all headers are safe to be bypassed and might introduce unwanted behavior. Here is a list of common headers that are NOT to be proxied:",[2872,3763,3764,3771,3782,3793],{},[2875,3765,3766,2858,3768],{},[2856,3767,3522],{},[2856,3769,3770],{},"accept",[2875,3772,3773,2858,3776,2858,3779],{},[2856,3774,3775],{},"content-length",[2856,3777,3778],{},"content-md5",[2856,3780,3781],{},"content-type",[2875,3783,3784,2858,3787,2858,3790],{},[2856,3785,3786],{},"x-forwarded-host",[2856,3788,3789],{},"x-forwarded-port",[2856,3791,3792],{},"x-forwarded-proto",[2875,3794,3795,2858,3798],{},[2856,3796,3797],{},"cf-connecting-ip",[2856,3799,3800],{},"cf-ray",[2915,3802,3804],{"id":3803},"usefetch",[2856,3805,527],{},[2852,3807,2934,3808,3812,3813,3815],{},[2860,3809,3810],{"href":528},[2856,3811,527],{}," composable uses ",[2856,3814,630],{}," under-the-hood to make SSR-safe network calls in the setup function.",[2975,3817,3819],{"className":2977,"code":3818,"filename":219,"language":2979,"meta":3359,"style":2980},"\u003Cscript setup lang=\"ts\">\nconst { data: count } = await useFetch('/api/count')\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cp>Page visits: {{ count }}\u003C/p>\n\u003C/template>\n",[2856,3820,3821,3841,3874,3882,3886,3894,3912],{"__ignoreMap":2980},[2984,3822,3823,3825,3827,3829,3831,3833,3835,3837,3839],{"class":2986,"line":2987},[2984,3824,2991],{"class":2990},[2984,3826,2995],{"class":2994},[2984,3828,2999],{"class":2998},[2984,3830,3002],{"class":2998},[2984,3832,3005],{"class":2990},[2984,3834,3008],{"class":2990},[2984,3836,3012],{"class":3011},[2984,3838,3008],{"class":2990},[2984,3840,3017],{"class":2990},[2984,3842,3843,3845,3847,3850,3852,3855,3857,3859,3861,3863,3865,3867,3870,3872],{"class":2986,"line":3020},[2984,3844,3023],{"class":2998},[2984,3846,3026],{"class":2990},[2984,3848,3849],{"class":2994}," data",[2984,3851,3120],{"class":2990},[2984,3853,3854],{"class":3029}," count ",[2984,3856,3033],{"class":2990},[2984,3858,3036],{"class":2990},[2984,3860,3040],{"class":3039},[2984,3862,3044],{"class":3043},[2984,3864,3047],{"class":3029},[2984,3866,3050],{"class":2990},[2984,3868,3869],{"class":3011},"/api/count",[2984,3871,3050],{"class":2990},[2984,3873,3058],{"class":3029},[2984,3875,3876,3878,3880],{"class":2986,"line":3061},[2984,3877,3174],{"class":2990},[2984,3879,2995],{"class":2994},[2984,3881,3017],{"class":2990},[2984,3883,3884],{"class":2986,"line":3067},[2984,3885,3064],{"emptyLinePlaceholder":1196},[2984,3887,3888,3890,3892],{"class":2986,"line":3084},[2984,3889,2991],{"class":2990},[2984,3891,3191],{"class":2994},[2984,3893,3017],{"class":2990},[2984,3895,3896,3898,3900,3903,3906,3908,3910],{"class":2986,"line":3114},[2984,3897,3199],{"class":2990},[2984,3899,2852],{"class":2994},[2984,3901,3902],{"class":2990},">",[2984,3904,3905],{"class":3029},"Page visits: {{ count }}",[2984,3907,3174],{"class":2990},[2984,3909,2852],{"class":2994},[2984,3911,3017],{"class":2990},[2984,3913,3914,3916,3918],{"class":2986,"line":3134},[2984,3915,3174],{"class":2990},[2984,3917,3191],{"class":2994},[2984,3919,3017],{"class":2990},[2852,3921,3922,3923,3927,3928,3930],{},"This composable is a wrapper around the ",[2860,3924,3925],{"href":516},[2856,3926,515],{}," composable and ",[2856,3929,630],{}," utility.",[3932,3933],"video-accordion",{"title":3934,"video-id":3935},"Watch a video from Alexander Lichter to avoid using useFetch the wrong way","njsGVmcWviY",[3498,3937],{"to":528},[3939,3940],"link-example",{"to":926},[2915,3942,3944],{"id":3943},"useasyncdata",[2856,3945,515],{},[2852,3947,2934,3948,3950],{},[2856,3949,515],{}," composable is responsible for wrapping async logic and returning the result once it is resolved.",[2958,3952,3953],{},[2852,3954,3955,3958,3959,3483,3962,3964,3965,3968,3969,3973],{},[2856,3956,3957],{},"useFetch(url)"," is nearly equivalent to ",[2856,3960,3961],{},"useAsyncData(url, () => event.$fetch(url))",[3485,3963],{},"\nIt's developer experience sugar for the most common use case. (You can find out more about ",[2856,3966,3967],{},"event.fetch"," at ",[2860,3970,3971],{"href":572},[2856,3972,571],{},".)",[3932,3975],{"title":3976,"video-id":3977},"Watch a video from Alexander Lichter to dig deeper into the difference between useFetch and useAsyncData","0X-aOpSGabA",[2852,3979,3980,3981,3985,3986,3990],{},"There are some cases when using the ",[2860,3982,3983],{"href":528},[2856,3984,527],{}," composable is not appropriate, for example when a CMS or a third-party provide their own query layer. In this case, you can use ",[2860,3987,3988],{"href":516},[2856,3989,515],{}," to wrap your calls and still keep the benefits provided by the composable.",[2975,3992,3995],{"className":2977,"code":3993,"filename":3994,"language":2979,"meta":2980,"style":2980},"\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",[2856,3996,3997,4017,4068,4072,4077,4116],{"__ignoreMap":2980},[2984,3998,3999,4001,4003,4005,4007,4009,4011,4013,4015],{"class":2986,"line":2987},[2984,4000,2991],{"class":2990},[2984,4002,2995],{"class":2994},[2984,4004,2999],{"class":2998},[2984,4006,3002],{"class":2998},[2984,4008,3005],{"class":2990},[2984,4010,3008],{"class":2990},[2984,4012,3012],{"class":3011},[2984,4014,3008],{"class":2990},[2984,4016,3017],{"class":2990},[2984,4018,4019,4021,4023,4025,4027,4030,4032,4034,4036,4039,4041,4043,4046,4048,4050,4052,4054,4057,4059,4061,4063,4065],{"class":2986,"line":3020},[2984,4020,3023],{"class":2998},[2984,4022,3026],{"class":2990},[2984,4024,3849],{"class":3029},[2984,4026,3109],{"class":2990},[2984,4028,4029],{"class":3029}," error ",[2984,4031,3033],{"class":2990},[2984,4033,3036],{"class":2990},[2984,4035,3040],{"class":3039},[2984,4037,4038],{"class":3043}," useAsyncData",[2984,4040,3047],{"class":3029},[2984,4042,3050],{"class":2990},[2984,4044,4045],{"class":3011},"users",[2984,4047,3050],{"class":2990},[2984,4049,3109],{"class":2990},[2984,4051,3078],{"class":2990},[2984,4053,3614],{"class":2998},[2984,4055,4056],{"class":3043}," myGetFunction",[2984,4058,3047],{"class":3029},[2984,4060,3050],{"class":2990},[2984,4062,4045],{"class":3011},[2984,4064,3050],{"class":2990},[2984,4066,4067],{"class":3029},"))\n",[2984,4069,4070],{"class":2986,"line":3061},[2984,4071,3064],{"emptyLinePlaceholder":1196},[2984,4073,4074],{"class":2986,"line":3067},[2984,4075,4076],{"class":3147},"// This is also possible:\n",[2984,4078,4079,4081,4083,4085,4087,4089,4091,4093,4095,4097,4099,4102,4104,4106,4108,4110,4112,4114],{"class":2986,"line":3084},[2984,4080,3023],{"class":2998},[2984,4082,3026],{"class":2990},[2984,4084,3849],{"class":3029},[2984,4086,3109],{"class":2990},[2984,4088,4029],{"class":3029},[2984,4090,3033],{"class":2990},[2984,4092,3036],{"class":2990},[2984,4094,3040],{"class":3039},[2984,4096,4038],{"class":3043},[2984,4098,3047],{"class":3029},[2984,4100,4101],{"class":2990},"()",[2984,4103,3614],{"class":2998},[2984,4105,4056],{"class":3043},[2984,4107,3047],{"class":3029},[2984,4109,3050],{"class":2990},[2984,4111,4045],{"class":3011},[2984,4113,3050],{"class":2990},[2984,4115,4067],{"class":3029},[2984,4117,4118,4120,4122],{"class":2986,"line":3114},[2984,4119,3174],{"class":2990},[2984,4121,2995],{"class":2994},[2984,4123,3017],{"class":2990},[3328,4125,4126],{},[2852,4127,4128,4129,4133,4134,4136,4137,4139,4140,4142,4143,4145,4146,4136,4148,4150,4151,4155,4156,2867],{},"The first argument of ",[2860,4130,4131],{"href":516},[2856,4132,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",[3485,4135],{}," ",[3485,4138],{},"\nSince the autogenerated key only takes into account the file and line where ",[2856,4141,515],{}," is invoked, it is recommended to always create your own key to avoid unwanted behavior, like when you are creating your own custom composable wrapping ",[2856,4144,515],{},".\n",[3485,4147],{},[3485,4149],{},"\nSetting a key can be useful to share the same data between components using ",[2860,4152,4153],{"href":560},[2856,4154,559],{}," or to ",[2860,4157,4159],{"href":4158},"/docs/3.x/api/utils/refresh-nuxt-data#refresh-specific-data","refresh specific data",[2975,4161,4164],{"className":2977,"code":4162,"filename":4163,"language":2979,"meta":2980,"style":2980},"\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",[2856,4165,4166,4186,4209,4213,4258,4283,4289],{"__ignoreMap":2980},[2984,4167,4168,4170,4172,4174,4176,4178,4180,4182,4184],{"class":2986,"line":2987},[2984,4169,2991],{"class":2990},[2984,4171,2995],{"class":2994},[2984,4173,2999],{"class":2998},[2984,4175,3002],{"class":2998},[2984,4177,3005],{"class":2990},[2984,4179,3008],{"class":2990},[2984,4181,3012],{"class":3011},[2984,4183,3008],{"class":2990},[2984,4185,3017],{"class":2990},[2984,4187,4188,4190,4192,4195,4197,4199,4202,4204,4206],{"class":2986,"line":3020},[2984,4189,3023],{"class":2998},[2984,4191,3026],{"class":2990},[2984,4193,4194],{"class":3029}," id ",[2984,4196,3033],{"class":2990},[2984,4198,3036],{"class":2990},[2984,4200,4201],{"class":3043}," useRoute",[2984,4203,4101],{"class":3029},[2984,4205,2867],{"class":2990},[2984,4207,4208],{"class":3029},"params\n",[2984,4210,4211],{"class":2986,"line":3061},[2984,4212,3064],{"emptyLinePlaceholder":1196},[2984,4214,4215,4217,4219,4221,4223,4225,4227,4229,4231,4233,4235,4238,4241,4244,4247,4250,4252,4254,4256],{"class":2986,"line":3067},[2984,4216,3023],{"class":2998},[2984,4218,3026],{"class":2990},[2984,4220,3849],{"class":3029},[2984,4222,3109],{"class":2990},[2984,4224,4029],{"class":3029},[2984,4226,3033],{"class":2990},[2984,4228,3036],{"class":2990},[2984,4230,3040],{"class":3039},[2984,4232,4038],{"class":3043},[2984,4234,3047],{"class":3029},[2984,4236,4237],{"class":2990},"`",[2984,4239,4240],{"class":3011},"user:",[2984,4242,4243],{"class":2990},"${",[2984,4245,4246],{"class":3029},"id",[2984,4248,4249],{"class":2990},"}`",[2984,4251,3109],{"class":2990},[2984,4253,3078],{"class":2990},[2984,4255,3614],{"class":2998},[2984,4257,3081],{"class":2990},[2984,4259,4260,4262,4264,4266,4268,4270,4272,4274,4276,4279,4281],{"class":2986,"line":3084},[2984,4261,3708],{"class":3039},[2984,4263,4056],{"class":3043},[2984,4265,3047],{"class":2994},[2984,4267,3050],{"class":2990},[2984,4269,4045],{"class":3011},[2984,4271,3050],{"class":2990},[2984,4273,3109],{"class":2990},[2984,4275,3026],{"class":2990},[2984,4277,4278],{"class":3029}," id",[2984,4280,3731],{"class":2990},[2984,4282,3058],{"class":2994},[2984,4284,4285,4287],{"class":2986,"line":3114},[2984,4286,3033],{"class":2990},[2984,4288,3058],{"class":3029},[2984,4290,4291,4293,4295],{"class":2986,"line":3134},[2984,4292,3174],{"class":2990},[2984,4294,2995],{"class":2994},[2984,4296,3017],{"class":2990},[2852,4298,2934,4299,4301,4302,4304],{},[2856,4300,515],{}," composable is a great way to wrap and wait for multiple ",[2856,4303,630],{}," requests to be completed, and then process the results.",[2975,4306,4308],{"className":2977,"code":4307,"language":2979,"meta":2980,"style":2980},"\u003Cscript setup lang=\"ts\">\nconst { data: discounts, status } = await useAsyncData('cart-discount', async (_nuxtApp, { signal }) => {\n  const [coupons, offers] = await Promise.all([\n    $fetch('/cart/coupons', { signal }),\n    $fetch('/cart/offers', { signal }),\n  ])\n\n  return { coupons, offers }\n})\n// discounts.value.coupons\n// discounts.value.offers\n\u003C/script>\n",[2856,4309,4310,4330,4390,4424,4451,4476,4481,4485,4501,4507,4512,4517],{"__ignoreMap":2980},[2984,4311,4312,4314,4316,4318,4320,4322,4324,4326,4328],{"class":2986,"line":2987},[2984,4313,2991],{"class":2990},[2984,4315,2995],{"class":2994},[2984,4317,2999],{"class":2998},[2984,4319,3002],{"class":2998},[2984,4321,3005],{"class":2990},[2984,4323,3008],{"class":2990},[2984,4325,3012],{"class":3011},[2984,4327,3008],{"class":2990},[2984,4329,3017],{"class":2990},[2984,4331,4332,4334,4336,4338,4340,4343,4345,4348,4350,4352,4354,4356,4358,4360,4363,4365,4367,4370,4373,4376,4378,4380,4383,4386,4388],{"class":2986,"line":3020},[2984,4333,3023],{"class":2998},[2984,4335,3026],{"class":2990},[2984,4337,3849],{"class":2994},[2984,4339,3120],{"class":2990},[2984,4341,4342],{"class":3029}," discounts",[2984,4344,3109],{"class":2990},[2984,4346,4347],{"class":3029}," status ",[2984,4349,3033],{"class":2990},[2984,4351,3036],{"class":2990},[2984,4353,3040],{"class":3039},[2984,4355,4038],{"class":3043},[2984,4357,3047],{"class":3029},[2984,4359,3050],{"class":2990},[2984,4361,4362],{"class":3011},"cart-discount",[2984,4364,3050],{"class":2990},[2984,4366,3109],{"class":2990},[2984,4368,4369],{"class":2998}," async",[2984,4371,4372],{"class":2990}," (",[2984,4374,4375],{"class":3610},"_nuxtApp",[2984,4377,3109],{"class":2990},[2984,4379,3026],{"class":2990},[2984,4381,4382],{"class":3610}," signal",[2984,4384,4385],{"class":2990}," })",[2984,4387,3614],{"class":2998},[2984,4389,3081],{"class":2990},[2984,4391,4392,4394,4397,4400,4402,4405,4408,4410,4412,4416,4418,4421],{"class":2986,"line":3061},[2984,4393,3087],{"class":2998},[2984,4395,4396],{"class":2990}," [",[2984,4398,4399],{"class":3029},"coupons",[2984,4401,3109],{"class":2990},[2984,4403,4404],{"class":3029}," offers",[2984,4406,4407],{"class":2990},"]",[2984,4409,3036],{"class":2990},[2984,4411,3040],{"class":3039},[2984,4413,4415],{"class":4414},"s52Pk"," Promise",[2984,4417,2867],{"class":2990},[2984,4419,4420],{"class":3043},"all",[2984,4422,4423],{"class":2994},"([\n",[2984,4425,4426,4429,4431,4433,4436,4438,4440,4442,4444,4446,4449],{"class":2986,"line":3067},[2984,4427,4428],{"class":3043},"    $fetch",[2984,4430,3047],{"class":2994},[2984,4432,3050],{"class":2990},[2984,4434,4435],{"class":3011},"/cart/coupons",[2984,4437,3050],{"class":2990},[2984,4439,3109],{"class":2990},[2984,4441,3026],{"class":2990},[2984,4443,4382],{"class":3029},[2984,4445,3731],{"class":2990},[2984,4447,4448],{"class":2994},")",[2984,4450,3131],{"class":2990},[2984,4452,4453,4455,4457,4459,4462,4464,4466,4468,4470,4472,4474],{"class":2986,"line":3084},[2984,4454,4428],{"class":3043},[2984,4456,3047],{"class":2994},[2984,4458,3050],{"class":2990},[2984,4460,4461],{"class":3011},"/cart/offers",[2984,4463,3050],{"class":2990},[2984,4465,3109],{"class":2990},[2984,4467,3026],{"class":2990},[2984,4469,4382],{"class":3029},[2984,4471,3731],{"class":2990},[2984,4473,4448],{"class":2994},[2984,4475,3131],{"class":2990},[2984,4477,4478],{"class":2986,"line":3114},[2984,4479,4480],{"class":2994},"  ])\n",[2984,4482,4483],{"class":2986,"line":3134},[2984,4484,3064],{"emptyLinePlaceholder":1196},[2984,4486,4487,4489,4491,4494,4496,4498],{"class":2986,"line":3144},[2984,4488,3708],{"class":3039},[2984,4490,3026],{"class":2990},[2984,4492,4493],{"class":3029}," coupons",[2984,4495,3109],{"class":2990},[2984,4497,4404],{"class":3029},[2984,4499,4500],{"class":2990}," }\n",[2984,4502,4503,4505],{"class":2986,"line":3151},[2984,4504,3033],{"class":2990},[2984,4506,3058],{"class":3029},[2984,4508,4509],{"class":2986,"line":3157},[2984,4510,4511],{"class":3147},"// discounts.value.coupons\n",[2984,4513,4514],{"class":2986,"line":3165},[2984,4515,4516],{"class":3147},"// discounts.value.offers\n",[2984,4518,4519,4521,4523],{"class":2986,"line":3171},[2984,4520,3174],{"class":2990},[2984,4522,2995],{"class":2994},[2984,4524,3017],{"class":2990},[3328,4526,4527,4537],{},[2852,4528,4529,4531,4532,4536],{},[2856,4530,515],{}," is for fetching and caching data, not triggering side effects like calling Pinia actions, as this can cause unintended behavior such as repeated executions with nullish values. If you need to trigger side effects, use the ",[2860,4533,4534],{"href":643},[2856,4535,642],{}," utility to do so.",[2975,4538,4540],{"className":2977,"code":4539,"language":2979,"meta":2980,"style":2980},"\u003Cscript setup lang=\"ts\">\nconst offersStore = useOffersStore()\n\n// you can't do this\nawait useAsyncData(() => offersStore.getOffer(route.params.slug))\n\u003C/script>\n",[2856,4541,4542,4562,4577,4581,4586,4620],{"__ignoreMap":2980},[2984,4543,4544,4546,4548,4550,4552,4554,4556,4558,4560],{"class":2986,"line":2987},[2984,4545,2991],{"class":2990},[2984,4547,2995],{"class":2994},[2984,4549,2999],{"class":2998},[2984,4551,3002],{"class":2998},[2984,4553,3005],{"class":2990},[2984,4555,3008],{"class":2990},[2984,4557,3012],{"class":3011},[2984,4559,3008],{"class":2990},[2984,4561,3017],{"class":2990},[2984,4563,4564,4566,4569,4571,4574],{"class":2986,"line":3020},[2984,4565,3023],{"class":2998},[2984,4567,4568],{"class":3029}," offersStore ",[2984,4570,3005],{"class":2990},[2984,4572,4573],{"class":3043}," useOffersStore",[2984,4575,4576],{"class":3029},"()\n",[2984,4578,4579],{"class":2986,"line":3061},[2984,4580,3064],{"emptyLinePlaceholder":1196},[2984,4582,4583],{"class":2986,"line":3067},[2984,4584,4585],{"class":3147},"// you can't do this\n",[2984,4587,4588,4591,4593,4595,4597,4599,4602,4604,4607,4610,4612,4615,4617],{"class":2986,"line":3084},[2984,4589,4590],{"class":3039},"await",[2984,4592,4038],{"class":3043},[2984,4594,3047],{"class":3029},[2984,4596,4101],{"class":2990},[2984,4598,3614],{"class":2998},[2984,4600,4601],{"class":3029}," offersStore",[2984,4603,2867],{"class":2990},[2984,4605,4606],{"class":3043},"getOffer",[2984,4608,4609],{"class":3029},"(route",[2984,4611,2867],{"class":2990},[2984,4613,4614],{"class":3029},"params",[2984,4616,2867],{"class":2990},[2984,4618,4619],{"class":3029},"slug))\n",[2984,4621,4622,4624,4626],{"class":2986,"line":3114},[2984,4623,3174],{"class":2990},[2984,4625,2995],{"class":2994},[2984,4627,3017],{"class":2990},[3498,4629,4630],{"to":516},[2852,4631,3502,4632,2867],{},[2856,4633,515],{},[2915,4635,4637],{"id":4636},"return-values","Return Values",[2852,4639,4640,2864,4642,4644],{},[2856,4641,527],{},[2856,4643,515],{}," have the same return values listed below.",[2872,4646,4647,4653,4667,4698,4703],{},[2875,4648,4649,4652],{},[2856,4650,4651],{},"data",": the result of the asynchronous function that is passed in.",[2875,4654,4655,4658,4659,4662,4663,4666],{},[2856,4656,4657],{},"refresh","/",[2856,4660,4661],{},"execute",": a function that can be used to refresh the data returned by the ",[2856,4664,4665],{},"handler"," function.",[2875,4668,4669,4672,4673,4675,4676,4679,4680,4683,4684,4675,4687,4690,4691,4675,4694,4697],{},[2856,4670,4671],{},"clear",": a function that can be used to set ",[2856,4674,4651],{}," to ",[2856,4677,4678],{},"undefined"," (or the value of ",[2856,4681,4682],{},"options.default()"," if provided), set ",[2856,4685,4686],{},"error",[2856,4688,4689],{},"null",", set ",[2856,4692,4693],{},"status",[2856,4695,4696],{},"idle",", and mark any currently pending requests as cancelled.",[2875,4699,4700,4702],{},[2856,4701,4686],{},": an error object if the data fetching failed.",[2875,4704,4705,4707,4708,2858,4711,2858,4714,2858,4717,3523],{},[2856,4706,4693],{},": a string indicating the status of the data request (",[2856,4709,4710],{},"\"idle\"",[2856,4712,4713],{},"\"pending\"",[2856,4715,4716],{},"\"success\"",[2856,4718,4719],{},"\"error\"",[3328,4721,4722],{},[2852,4723,4724,2858,4726,2864,4728,4730,4731,4734,4735],{},[2856,4725,4651],{},[2856,4727,4686],{},[2856,4729,4693],{}," are Vue refs accessible with ",[2856,4732,4733],{},".value"," in ",[2856,4736,4737],{},"\u003Cscript setup>",[2852,4739,4740,4741,4743],{},"By default, Nuxt waits until a ",[2856,4742,4657],{}," is finished before it can be executed again.",[3328,4745,4746],{},[2852,4747,4748,4749,4752,4753,4757,4758,4760,4761,4763,4764,2867],{},"If you have not fetched data on the server (for example, with ",[2856,4750,4751],{},"server: false","), then the data ",[4754,4755,4756],"em",{},"will not"," be fetched until hydration completes. This means even if you await ",[2856,4759,527],{}," on client-side, ",[2856,4762,4651],{}," will remain null within ",[2856,4765,4737],{},[2915,4767,4769],{"id":4768},"options","Options",[2852,4771,4772,2864,4776,4780],{},[2860,4773,4774],{"href":516},[2856,4775,515],{},[2860,4777,4778],{"href":528},[2856,4779,527],{}," return the same object type and accept a common set of options as their last argument. They can help you control the composables behavior, such as navigation blocking, caching or execution.",[3312,4782,4784],{"id":4783},"lazy","Lazy",[2852,4786,4787,4788,4790,4791,4793],{},"By default, data fetching composables will wait for the resolution of their asynchronous function before navigating to a new page by using Vue's Suspense. This feature can be ignored on client-side navigation with the ",[2856,4789,4783],{}," option. In that case, you will have to manually handle loading state using the ",[2856,4792,4693],{}," value.",[2975,4795,4797],{"className":2977,"code":4796,"filename":219,"language":2979,"meta":3359,"style":2980},"\u003Cscript setup lang=\"ts\">\nconst { status, data: posts } = useFetch('/api/posts', {\n  lazy: true,\n})\n\u003C/script>\n\n\u003Ctemplate>\n  \u003C!-- you will need to handle a loading state -->\n  \u003Cdiv v-if=\"status === 'pending'\">\n    Loading ...\n  \u003C/div>\n  \u003Cdiv v-else>\n    \u003Cdiv v-for=\"post in posts\">\n      \u003C!-- do something -->\n    \u003C/div>\n  \u003C/div>\n\u003C/template>\n",[2856,4798,4799,4819,4856,4869,4875,4883,4887,4895,4900,4919,4924,4932,4942,4962,4967,4975,4983],{"__ignoreMap":2980},[2984,4800,4801,4803,4805,4807,4809,4811,4813,4815,4817],{"class":2986,"line":2987},[2984,4802,2991],{"class":2990},[2984,4804,2995],{"class":2994},[2984,4806,2999],{"class":2998},[2984,4808,3002],{"class":2998},[2984,4810,3005],{"class":2990},[2984,4812,3008],{"class":2990},[2984,4814,3012],{"class":3011},[2984,4816,3008],{"class":2990},[2984,4818,3017],{"class":2990},[2984,4820,4821,4823,4825,4828,4830,4832,4834,4837,4839,4841,4843,4845,4847,4850,4852,4854],{"class":2986,"line":3020},[2984,4822,3023],{"class":2998},[2984,4824,3026],{"class":2990},[2984,4826,4827],{"class":3029}," status",[2984,4829,3109],{"class":2990},[2984,4831,3849],{"class":2994},[2984,4833,3120],{"class":2990},[2984,4835,4836],{"class":3029}," posts ",[2984,4838,3033],{"class":2990},[2984,4840,3036],{"class":2990},[2984,4842,3044],{"class":3043},[2984,4844,3047],{"class":3029},[2984,4846,3050],{"class":2990},[2984,4848,4849],{"class":3011},"/api/posts",[2984,4851,3050],{"class":2990},[2984,4853,3109],{"class":2990},[2984,4855,3081],{"class":2990},[2984,4857,4858,4861,4863,4867],{"class":2986,"line":3061},[2984,4859,4860],{"class":2994},"  lazy",[2984,4862,3120],{"class":2990},[2984,4864,4866],{"class":4865},"sbKd-"," true",[2984,4868,3131],{"class":2990},[2984,4870,4871,4873],{"class":2986,"line":3067},[2984,4872,3033],{"class":2990},[2984,4874,3058],{"class":3029},[2984,4876,4877,4879,4881],{"class":2986,"line":3084},[2984,4878,3174],{"class":2990},[2984,4880,2995],{"class":2994},[2984,4882,3017],{"class":2990},[2984,4884,4885],{"class":2986,"line":3114},[2984,4886,3064],{"emptyLinePlaceholder":1196},[2984,4888,4889,4891,4893],{"class":2986,"line":3134},[2984,4890,2991],{"class":2990},[2984,4892,3191],{"class":2994},[2984,4894,3017],{"class":2990},[2984,4896,4897],{"class":2986,"line":3144},[2984,4898,4899],{"class":3147},"  \u003C!-- you will need to handle a loading state -->\n",[2984,4901,4902,4904,4906,4908,4910,4912,4915,4917],{"class":2986,"line":3151},[2984,4903,3199],{"class":2990},[2984,4905,3202],{"class":2994},[2984,4907,3205],{"class":2998},[2984,4909,3005],{"class":2990},[2984,4911,3008],{"class":2990},[2984,4913,4914],{"class":3011},"status === 'pending'",[2984,4916,3008],{"class":2990},[2984,4918,3017],{"class":2990},[2984,4920,4921],{"class":2986,"line":3157},[2984,4922,4923],{"class":3029},"    Loading ...\n",[2984,4925,4926,4928,4930],{"class":2986,"line":3165},[2984,4927,3228],{"class":2990},[2984,4929,3202],{"class":2994},[2984,4931,3017],{"class":2990},[2984,4933,4934,4936,4938,4940],{"class":2986,"line":3171},[2984,4935,3199],{"class":2990},[2984,4937,3202],{"class":2994},[2984,4939,3242],{"class":2998},[2984,4941,3017],{"class":2990},[2984,4943,4944,4946,4948,4951,4953,4955,4958,4960],{"class":2986,"line":3181},[2984,4945,3250],{"class":2990},[2984,4947,3202],{"class":2994},[2984,4949,4950],{"class":2998}," v-for",[2984,4952,3005],{"class":2990},[2984,4954,3008],{"class":2990},[2984,4956,4957],{"class":3011},"post in posts",[2984,4959,3008],{"class":2990},[2984,4961,3017],{"class":2990},[2984,4963,4964],{"class":2986,"line":3186},[2984,4965,4966],{"class":3147},"      \u003C!-- do something -->\n",[2984,4968,4969,4971,4973],{"class":2986,"line":3196},[2984,4970,3279],{"class":2990},[2984,4972,3202],{"class":2994},[2984,4974,3017],{"class":2990},[2984,4976,4977,4979,4981],{"class":2986,"line":3219},[2984,4978,3228],{"class":2990},[2984,4980,3202],{"class":2994},[2984,4982,3017],{"class":2990},[2984,4984,4985,4987,4989],{"class":2986,"line":3225},[2984,4986,3174],{"class":2990},[2984,4988,3191],{"class":2994},[2984,4990,3017],{"class":2990},[2852,4992,4993,4994,2864,4998,5000],{},"You can alternatively use ",[2860,4995,4996],{"href":548},[2856,4997,547],{},[2856,4999,543],{}," as convenient methods to perform the same.",[2975,5002,5004],{"className":2977,"code":5003,"language":2979,"meta":3359,"style":2980},"\u003Cscript setup lang=\"ts\">\nconst { status, data: posts } = useLazyFetch('/api/posts')\n\u003C/script>\n",[2856,5005,5006,5026,5059],{"__ignoreMap":2980},[2984,5007,5008,5010,5012,5014,5016,5018,5020,5022,5024],{"class":2986,"line":2987},[2984,5009,2991],{"class":2990},[2984,5011,2995],{"class":2994},[2984,5013,2999],{"class":2998},[2984,5015,3002],{"class":2998},[2984,5017,3005],{"class":2990},[2984,5019,3008],{"class":2990},[2984,5021,3012],{"class":3011},[2984,5023,3008],{"class":2990},[2984,5025,3017],{"class":2990},[2984,5027,5028,5030,5032,5034,5036,5038,5040,5042,5044,5046,5049,5051,5053,5055,5057],{"class":2986,"line":3020},[2984,5029,3023],{"class":2998},[2984,5031,3026],{"class":2990},[2984,5033,4827],{"class":3029},[2984,5035,3109],{"class":2990},[2984,5037,3849],{"class":2994},[2984,5039,3120],{"class":2990},[2984,5041,4836],{"class":3029},[2984,5043,3033],{"class":2990},[2984,5045,3036],{"class":2990},[2984,5047,5048],{"class":3043}," useLazyFetch",[2984,5050,3047],{"class":3029},[2984,5052,3050],{"class":2990},[2984,5054,4849],{"class":3011},[2984,5056,3050],{"class":2990},[2984,5058,3058],{"class":3029},[2984,5060,5061,5063,5065],{"class":2986,"line":3061},[2984,5062,3174],{"class":2990},[2984,5064,2995],{"class":2994},[2984,5066,3017],{"class":2990},[3498,5068,5069],{"to":548},[2852,5070,3502,5071,2867],{},[2856,5072,547],{},[3498,5074,5075],{"to":544},[2852,5076,3502,5077,2867],{},[2856,5078,543],{},[3932,5080],{"title":5081,"video-id":5082,"platform":5083},"Watch a video from Vue School on blocking vs. non-blocking (lazy) requests","1022000555","vimeo",[3312,5085,5087],{"id":5086},"client-only-fetching","Client-only fetching",[2852,5089,5090,5091,5093,5094,5097],{},"By default, data fetching composables will perform their asynchronous function on both client and server environments. Set the ",[2856,5092,185],{}," option to ",[2856,5095,5096],{},"false"," to only perform the call on the client-side. On initial load, the data will not be fetched before hydration is complete so you have to handle a pending state, though on subsequent client-side navigation the data will be awaited before loading the page.",[2852,5099,5100,5101,5103],{},"Combined with the ",[2856,5102,4783],{}," option, this can be useful for data that is not needed on the first render (for example, non-SEO sensitive data).",[2975,5105,5107],{"className":3586,"code":5106,"language":3012,"meta":3359,"style":2980},"/* This call is performed before hydration */\nconst articles = await useFetch('/api/article')\n\n/* This call will only be performed on the client */\nconst { status, data: comments } = useFetch('/api/comments', {\n  lazy: true,\n  server: false,\n})\n",[2856,5108,5109,5114,5138,5142,5147,5183,5193,5205],{"__ignoreMap":2980},[2984,5110,5111],{"class":2986,"line":2987},[2984,5112,5113],{"class":3147},"/* This call is performed before hydration */\n",[2984,5115,5116,5118,5121,5123,5125,5127,5129,5131,5134,5136],{"class":2986,"line":3020},[2984,5117,3023],{"class":2998},[2984,5119,5120],{"class":3029}," articles ",[2984,5122,3005],{"class":2990},[2984,5124,3040],{"class":3039},[2984,5126,3044],{"class":3043},[2984,5128,3047],{"class":3029},[2984,5130,3050],{"class":2990},[2984,5132,5133],{"class":3011},"/api/article",[2984,5135,3050],{"class":2990},[2984,5137,3058],{"class":3029},[2984,5139,5140],{"class":2986,"line":3061},[2984,5141,3064],{"emptyLinePlaceholder":1196},[2984,5143,5144],{"class":2986,"line":3067},[2984,5145,5146],{"class":3147},"/* This call will only be performed on the client */\n",[2984,5148,5149,5151,5153,5155,5157,5159,5161,5164,5166,5168,5170,5172,5174,5177,5179,5181],{"class":2986,"line":3084},[2984,5150,3023],{"class":2998},[2984,5152,3026],{"class":2990},[2984,5154,4827],{"class":3029},[2984,5156,3109],{"class":2990},[2984,5158,3849],{"class":2994},[2984,5160,3120],{"class":2990},[2984,5162,5163],{"class":3029}," comments ",[2984,5165,3033],{"class":2990},[2984,5167,3036],{"class":2990},[2984,5169,3044],{"class":3043},[2984,5171,3047],{"class":3029},[2984,5173,3050],{"class":2990},[2984,5175,5176],{"class":3011},"/api/comments",[2984,5178,3050],{"class":2990},[2984,5180,3109],{"class":2990},[2984,5182,3081],{"class":2990},[2984,5184,5185,5187,5189,5191],{"class":2986,"line":3114},[2984,5186,4860],{"class":2994},[2984,5188,3120],{"class":2990},[2984,5190,4866],{"class":4865},[2984,5192,3131],{"class":2990},[2984,5194,5195,5198,5200,5203],{"class":2986,"line":3134},[2984,5196,5197],{"class":2994},"  server",[2984,5199,3120],{"class":2990},[2984,5201,5202],{"class":4865}," false",[2984,5204,3131],{"class":2990},[2984,5206,5207,5209],{"class":2986,"line":3144},[2984,5208,3033],{"class":2990},[2984,5210,3058],{"class":3029},[2852,5212,2934,5213,5215,5216,2867],{},[2856,5214,527],{}," composable is meant to be invoked in setup method or called directly at the top level of a function in lifecycle hooks, otherwise you should use ",[2860,5217,5219,5221],{"href":5218},"/docs/3.x/getting-started/data-fetching#fetch",[2856,5220,630],{}," method",[3312,5223,5225],{"id":5224},"minimize-payload-size","Minimize payload size",[2852,5227,2934,5228,5231],{},[2856,5229,5230],{},"pick"," option helps you to minimize the payload size stored in your HTML document by only selecting the fields that you want returned from the composables.",[2975,5233,5235],{"className":2977,"code":5234,"language":2979,"meta":2980,"style":2980},"\u003Cscript setup lang=\"ts\">\n/* only pick the fields used in your template */\nconst { data: mountain } = await useFetch('/api/mountains/everest', {\n  pick: ['title', 'description'],\n})\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Ch1>{{ mountain.title }}\u003C/h1>\n  \u003Cp>{{ mountain.description }}\u003C/p>\n\u003C/template>\n",[2856,5236,5237,5257,5262,5296,5325,5331,5339,5343,5351,5369,5386],{"__ignoreMap":2980},[2984,5238,5239,5241,5243,5245,5247,5249,5251,5253,5255],{"class":2986,"line":2987},[2984,5240,2991],{"class":2990},[2984,5242,2995],{"class":2994},[2984,5244,2999],{"class":2998},[2984,5246,3002],{"class":2998},[2984,5248,3005],{"class":2990},[2984,5250,3008],{"class":2990},[2984,5252,3012],{"class":3011},[2984,5254,3008],{"class":2990},[2984,5256,3017],{"class":2990},[2984,5258,5259],{"class":2986,"line":3020},[2984,5260,5261],{"class":3147},"/* only pick the fields used in your template */\n",[2984,5263,5264,5266,5268,5270,5272,5275,5277,5279,5281,5283,5285,5287,5290,5292,5294],{"class":2986,"line":3061},[2984,5265,3023],{"class":2998},[2984,5267,3026],{"class":2990},[2984,5269,3849],{"class":2994},[2984,5271,3120],{"class":2990},[2984,5273,5274],{"class":3029}," mountain ",[2984,5276,3033],{"class":2990},[2984,5278,3036],{"class":2990},[2984,5280,3040],{"class":3039},[2984,5282,3044],{"class":3043},[2984,5284,3047],{"class":3029},[2984,5286,3050],{"class":2990},[2984,5288,5289],{"class":3011},"/api/mountains/everest",[2984,5291,3050],{"class":2990},[2984,5293,3109],{"class":2990},[2984,5295,3081],{"class":2990},[2984,5297,5298,5301,5303,5305,5307,5310,5312,5314,5316,5319,5321,5323],{"class":2986,"line":3067},[2984,5299,5300],{"class":2994},"  pick",[2984,5302,3120],{"class":2990},[2984,5304,4396],{"class":3029},[2984,5306,3050],{"class":2990},[2984,5308,5309],{"class":3011},"title",[2984,5311,3050],{"class":2990},[2984,5313,3109],{"class":2990},[2984,5315,3123],{"class":2990},[2984,5317,5318],{"class":3011},"description",[2984,5320,3050],{"class":2990},[2984,5322,4407],{"class":3029},[2984,5324,3131],{"class":2990},[2984,5326,5327,5329],{"class":2986,"line":3084},[2984,5328,3033],{"class":2990},[2984,5330,3058],{"class":3029},[2984,5332,5333,5335,5337],{"class":2986,"line":3114},[2984,5334,3174],{"class":2990},[2984,5336,2995],{"class":2994},[2984,5338,3017],{"class":2990},[2984,5340,5341],{"class":2986,"line":3134},[2984,5342,3064],{"emptyLinePlaceholder":1196},[2984,5344,5345,5347,5349],{"class":2986,"line":3144},[2984,5346,2991],{"class":2990},[2984,5348,3191],{"class":2994},[2984,5350,3017],{"class":2990},[2984,5352,5353,5355,5358,5360,5363,5365,5367],{"class":2986,"line":3151},[2984,5354,3199],{"class":2990},[2984,5356,5357],{"class":2994},"h1",[2984,5359,3902],{"class":2990},[2984,5361,5362],{"class":3029},"{{ mountain.title }}",[2984,5364,3174],{"class":2990},[2984,5366,5357],{"class":2994},[2984,5368,3017],{"class":2990},[2984,5370,5371,5373,5375,5377,5380,5382,5384],{"class":2986,"line":3157},[2984,5372,3199],{"class":2990},[2984,5374,2852],{"class":2994},[2984,5376,3902],{"class":2990},[2984,5378,5379],{"class":3029},"{{ mountain.description }}",[2984,5381,3174],{"class":2990},[2984,5383,2852],{"class":2994},[2984,5385,3017],{"class":2990},[2984,5387,5388,5390,5392],{"class":2986,"line":3165},[2984,5389,3174],{"class":2990},[2984,5391,3191],{"class":2994},[2984,5393,3017],{"class":2990},[2852,5395,5396,5397,5400],{},"If you need more control or map over several objects, you can use the ",[2856,5398,5399],{},"transform"," function to alter the result of the query.",[2975,5402,5404],{"className":3586,"code":5403,"language":3012,"meta":2980,"style":2980},"const { data: mountains } = await useFetch('/api/mountains', {\n  transform: (mountains) => {\n    return mountains.map(mountain => ({ title: mountain.title, description: mountain.description }))\n  },\n})\n",[2856,5405,5406,5440,5458,5512,5517],{"__ignoreMap":2980},[2984,5407,5408,5410,5412,5414,5416,5419,5421,5423,5425,5427,5429,5431,5434,5436,5438],{"class":2986,"line":2987},[2984,5409,3023],{"class":2998},[2984,5411,3026],{"class":2990},[2984,5413,3849],{"class":2994},[2984,5415,3120],{"class":2990},[2984,5417,5418],{"class":3029}," mountains ",[2984,5420,3033],{"class":2990},[2984,5422,3036],{"class":2990},[2984,5424,3040],{"class":3039},[2984,5426,3044],{"class":3043},[2984,5428,3047],{"class":3029},[2984,5430,3050],{"class":2990},[2984,5432,5433],{"class":3011},"/api/mountains",[2984,5435,3050],{"class":2990},[2984,5437,3109],{"class":2990},[2984,5439,3081],{"class":2990},[2984,5441,5442,5445,5447,5449,5452,5454,5456],{"class":2986,"line":3020},[2984,5443,5444],{"class":3043},"  transform",[2984,5446,3120],{"class":2990},[2984,5448,4372],{"class":2990},[2984,5450,5451],{"class":3610},"mountains",[2984,5453,4448],{"class":2990},[2984,5455,3614],{"class":2998},[2984,5457,3081],{"class":2990},[2984,5459,5460,5463,5466,5468,5471,5473,5476,5478,5480,5483,5486,5488,5491,5493,5495,5497,5500,5502,5504,5506,5508,5510],{"class":2986,"line":3061},[2984,5461,5462],{"class":3039},"    return",[2984,5464,5465],{"class":3029}," mountains",[2984,5467,2867],{"class":2990},[2984,5469,5470],{"class":3043},"map",[2984,5472,3047],{"class":2994},[2984,5474,5475],{"class":3610},"mountain",[2984,5477,3614],{"class":2998},[2984,5479,4372],{"class":2994},[2984,5481,5482],{"class":2990},"{",[2984,5484,5485],{"class":2994}," title",[2984,5487,3120],{"class":2990},[2984,5489,5490],{"class":3029}," mountain",[2984,5492,2867],{"class":2990},[2984,5494,5309],{"class":3029},[2984,5496,3109],{"class":2990},[2984,5498,5499],{"class":2994}," description",[2984,5501,3120],{"class":2990},[2984,5503,5490],{"class":3029},[2984,5505,2867],{"class":2990},[2984,5507,5318],{"class":3029},[2984,5509,3731],{"class":2990},[2984,5511,4067],{"class":2994},[2984,5513,5514],{"class":2986,"line":3067},[2984,5515,5516],{"class":2990},"  },\n",[2984,5518,5519,5521],{"class":2986,"line":3084},[2984,5520,3033],{"class":2990},[2984,5522,3058],{"class":3029},[3328,5524,5525],{},[2852,5526,2908,5527,2864,5529,5531],{},[2856,5528,5230],{},[2856,5530,5399],{}," don't prevent the unwanted data from being fetched initially. But they will prevent unwanted data from being added to the payload transferred from server to client.",[3932,5533],{"title":5534,"video-id":5535,"platform":5083},"Watch a video from Vue School on minimizing payload size","1026410430",[3312,5537,5539],{"id":5538},"caching-and-refetching","Caching and refetching",[5541,5542,5544],"h4",{"id":5543},"keys","Keys",[2852,5546,5547,2864,5551,5555],{},[2860,5548,5549],{"href":528},[2856,5550,527],{},[2860,5552,5553],{"href":516},[2856,5554,515],{}," use keys to prevent refetching the same data.",[2872,5557,5558,5572],{},[2875,5559,5560,5564,5565,5568,5569,5571],{},[2860,5561,5562],{"href":528},[2856,5563,527],{}," uses the provided URL as a key. Alternatively, a ",[2856,5566,5567],{},"key"," value can be provided in the ",[2856,5570,4768],{}," object passed as a last argument.",[2875,5573,5574,5578,5579,5581],{},[2860,5575,5576],{"href":516},[2856,5577,515],{}," uses its first argument as a key if it is a string. If the first argument is the handler function that performs the query, then a key that is unique to the file name and line number of the instance of ",[2856,5580,515],{}," will be generated for you.",[2958,5583,5584],{},[2852,5585,5586,5587],{},"To get the cached data by key, you can use ",[2860,5588,5589],{"href":560},[2856,5590,559],{},[3932,5592],{"title":5593,"video-id":5594,"platform":5083},"Watch a video from Vue School on caching data with the key option","1026410044",[5541,5596,5598],{"id":5597},"shared-state-and-option-consistency","Shared State and Option Consistency",[2852,5600,5601,5602,5604,5605,5607,5608,2858,5610,2864,5612,5614],{},"When multiple components use the same key with ",[2856,5603,515],{}," or ",[2856,5606,527],{},", they will share the same ",[2856,5609,4651],{},[2856,5611,4686],{},[2856,5613,4693],{}," refs. This ensures consistency across components but requires some options to be consistent.",[2852,5616,5617,5618,5621],{},"The following options ",[2971,5619,5620],{},"must be consistent"," across all calls with the same key:",[2872,5623,5624,5628,5634,5638,5643,5648],{},[2875,5625,5626,2930],{},[2856,5627,4665],{},[2875,5629,5630,5633],{},[2856,5631,5632],{},"deep"," option",[2875,5635,5636,2930],{},[2856,5637,5399],{},[2875,5639,5640,5642],{},[2856,5641,5230],{}," array",[2875,5644,5645,2930],{},[2856,5646,5647],{},"getCachedData",[2875,5649,5650,5653],{},[2856,5651,5652],{},"default"," value",[2975,5655,5657],{"className":3586,"code":5656,"language":3012,"meta":2980,"style":2980},"// ❌ This will trigger a development warning\nconst { data: users1 } = useAsyncData('users', (_nuxtApp, { signal }) => $fetch('/api/users', { signal }), { deep: false })\nconst { data: users2 } = useAsyncData('users', (_nuxtApp, { signal }) => $fetch('/api/users', { signal }), { deep: true })\n",[2856,5658,5659,5664,5744],{"__ignoreMap":2980},[2984,5660,5661],{"class":2986,"line":2987},[2984,5662,5663],{"class":3147},"// ❌ This will trigger a development warning\n",[2984,5665,5666,5668,5670,5672,5674,5677,5679,5681,5683,5685,5687,5689,5691,5693,5695,5697,5699,5701,5703,5705,5707,5709,5711,5713,5716,5718,5720,5722,5725,5727,5729,5731,5733,5736,5738,5740,5742],{"class":2986,"line":3020},[2984,5667,3023],{"class":2998},[2984,5669,3026],{"class":2990},[2984,5671,3849],{"class":2994},[2984,5673,3120],{"class":2990},[2984,5675,5676],{"class":3029}," users1 ",[2984,5678,3033],{"class":2990},[2984,5680,3036],{"class":2990},[2984,5682,4038],{"class":3043},[2984,5684,3047],{"class":3029},[2984,5686,3050],{"class":2990},[2984,5688,4045],{"class":3011},[2984,5690,3050],{"class":2990},[2984,5692,3109],{"class":2990},[2984,5694,4372],{"class":2990},[2984,5696,4375],{"class":3610},[2984,5698,3109],{"class":2990},[2984,5700,3026],{"class":2990},[2984,5702,4382],{"class":3610},[2984,5704,4385],{"class":2990},[2984,5706,3614],{"class":2998},[2984,5708,3097],{"class":3043},[2984,5710,3047],{"class":3029},[2984,5712,3050],{"class":2990},[2984,5714,5715],{"class":3011},"/api/users",[2984,5717,3050],{"class":2990},[2984,5719,3109],{"class":2990},[2984,5721,3026],{"class":2990},[2984,5723,5724],{"class":3029}," signal ",[2984,5726,3033],{"class":2990},[2984,5728,4448],{"class":3029},[2984,5730,3109],{"class":2990},[2984,5732,3026],{"class":2990},[2984,5734,5735],{"class":2994}," deep",[2984,5737,3120],{"class":2990},[2984,5739,5202],{"class":4865},[2984,5741,3731],{"class":2990},[2984,5743,3058],{"class":3029},[2984,5745,5746,5748,5750,5752,5754,5757,5759,5761,5763,5765,5767,5769,5771,5773,5775,5777,5779,5781,5783,5785,5787,5789,5791,5793,5795,5797,5799,5801,5803,5805,5807,5809,5811,5813,5815,5817,5819],{"class":2986,"line":3061},[2984,5747,3023],{"class":2998},[2984,5749,3026],{"class":2990},[2984,5751,3849],{"class":2994},[2984,5753,3120],{"class":2990},[2984,5755,5756],{"class":3029}," users2 ",[2984,5758,3033],{"class":2990},[2984,5760,3036],{"class":2990},[2984,5762,4038],{"class":3043},[2984,5764,3047],{"class":3029},[2984,5766,3050],{"class":2990},[2984,5768,4045],{"class":3011},[2984,5770,3050],{"class":2990},[2984,5772,3109],{"class":2990},[2984,5774,4372],{"class":2990},[2984,5776,4375],{"class":3610},[2984,5778,3109],{"class":2990},[2984,5780,3026],{"class":2990},[2984,5782,4382],{"class":3610},[2984,5784,4385],{"class":2990},[2984,5786,3614],{"class":2998},[2984,5788,3097],{"class":3043},[2984,5790,3047],{"class":3029},[2984,5792,3050],{"class":2990},[2984,5794,5715],{"class":3011},[2984,5796,3050],{"class":2990},[2984,5798,3109],{"class":2990},[2984,5800,3026],{"class":2990},[2984,5802,5724],{"class":3029},[2984,5804,3033],{"class":2990},[2984,5806,4448],{"class":3029},[2984,5808,3109],{"class":2990},[2984,5810,3026],{"class":2990},[2984,5812,5735],{"class":2994},[2984,5814,3120],{"class":2990},[2984,5816,4866],{"class":4865},[2984,5818,3731],{"class":2990},[2984,5820,3058],{"class":3029},[2852,5822,5617,5823,5826],{},[2971,5824,5825],{},"can safely differ"," without triggering warnings:",[2872,5828,5829,5833,5837,5842,5847],{},[2875,5830,5831],{},[2856,5832,185],{},[2875,5834,5835],{},[2856,5836,4783],{},[2875,5838,5839],{},[2856,5840,5841],{},"immediate",[2875,5843,5844],{},[2856,5845,5846],{},"dedupe",[2875,5848,5849],{},[2856,5850,5851],{},"watch",[2975,5853,5855],{"className":3586,"code":5854,"language":3012,"meta":2980,"style":2980},"// ✅ This is allowed\nconst { data: users1 } = useAsyncData('users', (_nuxtApp, { signal }) => $fetch('/api/users', { signal }), { immediate: true })\nconst { data: users2 } = useAsyncData('users', (_nuxtApp, { signal }) => $fetch('/api/users', { signal }), { immediate: false })\n",[2856,5856,5857,5862,5939],{"__ignoreMap":2980},[2984,5858,5859],{"class":2986,"line":2987},[2984,5860,5861],{"class":3147},"// ✅ This is allowed\n",[2984,5863,5864,5866,5868,5870,5872,5874,5876,5878,5880,5882,5884,5886,5888,5890,5892,5894,5896,5898,5900,5902,5904,5906,5908,5910,5912,5914,5916,5918,5920,5922,5924,5926,5928,5931,5933,5935,5937],{"class":2986,"line":3020},[2984,5865,3023],{"class":2998},[2984,5867,3026],{"class":2990},[2984,5869,3849],{"class":2994},[2984,5871,3120],{"class":2990},[2984,5873,5676],{"class":3029},[2984,5875,3033],{"class":2990},[2984,5877,3036],{"class":2990},[2984,5879,4038],{"class":3043},[2984,5881,3047],{"class":3029},[2984,5883,3050],{"class":2990},[2984,5885,4045],{"class":3011},[2984,5887,3050],{"class":2990},[2984,5889,3109],{"class":2990},[2984,5891,4372],{"class":2990},[2984,5893,4375],{"class":3610},[2984,5895,3109],{"class":2990},[2984,5897,3026],{"class":2990},[2984,5899,4382],{"class":3610},[2984,5901,4385],{"class":2990},[2984,5903,3614],{"class":2998},[2984,5905,3097],{"class":3043},[2984,5907,3047],{"class":3029},[2984,5909,3050],{"class":2990},[2984,5911,5715],{"class":3011},[2984,5913,3050],{"class":2990},[2984,5915,3109],{"class":2990},[2984,5917,3026],{"class":2990},[2984,5919,5724],{"class":3029},[2984,5921,3033],{"class":2990},[2984,5923,4448],{"class":3029},[2984,5925,3109],{"class":2990},[2984,5927,3026],{"class":2990},[2984,5929,5930],{"class":2994}," immediate",[2984,5932,3120],{"class":2990},[2984,5934,4866],{"class":4865},[2984,5936,3731],{"class":2990},[2984,5938,3058],{"class":3029},[2984,5940,5941,5943,5945,5947,5949,5951,5953,5955,5957,5959,5961,5963,5965,5967,5969,5971,5973,5975,5977,5979,5981,5983,5985,5987,5989,5991,5993,5995,5997,5999,6001,6003,6005,6007,6009,6011,6013],{"class":2986,"line":3061},[2984,5942,3023],{"class":2998},[2984,5944,3026],{"class":2990},[2984,5946,3849],{"class":2994},[2984,5948,3120],{"class":2990},[2984,5950,5756],{"class":3029},[2984,5952,3033],{"class":2990},[2984,5954,3036],{"class":2990},[2984,5956,4038],{"class":3043},[2984,5958,3047],{"class":3029},[2984,5960,3050],{"class":2990},[2984,5962,4045],{"class":3011},[2984,5964,3050],{"class":2990},[2984,5966,3109],{"class":2990},[2984,5968,4372],{"class":2990},[2984,5970,4375],{"class":3610},[2984,5972,3109],{"class":2990},[2984,5974,3026],{"class":2990},[2984,5976,4382],{"class":3610},[2984,5978,4385],{"class":2990},[2984,5980,3614],{"class":2998},[2984,5982,3097],{"class":3043},[2984,5984,3047],{"class":3029},[2984,5986,3050],{"class":2990},[2984,5988,5715],{"class":3011},[2984,5990,3050],{"class":2990},[2984,5992,3109],{"class":2990},[2984,5994,3026],{"class":2990},[2984,5996,5724],{"class":3029},[2984,5998,3033],{"class":2990},[2984,6000,4448],{"class":3029},[2984,6002,3109],{"class":2990},[2984,6004,3026],{"class":2990},[2984,6006,5930],{"class":2994},[2984,6008,3120],{"class":2990},[2984,6010,5202],{"class":4865},[2984,6012,3731],{"class":2990},[2984,6014,3058],{"class":3029},[2852,6016,6017],{},"If you need independent instances, use different keys:",[2975,6019,6021],{"className":3586,"code":6020,"language":3012,"meta":2980,"style":2980},"// These are completely independent instances\nconst { data: users1 } = useAsyncData('users-1', (_nuxtApp, { signal }) => $fetch('/api/users', { signal }))\nconst { data: users2 } = useAsyncData('users-2', (_nuxtApp, { signal }) => $fetch('/api/users', { signal }))\n",[2856,6022,6023,6028,6091],{"__ignoreMap":2980},[2984,6024,6025],{"class":2986,"line":2987},[2984,6026,6027],{"class":3147},"// These are completely independent instances\n",[2984,6029,6030,6032,6034,6036,6038,6040,6042,6044,6046,6048,6050,6053,6055,6057,6059,6061,6063,6065,6067,6069,6071,6073,6075,6077,6079,6081,6083,6085,6087,6089],{"class":2986,"line":3020},[2984,6031,3023],{"class":2998},[2984,6033,3026],{"class":2990},[2984,6035,3849],{"class":2994},[2984,6037,3120],{"class":2990},[2984,6039,5676],{"class":3029},[2984,6041,3033],{"class":2990},[2984,6043,3036],{"class":2990},[2984,6045,4038],{"class":3043},[2984,6047,3047],{"class":3029},[2984,6049,3050],{"class":2990},[2984,6051,6052],{"class":3011},"users-1",[2984,6054,3050],{"class":2990},[2984,6056,3109],{"class":2990},[2984,6058,4372],{"class":2990},[2984,6060,4375],{"class":3610},[2984,6062,3109],{"class":2990},[2984,6064,3026],{"class":2990},[2984,6066,4382],{"class":3610},[2984,6068,4385],{"class":2990},[2984,6070,3614],{"class":2998},[2984,6072,3097],{"class":3043},[2984,6074,3047],{"class":3029},[2984,6076,3050],{"class":2990},[2984,6078,5715],{"class":3011},[2984,6080,3050],{"class":2990},[2984,6082,3109],{"class":2990},[2984,6084,3026],{"class":2990},[2984,6086,5724],{"class":3029},[2984,6088,3033],{"class":2990},[2984,6090,4067],{"class":3029},[2984,6092,6093,6095,6097,6099,6101,6103,6105,6107,6109,6111,6113,6116,6118,6120,6122,6124,6126,6128,6130,6132,6134,6136,6138,6140,6142,6144,6146,6148,6150,6152],{"class":2986,"line":3061},[2984,6094,3023],{"class":2998},[2984,6096,3026],{"class":2990},[2984,6098,3849],{"class":2994},[2984,6100,3120],{"class":2990},[2984,6102,5756],{"class":3029},[2984,6104,3033],{"class":2990},[2984,6106,3036],{"class":2990},[2984,6108,4038],{"class":3043},[2984,6110,3047],{"class":3029},[2984,6112,3050],{"class":2990},[2984,6114,6115],{"class":3011},"users-2",[2984,6117,3050],{"class":2990},[2984,6119,3109],{"class":2990},[2984,6121,4372],{"class":2990},[2984,6123,4375],{"class":3610},[2984,6125,3109],{"class":2990},[2984,6127,3026],{"class":2990},[2984,6129,4382],{"class":3610},[2984,6131,4385],{"class":2990},[2984,6133,3614],{"class":2998},[2984,6135,3097],{"class":3043},[2984,6137,3047],{"class":3029},[2984,6139,3050],{"class":2990},[2984,6141,5715],{"class":3011},[2984,6143,3050],{"class":2990},[2984,6145,3109],{"class":2990},[2984,6147,3026],{"class":2990},[2984,6149,5724],{"class":3029},[2984,6151,3033],{"class":2990},[2984,6153,4067],{"class":3029},[5541,6155,6157],{"id":6156},"reactive-keys","Reactive Keys",[2852,6159,6160],{},"You can use computed refs, plain refs or getter functions as keys, allowing for dynamic data fetching that automatically updates when dependencies change:",[2975,6162,6164],{"className":3586,"code":6163,"language":3012,"meta":2980,"style":2980},"// Using a computed property as a key\nconst userId = ref('123')\nconst { data: user } = useAsyncData(\n  computed(() => `user-${userId.value}`),\n  () => fetchUser(userId.value),\n)\n\n// When userId changes, the data will be automatically refetched\n// and the old data will be cleaned up if no other components use it\nuserId.value = '456'\n",[2856,6165,6166,6171,6194,6216,6249,6269,6273,6277,6282,6287],{"__ignoreMap":2980},[2984,6167,6168],{"class":2986,"line":2987},[2984,6169,6170],{"class":3147},"// Using a computed property as a key\n",[2984,6172,6173,6175,6178,6180,6183,6185,6187,6190,6192],{"class":2986,"line":3020},[2984,6174,3023],{"class":2998},[2984,6176,6177],{"class":3029}," userId ",[2984,6179,3005],{"class":2990},[2984,6181,6182],{"class":3043}," ref",[2984,6184,3047],{"class":3029},[2984,6186,3050],{"class":2990},[2984,6188,6189],{"class":3011},"123",[2984,6191,3050],{"class":2990},[2984,6193,3058],{"class":3029},[2984,6195,6196,6198,6200,6202,6204,6207,6209,6211,6213],{"class":2986,"line":3061},[2984,6197,3023],{"class":2998},[2984,6199,3026],{"class":2990},[2984,6201,3849],{"class":2994},[2984,6203,3120],{"class":2990},[2984,6205,6206],{"class":3029}," user ",[2984,6208,3033],{"class":2990},[2984,6210,3036],{"class":2990},[2984,6212,4038],{"class":3043},[2984,6214,6215],{"class":3029},"(\n",[2984,6217,6218,6221,6223,6225,6227,6230,6233,6235,6238,6240,6243,6245,6247],{"class":2986,"line":3067},[2984,6219,6220],{"class":3043},"  computed",[2984,6222,3047],{"class":3029},[2984,6224,4101],{"class":2990},[2984,6226,3614],{"class":2998},[2984,6228,6229],{"class":2990}," `",[2984,6231,6232],{"class":3011},"user-",[2984,6234,4243],{"class":2990},[2984,6236,6237],{"class":3029},"userId",[2984,6239,2867],{"class":2990},[2984,6241,6242],{"class":3029},"value",[2984,6244,4249],{"class":2990},[2984,6246,4448],{"class":3029},[2984,6248,3131],{"class":2990},[2984,6250,6251,6254,6256,6259,6262,6264,6267],{"class":2986,"line":3084},[2984,6252,6253],{"class":2990},"  ()",[2984,6255,3614],{"class":2998},[2984,6257,6258],{"class":3043}," fetchUser",[2984,6260,6261],{"class":3029},"(userId",[2984,6263,2867],{"class":2990},[2984,6265,6266],{"class":3029},"value)",[2984,6268,3131],{"class":2990},[2984,6270,6271],{"class":2986,"line":3114},[2984,6272,3058],{"class":3029},[2984,6274,6275],{"class":2986,"line":3134},[2984,6276,3064],{"emptyLinePlaceholder":1196},[2984,6278,6279],{"class":2986,"line":3144},[2984,6280,6281],{"class":3147},"// When userId changes, the data will be automatically refetched\n",[2984,6283,6284],{"class":2986,"line":3151},[2984,6285,6286],{"class":3147},"// and the old data will be cleaned up if no other components use it\n",[2984,6288,6289,6291,6293,6296,6298,6300,6303],{"class":2986,"line":3157},[2984,6290,6237],{"class":3029},[2984,6292,2867],{"class":2990},[2984,6294,6295],{"class":3029},"value ",[2984,6297,3005],{"class":2990},[2984,6299,3123],{"class":2990},[2984,6301,6302],{"class":3011},"456",[2984,6304,6305],{"class":2990},"'\n",[5541,6307,6309],{"id":6308},"refresh-and-execute","Refresh and execute",[2852,6311,6312,6313,5604,6315,6317],{},"If you want to fetch or refresh data manually, use the ",[2856,6314,4661],{},[2856,6316,4657],{}," function provided by the composables.",[2975,6319,6321],{"className":2977,"code":6320,"language":2979,"meta":3359,"style":2980},"\u003Cscript setup lang=\"ts\">\nconst { data, error, execute, refresh } = await useFetch('/api/users')\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cdiv>\n    \u003Cp>{{ data }}\u003C/p>\n    \u003Cbutton @click=\"() => refresh()\">\n      Refresh data\n    \u003C/button>\n  \u003C/div>\n\u003C/template>\n",[2856,6322,6323,6343,6384,6392,6396,6404,6412,6429,6450,6455,6463,6471],{"__ignoreMap":2980},[2984,6324,6325,6327,6329,6331,6333,6335,6337,6339,6341],{"class":2986,"line":2987},[2984,6326,2991],{"class":2990},[2984,6328,2995],{"class":2994},[2984,6330,2999],{"class":2998},[2984,6332,3002],{"class":2998},[2984,6334,3005],{"class":2990},[2984,6336,3008],{"class":2990},[2984,6338,3012],{"class":3011},[2984,6340,3008],{"class":2990},[2984,6342,3017],{"class":2990},[2984,6344,6345,6347,6349,6351,6353,6356,6358,6361,6363,6366,6368,6370,6372,6374,6376,6378,6380,6382],{"class":2986,"line":3020},[2984,6346,3023],{"class":2998},[2984,6348,3026],{"class":2990},[2984,6350,3849],{"class":3029},[2984,6352,3109],{"class":2990},[2984,6354,6355],{"class":3029}," error",[2984,6357,3109],{"class":2990},[2984,6359,6360],{"class":3029}," execute",[2984,6362,3109],{"class":2990},[2984,6364,6365],{"class":3029}," refresh ",[2984,6367,3033],{"class":2990},[2984,6369,3036],{"class":2990},[2984,6371,3040],{"class":3039},[2984,6373,3044],{"class":3043},[2984,6375,3047],{"class":3029},[2984,6377,3050],{"class":2990},[2984,6379,5715],{"class":3011},[2984,6381,3050],{"class":2990},[2984,6383,3058],{"class":3029},[2984,6385,6386,6388,6390],{"class":2986,"line":3061},[2984,6387,3174],{"class":2990},[2984,6389,2995],{"class":2994},[2984,6391,3017],{"class":2990},[2984,6393,6394],{"class":2986,"line":3067},[2984,6395,3064],{"emptyLinePlaceholder":1196},[2984,6397,6398,6400,6402],{"class":2986,"line":3084},[2984,6399,2991],{"class":2990},[2984,6401,3191],{"class":2994},[2984,6403,3017],{"class":2990},[2984,6405,6406,6408,6410],{"class":2986,"line":3114},[2984,6407,3199],{"class":2990},[2984,6409,3202],{"class":2994},[2984,6411,3017],{"class":2990},[2984,6413,6414,6416,6418,6420,6423,6425,6427],{"class":2986,"line":3134},[2984,6415,3250],{"class":2990},[2984,6417,2852],{"class":2994},[2984,6419,3902],{"class":2990},[2984,6421,6422],{"class":3029},"{{ data }}",[2984,6424,3174],{"class":2990},[2984,6426,2852],{"class":2994},[2984,6428,3017],{"class":2990},[2984,6430,6431,6433,6436,6439,6441,6443,6446,6448],{"class":2986,"line":3144},[2984,6432,3250],{"class":2990},[2984,6434,6435],{"class":2994},"button",[2984,6437,6438],{"class":2998}," @click",[2984,6440,3005],{"class":2990},[2984,6442,3008],{"class":2990},[2984,6444,6445],{"class":3011},"() => refresh()",[2984,6447,3008],{"class":2990},[2984,6449,3017],{"class":2990},[2984,6451,6452],{"class":2986,"line":3151},[2984,6453,6454],{"class":3029},"      Refresh data\n",[2984,6456,6457,6459,6461],{"class":2986,"line":3157},[2984,6458,3279],{"class":2990},[2984,6460,6435],{"class":2994},[2984,6462,3017],{"class":2990},[2984,6464,6465,6467,6469],{"class":2986,"line":3165},[2984,6466,3228],{"class":2990},[2984,6468,3202],{"class":2994},[2984,6470,3017],{"class":2990},[2984,6472,6473,6475,6477],{"class":2986,"line":3171},[2984,6474,3174],{"class":2990},[2984,6476,3191],{"class":2994},[2984,6478,3017],{"class":2990},[2852,6480,2934,6481,6483,6484,6486,6487,2867],{},[2856,6482,4661],{}," function is an alias for ",[2856,6485,4657],{}," that works in exactly the same way but is more semantic for cases when the fetch is ",[2860,6488,6490],{"href":6489},"/docs/3.x/getting-started/data-fetching#not-immediate","not immediate",[2958,6492,6493],{},[2852,6494,6495,6496,2864,6500,2867],{},"To globally refetch or invalidate cached data, see ",[2860,6497,6498],{"href":651},[2856,6499,650],{},[2860,6501,6502],{"href":723},[2856,6503,722],{},[5541,6505,6506],{"id":4671},"Clear",[2852,6508,6509,6510,6512,6513,6317],{},"If you want to clear the data provided, for whatever reason, without needing to know the specific key to pass to ",[2856,6511,650],{},", you can use the ",[2856,6514,4671],{},[2975,6516,6518],{"className":2977,"code":6517,"language":2979,"meta":3359,"style":2980},"\u003Cscript setup lang=\"ts\">\nconst { data, clear } = await useFetch('/api/users')\n\nconst route = useRoute()\nwatch(() => route.path, (path) => {\n  if (path === '/') {\n    clear()\n  }\n})\n\u003C/script>\n",[2856,6519,6520,6540,6571,6575,6588,6618,6642,6649,6654,6660],{"__ignoreMap":2980},[2984,6521,6522,6524,6526,6528,6530,6532,6534,6536,6538],{"class":2986,"line":2987},[2984,6523,2991],{"class":2990},[2984,6525,2995],{"class":2994},[2984,6527,2999],{"class":2998},[2984,6529,3002],{"class":2998},[2984,6531,3005],{"class":2990},[2984,6533,3008],{"class":2990},[2984,6535,3012],{"class":3011},[2984,6537,3008],{"class":2990},[2984,6539,3017],{"class":2990},[2984,6541,6542,6544,6546,6548,6550,6553,6555,6557,6559,6561,6563,6565,6567,6569],{"class":2986,"line":3020},[2984,6543,3023],{"class":2998},[2984,6545,3026],{"class":2990},[2984,6547,3849],{"class":3029},[2984,6549,3109],{"class":2990},[2984,6551,6552],{"class":3029}," clear ",[2984,6554,3033],{"class":2990},[2984,6556,3036],{"class":2990},[2984,6558,3040],{"class":3039},[2984,6560,3044],{"class":3043},[2984,6562,3047],{"class":3029},[2984,6564,3050],{"class":2990},[2984,6566,5715],{"class":3011},[2984,6568,3050],{"class":2990},[2984,6570,3058],{"class":3029},[2984,6572,6573],{"class":2986,"line":3061},[2984,6574,3064],{"emptyLinePlaceholder":1196},[2984,6576,6577,6579,6582,6584,6586],{"class":2986,"line":3067},[2984,6578,3023],{"class":2998},[2984,6580,6581],{"class":3029}," route ",[2984,6583,3005],{"class":2990},[2984,6585,4201],{"class":3043},[2984,6587,4576],{"class":3029},[2984,6589,6590,6592,6594,6596,6598,6601,6603,6606,6608,6610,6612,6614,6616],{"class":2986,"line":3084},[2984,6591,5851],{"class":3043},[2984,6593,3047],{"class":3029},[2984,6595,4101],{"class":2990},[2984,6597,3614],{"class":2998},[2984,6599,6600],{"class":3029}," route",[2984,6602,2867],{"class":2990},[2984,6604,6605],{"class":3029},"path",[2984,6607,3109],{"class":2990},[2984,6609,4372],{"class":2990},[2984,6611,6605],{"class":3610},[2984,6613,4448],{"class":2990},[2984,6615,3614],{"class":2998},[2984,6617,3081],{"class":2990},[2984,6619,6620,6623,6625,6627,6630,6632,6634,6636,6639],{"class":2986,"line":3114},[2984,6621,6622],{"class":3039},"  if",[2984,6624,4372],{"class":2994},[2984,6626,6605],{"class":3029},[2984,6628,6629],{"class":2990}," ===",[2984,6631,3123],{"class":2990},[2984,6633,4658],{"class":3011},[2984,6635,3050],{"class":2990},[2984,6637,6638],{"class":2994},") ",[2984,6640,6641],{"class":2990},"{\n",[2984,6643,6644,6647],{"class":2986,"line":3134},[2984,6645,6646],{"class":3043},"    clear",[2984,6648,4576],{"class":2994},[2984,6650,6651],{"class":2986,"line":3144},[2984,6652,6653],{"class":2990},"  }\n",[2984,6655,6656,6658],{"class":2986,"line":3151},[2984,6657,3033],{"class":2990},[2984,6659,3058],{"class":3029},[2984,6661,6662,6664,6666],{"class":2986,"line":3157},[2984,6663,3174],{"class":2990},[2984,6665,2995],{"class":2994},[2984,6667,3017],{"class":2990},[5541,6669,6670],{"id":5851},"Watch",[2852,6672,6673,6674,6676,6677,6680],{},"To re-run your fetching function each time other reactive values in your application change, use the ",[2856,6675,5851],{}," option. You can use it for one or multiple ",[4754,6678,6679],{},"watchable"," elements.",[2975,6682,6684],{"className":2977,"code":6683,"language":2979,"meta":3359,"style":2980},"\u003Cscript setup lang=\"ts\">\nconst id = ref(1)\n\nconst { data, error, refresh } = await useFetch('/api/users', {\n  /* Changing the id will trigger a refetch */\n  watch: [id],\n})\n\u003C/script>\n",[2856,6685,6686,6706,6724,6728,6764,6769,6781,6787],{"__ignoreMap":2980},[2984,6687,6688,6690,6692,6694,6696,6698,6700,6702,6704],{"class":2986,"line":2987},[2984,6689,2991],{"class":2990},[2984,6691,2995],{"class":2994},[2984,6693,2999],{"class":2998},[2984,6695,3002],{"class":2998},[2984,6697,3005],{"class":2990},[2984,6699,3008],{"class":2990},[2984,6701,3012],{"class":3011},[2984,6703,3008],{"class":2990},[2984,6705,3017],{"class":2990},[2984,6707,6708,6710,6712,6714,6716,6718,6722],{"class":2986,"line":3020},[2984,6709,3023],{"class":2998},[2984,6711,4194],{"class":3029},[2984,6713,3005],{"class":2990},[2984,6715,6182],{"class":3043},[2984,6717,3047],{"class":3029},[2984,6719,6721],{"class":6720},"sYRBq","1",[2984,6723,3058],{"class":3029},[2984,6725,6726],{"class":2986,"line":3061},[2984,6727,3064],{"emptyLinePlaceholder":1196},[2984,6729,6730,6732,6734,6736,6738,6740,6742,6744,6746,6748,6750,6752,6754,6756,6758,6760,6762],{"class":2986,"line":3067},[2984,6731,3023],{"class":2998},[2984,6733,3026],{"class":2990},[2984,6735,3849],{"class":3029},[2984,6737,3109],{"class":2990},[2984,6739,6355],{"class":3029},[2984,6741,3109],{"class":2990},[2984,6743,6365],{"class":3029},[2984,6745,3033],{"class":2990},[2984,6747,3036],{"class":2990},[2984,6749,3040],{"class":3039},[2984,6751,3044],{"class":3043},[2984,6753,3047],{"class":3029},[2984,6755,3050],{"class":2990},[2984,6757,5715],{"class":3011},[2984,6759,3050],{"class":2990},[2984,6761,3109],{"class":2990},[2984,6763,3081],{"class":2990},[2984,6765,6766],{"class":2986,"line":3084},[2984,6767,6768],{"class":3147},"  /* Changing the id will trigger a refetch */\n",[2984,6770,6771,6774,6776,6779],{"class":2986,"line":3114},[2984,6772,6773],{"class":2994},"  watch",[2984,6775,3120],{"class":2990},[2984,6777,6778],{"class":3029}," [id]",[2984,6780,3131],{"class":2990},[2984,6782,6783,6785],{"class":2986,"line":3134},[2984,6784,3033],{"class":2990},[2984,6786,3058],{"class":3029},[2984,6788,6789,6791,6793],{"class":2986,"line":3144},[2984,6790,3174],{"class":2990},[2984,6792,2995],{"class":2994},[2984,6794,3017],{"class":2990},[2852,6796,6797,6798,6801],{},"Note that ",[2971,6799,6800],{},"watching a reactive value won't change the URL fetched",". For example, this will keep fetching the same initial ID of the user because the URL is constructed at the moment the function is invoked.",[2975,6803,6805],{"className":2977,"code":6804,"language":2979,"meta":2980,"style":2980},"\u003Cscript setup lang=\"ts\">\nconst id = ref(1)\n\nconst { data, error, refresh } = await useFetch(`/api/users/${id.value}`, {\n  watch: [id],\n})\n\u003C/script>\n",[2856,6806,6807,6827,6843,6847,6892,6902,6908],{"__ignoreMap":2980},[2984,6808,6809,6811,6813,6815,6817,6819,6821,6823,6825],{"class":2986,"line":2987},[2984,6810,2991],{"class":2990},[2984,6812,2995],{"class":2994},[2984,6814,2999],{"class":2998},[2984,6816,3002],{"class":2998},[2984,6818,3005],{"class":2990},[2984,6820,3008],{"class":2990},[2984,6822,3012],{"class":3011},[2984,6824,3008],{"class":2990},[2984,6826,3017],{"class":2990},[2984,6828,6829,6831,6833,6835,6837,6839,6841],{"class":2986,"line":3020},[2984,6830,3023],{"class":2998},[2984,6832,4194],{"class":3029},[2984,6834,3005],{"class":2990},[2984,6836,6182],{"class":3043},[2984,6838,3047],{"class":3029},[2984,6840,6721],{"class":6720},[2984,6842,3058],{"class":3029},[2984,6844,6845],{"class":2986,"line":3061},[2984,6846,3064],{"emptyLinePlaceholder":1196},[2984,6848,6849,6851,6853,6855,6857,6859,6861,6863,6865,6867,6869,6871,6873,6875,6878,6880,6882,6884,6886,6888,6890],{"class":2986,"line":3067},[2984,6850,3023],{"class":2998},[2984,6852,3026],{"class":2990},[2984,6854,3849],{"class":3029},[2984,6856,3109],{"class":2990},[2984,6858,6355],{"class":3029},[2984,6860,3109],{"class":2990},[2984,6862,6365],{"class":3029},[2984,6864,3033],{"class":2990},[2984,6866,3036],{"class":2990},[2984,6868,3040],{"class":3039},[2984,6870,3044],{"class":3043},[2984,6872,3047],{"class":3029},[2984,6874,4237],{"class":2990},[2984,6876,6877],{"class":3011},"/api/users/",[2984,6879,4243],{"class":2990},[2984,6881,4246],{"class":3029},[2984,6883,2867],{"class":2990},[2984,6885,6242],{"class":3029},[2984,6887,4249],{"class":2990},[2984,6889,3109],{"class":2990},[2984,6891,3081],{"class":2990},[2984,6893,6894,6896,6898,6900],{"class":2986,"line":3084},[2984,6895,6773],{"class":2994},[2984,6897,3120],{"class":2990},[2984,6899,6778],{"class":3029},[2984,6901,3131],{"class":2990},[2984,6903,6904,6906],{"class":2986,"line":3114},[2984,6905,3033],{"class":2990},[2984,6907,3058],{"class":3029},[2984,6909,6910,6912,6914],{"class":2986,"line":3134},[2984,6911,3174],{"class":2990},[2984,6913,2995],{"class":2994},[2984,6915,3017],{"class":2990},[2852,6917,6918,6919,6923],{},"If you need to change the URL based on a reactive value, you may want to use a ",[2860,6920,6922],{"href":6921},"/docs/3.x/getting-started/data-fetching#computed-url","computed URL"," instead.",[2852,6925,6926,6927,2867],{},"When reactive fetch options are provided, they'll be automatically watched and trigger refetches. In some cases, it can be useful to opt-out of this behavior by specifying ",[2856,6928,6929],{},"watch: false",[2975,6931,6933],{"className":3586,"code":6932,"language":3012,"meta":2980,"style":2980},"const id = ref(1)\n\n// Won't automatically refetch when id changes\nconst { data, execute } = await useFetch('/api/users', {\n  query: { id }, // id is watched by default\n  watch: false, // disables automatic watching of id\n})\n\n// doesn't trigger refetch\nid.value = 2\n",[2856,6934,6935,6951,6955,6960,6993,7010,7023,7029,7033,7038],{"__ignoreMap":2980},[2984,6936,6937,6939,6941,6943,6945,6947,6949],{"class":2986,"line":2987},[2984,6938,3023],{"class":2998},[2984,6940,4194],{"class":3029},[2984,6942,3005],{"class":2990},[2984,6944,6182],{"class":3043},[2984,6946,3047],{"class":3029},[2984,6948,6721],{"class":6720},[2984,6950,3058],{"class":3029},[2984,6952,6953],{"class":2986,"line":3020},[2984,6954,3064],{"emptyLinePlaceholder":1196},[2984,6956,6957],{"class":2986,"line":3061},[2984,6958,6959],{"class":3147},"// Won't automatically refetch when id changes\n",[2984,6961,6962,6964,6966,6968,6970,6973,6975,6977,6979,6981,6983,6985,6987,6989,6991],{"class":2986,"line":3067},[2984,6963,3023],{"class":2998},[2984,6965,3026],{"class":2990},[2984,6967,3849],{"class":3029},[2984,6969,3109],{"class":2990},[2984,6971,6972],{"class":3029}," execute ",[2984,6974,3033],{"class":2990},[2984,6976,3036],{"class":2990},[2984,6978,3040],{"class":3039},[2984,6980,3044],{"class":3043},[2984,6982,3047],{"class":3029},[2984,6984,3050],{"class":2990},[2984,6986,5715],{"class":3011},[2984,6988,3050],{"class":2990},[2984,6990,3109],{"class":2990},[2984,6992,3081],{"class":2990},[2984,6994,6995,6998,7000,7002,7004,7007],{"class":2986,"line":3084},[2984,6996,6997],{"class":2994},"  query",[2984,6999,3120],{"class":2990},[2984,7001,3026],{"class":2990},[2984,7003,4194],{"class":3029},[2984,7005,7006],{"class":2990},"},",[2984,7008,7009],{"class":3147}," // id is watched by default\n",[2984,7011,7012,7014,7016,7018,7020],{"class":2986,"line":3114},[2984,7013,6773],{"class":2994},[2984,7015,3120],{"class":2990},[2984,7017,5202],{"class":4865},[2984,7019,3109],{"class":2990},[2984,7021,7022],{"class":3147}," // disables automatic watching of id\n",[2984,7024,7025,7027],{"class":2986,"line":3134},[2984,7026,3033],{"class":2990},[2984,7028,3058],{"class":3029},[2984,7030,7031],{"class":2986,"line":3144},[2984,7032,3064],{"emptyLinePlaceholder":1196},[2984,7034,7035],{"class":2986,"line":3151},[2984,7036,7037],{"class":3147},"// doesn't trigger refetch\n",[2984,7039,7040,7042,7044,7046,7048],{"class":2986,"line":3157},[2984,7041,4246],{"class":3029},[2984,7043,2867],{"class":2990},[2984,7045,6295],{"class":3029},[2984,7047,3005],{"class":2990},[2984,7049,7050],{"class":6720}," 2\n",[5541,7052,7054],{"id":7053},"computed-url","Computed URL",[2852,7056,7057],{},"Sometimes you may need to compute a URL from reactive values, and refresh the data each time these change. Instead of juggling your way around, you can attach each param as a reactive value. Nuxt will automatically use the reactive value and re-fetch each time it changes.",[2975,7059,7061],{"className":2977,"code":7060,"language":2979,"meta":2980,"style":2980},"\u003Cscript setup lang=\"ts\">\nconst id = ref(null)\n\nconst { data, status } = useLazyFetch('/api/user', {\n  query: {\n    user_id: id,\n  },\n})\n\u003C/script>\n",[2856,7062,7063,7083,7099,7103,7134,7142,7153,7157,7163],{"__ignoreMap":2980},[2984,7064,7065,7067,7069,7071,7073,7075,7077,7079,7081],{"class":2986,"line":2987},[2984,7066,2991],{"class":2990},[2984,7068,2995],{"class":2994},[2984,7070,2999],{"class":2998},[2984,7072,3002],{"class":2998},[2984,7074,3005],{"class":2990},[2984,7076,3008],{"class":2990},[2984,7078,3012],{"class":3011},[2984,7080,3008],{"class":2990},[2984,7082,3017],{"class":2990},[2984,7084,7085,7087,7089,7091,7093,7095,7097],{"class":2986,"line":3020},[2984,7086,3023],{"class":2998},[2984,7088,4194],{"class":3029},[2984,7090,3005],{"class":2990},[2984,7092,6182],{"class":3043},[2984,7094,3047],{"class":3029},[2984,7096,4689],{"class":2990},[2984,7098,3058],{"class":3029},[2984,7100,7101],{"class":2986,"line":3061},[2984,7102,3064],{"emptyLinePlaceholder":1196},[2984,7104,7105,7107,7109,7111,7113,7115,7117,7119,7121,7123,7125,7128,7130,7132],{"class":2986,"line":3067},[2984,7106,3023],{"class":2998},[2984,7108,3026],{"class":2990},[2984,7110,3849],{"class":3029},[2984,7112,3109],{"class":2990},[2984,7114,4347],{"class":3029},[2984,7116,3033],{"class":2990},[2984,7118,3036],{"class":2990},[2984,7120,5048],{"class":3043},[2984,7122,3047],{"class":3029},[2984,7124,3050],{"class":2990},[2984,7126,7127],{"class":3011},"/api/user",[2984,7129,3050],{"class":2990},[2984,7131,3109],{"class":2990},[2984,7133,3081],{"class":2990},[2984,7135,7136,7138,7140],{"class":2986,"line":3084},[2984,7137,6997],{"class":2994},[2984,7139,3120],{"class":2990},[2984,7141,3081],{"class":2990},[2984,7143,7144,7147,7149,7151],{"class":2986,"line":3114},[2984,7145,7146],{"class":2994},"    user_id",[2984,7148,3120],{"class":2990},[2984,7150,4278],{"class":3029},[2984,7152,3131],{"class":2990},[2984,7154,7155],{"class":2986,"line":3134},[2984,7156,5516],{"class":2990},[2984,7158,7159,7161],{"class":2986,"line":3144},[2984,7160,3033],{"class":2990},[2984,7162,3058],{"class":3029},[2984,7164,7165,7167,7169],{"class":2986,"line":3151},[2984,7166,3174],{"class":2990},[2984,7168,2995],{"class":2994},[2984,7170,3017],{"class":2990},[2852,7172,7173,7174,7179],{},"In the case of more complex URL construction, you may use a callback as a ",[2860,7175,7178],{"href":7176,"rel":7177},"https://vuejs.org/guide/essentials/computed",[2967],"computed getter"," that returns the URL string.",[2852,7181,7182,7183,7186],{},"Every time a dependency changes, the data will be fetched using the newly constructed URL. Combine this with ",[2860,7184,7185],{"href":6489},"not-immediate",", and you can wait until the reactive element changes before fetching.",[2975,7188,7190],{"className":2977,"code":7189,"language":2979,"meta":2980,"style":2980},"\u003Cscript setup lang=\"ts\">\nconst id = ref(null)\n\nconst { data, status } = useLazyFetch(() => `/api/users/${id.value}`, {\n  immediate: false,\n})\n\nconst pending = computed(() => status.value === 'pending')\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cdiv>\n    \u003C!-- disable the input while fetching -->\n    \u003Cinput\n      v-model=\"id\"\n      type=\"number\"\n      :disabled=\"pending\"\n    >\n\n    \u003Cdiv v-if=\"status === 'idle'\">\n      Type an user ID\n    \u003C/div>\n\n    \u003Cdiv v-else-if=\"pending\">\n      Loading ...\n    \u003C/div>\n\n    \u003Cdiv v-else>\n      {{ data }}\n    \u003C/div>\n  \u003C/div>\n\u003C/template>\n",[2856,7191,7192,7212,7228,7232,7274,7285,7291,7295,7331,7339,7343,7351,7359,7364,7371,7385,7399,7412,7417,7421,7440,7445,7453,7457,7477,7483,7492,7497,7508,7514,7523,7532],{"__ignoreMap":2980},[2984,7193,7194,7196,7198,7200,7202,7204,7206,7208,7210],{"class":2986,"line":2987},[2984,7195,2991],{"class":2990},[2984,7197,2995],{"class":2994},[2984,7199,2999],{"class":2998},[2984,7201,3002],{"class":2998},[2984,7203,3005],{"class":2990},[2984,7205,3008],{"class":2990},[2984,7207,3012],{"class":3011},[2984,7209,3008],{"class":2990},[2984,7211,3017],{"class":2990},[2984,7213,7214,7216,7218,7220,7222,7224,7226],{"class":2986,"line":3020},[2984,7215,3023],{"class":2998},[2984,7217,4194],{"class":3029},[2984,7219,3005],{"class":2990},[2984,7221,6182],{"class":3043},[2984,7223,3047],{"class":3029},[2984,7225,4689],{"class":2990},[2984,7227,3058],{"class":3029},[2984,7229,7230],{"class":2986,"line":3061},[2984,7231,3064],{"emptyLinePlaceholder":1196},[2984,7233,7234,7236,7238,7240,7242,7244,7246,7248,7250,7252,7254,7256,7258,7260,7262,7264,7266,7268,7270,7272],{"class":2986,"line":3067},[2984,7235,3023],{"class":2998},[2984,7237,3026],{"class":2990},[2984,7239,3849],{"class":3029},[2984,7241,3109],{"class":2990},[2984,7243,4347],{"class":3029},[2984,7245,3033],{"class":2990},[2984,7247,3036],{"class":2990},[2984,7249,5048],{"class":3043},[2984,7251,3047],{"class":3029},[2984,7253,4101],{"class":2990},[2984,7255,3614],{"class":2998},[2984,7257,6229],{"class":2990},[2984,7259,6877],{"class":3011},[2984,7261,4243],{"class":2990},[2984,7263,4246],{"class":3029},[2984,7265,2867],{"class":2990},[2984,7267,6242],{"class":3029},[2984,7269,4249],{"class":2990},[2984,7271,3109],{"class":2990},[2984,7273,3081],{"class":2990},[2984,7275,7276,7279,7281,7283],{"class":2986,"line":3084},[2984,7277,7278],{"class":2994},"  immediate",[2984,7280,3120],{"class":2990},[2984,7282,5202],{"class":4865},[2984,7284,3131],{"class":2990},[2984,7286,7287,7289],{"class":2986,"line":3114},[2984,7288,3033],{"class":2990},[2984,7290,3058],{"class":3029},[2984,7292,7293],{"class":2986,"line":3134},[2984,7294,3064],{"emptyLinePlaceholder":1196},[2984,7296,7297,7299,7302,7304,7307,7309,7311,7313,7315,7317,7319,7322,7324,7327,7329],{"class":2986,"line":3144},[2984,7298,3023],{"class":2998},[2984,7300,7301],{"class":3029}," pending ",[2984,7303,3005],{"class":2990},[2984,7305,7306],{"class":3043}," computed",[2984,7308,3047],{"class":3029},[2984,7310,4101],{"class":2990},[2984,7312,3614],{"class":2998},[2984,7314,4827],{"class":3029},[2984,7316,2867],{"class":2990},[2984,7318,6295],{"class":3029},[2984,7320,7321],{"class":2990},"===",[2984,7323,3123],{"class":2990},[2984,7325,7326],{"class":3011},"pending",[2984,7328,3050],{"class":2990},[2984,7330,3058],{"class":3029},[2984,7332,7333,7335,7337],{"class":2986,"line":3151},[2984,7334,3174],{"class":2990},[2984,7336,2995],{"class":2994},[2984,7338,3017],{"class":2990},[2984,7340,7341],{"class":2986,"line":3157},[2984,7342,3064],{"emptyLinePlaceholder":1196},[2984,7344,7345,7347,7349],{"class":2986,"line":3165},[2984,7346,2991],{"class":2990},[2984,7348,3191],{"class":2994},[2984,7350,3017],{"class":2990},[2984,7352,7353,7355,7357],{"class":2986,"line":3171},[2984,7354,3199],{"class":2990},[2984,7356,3202],{"class":2994},[2984,7358,3017],{"class":2990},[2984,7360,7361],{"class":2986,"line":3181},[2984,7362,7363],{"class":3147},"    \u003C!-- disable the input while fetching -->\n",[2984,7365,7366,7368],{"class":2986,"line":3186},[2984,7367,3250],{"class":2990},[2984,7369,7370],{"class":2994},"input\n",[2984,7372,7373,7376,7378,7380,7382],{"class":2986,"line":3196},[2984,7374,7375],{"class":2998},"      v-model",[2984,7377,3005],{"class":2990},[2984,7379,3008],{"class":2990},[2984,7381,4246],{"class":3011},[2984,7383,7384],{"class":2990},"\"\n",[2984,7386,7387,7390,7392,7394,7397],{"class":2986,"line":3219},[2984,7388,7389],{"class":2998},"      type",[2984,7391,3005],{"class":2990},[2984,7393,3008],{"class":2990},[2984,7395,7396],{"class":3011},"number",[2984,7398,7384],{"class":2990},[2984,7400,7401,7404,7406,7408,7410],{"class":2986,"line":3225},[2984,7402,7403],{"class":2998},"      :disabled",[2984,7405,3005],{"class":2990},[2984,7407,3008],{"class":2990},[2984,7409,7326],{"class":3011},[2984,7411,7384],{"class":2990},[2984,7413,7414],{"class":2986,"line":3235},[2984,7415,7416],{"class":2990},"    >\n",[2984,7418,7419],{"class":2986,"line":3247},[2984,7420,3064],{"emptyLinePlaceholder":1196},[2984,7422,7423,7425,7427,7429,7431,7433,7436,7438],{"class":2986,"line":3270},[2984,7424,3250],{"class":2990},[2984,7426,3202],{"class":2994},[2984,7428,3205],{"class":2998},[2984,7430,3005],{"class":2990},[2984,7432,3008],{"class":2990},[2984,7434,7435],{"class":3011},"status === 'idle'",[2984,7437,3008],{"class":2990},[2984,7439,3017],{"class":2990},[2984,7441,7442],{"class":2986,"line":3276},[2984,7443,7444],{"class":3029},"      Type an user ID\n",[2984,7446,7447,7449,7451],{"class":2986,"line":3286},[2984,7448,3279],{"class":2990},[2984,7450,3202],{"class":2994},[2984,7452,3017],{"class":2990},[2984,7454,7455],{"class":2986,"line":3295},[2984,7456,3064],{"emptyLinePlaceholder":1196},[2984,7458,7460,7462,7464,7467,7469,7471,7473,7475],{"class":2986,"line":7459},24,[2984,7461,3250],{"class":2990},[2984,7463,3202],{"class":2994},[2984,7465,7466],{"class":2998}," v-else-if",[2984,7468,3005],{"class":2990},[2984,7470,3008],{"class":2990},[2984,7472,7326],{"class":3011},[2984,7474,3008],{"class":2990},[2984,7476,3017],{"class":2990},[2984,7478,7480],{"class":2986,"line":7479},25,[2984,7481,7482],{"class":3029},"      Loading ...\n",[2984,7484,7486,7488,7490],{"class":2986,"line":7485},26,[2984,7487,3279],{"class":2990},[2984,7489,3202],{"class":2994},[2984,7491,3017],{"class":2990},[2984,7493,7495],{"class":2986,"line":7494},27,[2984,7496,3064],{"emptyLinePlaceholder":1196},[2984,7498,7500,7502,7504,7506],{"class":2986,"line":7499},28,[2984,7501,3250],{"class":2990},[2984,7503,3202],{"class":2994},[2984,7505,3242],{"class":2998},[2984,7507,3017],{"class":2990},[2984,7509,7511],{"class":2986,"line":7510},29,[2984,7512,7513],{"class":3029},"      {{ data }}\n",[2984,7515,7517,7519,7521],{"class":2986,"line":7516},30,[2984,7518,3279],{"class":2990},[2984,7520,3202],{"class":2994},[2984,7522,3017],{"class":2990},[2984,7524,7526,7528,7530],{"class":2986,"line":7525},31,[2984,7527,3228],{"class":2990},[2984,7529,3202],{"class":2994},[2984,7531,3017],{"class":2990},[2984,7533,7535,7537,7539],{"class":2986,"line":7534},32,[2984,7536,3174],{"class":2990},[2984,7538,3191],{"class":2994},[2984,7540,3017],{"class":2990},[2852,7542,7543,7544,2867],{},"If you need to force a refresh when other reactive values change, you can also ",[2860,7545,7547],{"href":7546},"/docs/3.x/getting-started/data-fetching#watch","watch other values",[3312,7549,7550],{"id":7185},"Not immediate",[2852,7552,2934,7553,7555,7556,7559],{},[2856,7554,527],{}," composable will start fetching data the moment is invoked. You may prevent this by setting ",[2856,7557,7558],{},"immediate: false",", for example, to wait for user interaction.",[2852,7561,7562,7563,7565,7566,7568],{},"With that, you will need both the ",[2856,7564,4693],{}," to handle the fetch lifecycle, and ",[2856,7567,4661],{}," to start the data fetch.",[2975,7570,7572],{"className":2977,"code":7571,"language":2979,"meta":2980,"style":2980},"\u003Cscript setup lang=\"ts\">\nconst { data, error, execute, status } = await useLazyFetch('/api/comments', {\n  immediate: false,\n})\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cdiv v-if=\"status === 'idle'\">\n    \u003Cbutton @click=\"execute\">\n      Get data\n    \u003C/button>\n  \u003C/div>\n\n  \u003Cdiv v-else-if=\"status === 'pending'\">\n    Loading comments...\n  \u003C/div>\n\n  \u003Cdiv v-else>\n    {{ data }}\n  \u003C/div>\n\u003C/template>\n",[2856,7573,7574,7594,7634,7644,7650,7658,7662,7670,7688,7706,7711,7719,7727,7731,7749,7754,7762,7766,7776,7781,7789],{"__ignoreMap":2980},[2984,7575,7576,7578,7580,7582,7584,7586,7588,7590,7592],{"class":2986,"line":2987},[2984,7577,2991],{"class":2990},[2984,7579,2995],{"class":2994},[2984,7581,2999],{"class":2998},[2984,7583,3002],{"class":2998},[2984,7585,3005],{"class":2990},[2984,7587,3008],{"class":2990},[2984,7589,3012],{"class":3011},[2984,7591,3008],{"class":2990},[2984,7593,3017],{"class":2990},[2984,7595,7596,7598,7600,7602,7604,7606,7608,7610,7612,7614,7616,7618,7620,7622,7624,7626,7628,7630,7632],{"class":2986,"line":3020},[2984,7597,3023],{"class":2998},[2984,7599,3026],{"class":2990},[2984,7601,3849],{"class":3029},[2984,7603,3109],{"class":2990},[2984,7605,6355],{"class":3029},[2984,7607,3109],{"class":2990},[2984,7609,6360],{"class":3029},[2984,7611,3109],{"class":2990},[2984,7613,4347],{"class":3029},[2984,7615,3033],{"class":2990},[2984,7617,3036],{"class":2990},[2984,7619,3040],{"class":3039},[2984,7621,5048],{"class":3043},[2984,7623,3047],{"class":3029},[2984,7625,3050],{"class":2990},[2984,7627,5176],{"class":3011},[2984,7629,3050],{"class":2990},[2984,7631,3109],{"class":2990},[2984,7633,3081],{"class":2990},[2984,7635,7636,7638,7640,7642],{"class":2986,"line":3061},[2984,7637,7278],{"class":2994},[2984,7639,3120],{"class":2990},[2984,7641,5202],{"class":4865},[2984,7643,3131],{"class":2990},[2984,7645,7646,7648],{"class":2986,"line":3067},[2984,7647,3033],{"class":2990},[2984,7649,3058],{"class":3029},[2984,7651,7652,7654,7656],{"class":2986,"line":3084},[2984,7653,3174],{"class":2990},[2984,7655,2995],{"class":2994},[2984,7657,3017],{"class":2990},[2984,7659,7660],{"class":2986,"line":3114},[2984,7661,3064],{"emptyLinePlaceholder":1196},[2984,7663,7664,7666,7668],{"class":2986,"line":3134},[2984,7665,2991],{"class":2990},[2984,7667,3191],{"class":2994},[2984,7669,3017],{"class":2990},[2984,7671,7672,7674,7676,7678,7680,7682,7684,7686],{"class":2986,"line":3144},[2984,7673,3199],{"class":2990},[2984,7675,3202],{"class":2994},[2984,7677,3205],{"class":2998},[2984,7679,3005],{"class":2990},[2984,7681,3008],{"class":2990},[2984,7683,7435],{"class":3011},[2984,7685,3008],{"class":2990},[2984,7687,3017],{"class":2990},[2984,7689,7690,7692,7694,7696,7698,7700,7702,7704],{"class":2986,"line":3151},[2984,7691,3250],{"class":2990},[2984,7693,6435],{"class":2994},[2984,7695,6438],{"class":2998},[2984,7697,3005],{"class":2990},[2984,7699,3008],{"class":2990},[2984,7701,4661],{"class":3011},[2984,7703,3008],{"class":2990},[2984,7705,3017],{"class":2990},[2984,7707,7708],{"class":2986,"line":3157},[2984,7709,7710],{"class":3029},"      Get data\n",[2984,7712,7713,7715,7717],{"class":2986,"line":3165},[2984,7714,3279],{"class":2990},[2984,7716,6435],{"class":2994},[2984,7718,3017],{"class":2990},[2984,7720,7721,7723,7725],{"class":2986,"line":3171},[2984,7722,3228],{"class":2990},[2984,7724,3202],{"class":2994},[2984,7726,3017],{"class":2990},[2984,7728,7729],{"class":2986,"line":3181},[2984,7730,3064],{"emptyLinePlaceholder":1196},[2984,7732,7733,7735,7737,7739,7741,7743,7745,7747],{"class":2986,"line":3186},[2984,7734,3199],{"class":2990},[2984,7736,3202],{"class":2994},[2984,7738,7466],{"class":2998},[2984,7740,3005],{"class":2990},[2984,7742,3008],{"class":2990},[2984,7744,4914],{"class":3011},[2984,7746,3008],{"class":2990},[2984,7748,3017],{"class":2990},[2984,7750,7751],{"class":2986,"line":3196},[2984,7752,7753],{"class":3029},"    Loading comments...\n",[2984,7755,7756,7758,7760],{"class":2986,"line":3219},[2984,7757,3228],{"class":2990},[2984,7759,3202],{"class":2994},[2984,7761,3017],{"class":2990},[2984,7763,7764],{"class":2986,"line":3225},[2984,7765,3064],{"emptyLinePlaceholder":1196},[2984,7767,7768,7770,7772,7774],{"class":2986,"line":3235},[2984,7769,3199],{"class":2990},[2984,7771,3202],{"class":2994},[2984,7773,3242],{"class":2998},[2984,7775,3017],{"class":2990},[2984,7777,7778],{"class":2986,"line":3247},[2984,7779,7780],{"class":3029},"    {{ data }}\n",[2984,7782,7783,7785,7787],{"class":2986,"line":3270},[2984,7784,3228],{"class":2990},[2984,7786,3202],{"class":2994},[2984,7788,3017],{"class":2990},[2984,7790,7791,7793,7795],{"class":2986,"line":3276},[2984,7792,3174],{"class":2990},[2984,7794,3191],{"class":2994},[2984,7796,3017],{"class":2990},[2852,7798,7799,7800,7802],{},"For finer control, the ",[2856,7801,4693],{}," variable can be:",[2872,7804,7805,7810,7815,7820],{},[2875,7806,7807,7809],{},[2856,7808,4696],{}," when the fetch hasn't started",[2875,7811,7812,7814],{},[2856,7813,7326],{}," when a fetch has started but not yet completed",[2875,7816,7817,7819],{},[2856,7818,4686],{}," when the fetch fails",[2875,7821,7822,7825],{},[2856,7823,7824],{},"success"," when the fetch is completed successfully",[2915,7827,7829],{"id":7828},"passing-headers-and-cookies","Passing Headers and Cookies",[2852,7831,7832,7833,7835,7836,7838],{},"When we call ",[2856,7834,630],{}," in the browser, user headers like ",[2856,7837,3634],{}," will be directly sent to the API.",[2852,7840,7841,7842,7844],{},"Normally, during server-side-rendering, due to security considerations, the ",[2856,7843,630],{}," wouldn't include the user's browser cookies, nor pass on cookies from the fetch response.",[2852,7846,7847,7848,7850,7851,7855,7856,3523],{},"However, when calling ",[2856,7849,527],{}," with a relative URL on the server, Nuxt will use ",[2860,7852,7853],{"href":572},[2856,7854,571],{}," to proxy headers and cookies (with the exception of headers not meant to be forwarded, like ",[2856,7857,3522],{},[3312,7859,7861],{"id":7860},"pass-cookies-from-server-side-api-calls-on-ssr-response","Pass Cookies From Server-side API Calls on SSR Response",[2852,7863,7864],{},"If you want to pass on/proxy cookies in the other direction, from an internal request back to the client, you will need to handle this yourself.",[2975,7866,7869],{"className":3586,"code":7867,"filename":7868,"language":3012,"meta":2980,"style":2980},"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",[2856,7870,7871,7892,7914,7918,7956,7961,7985,7990,8013,8018,8039,8063,8067,8072,8083],{"__ignoreMap":2980},[2984,7872,7873,7876,7878,7881,7883,7886,7888,7890],{"class":2986,"line":2987},[2984,7874,7875],{"class":3039},"import",[2984,7877,3026],{"class":2990},[2984,7879,7880],{"class":3029}," appendResponseHeader",[2984,7882,3731],{"class":2990},[2984,7884,7885],{"class":3039}," from",[2984,7887,3123],{"class":2990},[2984,7889,3312],{"class":3011},[2984,7891,6305],{"class":2990},[2984,7893,7894,7896,7899,7901,7904,7906,7908,7910,7912],{"class":2986,"line":3020},[2984,7895,7875],{"class":3039},[2984,7897,7898],{"class":3039}," type",[2984,7900,3026],{"class":2990},[2984,7902,7903],{"class":3029}," H3Event",[2984,7905,3731],{"class":2990},[2984,7907,7885],{"class":3039},[2984,7909,3123],{"class":2990},[2984,7911,3312],{"class":3011},[2984,7913,6305],{"class":2990},[2984,7915,7916],{"class":2986,"line":3061},[2984,7917,3064],{"emptyLinePlaceholder":1196},[2984,7919,7920,7922,7925,7928,7930,7932,7934,7936,7938,7940,7942,7945,7947,7950,7952,7954],{"class":2986,"line":3067},[2984,7921,3599],{"class":3039},[2984,7923,7924],{"class":2998}," const",[2984,7926,7927],{"class":3029}," fetchWithCookie ",[2984,7929,3005],{"class":2990},[2984,7931,4369],{"class":2998},[2984,7933,4372],{"class":2990},[2984,7935,3611],{"class":3610},[2984,7937,3120],{"class":2990},[2984,7939,7903],{"class":4414},[2984,7941,3109],{"class":2990},[2984,7943,7944],{"class":3610}," url",[2984,7946,3120],{"class":2990},[2984,7948,7949],{"class":4414}," string",[2984,7951,4448],{"class":2990},[2984,7953,3614],{"class":2998},[2984,7955,3081],{"class":2990},[2984,7957,7958],{"class":2986,"line":3084},[2984,7959,7960],{"class":3147},"  /* Get the response from the server endpoint */\n",[2984,7962,7963,7965,7967,7969,7971,7973,7975,7978,7980,7983],{"class":2986,"line":3114},[2984,7964,3087],{"class":2998},[2984,7966,3090],{"class":3029},[2984,7968,3036],{"class":2990},[2984,7970,3040],{"class":3039},[2984,7972,3097],{"class":3029},[2984,7974,2867],{"class":2990},[2984,7976,7977],{"class":3043},"raw",[2984,7979,3047],{"class":2994},[2984,7981,7982],{"class":3029},"url",[2984,7984,3058],{"class":2994},[2984,7986,7987],{"class":2986,"line":3134},[2984,7988,7989],{"class":3147},"  /* Get the cookies from the response */\n",[2984,7991,7992,7994,7997,7999,8001,8003,8006,8008,8011],{"class":2986,"line":3144},[2984,7993,3087],{"class":2998},[2984,7995,7996],{"class":3029}," cookies",[2984,7998,3036],{"class":2990},[2984,8000,3090],{"class":3029},[2984,8002,2867],{"class":2990},[2984,8004,8005],{"class":3029},"headers",[2984,8007,2867],{"class":2990},[2984,8009,8010],{"class":3043},"getSetCookie",[2984,8012,4576],{"class":2994},[2984,8014,8015],{"class":2986,"line":3151},[2984,8016,8017],{"class":3147},"  /* Attach each cookie to our incoming Request */\n",[2984,8019,8020,8023,8025,8027,8030,8033,8035,8037],{"class":2986,"line":3157},[2984,8021,8022],{"class":3039},"  for",[2984,8024,4372],{"class":2994},[2984,8026,3023],{"class":2998},[2984,8028,8029],{"class":3029}," cookie",[2984,8031,8032],{"class":2990}," of",[2984,8034,7996],{"class":3029},[2984,8036,6638],{"class":2994},[2984,8038,6641],{"class":2990},[2984,8040,8041,8044,8046,8048,8050,8052,8055,8057,8059,8061],{"class":2986,"line":3165},[2984,8042,8043],{"class":3043},"    appendResponseHeader",[2984,8045,3047],{"class":2994},[2984,8047,3611],{"class":3029},[2984,8049,3109],{"class":2990},[2984,8051,3123],{"class":2990},[2984,8053,8054],{"class":3011},"set-cookie",[2984,8056,3050],{"class":2990},[2984,8058,3109],{"class":2990},[2984,8060,8029],{"class":3029},[2984,8062,3058],{"class":2994},[2984,8064,8065],{"class":2986,"line":3171},[2984,8066,6653],{"class":2990},[2984,8068,8069],{"class":2986,"line":3181},[2984,8070,8071],{"class":3147},"  /* Return the data of the response */\n",[2984,8073,8074,8076,8078,8080],{"class":2986,"line":3186},[2984,8075,3708],{"class":3039},[2984,8077,3090],{"class":3029},[2984,8079,2867],{"class":2990},[2984,8081,8082],{"class":3029},"_data\n",[2984,8084,8085],{"class":2986,"line":3196},[2984,8086,3168],{"class":2990},[2975,8088,8090],{"className":2977,"code":8089,"language":2979,"meta":2980,"style":2980},"\u003Cscript setup lang=\"ts\">\n// This composable will automatically pass cookies to the client\nconst event = useRequestEvent()\n\nconst { data: result } = await useAsyncData(() => fetchWithCookie(event!, '/api/with-cookie'))\n\nonMounted(() => console.log(document.cookie))\n\u003C/script>\n",[2856,8091,8092,8112,8117,8131,8135,8180,8184,8211],{"__ignoreMap":2980},[2984,8093,8094,8096,8098,8100,8102,8104,8106,8108,8110],{"class":2986,"line":2987},[2984,8095,2991],{"class":2990},[2984,8097,2995],{"class":2994},[2984,8099,2999],{"class":2998},[2984,8101,3002],{"class":2998},[2984,8103,3005],{"class":2990},[2984,8105,3008],{"class":2990},[2984,8107,3012],{"class":3011},[2984,8109,3008],{"class":2990},[2984,8111,3017],{"class":2990},[2984,8113,8114],{"class":2986,"line":3020},[2984,8115,8116],{"class":3147},"// This composable will automatically pass cookies to the client\n",[2984,8118,8119,8121,8124,8126,8129],{"class":2986,"line":3061},[2984,8120,3023],{"class":2998},[2984,8122,8123],{"class":3029}," event ",[2984,8125,3005],{"class":2990},[2984,8127,8128],{"class":3043}," useRequestEvent",[2984,8130,4576],{"class":3029},[2984,8132,8133],{"class":2986,"line":3067},[2984,8134,3064],{"emptyLinePlaceholder":1196},[2984,8136,8137,8139,8141,8143,8145,8148,8150,8152,8154,8156,8158,8160,8162,8165,8168,8171,8173,8176,8178],{"class":2986,"line":3084},[2984,8138,3023],{"class":2998},[2984,8140,3026],{"class":2990},[2984,8142,3849],{"class":2994},[2984,8144,3120],{"class":2990},[2984,8146,8147],{"class":3029}," result ",[2984,8149,3033],{"class":2990},[2984,8151,3036],{"class":2990},[2984,8153,3040],{"class":3039},[2984,8155,4038],{"class":3043},[2984,8157,3047],{"class":3029},[2984,8159,4101],{"class":2990},[2984,8161,3614],{"class":2998},[2984,8163,8164],{"class":3043}," fetchWithCookie",[2984,8166,8167],{"class":3029},"(event",[2984,8169,8170],{"class":2990},"!,",[2984,8172,3123],{"class":2990},[2984,8174,8175],{"class":3011},"/api/with-cookie",[2984,8177,3050],{"class":2990},[2984,8179,4067],{"class":3029},[2984,8181,8182],{"class":2986,"line":3114},[2984,8183,3064],{"emptyLinePlaceholder":1196},[2984,8185,8186,8189,8191,8193,8195,8198,8200,8203,8206,8208],{"class":2986,"line":3134},[2984,8187,8188],{"class":3043},"onMounted",[2984,8190,3047],{"class":3029},[2984,8192,4101],{"class":2990},[2984,8194,3614],{"class":2998},[2984,8196,8197],{"class":3029}," console",[2984,8199,2867],{"class":2990},[2984,8201,8202],{"class":3043},"log",[2984,8204,8205],{"class":3029},"(document",[2984,8207,2867],{"class":2990},[2984,8209,8210],{"class":3029},"cookie))\n",[2984,8212,8213,8215,8217],{"class":2986,"line":3144},[2984,8214,3174],{"class":2990},[2984,8216,2995],{"class":2994},[2984,8218,3017],{"class":2990},[2915,8220,8222],{"id":8221},"options-api-support","Options API Support",[2852,8224,8225,8226,8229,8230,8232],{},"Nuxt provides a way to perform ",[2856,8227,8228],{},"asyncData"," fetching within the Options API. You must wrap your component definition within ",[2856,8231,666],{}," for this to work.",[2975,8234,8236],{"className":2977,"code":8235,"language":2979,"meta":2980,"style":2980},"\u003Cscript>\nexport default defineNuxtComponent({\n  /* Use the fetchKey option to provide a unique key */\n  fetchKey: 'hello',\n  async asyncData () {\n    return {\n      hello: await $fetch('/api/hello'),\n    }\n  },\n})\n\u003C/script>\n",[2856,8237,8238,8246,8259,8264,8280,8292,8298,8322,8327,8331,8337],{"__ignoreMap":2980},[2984,8239,8240,8242,8244],{"class":2986,"line":2987},[2984,8241,2991],{"class":2990},[2984,8243,2995],{"class":2994},[2984,8245,3017],{"class":2990},[2984,8247,8248,8250,8252,8255,8257],{"class":2986,"line":3020},[2984,8249,3599],{"class":3039},[2984,8251,3602],{"class":3039},[2984,8253,8254],{"class":3043}," defineNuxtComponent",[2984,8256,3047],{"class":3029},[2984,8258,6641],{"class":2990},[2984,8260,8261],{"class":2986,"line":3061},[2984,8262,8263],{"class":3147},"  /* Use the fetchKey option to provide a unique key */\n",[2984,8265,8266,8269,8271,8273,8276,8278],{"class":2986,"line":3067},[2984,8267,8268],{"class":2994},"  fetchKey",[2984,8270,3120],{"class":2990},[2984,8272,3123],{"class":2990},[2984,8274,8275],{"class":3011},"hello",[2984,8277,3050],{"class":2990},[2984,8279,3131],{"class":2990},[2984,8281,8282,8285,8288,8290],{"class":2986,"line":3084},[2984,8283,8284],{"class":2998},"  async",[2984,8286,8287],{"class":2994}," asyncData",[2984,8289,3078],{"class":2990},[2984,8291,3081],{"class":2990},[2984,8293,8294,8296],{"class":2986,"line":3114},[2984,8295,5462],{"class":3039},[2984,8297,3081],{"class":2990},[2984,8299,8300,8303,8305,8307,8309,8311,8313,8316,8318,8320],{"class":2986,"line":3134},[2984,8301,8302],{"class":2994},"      hello",[2984,8304,3120],{"class":2990},[2984,8306,3040],{"class":3039},[2984,8308,3097],{"class":3043},[2984,8310,3047],{"class":2994},[2984,8312,3050],{"class":2990},[2984,8314,8315],{"class":3011},"/api/hello",[2984,8317,3050],{"class":2990},[2984,8319,4448],{"class":2994},[2984,8321,3131],{"class":2990},[2984,8323,8324],{"class":2986,"line":3144},[2984,8325,8326],{"class":2990},"    }\n",[2984,8328,8329],{"class":2986,"line":3151},[2984,8330,5516],{"class":2990},[2984,8332,8333,8335],{"class":2986,"line":3157},[2984,8334,3033],{"class":2990},[2984,8336,3058],{"class":3029},[2984,8338,8339,8341,8343],{"class":2986,"line":3165},[2984,8340,3174],{"class":2990},[2984,8342,2995],{"class":2994},[2984,8344,3017],{"class":2990},[3328,8346,8347],{},[2852,8348,8349,8350,5604,8352,8355],{},"Using ",[2856,8351,4737],{},[2856,8353,8354],{},"\u003Cscript setup lang=\"ts\">"," are the recommended way of declaring Vue components in Nuxt.",[3498,8357],{"to":667},[2915,8359,8361],{"id":8360},"serializing-data-from-server-to-client","Serializing Data From Server to Client",[2852,8363,8364,8365,2864,8367,8369,8370,8373,8374,8381,8382,2858,8385,2858,8388,2858,8391,2864,8394,8397],{},"When using ",[2856,8366,515],{},[2856,8368,543],{}," to transfer data fetched on server to the client (as well as anything else that utilizes ",[2860,8371,8372],{"href":2949},"the Nuxt payload","), the payload is serialized with ",[2860,8375,8378],{"href":8376,"rel":8377},"https://github.com/sveltejs/devalue",[2967],[2856,8379,8380],{},"devalue",". This allows us to transfer not just basic JSON but also to serialize and revive/deserialize more advanced kinds of data, such as regular expressions, Dates, Map and Set, ",[2856,8383,8384],{},"ref",[2856,8386,8387],{},"reactive",[2856,8389,8390],{},"shallowRef",[2856,8392,8393],{},"shallowReactive",[2856,8395,8396],{},"NuxtError"," - and more.",[2852,8399,8400,8401,8405],{},"It is also possible to define your own serializer/deserializer for types that are not supported by Nuxt. You can read more in the ",[2860,8402,8403],{"href":2949},[2856,8404,555],{}," docs.",[3328,8407,8408],{},[2852,8409,8410,8411,8414,8415,5604,8417,8419],{},"Note that this ",[4754,8412,8413],{},"does not apply"," to data passed from your server routes when fetched with ",[2856,8416,630],{},[2856,8418,527],{}," - see the next section for more information.",[2915,8421,8423],{"id":8422},"serializing-data-from-api-routes","Serializing Data From API Routes",[2852,8425,8426,8427,8429,8430,8433,8434,2864,8436,8440],{},"When fetching data from the ",[2856,8428,185],{}," directory, the response is serialized using ",[2856,8431,8432],{},"JSON.stringify",". However, since serialization is limited to only JavaScript primitive types, Nuxt does its best to convert the return type of ",[2856,8435,630],{},[2860,8437,8438],{"href":528},[2856,8439,527],{}," to match the actual value.",[3498,8442,8446],{"to":8443,"icon":8444,"target":8445},"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify#description","i-simple-icons-mdnwebdocs","_blank",[2852,8447,8448,8449,8451],{},"Learn more about ",[2856,8450,8432],{}," limitations.",[3312,8453,8455],{"id":8454},"example","Example",[2975,8457,8460],{"className":3586,"code":8458,"filename":8459,"language":3012,"meta":2980,"style":2980},"export default defineEventHandler(() => {\n  return new Date()\n})\n","server/api/foo.ts",[2856,8461,8462,8478,8490],{"__ignoreMap":2980},[2984,8463,8464,8466,8468,8470,8472,8474,8476],{"class":2986,"line":2987},[2984,8465,3599],{"class":3039},[2984,8467,3602],{"class":3039},[2984,8469,3605],{"class":3043},[2984,8471,3047],{"class":3029},[2984,8473,4101],{"class":2990},[2984,8475,3614],{"class":2998},[2984,8477,3081],{"class":2990},[2984,8479,8480,8482,8485,8488],{"class":2986,"line":3020},[2984,8481,3708],{"class":3039},[2984,8483,8484],{"class":2990}," new",[2984,8486,8487],{"class":3043}," Date",[2984,8489,4576],{"class":2994},[2984,8491,8492,8494],{"class":2986,"line":3061},[2984,8493,3033],{"class":2990},[2984,8495,3058],{"class":3029},[2975,8497,8499],{"className":2977,"code":8498,"filename":219,"language":2979,"meta":2980,"style":2980},"\u003Cscript setup lang=\"ts\">\n// Type of `data` is inferred as string even though we returned a Date object\nconst { data } = await useFetch('/api/foo')\n\u003C/script>\n",[2856,8500,8501,8521,8526,8553],{"__ignoreMap":2980},[2984,8502,8503,8505,8507,8509,8511,8513,8515,8517,8519],{"class":2986,"line":2987},[2984,8504,2991],{"class":2990},[2984,8506,2995],{"class":2994},[2984,8508,2999],{"class":2998},[2984,8510,3002],{"class":2998},[2984,8512,3005],{"class":2990},[2984,8514,3008],{"class":2990},[2984,8516,3012],{"class":3011},[2984,8518,3008],{"class":2990},[2984,8520,3017],{"class":2990},[2984,8522,8523],{"class":2986,"line":3020},[2984,8524,8525],{"class":3147},"// Type of `data` is inferred as string even though we returned a Date object\n",[2984,8527,8528,8530,8532,8534,8536,8538,8540,8542,8544,8546,8549,8551],{"class":2986,"line":3061},[2984,8529,3023],{"class":2998},[2984,8531,3026],{"class":2990},[2984,8533,3030],{"class":3029},[2984,8535,3033],{"class":2990},[2984,8537,3036],{"class":2990},[2984,8539,3040],{"class":3039},[2984,8541,3044],{"class":3043},[2984,8543,3047],{"class":3029},[2984,8545,3050],{"class":2990},[2984,8547,8548],{"class":3011},"/api/foo",[2984,8550,3050],{"class":2990},[2984,8552,3058],{"class":3029},[2984,8554,8555,8557,8559],{"class":2986,"line":3067},[2984,8556,3174],{"class":2990},[2984,8558,2995],{"class":2994},[2984,8560,3017],{"class":2990},[3312,8562,8564],{"id":8563},"custom-serializer-function","Custom serializer function",[2852,8566,8567,8568,8571,8572,8574],{},"To customize the serialization behavior, you can define a ",[2856,8569,8570],{},"toJSON"," function on your returned object. If you define a ",[2856,8573,8570],{}," method, Nuxt will respect the return type of the function and will not try to convert the types.",[2975,8576,8579],{"className":3586,"code":8577,"filename":8578,"language":3012,"meta":2980,"style":2980},"export default defineEventHandler(() => {\n  const data = {\n    createdAt: new Date(),\n\n    toJSON () {\n      return {\n        createdAt: {\n          year: this.createdAt.getFullYear(),\n          month: this.createdAt.getMonth(),\n          day: this.createdAt.getDate(),\n        },\n      }\n    },\n  }\n  return data\n})\n","server/api/bar.ts",[2856,8580,8581,8597,8607,8622,8626,8635,8642,8651,8673,8693,8713,8718,8723,8727,8731,8738],{"__ignoreMap":2980},[2984,8582,8583,8585,8587,8589,8591,8593,8595],{"class":2986,"line":2987},[2984,8584,3599],{"class":3039},[2984,8586,3602],{"class":3039},[2984,8588,3605],{"class":3043},[2984,8590,3047],{"class":3029},[2984,8592,4101],{"class":2990},[2984,8594,3614],{"class":2998},[2984,8596,3081],{"class":2990},[2984,8598,8599,8601,8603,8605],{"class":2986,"line":3020},[2984,8600,3087],{"class":2998},[2984,8602,3849],{"class":3029},[2984,8604,3036],{"class":2990},[2984,8606,3081],{"class":2990},[2984,8608,8609,8612,8614,8616,8618,8620],{"class":2986,"line":3061},[2984,8610,8611],{"class":2994},"    createdAt",[2984,8613,3120],{"class":2990},[2984,8615,8484],{"class":2990},[2984,8617,8487],{"class":3043},[2984,8619,4101],{"class":2994},[2984,8621,3131],{"class":2990},[2984,8623,8624],{"class":2986,"line":3067},[2984,8625,3064],{"emptyLinePlaceholder":1196},[2984,8627,8628,8631,8633],{"class":2986,"line":3084},[2984,8629,8630],{"class":2994},"    toJSON ",[2984,8632,4101],{"class":2990},[2984,8634,3081],{"class":2990},[2984,8636,8637,8640],{"class":2986,"line":3114},[2984,8638,8639],{"class":3039},"      return",[2984,8641,3081],{"class":2990},[2984,8643,8644,8647,8649],{"class":2986,"line":3134},[2984,8645,8646],{"class":2994},"        createdAt",[2984,8648,3120],{"class":2990},[2984,8650,3081],{"class":2990},[2984,8652,8653,8656,8658,8661,8664,8666,8669,8671],{"class":2986,"line":3144},[2984,8654,8655],{"class":2994},"          year",[2984,8657,3120],{"class":2990},[2984,8659,8660],{"class":2990}," this.",[2984,8662,8663],{"class":3029},"createdAt",[2984,8665,2867],{"class":2990},[2984,8667,8668],{"class":3043},"getFullYear",[2984,8670,4101],{"class":2994},[2984,8672,3131],{"class":2990},[2984,8674,8675,8678,8680,8682,8684,8686,8689,8691],{"class":2986,"line":3151},[2984,8676,8677],{"class":2994},"          month",[2984,8679,3120],{"class":2990},[2984,8681,8660],{"class":2990},[2984,8683,8663],{"class":3029},[2984,8685,2867],{"class":2990},[2984,8687,8688],{"class":3043},"getMonth",[2984,8690,4101],{"class":2994},[2984,8692,3131],{"class":2990},[2984,8694,8695,8698,8700,8702,8704,8706,8709,8711],{"class":2986,"line":3157},[2984,8696,8697],{"class":2994},"          day",[2984,8699,3120],{"class":2990},[2984,8701,8660],{"class":2990},[2984,8703,8663],{"class":3029},[2984,8705,2867],{"class":2990},[2984,8707,8708],{"class":3043},"getDate",[2984,8710,4101],{"class":2994},[2984,8712,3131],{"class":2990},[2984,8714,8715],{"class":2986,"line":3165},[2984,8716,8717],{"class":2990},"        },\n",[2984,8719,8720],{"class":2986,"line":3171},[2984,8721,8722],{"class":2990},"      }\n",[2984,8724,8725],{"class":2986,"line":3181},[2984,8726,3154],{"class":2990},[2984,8728,8729],{"class":2986,"line":3186},[2984,8730,6653],{"class":2990},[2984,8732,8733,8735],{"class":2986,"line":3196},[2984,8734,3708],{"class":3039},[2984,8736,8737],{"class":3029}," data\n",[2984,8739,8740,8742],{"class":2986,"line":3219},[2984,8741,3033],{"class":2990},[2984,8743,3058],{"class":3029},[2975,8745,8747],{"className":2977,"code":8746,"filename":219,"language":2979,"meta":2980,"style":2980},"\u003Cscript setup lang=\"ts\">\n// Type of `data` is inferred as\n// {\n//   createdAt: {\n//     year: number\n//     month: number\n//     day: number\n//   }\n// }\nconst { data } = await useFetch('/api/bar')\n\u003C/script>\n",[2856,8748,8749,8769,8774,8779,8784,8789,8794,8799,8804,8809,8836],{"__ignoreMap":2980},[2984,8750,8751,8753,8755,8757,8759,8761,8763,8765,8767],{"class":2986,"line":2987},[2984,8752,2991],{"class":2990},[2984,8754,2995],{"class":2994},[2984,8756,2999],{"class":2998},[2984,8758,3002],{"class":2998},[2984,8760,3005],{"class":2990},[2984,8762,3008],{"class":2990},[2984,8764,3012],{"class":3011},[2984,8766,3008],{"class":2990},[2984,8768,3017],{"class":2990},[2984,8770,8771],{"class":2986,"line":3020},[2984,8772,8773],{"class":3147},"// Type of `data` is inferred as\n",[2984,8775,8776],{"class":2986,"line":3061},[2984,8777,8778],{"class":3147},"// {\n",[2984,8780,8781],{"class":2986,"line":3067},[2984,8782,8783],{"class":3147},"//   createdAt: {\n",[2984,8785,8786],{"class":2986,"line":3084},[2984,8787,8788],{"class":3147},"//     year: number\n",[2984,8790,8791],{"class":2986,"line":3114},[2984,8792,8793],{"class":3147},"//     month: number\n",[2984,8795,8796],{"class":2986,"line":3134},[2984,8797,8798],{"class":3147},"//     day: number\n",[2984,8800,8801],{"class":2986,"line":3144},[2984,8802,8803],{"class":3147},"//   }\n",[2984,8805,8806],{"class":2986,"line":3151},[2984,8807,8808],{"class":3147},"// }\n",[2984,8810,8811,8813,8815,8817,8819,8821,8823,8825,8827,8829,8832,8834],{"class":2986,"line":3157},[2984,8812,3023],{"class":2998},[2984,8814,3026],{"class":2990},[2984,8816,3030],{"class":3029},[2984,8818,3033],{"class":2990},[2984,8820,3036],{"class":2990},[2984,8822,3040],{"class":3039},[2984,8824,3044],{"class":3043},[2984,8826,3047],{"class":3029},[2984,8828,3050],{"class":2990},[2984,8830,8831],{"class":3011},"/api/bar",[2984,8833,3050],{"class":2990},[2984,8835,3058],{"class":3029},[2984,8837,8838,8840,8842],{"class":2986,"line":3165},[2984,8839,3174],{"class":2990},[2984,8841,2995],{"class":2994},[2984,8843,3017],{"class":2990},[3312,8845,8847],{"id":8846},"using-an-alternative-serializer","Using an alternative serializer",[2852,8849,8850,8851,8853,8854,8856],{},"Nuxt does not currently support an alternative serializer to ",[2856,8852,8432],{},". However, you can return your payload as a normal string and utilize the ",[2856,8855,8570],{}," method to maintain type safety.",[2852,8858,8859,8860,8865],{},"In the example below, we use ",[2860,8861,8864],{"href":8862,"rel":8863},"https://github.com/flightcontrolhq/superjson",[2967],"superjson"," as our serializer.",[2975,8867,8870],{"className":3586,"code":8868,"filename":8869,"language":3012,"meta":2980,"style":2980},"import superjson from 'superjson'\n\nexport default defineEventHandler(() => {\n  const data = {\n    createdAt: new Date(),\n\n    // Workaround the type conversion\n    toJSON () {\n      return this\n    },\n  }\n\n  // Serialize the output to string, using superjson\n  return superjson.stringify(data) as unknown as typeof data\n})\n","server/api/superjson.ts",[2856,8871,8872,8888,8892,8908,8918,8932,8936,8941,8949,8956,8960,8964,8968,8973,9005],{"__ignoreMap":2980},[2984,8873,8874,8876,8879,8882,8884,8886],{"class":2986,"line":2987},[2984,8875,7875],{"class":3039},[2984,8877,8878],{"class":3029}," superjson ",[2984,8880,8881],{"class":3039},"from",[2984,8883,3123],{"class":2990},[2984,8885,8864],{"class":3011},[2984,8887,6305],{"class":2990},[2984,8889,8890],{"class":2986,"line":3020},[2984,8891,3064],{"emptyLinePlaceholder":1196},[2984,8893,8894,8896,8898,8900,8902,8904,8906],{"class":2986,"line":3061},[2984,8895,3599],{"class":3039},[2984,8897,3602],{"class":3039},[2984,8899,3605],{"class":3043},[2984,8901,3047],{"class":3029},[2984,8903,4101],{"class":2990},[2984,8905,3614],{"class":2998},[2984,8907,3081],{"class":2990},[2984,8909,8910,8912,8914,8916],{"class":2986,"line":3067},[2984,8911,3087],{"class":2998},[2984,8913,3849],{"class":3029},[2984,8915,3036],{"class":2990},[2984,8917,3081],{"class":2990},[2984,8919,8920,8922,8924,8926,8928,8930],{"class":2986,"line":3084},[2984,8921,8611],{"class":2994},[2984,8923,3120],{"class":2990},[2984,8925,8484],{"class":2990},[2984,8927,8487],{"class":3043},[2984,8929,4101],{"class":2994},[2984,8931,3131],{"class":2990},[2984,8933,8934],{"class":2986,"line":3114},[2984,8935,3064],{"emptyLinePlaceholder":1196},[2984,8937,8938],{"class":2986,"line":3134},[2984,8939,8940],{"class":3147},"    // Workaround the type conversion\n",[2984,8942,8943,8945,8947],{"class":2986,"line":3144},[2984,8944,8630],{"class":2994},[2984,8946,4101],{"class":2990},[2984,8948,3081],{"class":2990},[2984,8950,8951,8953],{"class":2986,"line":3151},[2984,8952,8639],{"class":3039},[2984,8954,8955],{"class":2990}," this\n",[2984,8957,8958],{"class":2986,"line":3157},[2984,8959,3154],{"class":2990},[2984,8961,8962],{"class":2986,"line":3165},[2984,8963,6653],{"class":2990},[2984,8965,8966],{"class":2986,"line":3171},[2984,8967,3064],{"emptyLinePlaceholder":1196},[2984,8969,8970],{"class":2986,"line":3181},[2984,8971,8972],{"class":3147},"  // Serialize the output to string, using superjson\n",[2984,8974,8975,8977,8980,8982,8985,8987,8989,8991,8994,8997,9000,9003],{"class":2986,"line":3186},[2984,8976,3708],{"class":3039},[2984,8978,8979],{"class":3029}," superjson",[2984,8981,2867],{"class":2990},[2984,8983,8984],{"class":3043},"stringify",[2984,8986,3047],{"class":2994},[2984,8988,4651],{"class":3029},[2984,8990,6638],{"class":2994},[2984,8992,8993],{"class":3039},"as",[2984,8995,8996],{"class":4414}," unknown",[2984,8998,8999],{"class":3039}," as",[2984,9001,9002],{"class":2990}," typeof",[2984,9004,8737],{"class":3029},[2984,9006,9007,9009],{"class":2986,"line":3196},[2984,9008,3033],{"class":2990},[2984,9010,3058],{"class":3029},[2975,9012,9014],{"className":2977,"code":9013,"filename":219,"language":2979,"meta":2980,"style":2980},"\u003Cscript setup lang=\"ts\">\nimport superjson from 'superjson'\n\n// `date` is inferred as { createdAt: Date } and you can safely use the Date object methods\nconst { data } = await useFetch('/api/superjson', {\n  transform: (value) => {\n    return superjson.parse(value as unknown as string)\n  },\n})\n\u003C/script>\n",[2856,9015,9016,9036,9050,9054,9059,9088,9104,9129,9133,9139],{"__ignoreMap":2980},[2984,9017,9018,9020,9022,9024,9026,9028,9030,9032,9034],{"class":2986,"line":2987},[2984,9019,2991],{"class":2990},[2984,9021,2995],{"class":2994},[2984,9023,2999],{"class":2998},[2984,9025,3002],{"class":2998},[2984,9027,3005],{"class":2990},[2984,9029,3008],{"class":2990},[2984,9031,3012],{"class":3011},[2984,9033,3008],{"class":2990},[2984,9035,3017],{"class":2990},[2984,9037,9038,9040,9042,9044,9046,9048],{"class":2986,"line":3020},[2984,9039,7875],{"class":3039},[2984,9041,8878],{"class":3029},[2984,9043,8881],{"class":3039},[2984,9045,3123],{"class":2990},[2984,9047,8864],{"class":3011},[2984,9049,6305],{"class":2990},[2984,9051,9052],{"class":2986,"line":3061},[2984,9053,3064],{"emptyLinePlaceholder":1196},[2984,9055,9056],{"class":2986,"line":3067},[2984,9057,9058],{"class":3147},"// `date` is inferred as { createdAt: Date } and you can safely use the Date object methods\n",[2984,9060,9061,9063,9065,9067,9069,9071,9073,9075,9077,9079,9082,9084,9086],{"class":2986,"line":3084},[2984,9062,3023],{"class":2998},[2984,9064,3026],{"class":2990},[2984,9066,3030],{"class":3029},[2984,9068,3033],{"class":2990},[2984,9070,3036],{"class":2990},[2984,9072,3040],{"class":3039},[2984,9074,3044],{"class":3043},[2984,9076,3047],{"class":3029},[2984,9078,3050],{"class":2990},[2984,9080,9081],{"class":3011},"/api/superjson",[2984,9083,3050],{"class":2990},[2984,9085,3109],{"class":2990},[2984,9087,3081],{"class":2990},[2984,9089,9090,9092,9094,9096,9098,9100,9102],{"class":2986,"line":3114},[2984,9091,5444],{"class":3043},[2984,9093,3120],{"class":2990},[2984,9095,4372],{"class":2990},[2984,9097,6242],{"class":3610},[2984,9099,4448],{"class":2990},[2984,9101,3614],{"class":2998},[2984,9103,3081],{"class":2990},[2984,9105,9106,9108,9110,9112,9115,9117,9119,9121,9123,9125,9127],{"class":2986,"line":3134},[2984,9107,5462],{"class":3039},[2984,9109,8979],{"class":3029},[2984,9111,2867],{"class":2990},[2984,9113,9114],{"class":3043},"parse",[2984,9116,3047],{"class":2994},[2984,9118,6242],{"class":3029},[2984,9120,8999],{"class":3039},[2984,9122,8996],{"class":4414},[2984,9124,8999],{"class":3039},[2984,9126,7949],{"class":4414},[2984,9128,3058],{"class":2994},[2984,9130,9131],{"class":2986,"line":3144},[2984,9132,5516],{"class":2990},[2984,9134,9135,9137],{"class":2986,"line":3151},[2984,9136,3033],{"class":2990},[2984,9138,3058],{"class":3029},[2984,9140,9141,9143,9145],{"class":2986,"line":3157},[2984,9142,3174],{"class":2990},[2984,9144,2995],{"class":2994},[2984,9146,3017],{"class":2990},[2915,9148,357],{"id":9149},"recipes",[3312,9151,9153],{"id":9152},"consuming-sse-server-sent-events-via-post-request","Consuming SSE (Server-Sent Events) via POST request",[2958,9155,9156],{},[2852,9157,9158,9159,9166,9167,2867],{},"If you're consuming SSE via GET request, you can use ",[2860,9160,9163],{"href":9161,"rel":9162},"https://developer.mozilla.org/en-US/docs/Web/API/EventSource",[2967],[2856,9164,9165],{},"EventSource"," or VueUse composable ",[2860,9168,9171],{"href":9169,"rel":9170},"https://vueuse.org/core/useeventsource/",[2967],[2856,9172,9173],{},"useEventSource",[2852,9175,9176],{},"When consuming SSE via POST request, you need to handle the connection manually. Here's how you can do it:",[2975,9178,9180],{"className":3586,"code":9179,"language":3012,"meta":2980,"style":2980},"// Make a POST request to the SSE endpoint\nconst response = await $fetch\u003CReadableStream>('/chats/ask-ai', {\n  method: 'POST',\n  body: {\n    query: 'Hello AI, how are you?',\n  },\n  responseType: 'stream',\n})\n\n// Create a new ReadableStream from the response with TextDecoderStream to get the data as text\nconst reader = response.pipeThrough(new TextDecoderStream()).getReader()\n\n// Read the chunk of data as we get it\nwhile (true) {\n  const { value, done } = await reader.read()\n\n  if (done) { break }\n\n  console.log('Received:', value)\n}\n",[2856,9181,9182,9187,9220,9235,9244,9260,9264,9280,9286,9290,9295,9330,9334,9339,9353,9382,9386,9404,9408,9432],{"__ignoreMap":2980},[2984,9183,9184],{"class":2986,"line":2987},[2984,9185,9186],{"class":3147},"// Make a POST request to the SSE endpoint\n",[2984,9188,9189,9191,9194,9196,9198,9200,9202,9205,9207,9209,9211,9214,9216,9218],{"class":2986,"line":3020},[2984,9190,3023],{"class":2998},[2984,9192,9193],{"class":3029}," response ",[2984,9195,3005],{"class":2990},[2984,9197,3040],{"class":3039},[2984,9199,3097],{"class":3043},[2984,9201,2991],{"class":2990},[2984,9203,9204],{"class":4414},"ReadableStream",[2984,9206,3902],{"class":2990},[2984,9208,3047],{"class":3029},[2984,9210,3050],{"class":2990},[2984,9212,9213],{"class":3011},"/chats/ask-ai",[2984,9215,3050],{"class":2990},[2984,9217,3109],{"class":2990},[2984,9219,3081],{"class":2990},[2984,9221,9222,9225,9227,9229,9231,9233],{"class":2986,"line":3061},[2984,9223,9224],{"class":2994},"  method",[2984,9226,3120],{"class":2990},[2984,9228,3123],{"class":2990},[2984,9230,3126],{"class":3011},[2984,9232,3050],{"class":2990},[2984,9234,3131],{"class":2990},[2984,9236,9237,9240,9242],{"class":2986,"line":3067},[2984,9238,9239],{"class":2994},"  body",[2984,9241,3120],{"class":2990},[2984,9243,3081],{"class":2990},[2984,9245,9246,9249,9251,9253,9256,9258],{"class":2986,"line":3084},[2984,9247,9248],{"class":2994},"    query",[2984,9250,3120],{"class":2990},[2984,9252,3123],{"class":2990},[2984,9254,9255],{"class":3011},"Hello AI, how are you?",[2984,9257,3050],{"class":2990},[2984,9259,3131],{"class":2990},[2984,9261,9262],{"class":2986,"line":3114},[2984,9263,5516],{"class":2990},[2984,9265,9266,9269,9271,9273,9276,9278],{"class":2986,"line":3134},[2984,9267,9268],{"class":2994},"  responseType",[2984,9270,3120],{"class":2990},[2984,9272,3123],{"class":2990},[2984,9274,9275],{"class":3011},"stream",[2984,9277,3050],{"class":2990},[2984,9279,3131],{"class":2990},[2984,9281,9282,9284],{"class":2986,"line":3144},[2984,9283,3033],{"class":2990},[2984,9285,3058],{"class":3029},[2984,9287,9288],{"class":2986,"line":3151},[2984,9289,3064],{"emptyLinePlaceholder":1196},[2984,9291,9292],{"class":2986,"line":3157},[2984,9293,9294],{"class":3147},"// Create a new ReadableStream from the response with TextDecoderStream to get the data as text\n",[2984,9296,9297,9299,9302,9304,9307,9309,9312,9314,9317,9320,9323,9325,9328],{"class":2986,"line":3165},[2984,9298,3023],{"class":2998},[2984,9300,9301],{"class":3029}," reader ",[2984,9303,3005],{"class":2990},[2984,9305,9306],{"class":3029}," response",[2984,9308,2867],{"class":2990},[2984,9310,9311],{"class":3043},"pipeThrough",[2984,9313,3047],{"class":3029},[2984,9315,9316],{"class":2990},"new",[2984,9318,9319],{"class":3043}," TextDecoderStream",[2984,9321,9322],{"class":3029},"())",[2984,9324,2867],{"class":2990},[2984,9326,9327],{"class":3043},"getReader",[2984,9329,4576],{"class":3029},[2984,9331,9332],{"class":2986,"line":3171},[2984,9333,3064],{"emptyLinePlaceholder":1196},[2984,9335,9336],{"class":2986,"line":3181},[2984,9337,9338],{"class":3147},"// Read the chunk of data as we get it\n",[2984,9340,9341,9344,9346,9349,9351],{"class":2986,"line":3186},[2984,9342,9343],{"class":3039},"while",[2984,9345,4372],{"class":3029},[2984,9347,9348],{"class":4865},"true",[2984,9350,6638],{"class":3029},[2984,9352,6641],{"class":2990},[2984,9354,9355,9357,9359,9361,9363,9366,9368,9370,9372,9375,9377,9380],{"class":2986,"line":3196},[2984,9356,3087],{"class":2998},[2984,9358,3026],{"class":2990},[2984,9360,5653],{"class":3029},[2984,9362,3109],{"class":2990},[2984,9364,9365],{"class":3029}," done",[2984,9367,3731],{"class":2990},[2984,9369,3036],{"class":2990},[2984,9371,3040],{"class":3039},[2984,9373,9374],{"class":3029}," reader",[2984,9376,2867],{"class":2990},[2984,9378,9379],{"class":3043},"read",[2984,9381,4576],{"class":2994},[2984,9383,9384],{"class":2986,"line":3219},[2984,9385,3064],{"emptyLinePlaceholder":1196},[2984,9387,9388,9390,9392,9395,9397,9399,9402],{"class":2986,"line":3225},[2984,9389,6622],{"class":3039},[2984,9391,4372],{"class":2994},[2984,9393,9394],{"class":3029},"done",[2984,9396,6638],{"class":2994},[2984,9398,5482],{"class":2990},[2984,9400,9401],{"class":3039}," break",[2984,9403,4500],{"class":2990},[2984,9405,9406],{"class":2986,"line":3235},[2984,9407,3064],{"emptyLinePlaceholder":1196},[2984,9409,9410,9413,9415,9417,9419,9421,9424,9426,9428,9430],{"class":2986,"line":3247},[2984,9411,9412],{"class":3029},"  console",[2984,9414,2867],{"class":2990},[2984,9416,8202],{"class":3043},[2984,9418,3047],{"class":2994},[2984,9420,3050],{"class":2990},[2984,9422,9423],{"class":3011},"Received:",[2984,9425,3050],{"class":2990},[2984,9427,3109],{"class":2990},[2984,9429,5653],{"class":3029},[2984,9431,3058],{"class":2994},[2984,9433,9434],{"class":2986,"line":3270},[2984,9435,3168],{"class":2990},[3312,9437,9439],{"id":9438},"making-parallel-requests","Making parallel requests",[2852,9441,9442,9443,9446],{},"When requests don't rely on each other, you can make them in parallel with ",[2856,9444,9445],{},"Promise.all()"," to boost performance.",[2975,9448,9450],{"className":3586,"code":9449,"language":3012,"meta":2980,"style":2980},"const { data } = await useAsyncData((_nuxtApp, { signal }) => {\n  return Promise.all([\n    $fetch('/api/comments/', { signal }),\n    $fetch('/api/author/12', { signal }),\n  ])\n})\n\nconst comments = computed(() => data.value?.[0])\nconst author = computed(() => data.value?.[1])\n",[2856,9451,9452,9486,9498,9523,9548,9552,9558,9562,9595],{"__ignoreMap":2980},[2984,9453,9454,9456,9458,9460,9462,9464,9466,9468,9470,9472,9474,9476,9478,9480,9482,9484],{"class":2986,"line":2987},[2984,9455,3023],{"class":2998},[2984,9457,3026],{"class":2990},[2984,9459,3030],{"class":3029},[2984,9461,3033],{"class":2990},[2984,9463,3036],{"class":2990},[2984,9465,3040],{"class":3039},[2984,9467,4038],{"class":3043},[2984,9469,3047],{"class":3029},[2984,9471,3047],{"class":2990},[2984,9473,4375],{"class":3610},[2984,9475,3109],{"class":2990},[2984,9477,3026],{"class":2990},[2984,9479,4382],{"class":3610},[2984,9481,4385],{"class":2990},[2984,9483,3614],{"class":2998},[2984,9485,3081],{"class":2990},[2984,9487,9488,9490,9492,9494,9496],{"class":2986,"line":3020},[2984,9489,3708],{"class":3039},[2984,9491,4415],{"class":4414},[2984,9493,2867],{"class":2990},[2984,9495,4420],{"class":3043},[2984,9497,4423],{"class":2994},[2984,9499,9500,9502,9504,9506,9509,9511,9513,9515,9517,9519,9521],{"class":2986,"line":3061},[2984,9501,4428],{"class":3043},[2984,9503,3047],{"class":2994},[2984,9505,3050],{"class":2990},[2984,9507,9508],{"class":3011},"/api/comments/",[2984,9510,3050],{"class":2990},[2984,9512,3109],{"class":2990},[2984,9514,3026],{"class":2990},[2984,9516,4382],{"class":3029},[2984,9518,3731],{"class":2990},[2984,9520,4448],{"class":2994},[2984,9522,3131],{"class":2990},[2984,9524,9525,9527,9529,9531,9534,9536,9538,9540,9542,9544,9546],{"class":2986,"line":3067},[2984,9526,4428],{"class":3043},[2984,9528,3047],{"class":2994},[2984,9530,3050],{"class":2990},[2984,9532,9533],{"class":3011},"/api/author/12",[2984,9535,3050],{"class":2990},[2984,9537,3109],{"class":2990},[2984,9539,3026],{"class":2990},[2984,9541,4382],{"class":3029},[2984,9543,3731],{"class":2990},[2984,9545,4448],{"class":2994},[2984,9547,3131],{"class":2990},[2984,9549,9550],{"class":2986,"line":3084},[2984,9551,4480],{"class":2994},[2984,9553,9554,9556],{"class":2986,"line":3114},[2984,9555,3033],{"class":2990},[2984,9557,3058],{"class":3029},[2984,9559,9560],{"class":2986,"line":3134},[2984,9561,3064],{"emptyLinePlaceholder":1196},[2984,9563,9564,9566,9568,9570,9572,9574,9576,9578,9580,9582,9584,9587,9590,9593],{"class":2986,"line":3144},[2984,9565,3023],{"class":2998},[2984,9567,5163],{"class":3029},[2984,9569,3005],{"class":2990},[2984,9571,7306],{"class":3043},[2984,9573,3047],{"class":3029},[2984,9575,4101],{"class":2990},[2984,9577,3614],{"class":2998},[2984,9579,3849],{"class":3029},[2984,9581,2867],{"class":2990},[2984,9583,6242],{"class":3029},[2984,9585,9586],{"class":2990},"?.",[2984,9588,9589],{"class":3029},"[",[2984,9591,9592],{"class":6720},"0",[2984,9594,3686],{"class":3029},[2984,9596,9597,9599,9602,9604,9606,9608,9610,9612,9614,9616,9618,9620,9622,9624],{"class":2986,"line":3151},[2984,9598,3023],{"class":2998},[2984,9600,9601],{"class":3029}," author ",[2984,9603,3005],{"class":2990},[2984,9605,7306],{"class":3043},[2984,9607,3047],{"class":3029},[2984,9609,4101],{"class":2990},[2984,9611,3614],{"class":2998},[2984,9613,3849],{"class":3029},[2984,9615,2867],{"class":2990},[2984,9617,6242],{"class":3029},[2984,9619,9586],{"class":2990},[2984,9621,9589],{"class":3029},[2984,9623,6721],{"class":6720},[2984,9625,3686],{"class":3029},[3932,9627],{"title":9628,"video-id":9629,"platform":5083},"Watch a video from Vue School on parallel data fetching","1024262536",[9631,9632,9633],"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":2980,"searchDepth":3020,"depth":3020,"links":9635},[9636,9640,9643,9644,9645,9646,9653,9656,9657,9658,9663],{"id":2917,"depth":3020,"text":9637,"children":9638},"The need for useFetch and useAsyncData",[9639],{"id":3314,"depth":3061,"text":3315},{"id":3340,"depth":3020,"text":630,"children":9641},[9642],{"id":3507,"depth":3061,"text":3508},{"id":3803,"depth":3020,"text":527},{"id":3943,"depth":3020,"text":515},{"id":4636,"depth":3020,"text":4637},{"id":4768,"depth":3020,"text":4769,"children":9647},[9648,9649,9650,9651,9652],{"id":4783,"depth":3061,"text":4784},{"id":5086,"depth":3061,"text":5087},{"id":5224,"depth":3061,"text":5225},{"id":5538,"depth":3061,"text":5539},{"id":7185,"depth":3061,"text":7550},{"id":7828,"depth":3020,"text":7829,"children":9654},[9655],{"id":7860,"depth":3061,"text":7861},{"id":8221,"depth":3020,"text":8222},{"id":8360,"depth":3020,"text":8361},{"id":8422,"depth":3020,"text":8423,"children":9659},[9660,9661,9662],{"id":8454,"depth":3061,"text":8455},{"id":8563,"depth":3061,"text":8564},{"id":8846,"depth":3061,"text":8847},{"id":9149,"depth":3020,"text":357,"children":9664},[9665,9666],{"id":9152,"depth":3061,"text":9153},{"id":9438,"depth":3061,"text":9439},"Nuxt provides composables to handle data fetching within your application.","md",{},{"icon":67},{"title":64,"description":9667},"l2UD0MVXrzBhhkGE9q7TX7i6wCWFVqDNtfUNTb7z4Lk",[9674,9676],{"title":59,"path":60,"stem":61,"description":9675,"icon":62,"children":-1},"Apply transitions between pages and layouts with Vue or native browser View Transitions.",{"title":69,"path":70,"stem":71,"description":9677,"icon":72,"children":-1},"Nuxt provides powerful state management libraries and the useState composable to create a reactive and SSR-friendly shared state.",1772452243635]