[{"data":1,"prerenderedAt":9679},["ShallowReactive",2],{"$fGCo9l1hMtNdUiA6QzdUX5X3kLqaWcC5t2kdz4LrvCvc":3,"versions":2842,"-docs-3-x-getting-started-data-fetching":2847,"-docs-3-x-getting-started-data-fetching-surround":9674},[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":2844,"v3":2845,"v2":2846},"5 (nightly)","4.3.1","3.21.1","2.18.1",{"id":2848,"title":64,"body":2849,"description":9668,"extension":9669,"links":6,"meta":9670,"navigation":9671,"path":65,"seo":9672,"stem":66,"titleTemplate":6,"__hash__":9673},"docsv3/docs/3.x/1.getting-started/10.data-fetching.md",{"type":2850,"value":2851,"toc":9635},"minimark",[2852,2869,2872,2907,2915,2924,2933,2945,2958,2975,3303,3312,3317,3328,3339,3344,3356,3471,3498,3506,3510,3525,3585,3622,3639,3747,3757,3802,3807,3817,3921,3932,3937,3939,3942,3947,3952,3975,3979,3992,4125,4161,4298,4306,4526,4629,4635,4639,4646,4721,4739,4745,4767,4771,4782,4786,4795,4992,5002,5068,5074,5080,5085,5089,5099,5105,5212,5223,5227,5233,5395,5402,5524,5533,5537,5541,5546,5557,5583,5592,5596,5600,5616,5623,5655,5822,5828,5853,6016,6019,6155,6159,6162,6307,6311,6319,6480,6492,6505,6508,6516,6669,6672,6682,6796,6803,6917,6925,6931,7052,7056,7059,7172,7181,7188,7542,7549,7552,7561,7570,7798,7804,7827,7831,7840,7846,7859,7863,7866,8088,8220,8224,8234,8346,8357,8359,8363,8399,8407,8421,8425,8442,8453,8457,8497,8562,8566,8576,8745,8845,8849,8858,8867,9012,9148,9151,9155,9175,9178,9437,9441,9448,9627,9631],[2853,2854,2855,2856,2859,2860,2865,2866,2868],"p",{},"Nuxt comes with two composables and a built-in library to perform data-fetching in browser or server environments: ",[2857,2858,527],"code",{},", ",[2861,2862,2863],"a",{"href":516},[2857,2864,515],{}," and ",[2857,2867,630],{},".",[2853,2870,2871],{},"In a nutshell:",[2873,2874,2875,2883,2897],"ul",{},[2876,2877,2878,2882],"li",{},[2861,2879,2880],{"href":631},[2857,2881,630],{}," is the simplest way to make a network request.",[2876,2884,2885,2889,2890,2892,2893,2868],{},[2861,2886,2887],{"href":528},[2857,2888,527],{}," is a wrapper around ",[2857,2891,630],{}," that fetches data only once in ",[2861,2894,2896],{"href":2895},"/docs/3.x/guide/concepts/rendering#universal-rendering","universal rendering",[2876,2898,2899,2903,2904,2906],{},[2861,2900,2901],{"href":516},[2857,2902,515],{}," is similar to ",[2857,2905,527],{}," but offers more fine-grained control.",[2853,2908,2909,2910,2865,2912,2914],{},"Both ",[2857,2911,527],{},[2857,2913,515],{}," share a common set of options and patterns that we will detail in the last sections.",[2916,2917,2919,2920,2865,2922],"h2",{"id":2918},"the-need-for-usefetch-and-useasyncdata","The need for ",[2857,2921,527],{},[2857,2923,515],{},[2853,2925,2926,2927,2932],{},"Nuxt is a framework which can run isomorphic (or universal) code in both server and client environments. If the ",[2861,2928,2929,2931],{"href":631},[2857,2930,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.",[2853,2934,2935,2936,2865,2940,2944],{},"The ",[2861,2937,2938],{"href":528},[2857,2939,527],{},[2861,2941,2942],{"href":516},[2857,2943,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.",[2853,2946,2947,2948,2954,2955,2868],{},"The payload is a JavaScript object accessible through ",[2861,2949,2951],{"href":2950},"/docs/3.x/api/composables/use-nuxt-app#payload",[2857,2952,2953],{},"useNuxtApp().payload",". It is used on the client to avoid refetching the same data when the code is executed in the browser ",[2861,2956,2957],{"href":2895},"during hydration",[2959,2960,2961],"tip",{},[2853,2962,2963,2964,2970,2971,2868],{},"Use the ",[2861,2965,2969],{"href":2966,"rel":2967},"https://devtools.nuxt.com",[2968],"nofollow","Nuxt DevTools"," to inspect this data in the ",[2972,2973,2974],"strong",{},"Payload tab",[2976,2977,2982],"pre",{"className":2978,"code":2979,"filename":219,"language":2980,"meta":2981,"style":2981},"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","",[2857,2983,2984,3019,3060,3066,3083,3113,3133,3143,3150,3156,3164,3170,3180,3185,3195,3218,3224,3234,3246,3269,3275,3285,3294],{"__ignoreMap":2981},[2985,2986,2989,2993,2997,3001,3004,3007,3010,3014,3016],"span",{"class":2987,"line":2988},"line",1,[2985,2990,2992],{"class":2991},"sDfIl","\u003C",[2985,2994,2996],{"class":2995},"sRlkE","script",[2985,2998,3000],{"class":2999},"smZ93"," setup",[2985,3002,3003],{"class":2999}," lang",[2985,3005,3006],{"class":2991},"=",[2985,3008,3009],{"class":2991},"\"",[2985,3011,3013],{"class":3012},"sGFVr","ts",[2985,3015,3009],{"class":2991},[2985,3017,3018],{"class":2991},">\n",[2985,3020,3022,3025,3028,3032,3035,3038,3042,3046,3049,3052,3055,3057],{"class":2987,"line":3021},2,[2985,3023,3024],{"class":2999},"const",[2985,3026,3027],{"class":2991}," {",[2985,3029,3031],{"class":3030},"sZSNi"," data ",[2985,3033,3034],{"class":2991},"}",[2985,3036,3037],{"class":2991}," =",[2985,3039,3041],{"class":3040},"s8R28"," await",[2985,3043,3045],{"class":3044},"s3cPz"," useFetch",[2985,3047,3048],{"class":3030},"(",[2985,3050,3051],{"class":2991},"'",[2985,3053,3054],{"class":3012},"/api/data",[2985,3056,3051],{"class":2991},[2985,3058,3059],{"class":3030},")\n",[2985,3061,3063],{"class":2987,"line":3062},3,[2985,3064,3065],{"emptyLinePlaceholder":1196},"\n",[2985,3067,3069,3072,3074,3077,3080],{"class":2987,"line":3068},4,[2985,3070,3071],{"class":2999},"async",[2985,3073,2931],{"class":2999},[2985,3075,3076],{"class":3044}," handleFormSubmit",[2985,3078,3079],{"class":2991}," ()",[2985,3081,3082],{"class":2991}," {\n",[2985,3084,3086,3089,3092,3094,3096,3099,3101,3103,3106,3108,3111],{"class":2987,"line":3085},5,[2985,3087,3088],{"class":2999},"  const",[2985,3090,3091],{"class":3030}," res",[2985,3093,3037],{"class":2991},[2985,3095,3041],{"class":3040},[2985,3097,3098],{"class":3044}," $fetch",[2985,3100,3048],{"class":2995},[2985,3102,3051],{"class":2991},[2985,3104,3105],{"class":3012},"/api/submit",[2985,3107,3051],{"class":2991},[2985,3109,3110],{"class":2991},",",[2985,3112,3082],{"class":2991},[2985,3114,3116,3119,3122,3125,3128,3130],{"class":2987,"line":3115},6,[2985,3117,3118],{"class":2995},"    method",[2985,3120,3121],{"class":2991},":",[2985,3123,3124],{"class":2991}," '",[2985,3126,3127],{"class":3012},"POST",[2985,3129,3051],{"class":2991},[2985,3131,3132],{"class":2991},",\n",[2985,3134,3136,3139,3141],{"class":2987,"line":3135},7,[2985,3137,3138],{"class":2995},"    body",[2985,3140,3121],{"class":2991},[2985,3142,3082],{"class":2991},[2985,3144,3146],{"class":2987,"line":3145},8,[2985,3147,3149],{"class":3148},"sWuyu","      // My form data\n",[2985,3151,3153],{"class":2987,"line":3152},9,[2985,3154,3155],{"class":2991},"    },\n",[2985,3157,3159,3162],{"class":2987,"line":3158},10,[2985,3160,3161],{"class":2991},"  }",[2985,3163,3059],{"class":2995},[2985,3165,3167],{"class":2987,"line":3166},11,[2985,3168,3169],{"class":2991},"}\n",[2985,3171,3173,3176,3178],{"class":2987,"line":3172},12,[2985,3174,3175],{"class":2991},"\u003C/",[2985,3177,2996],{"class":2995},[2985,3179,3018],{"class":2991},[2985,3181,3183],{"class":2987,"line":3182},13,[2985,3184,3065],{"emptyLinePlaceholder":1196},[2985,3186,3188,3190,3193],{"class":2987,"line":3187},14,[2985,3189,2992],{"class":2991},[2985,3191,3192],{"class":2995},"template",[2985,3194,3018],{"class":2991},[2985,3196,3198,3201,3204,3207,3209,3211,3214,3216],{"class":2987,"line":3197},15,[2985,3199,3200],{"class":2991},"  \u003C",[2985,3202,3203],{"class":2995},"div",[2985,3205,3206],{"class":2999}," v-if",[2985,3208,3006],{"class":2991},[2985,3210,3009],{"class":2991},[2985,3212,3213],{"class":3012},"data == null",[2985,3215,3009],{"class":2991},[2985,3217,3018],{"class":2991},[2985,3219,3221],{"class":2987,"line":3220},16,[2985,3222,3223],{"class":3030},"    No data\n",[2985,3225,3227,3230,3232],{"class":2987,"line":3226},17,[2985,3228,3229],{"class":2991},"  \u003C/",[2985,3231,3203],{"class":2995},[2985,3233,3018],{"class":2991},[2985,3235,3237,3239,3241,3244],{"class":2987,"line":3236},18,[2985,3238,3200],{"class":2991},[2985,3240,3203],{"class":2995},[2985,3242,3243],{"class":2999}," v-else",[2985,3245,3018],{"class":2991},[2985,3247,3249,3252,3255,3258,3260,3262,3265,3267],{"class":2987,"line":3248},19,[2985,3250,3251],{"class":2991},"    \u003C",[2985,3253,3254],{"class":2995},"form",[2985,3256,3257],{"class":2999}," @submit",[2985,3259,3006],{"class":2991},[2985,3261,3009],{"class":2991},[2985,3263,3264],{"class":3012},"handleFormSubmit",[2985,3266,3009],{"class":2991},[2985,3268,3018],{"class":2991},[2985,3270,3272],{"class":2987,"line":3271},20,[2985,3273,3274],{"class":3148},"      \u003C!-- form input tags -->\n",[2985,3276,3278,3281,3283],{"class":2987,"line":3277},21,[2985,3279,3280],{"class":2991},"    \u003C/",[2985,3282,3254],{"class":2995},[2985,3284,3018],{"class":2991},[2985,3286,3288,3290,3292],{"class":2987,"line":3287},22,[2985,3289,3229],{"class":2991},[2985,3291,3203],{"class":2995},[2985,3293,3018],{"class":2991},[2985,3295,3297,3299,3301],{"class":2987,"line":3296},23,[2985,3298,3175],{"class":2991},[2985,3300,3192],{"class":2995},[2985,3302,3018],{"class":2991},[2853,3304,3305,3306,3308,3309,3311],{},"In the example above, ",[2857,3307,527],{}," would make sure that the request would occur in the server and is properly forwarded to the browser. ",[2857,3310,630],{}," has no such mechanism and is a better option to use when the request is solely made from the browser.",[3313,3314,3316],"h3",{"id":3315},"suspense","Suspense",[2853,3318,3319,3320,3327],{},"Nuxt uses Vue's ",[2861,3321,3324],{"href":3322,"rel":3323},"https://vuejs.org/guide/built-ins/suspense",[2968],[2857,3325,3326],{},"\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.",[3329,3330,3331],"note",{},[2853,3332,3333,3334,3338],{},"You can add the ",[2861,3335,3336],{"href":481},[2857,3337,480],{}," to add a progress bar between page navigations.",[2916,3340,3342],{"id":3341},"fetch",[2857,3343,630],{},[2853,3345,3346,3347,3352,3353,3355],{},"Nuxt includes the ",[2861,3348,3351],{"href":3349,"rel":3350},"https://github.com/unjs/ofetch",[2968],"ofetch"," library, and is auto-imported as the ",[2857,3354,630],{}," alias globally across your application.",[2976,3357,3361],{"className":2978,"code":3358,"filename":3359,"language":2980,"meta":3360,"style":2981},"\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",[2857,3362,3363,3383,3396,3422,3436,3444,3449,3453,3459,3463],{"__ignoreMap":2981},[2985,3364,3365,3367,3369,3371,3373,3375,3377,3379,3381],{"class":2987,"line":2988},[2985,3366,2992],{"class":2991},[2985,3368,2996],{"class":2995},[2985,3370,3000],{"class":2999},[2985,3372,3003],{"class":2999},[2985,3374,3006],{"class":2991},[2985,3376,3009],{"class":2991},[2985,3378,3013],{"class":3012},[2985,3380,3009],{"class":2991},[2985,3382,3018],{"class":2991},[2985,3384,3385,3387,3389,3392,3394],{"class":2987,"line":3021},[2985,3386,3071],{"class":2999},[2985,3388,2931],{"class":2999},[2985,3390,3391],{"class":3044}," addTodo",[2985,3393,3079],{"class":2991},[2985,3395,3082],{"class":2991},[2985,3397,3398,3400,3403,3405,3407,3409,3411,3413,3416,3418,3420],{"class":2987,"line":3062},[2985,3399,3088],{"class":2999},[2985,3401,3402],{"class":3030}," todo",[2985,3404,3037],{"class":2991},[2985,3406,3041],{"class":3040},[2985,3408,3098],{"class":3044},[2985,3410,3048],{"class":2995},[2985,3412,3051],{"class":2991},[2985,3414,3415],{"class":3012},"/api/todos",[2985,3417,3051],{"class":2991},[2985,3419,3110],{"class":2991},[2985,3421,3082],{"class":2991},[2985,3423,3424,3426,3428,3430,3432,3434],{"class":2987,"line":3068},[2985,3425,3118],{"class":2995},[2985,3427,3121],{"class":2991},[2985,3429,3124],{"class":2991},[2985,3431,3127],{"class":3012},[2985,3433,3051],{"class":2991},[2985,3435,3132],{"class":2991},[2985,3437,3438,3440,3442],{"class":2987,"line":3085},[2985,3439,3138],{"class":2995},[2985,3441,3121],{"class":2991},[2985,3443,3082],{"class":2991},[2985,3445,3446],{"class":2987,"line":3115},[2985,3447,3448],{"class":3148},"      // My todo data\n",[2985,3450,3451],{"class":2987,"line":3135},[2985,3452,3155],{"class":2991},[2985,3454,3455,3457],{"class":2987,"line":3145},[2985,3456,3161],{"class":2991},[2985,3458,3059],{"class":2995},[2985,3460,3461],{"class":2987,"line":3152},[2985,3462,3169],{"class":2991},[2985,3464,3465,3467,3469],{"class":2987,"line":3158},[2985,3466,3175],{"class":2991},[2985,3468,2996],{"class":2995},[2985,3470,3018],{"class":2991},[3472,3473,3474],"warning",{},[2853,3475,3476,3477,3479,3480,3484,3485,3488,3489,3491,3492,3497],{},"Beware that using only ",[2857,3478,630],{}," will not provide ",[2861,3481,3483],{"href":3482},"/docs/3.x/getting-started/data-fetching#the-need-for-usefetch-and-useasyncdata","network calls de-duplication and navigation prevention",". ",[3486,3487],"br",{},"\nIt is recommended to use ",[2857,3490,630],{}," for client-side interactions (event-based) or combined with ",[2861,3493,3495],{"href":3494},"/docs/3.x/getting-started/data-fetching#useasyncdata",[2857,3496,515],{}," when fetching the initial component data.",[3499,3500,3501],"read-more",{"to":631},[2853,3502,3503,3504,2868],{},"Read more about ",[2857,3505,630],{},[3313,3507,3509],{"id":3508},"pass-client-headers-to-the-api","Pass Client Headers to the API",[2853,3511,3512,3513,3515,3516,3520,3521,3524],{},"When calling ",[2857,3514,527],{}," on the server, Nuxt will use ",[2861,3517,3518],{"href":572},[2857,3519,571],{}," to proxy client headers and cookies (with the exception of headers not meant to be forwarded, like ",[2857,3522,3523],{},"host",").",[2976,3526,3528],{"className":2978,"code":3527,"language":2980,"meta":2981,"style":2981},"\u003Cscript setup lang=\"ts\">\nconst { data } = await useFetch('/api/echo')\n\u003C/script>\n",[2857,3529,3530,3550,3577],{"__ignoreMap":2981},[2985,3531,3532,3534,3536,3538,3540,3542,3544,3546,3548],{"class":2987,"line":2988},[2985,3533,2992],{"class":2991},[2985,3535,2996],{"class":2995},[2985,3537,3000],{"class":2999},[2985,3539,3003],{"class":2999},[2985,3541,3006],{"class":2991},[2985,3543,3009],{"class":2991},[2985,3545,3013],{"class":3012},[2985,3547,3009],{"class":2991},[2985,3549,3018],{"class":2991},[2985,3551,3552,3554,3556,3558,3560,3562,3564,3566,3568,3570,3573,3575],{"class":2987,"line":3021},[2985,3553,3024],{"class":2999},[2985,3555,3027],{"class":2991},[2985,3557,3031],{"class":3030},[2985,3559,3034],{"class":2991},[2985,3561,3037],{"class":2991},[2985,3563,3041],{"class":3040},[2985,3565,3045],{"class":3044},[2985,3567,3048],{"class":3030},[2985,3569,3051],{"class":2991},[2985,3571,3572],{"class":3012},"/api/echo",[2985,3574,3051],{"class":2991},[2985,3576,3059],{"class":3030},[2985,3578,3579,3581,3583],{"class":2987,"line":3062},[2985,3580,3175],{"class":2991},[2985,3582,2996],{"class":2995},[2985,3584,3018],{"class":2991},[2976,3586,3589],{"className":3587,"code":3588,"language":3013,"meta":2981,"style":2981},"language-ts shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","// /api/echo.ts\nexport default defineEventHandler(event => parseCookies(event))\n",[2857,3590,3591,3596],{"__ignoreMap":2981},[2985,3592,3593],{"class":2987,"line":2988},[2985,3594,3595],{"class":3148},"// /api/echo.ts\n",[2985,3597,3598,3601,3604,3607,3609,3613,3616,3619],{"class":2987,"line":3021},[2985,3599,3600],{"class":3040},"export",[2985,3602,3603],{"class":3040}," default",[2985,3605,3606],{"class":3044}," defineEventHandler",[2985,3608,3048],{"class":3030},[2985,3610,3612],{"class":3611},"s1nJG","event",[2985,3614,3615],{"class":2999}," =>",[2985,3617,3618],{"class":3044}," parseCookies",[2985,3620,3621],{"class":3030},"(event))\n",[2853,3623,3624,3625,3629,3630,3632,3633,3636,3637,2868],{},"Alternatively, the example below shows how to use ",[2861,3626,3627],{"href":580},[2857,3628,579],{}," to access and send cookies to the API from a server-side request (originating on the client). Using an isomorphic ",[2857,3631,630],{}," call, we ensure that the API endpoint has access to the same ",[2857,3634,3635],{},"cookie"," header originally sent by the user's browser. This is only necessary if you aren't using ",[2857,3638,527],{},[2976,3640,3642],{"className":2978,"code":3641,"language":2980,"meta":2981,"style":2981},"\u003Cscript setup lang=\"ts\">\nconst headers = useRequestHeaders(['cookie'])\n\nasync function getCurrentUser () {\n  return await $fetch('/api/me', { headers })\n}\n\u003C/script>\n",[2857,3643,3644,3664,3688,3692,3705,3735,3739],{"__ignoreMap":2981},[2985,3645,3646,3648,3650,3652,3654,3656,3658,3660,3662],{"class":2987,"line":2988},[2985,3647,2992],{"class":2991},[2985,3649,2996],{"class":2995},[2985,3651,3000],{"class":2999},[2985,3653,3003],{"class":2999},[2985,3655,3006],{"class":2991},[2985,3657,3009],{"class":2991},[2985,3659,3013],{"class":3012},[2985,3661,3009],{"class":2991},[2985,3663,3018],{"class":2991},[2985,3665,3666,3668,3671,3673,3676,3679,3681,3683,3685],{"class":2987,"line":3021},[2985,3667,3024],{"class":2999},[2985,3669,3670],{"class":3030}," headers ",[2985,3672,3006],{"class":2991},[2985,3674,3675],{"class":3044}," useRequestHeaders",[2985,3677,3678],{"class":3030},"([",[2985,3680,3051],{"class":2991},[2985,3682,3635],{"class":3012},[2985,3684,3051],{"class":2991},[2985,3686,3687],{"class":3030},"])\n",[2985,3689,3690],{"class":2987,"line":3062},[2985,3691,3065],{"emptyLinePlaceholder":1196},[2985,3693,3694,3696,3698,3701,3703],{"class":2987,"line":3068},[2985,3695,3071],{"class":2999},[2985,3697,2931],{"class":2999},[2985,3699,3700],{"class":3044}," getCurrentUser",[2985,3702,3079],{"class":2991},[2985,3704,3082],{"class":2991},[2985,3706,3707,3710,3712,3714,3716,3718,3721,3723,3725,3727,3730,3733],{"class":2987,"line":3085},[2985,3708,3709],{"class":3040},"  return",[2985,3711,3041],{"class":3040},[2985,3713,3098],{"class":3044},[2985,3715,3048],{"class":2995},[2985,3717,3051],{"class":2991},[2985,3719,3720],{"class":3012},"/api/me",[2985,3722,3051],{"class":2991},[2985,3724,3110],{"class":2991},[2985,3726,3027],{"class":2991},[2985,3728,3729],{"class":3030}," headers",[2985,3731,3732],{"class":2991}," }",[2985,3734,3059],{"class":2995},[2985,3736,3737],{"class":2987,"line":3115},[2985,3738,3169],{"class":2991},[2985,3740,3741,3743,3745],{"class":2987,"line":3135},[2985,3742,3175],{"class":2991},[2985,3744,2996],{"class":2995},[2985,3746,3018],{"class":2991},[2959,3748,3749],{},[2853,3750,3751,3752,3756],{},"You can also use ",[2861,3753,3754],{"href":572},[2857,3755,571],{}," to proxy headers to the call automatically.",[3758,3759,3760,3763],"caution",{},[2853,3761,3762],{},"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:",[2873,3764,3765,3772,3783,3794],{},[2876,3766,3767,2859,3769],{},[2857,3768,3523],{},[2857,3770,3771],{},"accept",[2876,3773,3774,2859,3777,2859,3780],{},[2857,3775,3776],{},"content-length",[2857,3778,3779],{},"content-md5",[2857,3781,3782],{},"content-type",[2876,3784,3785,2859,3788,2859,3791],{},[2857,3786,3787],{},"x-forwarded-host",[2857,3789,3790],{},"x-forwarded-port",[2857,3792,3793],{},"x-forwarded-proto",[2876,3795,3796,2859,3799],{},[2857,3797,3798],{},"cf-connecting-ip",[2857,3800,3801],{},"cf-ray",[2916,3803,3805],{"id":3804},"usefetch",[2857,3806,527],{},[2853,3808,2935,3809,3813,3814,3816],{},[2861,3810,3811],{"href":528},[2857,3812,527],{}," composable uses ",[2857,3815,630],{}," under-the-hood to make SSR-safe network calls in the setup function.",[2976,3818,3820],{"className":2978,"code":3819,"filename":219,"language":2980,"meta":3360,"style":2981},"\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",[2857,3821,3822,3842,3875,3883,3887,3895,3913],{"__ignoreMap":2981},[2985,3823,3824,3826,3828,3830,3832,3834,3836,3838,3840],{"class":2987,"line":2988},[2985,3825,2992],{"class":2991},[2985,3827,2996],{"class":2995},[2985,3829,3000],{"class":2999},[2985,3831,3003],{"class":2999},[2985,3833,3006],{"class":2991},[2985,3835,3009],{"class":2991},[2985,3837,3013],{"class":3012},[2985,3839,3009],{"class":2991},[2985,3841,3018],{"class":2991},[2985,3843,3844,3846,3848,3851,3853,3856,3858,3860,3862,3864,3866,3868,3871,3873],{"class":2987,"line":3021},[2985,3845,3024],{"class":2999},[2985,3847,3027],{"class":2991},[2985,3849,3850],{"class":2995}," data",[2985,3852,3121],{"class":2991},[2985,3854,3855],{"class":3030}," count ",[2985,3857,3034],{"class":2991},[2985,3859,3037],{"class":2991},[2985,3861,3041],{"class":3040},[2985,3863,3045],{"class":3044},[2985,3865,3048],{"class":3030},[2985,3867,3051],{"class":2991},[2985,3869,3870],{"class":3012},"/api/count",[2985,3872,3051],{"class":2991},[2985,3874,3059],{"class":3030},[2985,3876,3877,3879,3881],{"class":2987,"line":3062},[2985,3878,3175],{"class":2991},[2985,3880,2996],{"class":2995},[2985,3882,3018],{"class":2991},[2985,3884,3885],{"class":2987,"line":3068},[2985,3886,3065],{"emptyLinePlaceholder":1196},[2985,3888,3889,3891,3893],{"class":2987,"line":3085},[2985,3890,2992],{"class":2991},[2985,3892,3192],{"class":2995},[2985,3894,3018],{"class":2991},[2985,3896,3897,3899,3901,3904,3907,3909,3911],{"class":2987,"line":3115},[2985,3898,3200],{"class":2991},[2985,3900,2853],{"class":2995},[2985,3902,3903],{"class":2991},">",[2985,3905,3906],{"class":3030},"Page visits: {{ count }}",[2985,3908,3175],{"class":2991},[2985,3910,2853],{"class":2995},[2985,3912,3018],{"class":2991},[2985,3914,3915,3917,3919],{"class":2987,"line":3135},[2985,3916,3175],{"class":2991},[2985,3918,3192],{"class":2995},[2985,3920,3018],{"class":2991},[2853,3922,3923,3924,3928,3929,3931],{},"This composable is a wrapper around the ",[2861,3925,3926],{"href":516},[2857,3927,515],{}," composable and ",[2857,3930,630],{}," utility.",[3933,3934],"video-accordion",{"title":3935,"video-id":3936},"Watch a video from Alexander Lichter to avoid using useFetch the wrong way","njsGVmcWviY",[3499,3938],{"to":528},[3940,3941],"link-example",{"to":926},[2916,3943,3945],{"id":3944},"useasyncdata",[2857,3946,515],{},[2853,3948,2935,3949,3951],{},[2857,3950,515],{}," composable is responsible for wrapping async logic and returning the result once it is resolved.",[2959,3953,3954],{},[2853,3955,3956,3959,3960,3484,3963,3965,3966,3969,3970,3974],{},[2857,3957,3958],{},"useFetch(url)"," is nearly equivalent to ",[2857,3961,3962],{},"useAsyncData(url, () => event.$fetch(url))",[3486,3964],{},"\nIt's developer experience sugar for the most common use case. (You can find out more about ",[2857,3967,3968],{},"event.fetch"," at ",[2861,3971,3972],{"href":572},[2857,3973,571],{},".)",[3933,3976],{"title":3977,"video-id":3978},"Watch a video from Alexander Lichter to dig deeper into the difference between useFetch and useAsyncData","0X-aOpSGabA",[2853,3980,3981,3982,3986,3987,3991],{},"There are some cases when using the ",[2861,3983,3984],{"href":528},[2857,3985,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 ",[2861,3988,3989],{"href":516},[2857,3990,515],{}," to wrap your calls and still keep the benefits provided by the composable.",[2976,3993,3996],{"className":2978,"code":3994,"filename":3995,"language":2980,"meta":2981,"style":2981},"\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",[2857,3997,3998,4018,4069,4073,4078,4117],{"__ignoreMap":2981},[2985,3999,4000,4002,4004,4006,4008,4010,4012,4014,4016],{"class":2987,"line":2988},[2985,4001,2992],{"class":2991},[2985,4003,2996],{"class":2995},[2985,4005,3000],{"class":2999},[2985,4007,3003],{"class":2999},[2985,4009,3006],{"class":2991},[2985,4011,3009],{"class":2991},[2985,4013,3013],{"class":3012},[2985,4015,3009],{"class":2991},[2985,4017,3018],{"class":2991},[2985,4019,4020,4022,4024,4026,4028,4031,4033,4035,4037,4040,4042,4044,4047,4049,4051,4053,4055,4058,4060,4062,4064,4066],{"class":2987,"line":3021},[2985,4021,3024],{"class":2999},[2985,4023,3027],{"class":2991},[2985,4025,3850],{"class":3030},[2985,4027,3110],{"class":2991},[2985,4029,4030],{"class":3030}," error ",[2985,4032,3034],{"class":2991},[2985,4034,3037],{"class":2991},[2985,4036,3041],{"class":3040},[2985,4038,4039],{"class":3044}," useAsyncData",[2985,4041,3048],{"class":3030},[2985,4043,3051],{"class":2991},[2985,4045,4046],{"class":3012},"users",[2985,4048,3051],{"class":2991},[2985,4050,3110],{"class":2991},[2985,4052,3079],{"class":2991},[2985,4054,3615],{"class":2999},[2985,4056,4057],{"class":3044}," myGetFunction",[2985,4059,3048],{"class":3030},[2985,4061,3051],{"class":2991},[2985,4063,4046],{"class":3012},[2985,4065,3051],{"class":2991},[2985,4067,4068],{"class":3030},"))\n",[2985,4070,4071],{"class":2987,"line":3062},[2985,4072,3065],{"emptyLinePlaceholder":1196},[2985,4074,4075],{"class":2987,"line":3068},[2985,4076,4077],{"class":3148},"// This is also possible:\n",[2985,4079,4080,4082,4084,4086,4088,4090,4092,4094,4096,4098,4100,4103,4105,4107,4109,4111,4113,4115],{"class":2987,"line":3085},[2985,4081,3024],{"class":2999},[2985,4083,3027],{"class":2991},[2985,4085,3850],{"class":3030},[2985,4087,3110],{"class":2991},[2985,4089,4030],{"class":3030},[2985,4091,3034],{"class":2991},[2985,4093,3037],{"class":2991},[2985,4095,3041],{"class":3040},[2985,4097,4039],{"class":3044},[2985,4099,3048],{"class":3030},[2985,4101,4102],{"class":2991},"()",[2985,4104,3615],{"class":2999},[2985,4106,4057],{"class":3044},[2985,4108,3048],{"class":3030},[2985,4110,3051],{"class":2991},[2985,4112,4046],{"class":3012},[2985,4114,3051],{"class":2991},[2985,4116,4068],{"class":3030},[2985,4118,4119,4121,4123],{"class":2987,"line":3115},[2985,4120,3175],{"class":2991},[2985,4122,2996],{"class":2995},[2985,4124,3018],{"class":2991},[3329,4126,4127],{},[2853,4128,4129,4130,4134,4135,4137,4138,4140,4141,4143,4144,4146,4147,4137,4149,4151,4152,4156,4157,2868],{},"The first argument of ",[2861,4131,4132],{"href":516},[2857,4133,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",[3486,4136],{}," ",[3486,4139],{},"\nSince the autogenerated key only takes into account the file and line where ",[2857,4142,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 ",[2857,4145,515],{},".\n",[3486,4148],{},[3486,4150],{},"\nSetting a key can be useful to share the same data between components using ",[2861,4153,4154],{"href":560},[2857,4155,559],{}," or to ",[2861,4158,4160],{"href":4159},"/docs/3.x/api/utils/refresh-nuxt-data#refresh-specific-data","refresh specific data",[2976,4162,4165],{"className":2978,"code":4163,"filename":4164,"language":2980,"meta":2981,"style":2981},"\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",[2857,4166,4167,4187,4210,4214,4259,4284,4290],{"__ignoreMap":2981},[2985,4168,4169,4171,4173,4175,4177,4179,4181,4183,4185],{"class":2987,"line":2988},[2985,4170,2992],{"class":2991},[2985,4172,2996],{"class":2995},[2985,4174,3000],{"class":2999},[2985,4176,3003],{"class":2999},[2985,4178,3006],{"class":2991},[2985,4180,3009],{"class":2991},[2985,4182,3013],{"class":3012},[2985,4184,3009],{"class":2991},[2985,4186,3018],{"class":2991},[2985,4188,4189,4191,4193,4196,4198,4200,4203,4205,4207],{"class":2987,"line":3021},[2985,4190,3024],{"class":2999},[2985,4192,3027],{"class":2991},[2985,4194,4195],{"class":3030}," id ",[2985,4197,3034],{"class":2991},[2985,4199,3037],{"class":2991},[2985,4201,4202],{"class":3044}," useRoute",[2985,4204,4102],{"class":3030},[2985,4206,2868],{"class":2991},[2985,4208,4209],{"class":3030},"params\n",[2985,4211,4212],{"class":2987,"line":3062},[2985,4213,3065],{"emptyLinePlaceholder":1196},[2985,4215,4216,4218,4220,4222,4224,4226,4228,4230,4232,4234,4236,4239,4242,4245,4248,4251,4253,4255,4257],{"class":2987,"line":3068},[2985,4217,3024],{"class":2999},[2985,4219,3027],{"class":2991},[2985,4221,3850],{"class":3030},[2985,4223,3110],{"class":2991},[2985,4225,4030],{"class":3030},[2985,4227,3034],{"class":2991},[2985,4229,3037],{"class":2991},[2985,4231,3041],{"class":3040},[2985,4233,4039],{"class":3044},[2985,4235,3048],{"class":3030},[2985,4237,4238],{"class":2991},"`",[2985,4240,4241],{"class":3012},"user:",[2985,4243,4244],{"class":2991},"${",[2985,4246,4247],{"class":3030},"id",[2985,4249,4250],{"class":2991},"}`",[2985,4252,3110],{"class":2991},[2985,4254,3079],{"class":2991},[2985,4256,3615],{"class":2999},[2985,4258,3082],{"class":2991},[2985,4260,4261,4263,4265,4267,4269,4271,4273,4275,4277,4280,4282],{"class":2987,"line":3085},[2985,4262,3709],{"class":3040},[2985,4264,4057],{"class":3044},[2985,4266,3048],{"class":2995},[2985,4268,3051],{"class":2991},[2985,4270,4046],{"class":3012},[2985,4272,3051],{"class":2991},[2985,4274,3110],{"class":2991},[2985,4276,3027],{"class":2991},[2985,4278,4279],{"class":3030}," id",[2985,4281,3732],{"class":2991},[2985,4283,3059],{"class":2995},[2985,4285,4286,4288],{"class":2987,"line":3115},[2985,4287,3034],{"class":2991},[2985,4289,3059],{"class":3030},[2985,4291,4292,4294,4296],{"class":2987,"line":3135},[2985,4293,3175],{"class":2991},[2985,4295,2996],{"class":2995},[2985,4297,3018],{"class":2991},[2853,4299,2935,4300,4302,4303,4305],{},[2857,4301,515],{}," composable is a great way to wrap and wait for multiple ",[2857,4304,630],{}," requests to be completed, and then process the results.",[2976,4307,4309],{"className":2978,"code":4308,"language":2980,"meta":2981,"style":2981},"\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",[2857,4310,4311,4331,4391,4425,4452,4477,4482,4486,4502,4508,4513,4518],{"__ignoreMap":2981},[2985,4312,4313,4315,4317,4319,4321,4323,4325,4327,4329],{"class":2987,"line":2988},[2985,4314,2992],{"class":2991},[2985,4316,2996],{"class":2995},[2985,4318,3000],{"class":2999},[2985,4320,3003],{"class":2999},[2985,4322,3006],{"class":2991},[2985,4324,3009],{"class":2991},[2985,4326,3013],{"class":3012},[2985,4328,3009],{"class":2991},[2985,4330,3018],{"class":2991},[2985,4332,4333,4335,4337,4339,4341,4344,4346,4349,4351,4353,4355,4357,4359,4361,4364,4366,4368,4371,4374,4377,4379,4381,4384,4387,4389],{"class":2987,"line":3021},[2985,4334,3024],{"class":2999},[2985,4336,3027],{"class":2991},[2985,4338,3850],{"class":2995},[2985,4340,3121],{"class":2991},[2985,4342,4343],{"class":3030}," discounts",[2985,4345,3110],{"class":2991},[2985,4347,4348],{"class":3030}," status ",[2985,4350,3034],{"class":2991},[2985,4352,3037],{"class":2991},[2985,4354,3041],{"class":3040},[2985,4356,4039],{"class":3044},[2985,4358,3048],{"class":3030},[2985,4360,3051],{"class":2991},[2985,4362,4363],{"class":3012},"cart-discount",[2985,4365,3051],{"class":2991},[2985,4367,3110],{"class":2991},[2985,4369,4370],{"class":2999}," async",[2985,4372,4373],{"class":2991}," (",[2985,4375,4376],{"class":3611},"_nuxtApp",[2985,4378,3110],{"class":2991},[2985,4380,3027],{"class":2991},[2985,4382,4383],{"class":3611}," signal",[2985,4385,4386],{"class":2991}," })",[2985,4388,3615],{"class":2999},[2985,4390,3082],{"class":2991},[2985,4392,4393,4395,4398,4401,4403,4406,4409,4411,4413,4417,4419,4422],{"class":2987,"line":3062},[2985,4394,3088],{"class":2999},[2985,4396,4397],{"class":2991}," [",[2985,4399,4400],{"class":3030},"coupons",[2985,4402,3110],{"class":2991},[2985,4404,4405],{"class":3030}," offers",[2985,4407,4408],{"class":2991},"]",[2985,4410,3037],{"class":2991},[2985,4412,3041],{"class":3040},[2985,4414,4416],{"class":4415},"s52Pk"," Promise",[2985,4418,2868],{"class":2991},[2985,4420,4421],{"class":3044},"all",[2985,4423,4424],{"class":2995},"([\n",[2985,4426,4427,4430,4432,4434,4437,4439,4441,4443,4445,4447,4450],{"class":2987,"line":3068},[2985,4428,4429],{"class":3044},"    $fetch",[2985,4431,3048],{"class":2995},[2985,4433,3051],{"class":2991},[2985,4435,4436],{"class":3012},"/cart/coupons",[2985,4438,3051],{"class":2991},[2985,4440,3110],{"class":2991},[2985,4442,3027],{"class":2991},[2985,4444,4383],{"class":3030},[2985,4446,3732],{"class":2991},[2985,4448,4449],{"class":2995},")",[2985,4451,3132],{"class":2991},[2985,4453,4454,4456,4458,4460,4463,4465,4467,4469,4471,4473,4475],{"class":2987,"line":3085},[2985,4455,4429],{"class":3044},[2985,4457,3048],{"class":2995},[2985,4459,3051],{"class":2991},[2985,4461,4462],{"class":3012},"/cart/offers",[2985,4464,3051],{"class":2991},[2985,4466,3110],{"class":2991},[2985,4468,3027],{"class":2991},[2985,4470,4383],{"class":3030},[2985,4472,3732],{"class":2991},[2985,4474,4449],{"class":2995},[2985,4476,3132],{"class":2991},[2985,4478,4479],{"class":2987,"line":3115},[2985,4480,4481],{"class":2995},"  ])\n",[2985,4483,4484],{"class":2987,"line":3135},[2985,4485,3065],{"emptyLinePlaceholder":1196},[2985,4487,4488,4490,4492,4495,4497,4499],{"class":2987,"line":3145},[2985,4489,3709],{"class":3040},[2985,4491,3027],{"class":2991},[2985,4493,4494],{"class":3030}," coupons",[2985,4496,3110],{"class":2991},[2985,4498,4405],{"class":3030},[2985,4500,4501],{"class":2991}," }\n",[2985,4503,4504,4506],{"class":2987,"line":3152},[2985,4505,3034],{"class":2991},[2985,4507,3059],{"class":3030},[2985,4509,4510],{"class":2987,"line":3158},[2985,4511,4512],{"class":3148},"// discounts.value.coupons\n",[2985,4514,4515],{"class":2987,"line":3166},[2985,4516,4517],{"class":3148},"// discounts.value.offers\n",[2985,4519,4520,4522,4524],{"class":2987,"line":3172},[2985,4521,3175],{"class":2991},[2985,4523,2996],{"class":2995},[2985,4525,3018],{"class":2991},[3329,4527,4528,4538],{},[2853,4529,4530,4532,4533,4537],{},[2857,4531,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 ",[2861,4534,4535],{"href":643},[2857,4536,642],{}," utility to do so.",[2976,4539,4541],{"className":2978,"code":4540,"language":2980,"meta":2981,"style":2981},"\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",[2857,4542,4543,4563,4578,4582,4587,4621],{"__ignoreMap":2981},[2985,4544,4545,4547,4549,4551,4553,4555,4557,4559,4561],{"class":2987,"line":2988},[2985,4546,2992],{"class":2991},[2985,4548,2996],{"class":2995},[2985,4550,3000],{"class":2999},[2985,4552,3003],{"class":2999},[2985,4554,3006],{"class":2991},[2985,4556,3009],{"class":2991},[2985,4558,3013],{"class":3012},[2985,4560,3009],{"class":2991},[2985,4562,3018],{"class":2991},[2985,4564,4565,4567,4570,4572,4575],{"class":2987,"line":3021},[2985,4566,3024],{"class":2999},[2985,4568,4569],{"class":3030}," offersStore ",[2985,4571,3006],{"class":2991},[2985,4573,4574],{"class":3044}," useOffersStore",[2985,4576,4577],{"class":3030},"()\n",[2985,4579,4580],{"class":2987,"line":3062},[2985,4581,3065],{"emptyLinePlaceholder":1196},[2985,4583,4584],{"class":2987,"line":3068},[2985,4585,4586],{"class":3148},"// you can't do this\n",[2985,4588,4589,4592,4594,4596,4598,4600,4603,4605,4608,4611,4613,4616,4618],{"class":2987,"line":3085},[2985,4590,4591],{"class":3040},"await",[2985,4593,4039],{"class":3044},[2985,4595,3048],{"class":3030},[2985,4597,4102],{"class":2991},[2985,4599,3615],{"class":2999},[2985,4601,4602],{"class":3030}," offersStore",[2985,4604,2868],{"class":2991},[2985,4606,4607],{"class":3044},"getOffer",[2985,4609,4610],{"class":3030},"(route",[2985,4612,2868],{"class":2991},[2985,4614,4615],{"class":3030},"params",[2985,4617,2868],{"class":2991},[2985,4619,4620],{"class":3030},"slug))\n",[2985,4622,4623,4625,4627],{"class":2987,"line":3115},[2985,4624,3175],{"class":2991},[2985,4626,2996],{"class":2995},[2985,4628,3018],{"class":2991},[3499,4630,4631],{"to":516},[2853,4632,3503,4633,2868],{},[2857,4634,515],{},[2916,4636,4638],{"id":4637},"return-values","Return Values",[2853,4640,4641,2865,4643,4645],{},[2857,4642,527],{},[2857,4644,515],{}," have the same return values listed below.",[2873,4647,4648,4654,4668,4699,4704],{},[2876,4649,4650,4653],{},[2857,4651,4652],{},"data",": the result of the asynchronous function that is passed in.",[2876,4655,4656,4659,4660,4663,4664,4667],{},[2857,4657,4658],{},"refresh","/",[2857,4661,4662],{},"execute",": a function that can be used to refresh the data returned by the ",[2857,4665,4666],{},"handler"," function.",[2876,4669,4670,4673,4674,4676,4677,4680,4681,4684,4685,4676,4688,4691,4692,4676,4695,4698],{},[2857,4671,4672],{},"clear",": a function that can be used to set ",[2857,4675,4652],{}," to ",[2857,4678,4679],{},"undefined"," (or the value of ",[2857,4682,4683],{},"options.default()"," if provided), set ",[2857,4686,4687],{},"error",[2857,4689,4690],{},"null",", set ",[2857,4693,4694],{},"status",[2857,4696,4697],{},"idle",", and mark any currently pending requests as cancelled.",[2876,4700,4701,4703],{},[2857,4702,4687],{},": an error object if the data fetching failed.",[2876,4705,4706,4708,4709,2859,4712,2859,4715,2859,4718,3524],{},[2857,4707,4694],{},": a string indicating the status of the data request (",[2857,4710,4711],{},"\"idle\"",[2857,4713,4714],{},"\"pending\"",[2857,4716,4717],{},"\"success\"",[2857,4719,4720],{},"\"error\"",[3329,4722,4723],{},[2853,4724,4725,2859,4727,2865,4729,4731,4732,4735,4736],{},[2857,4726,4652],{},[2857,4728,4687],{},[2857,4730,4694],{}," are Vue refs accessible with ",[2857,4733,4734],{},".value"," in ",[2857,4737,4738],{},"\u003Cscript setup>",[2853,4740,4741,4742,4744],{},"By default, Nuxt waits until a ",[2857,4743,4658],{}," is finished before it can be executed again.",[3329,4746,4747],{},[2853,4748,4749,4750,4753,4754,4758,4759,4761,4762,4764,4765,2868],{},"If you have not fetched data on the server (for example, with ",[2857,4751,4752],{},"server: false","), then the data ",[4755,4756,4757],"em",{},"will not"," be fetched until hydration completes. This means even if you await ",[2857,4760,527],{}," on client-side, ",[2857,4763,4652],{}," will remain null within ",[2857,4766,4738],{},[2916,4768,4770],{"id":4769},"options","Options",[2853,4772,4773,2865,4777,4781],{},[2861,4774,4775],{"href":516},[2857,4776,515],{},[2861,4778,4779],{"href":528},[2857,4780,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.",[3313,4783,4785],{"id":4784},"lazy","Lazy",[2853,4787,4788,4789,4791,4792,4794],{},"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 ",[2857,4790,4784],{}," option. In that case, you will have to manually handle loading state using the ",[2857,4793,4694],{}," value.",[2976,4796,4798],{"className":2978,"code":4797,"filename":219,"language":2980,"meta":3360,"style":2981},"\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",[2857,4799,4800,4820,4857,4870,4876,4884,4888,4896,4901,4920,4925,4933,4943,4963,4968,4976,4984],{"__ignoreMap":2981},[2985,4801,4802,4804,4806,4808,4810,4812,4814,4816,4818],{"class":2987,"line":2988},[2985,4803,2992],{"class":2991},[2985,4805,2996],{"class":2995},[2985,4807,3000],{"class":2999},[2985,4809,3003],{"class":2999},[2985,4811,3006],{"class":2991},[2985,4813,3009],{"class":2991},[2985,4815,3013],{"class":3012},[2985,4817,3009],{"class":2991},[2985,4819,3018],{"class":2991},[2985,4821,4822,4824,4826,4829,4831,4833,4835,4838,4840,4842,4844,4846,4848,4851,4853,4855],{"class":2987,"line":3021},[2985,4823,3024],{"class":2999},[2985,4825,3027],{"class":2991},[2985,4827,4828],{"class":3030}," status",[2985,4830,3110],{"class":2991},[2985,4832,3850],{"class":2995},[2985,4834,3121],{"class":2991},[2985,4836,4837],{"class":3030}," posts ",[2985,4839,3034],{"class":2991},[2985,4841,3037],{"class":2991},[2985,4843,3045],{"class":3044},[2985,4845,3048],{"class":3030},[2985,4847,3051],{"class":2991},[2985,4849,4850],{"class":3012},"/api/posts",[2985,4852,3051],{"class":2991},[2985,4854,3110],{"class":2991},[2985,4856,3082],{"class":2991},[2985,4858,4859,4862,4864,4868],{"class":2987,"line":3062},[2985,4860,4861],{"class":2995},"  lazy",[2985,4863,3121],{"class":2991},[2985,4865,4867],{"class":4866},"sbKd-"," true",[2985,4869,3132],{"class":2991},[2985,4871,4872,4874],{"class":2987,"line":3068},[2985,4873,3034],{"class":2991},[2985,4875,3059],{"class":3030},[2985,4877,4878,4880,4882],{"class":2987,"line":3085},[2985,4879,3175],{"class":2991},[2985,4881,2996],{"class":2995},[2985,4883,3018],{"class":2991},[2985,4885,4886],{"class":2987,"line":3115},[2985,4887,3065],{"emptyLinePlaceholder":1196},[2985,4889,4890,4892,4894],{"class":2987,"line":3135},[2985,4891,2992],{"class":2991},[2985,4893,3192],{"class":2995},[2985,4895,3018],{"class":2991},[2985,4897,4898],{"class":2987,"line":3145},[2985,4899,4900],{"class":3148},"  \u003C!-- you will need to handle a loading state -->\n",[2985,4902,4903,4905,4907,4909,4911,4913,4916,4918],{"class":2987,"line":3152},[2985,4904,3200],{"class":2991},[2985,4906,3203],{"class":2995},[2985,4908,3206],{"class":2999},[2985,4910,3006],{"class":2991},[2985,4912,3009],{"class":2991},[2985,4914,4915],{"class":3012},"status === 'pending'",[2985,4917,3009],{"class":2991},[2985,4919,3018],{"class":2991},[2985,4921,4922],{"class":2987,"line":3158},[2985,4923,4924],{"class":3030},"    Loading ...\n",[2985,4926,4927,4929,4931],{"class":2987,"line":3166},[2985,4928,3229],{"class":2991},[2985,4930,3203],{"class":2995},[2985,4932,3018],{"class":2991},[2985,4934,4935,4937,4939,4941],{"class":2987,"line":3172},[2985,4936,3200],{"class":2991},[2985,4938,3203],{"class":2995},[2985,4940,3243],{"class":2999},[2985,4942,3018],{"class":2991},[2985,4944,4945,4947,4949,4952,4954,4956,4959,4961],{"class":2987,"line":3182},[2985,4946,3251],{"class":2991},[2985,4948,3203],{"class":2995},[2985,4950,4951],{"class":2999}," v-for",[2985,4953,3006],{"class":2991},[2985,4955,3009],{"class":2991},[2985,4957,4958],{"class":3012},"post in posts",[2985,4960,3009],{"class":2991},[2985,4962,3018],{"class":2991},[2985,4964,4965],{"class":2987,"line":3187},[2985,4966,4967],{"class":3148},"      \u003C!-- do something -->\n",[2985,4969,4970,4972,4974],{"class":2987,"line":3197},[2985,4971,3280],{"class":2991},[2985,4973,3203],{"class":2995},[2985,4975,3018],{"class":2991},[2985,4977,4978,4980,4982],{"class":2987,"line":3220},[2985,4979,3229],{"class":2991},[2985,4981,3203],{"class":2995},[2985,4983,3018],{"class":2991},[2985,4985,4986,4988,4990],{"class":2987,"line":3226},[2985,4987,3175],{"class":2991},[2985,4989,3192],{"class":2995},[2985,4991,3018],{"class":2991},[2853,4993,4994,4995,2865,4999,5001],{},"You can alternatively use ",[2861,4996,4997],{"href":548},[2857,4998,547],{},[2857,5000,543],{}," as convenient methods to perform the same.",[2976,5003,5005],{"className":2978,"code":5004,"language":2980,"meta":3360,"style":2981},"\u003Cscript setup lang=\"ts\">\nconst { status, data: posts } = useLazyFetch('/api/posts')\n\u003C/script>\n",[2857,5006,5007,5027,5060],{"__ignoreMap":2981},[2985,5008,5009,5011,5013,5015,5017,5019,5021,5023,5025],{"class":2987,"line":2988},[2985,5010,2992],{"class":2991},[2985,5012,2996],{"class":2995},[2985,5014,3000],{"class":2999},[2985,5016,3003],{"class":2999},[2985,5018,3006],{"class":2991},[2985,5020,3009],{"class":2991},[2985,5022,3013],{"class":3012},[2985,5024,3009],{"class":2991},[2985,5026,3018],{"class":2991},[2985,5028,5029,5031,5033,5035,5037,5039,5041,5043,5045,5047,5050,5052,5054,5056,5058],{"class":2987,"line":3021},[2985,5030,3024],{"class":2999},[2985,5032,3027],{"class":2991},[2985,5034,4828],{"class":3030},[2985,5036,3110],{"class":2991},[2985,5038,3850],{"class":2995},[2985,5040,3121],{"class":2991},[2985,5042,4837],{"class":3030},[2985,5044,3034],{"class":2991},[2985,5046,3037],{"class":2991},[2985,5048,5049],{"class":3044}," useLazyFetch",[2985,5051,3048],{"class":3030},[2985,5053,3051],{"class":2991},[2985,5055,4850],{"class":3012},[2985,5057,3051],{"class":2991},[2985,5059,3059],{"class":3030},[2985,5061,5062,5064,5066],{"class":2987,"line":3062},[2985,5063,3175],{"class":2991},[2985,5065,2996],{"class":2995},[2985,5067,3018],{"class":2991},[3499,5069,5070],{"to":548},[2853,5071,3503,5072,2868],{},[2857,5073,547],{},[3499,5075,5076],{"to":544},[2853,5077,3503,5078,2868],{},[2857,5079,543],{},[3933,5081],{"title":5082,"video-id":5083,"platform":5084},"Watch a video from Vue School on blocking vs. non-blocking (lazy) requests","1022000555","vimeo",[3313,5086,5088],{"id":5087},"client-only-fetching","Client-only fetching",[2853,5090,5091,5092,5094,5095,5098],{},"By default, data fetching composables will perform their asynchronous function on both client and server environments. Set the ",[2857,5093,185],{}," option to ",[2857,5096,5097],{},"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.",[2853,5100,5101,5102,5104],{},"Combined with the ",[2857,5103,4784],{}," option, this can be useful for data that is not needed on the first render (for example, non-SEO sensitive data).",[2976,5106,5108],{"className":3587,"code":5107,"language":3013,"meta":3360,"style":2981},"/* 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",[2857,5109,5110,5115,5139,5143,5148,5184,5194,5206],{"__ignoreMap":2981},[2985,5111,5112],{"class":2987,"line":2988},[2985,5113,5114],{"class":3148},"/* This call is performed before hydration */\n",[2985,5116,5117,5119,5122,5124,5126,5128,5130,5132,5135,5137],{"class":2987,"line":3021},[2985,5118,3024],{"class":2999},[2985,5120,5121],{"class":3030}," articles ",[2985,5123,3006],{"class":2991},[2985,5125,3041],{"class":3040},[2985,5127,3045],{"class":3044},[2985,5129,3048],{"class":3030},[2985,5131,3051],{"class":2991},[2985,5133,5134],{"class":3012},"/api/article",[2985,5136,3051],{"class":2991},[2985,5138,3059],{"class":3030},[2985,5140,5141],{"class":2987,"line":3062},[2985,5142,3065],{"emptyLinePlaceholder":1196},[2985,5144,5145],{"class":2987,"line":3068},[2985,5146,5147],{"class":3148},"/* This call will only be performed on the client */\n",[2985,5149,5150,5152,5154,5156,5158,5160,5162,5165,5167,5169,5171,5173,5175,5178,5180,5182],{"class":2987,"line":3085},[2985,5151,3024],{"class":2999},[2985,5153,3027],{"class":2991},[2985,5155,4828],{"class":3030},[2985,5157,3110],{"class":2991},[2985,5159,3850],{"class":2995},[2985,5161,3121],{"class":2991},[2985,5163,5164],{"class":3030}," comments ",[2985,5166,3034],{"class":2991},[2985,5168,3037],{"class":2991},[2985,5170,3045],{"class":3044},[2985,5172,3048],{"class":3030},[2985,5174,3051],{"class":2991},[2985,5176,5177],{"class":3012},"/api/comments",[2985,5179,3051],{"class":2991},[2985,5181,3110],{"class":2991},[2985,5183,3082],{"class":2991},[2985,5185,5186,5188,5190,5192],{"class":2987,"line":3115},[2985,5187,4861],{"class":2995},[2985,5189,3121],{"class":2991},[2985,5191,4867],{"class":4866},[2985,5193,3132],{"class":2991},[2985,5195,5196,5199,5201,5204],{"class":2987,"line":3135},[2985,5197,5198],{"class":2995},"  server",[2985,5200,3121],{"class":2991},[2985,5202,5203],{"class":4866}," false",[2985,5205,3132],{"class":2991},[2985,5207,5208,5210],{"class":2987,"line":3145},[2985,5209,3034],{"class":2991},[2985,5211,3059],{"class":3030},[2853,5213,2935,5214,5216,5217,2868],{},[2857,5215,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 ",[2861,5218,5220,5222],{"href":5219},"/docs/3.x/getting-started/data-fetching#fetch",[2857,5221,630],{}," method",[3313,5224,5226],{"id":5225},"minimize-payload-size","Minimize payload size",[2853,5228,2935,5229,5232],{},[2857,5230,5231],{},"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.",[2976,5234,5236],{"className":2978,"code":5235,"language":2980,"meta":2981,"style":2981},"\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",[2857,5237,5238,5258,5263,5297,5326,5332,5340,5344,5352,5370,5387],{"__ignoreMap":2981},[2985,5239,5240,5242,5244,5246,5248,5250,5252,5254,5256],{"class":2987,"line":2988},[2985,5241,2992],{"class":2991},[2985,5243,2996],{"class":2995},[2985,5245,3000],{"class":2999},[2985,5247,3003],{"class":2999},[2985,5249,3006],{"class":2991},[2985,5251,3009],{"class":2991},[2985,5253,3013],{"class":3012},[2985,5255,3009],{"class":2991},[2985,5257,3018],{"class":2991},[2985,5259,5260],{"class":2987,"line":3021},[2985,5261,5262],{"class":3148},"/* only pick the fields used in your template */\n",[2985,5264,5265,5267,5269,5271,5273,5276,5278,5280,5282,5284,5286,5288,5291,5293,5295],{"class":2987,"line":3062},[2985,5266,3024],{"class":2999},[2985,5268,3027],{"class":2991},[2985,5270,3850],{"class":2995},[2985,5272,3121],{"class":2991},[2985,5274,5275],{"class":3030}," mountain ",[2985,5277,3034],{"class":2991},[2985,5279,3037],{"class":2991},[2985,5281,3041],{"class":3040},[2985,5283,3045],{"class":3044},[2985,5285,3048],{"class":3030},[2985,5287,3051],{"class":2991},[2985,5289,5290],{"class":3012},"/api/mountains/everest",[2985,5292,3051],{"class":2991},[2985,5294,3110],{"class":2991},[2985,5296,3082],{"class":2991},[2985,5298,5299,5302,5304,5306,5308,5311,5313,5315,5317,5320,5322,5324],{"class":2987,"line":3068},[2985,5300,5301],{"class":2995},"  pick",[2985,5303,3121],{"class":2991},[2985,5305,4397],{"class":3030},[2985,5307,3051],{"class":2991},[2985,5309,5310],{"class":3012},"title",[2985,5312,3051],{"class":2991},[2985,5314,3110],{"class":2991},[2985,5316,3124],{"class":2991},[2985,5318,5319],{"class":3012},"description",[2985,5321,3051],{"class":2991},[2985,5323,4408],{"class":3030},[2985,5325,3132],{"class":2991},[2985,5327,5328,5330],{"class":2987,"line":3085},[2985,5329,3034],{"class":2991},[2985,5331,3059],{"class":3030},[2985,5333,5334,5336,5338],{"class":2987,"line":3115},[2985,5335,3175],{"class":2991},[2985,5337,2996],{"class":2995},[2985,5339,3018],{"class":2991},[2985,5341,5342],{"class":2987,"line":3135},[2985,5343,3065],{"emptyLinePlaceholder":1196},[2985,5345,5346,5348,5350],{"class":2987,"line":3145},[2985,5347,2992],{"class":2991},[2985,5349,3192],{"class":2995},[2985,5351,3018],{"class":2991},[2985,5353,5354,5356,5359,5361,5364,5366,5368],{"class":2987,"line":3152},[2985,5355,3200],{"class":2991},[2985,5357,5358],{"class":2995},"h1",[2985,5360,3903],{"class":2991},[2985,5362,5363],{"class":3030},"{{ mountain.title }}",[2985,5365,3175],{"class":2991},[2985,5367,5358],{"class":2995},[2985,5369,3018],{"class":2991},[2985,5371,5372,5374,5376,5378,5381,5383,5385],{"class":2987,"line":3158},[2985,5373,3200],{"class":2991},[2985,5375,2853],{"class":2995},[2985,5377,3903],{"class":2991},[2985,5379,5380],{"class":3030},"{{ mountain.description }}",[2985,5382,3175],{"class":2991},[2985,5384,2853],{"class":2995},[2985,5386,3018],{"class":2991},[2985,5388,5389,5391,5393],{"class":2987,"line":3166},[2985,5390,3175],{"class":2991},[2985,5392,3192],{"class":2995},[2985,5394,3018],{"class":2991},[2853,5396,5397,5398,5401],{},"If you need more control or map over several objects, you can use the ",[2857,5399,5400],{},"transform"," function to alter the result of the query.",[2976,5403,5405],{"className":3587,"code":5404,"language":3013,"meta":2981,"style":2981},"const { data: mountains } = await useFetch('/api/mountains', {\n  transform: (mountains) => {\n    return mountains.map(mountain => ({ title: mountain.title, description: mountain.description }))\n  },\n})\n",[2857,5406,5407,5441,5459,5513,5518],{"__ignoreMap":2981},[2985,5408,5409,5411,5413,5415,5417,5420,5422,5424,5426,5428,5430,5432,5435,5437,5439],{"class":2987,"line":2988},[2985,5410,3024],{"class":2999},[2985,5412,3027],{"class":2991},[2985,5414,3850],{"class":2995},[2985,5416,3121],{"class":2991},[2985,5418,5419],{"class":3030}," mountains ",[2985,5421,3034],{"class":2991},[2985,5423,3037],{"class":2991},[2985,5425,3041],{"class":3040},[2985,5427,3045],{"class":3044},[2985,5429,3048],{"class":3030},[2985,5431,3051],{"class":2991},[2985,5433,5434],{"class":3012},"/api/mountains",[2985,5436,3051],{"class":2991},[2985,5438,3110],{"class":2991},[2985,5440,3082],{"class":2991},[2985,5442,5443,5446,5448,5450,5453,5455,5457],{"class":2987,"line":3021},[2985,5444,5445],{"class":3044},"  transform",[2985,5447,3121],{"class":2991},[2985,5449,4373],{"class":2991},[2985,5451,5452],{"class":3611},"mountains",[2985,5454,4449],{"class":2991},[2985,5456,3615],{"class":2999},[2985,5458,3082],{"class":2991},[2985,5460,5461,5464,5467,5469,5472,5474,5477,5479,5481,5484,5487,5489,5492,5494,5496,5498,5501,5503,5505,5507,5509,5511],{"class":2987,"line":3062},[2985,5462,5463],{"class":3040},"    return",[2985,5465,5466],{"class":3030}," mountains",[2985,5468,2868],{"class":2991},[2985,5470,5471],{"class":3044},"map",[2985,5473,3048],{"class":2995},[2985,5475,5476],{"class":3611},"mountain",[2985,5478,3615],{"class":2999},[2985,5480,4373],{"class":2995},[2985,5482,5483],{"class":2991},"{",[2985,5485,5486],{"class":2995}," title",[2985,5488,3121],{"class":2991},[2985,5490,5491],{"class":3030}," mountain",[2985,5493,2868],{"class":2991},[2985,5495,5310],{"class":3030},[2985,5497,3110],{"class":2991},[2985,5499,5500],{"class":2995}," description",[2985,5502,3121],{"class":2991},[2985,5504,5491],{"class":3030},[2985,5506,2868],{"class":2991},[2985,5508,5319],{"class":3030},[2985,5510,3732],{"class":2991},[2985,5512,4068],{"class":2995},[2985,5514,5515],{"class":2987,"line":3068},[2985,5516,5517],{"class":2991},"  },\n",[2985,5519,5520,5522],{"class":2987,"line":3085},[2985,5521,3034],{"class":2991},[2985,5523,3059],{"class":3030},[3329,5525,5526],{},[2853,5527,2909,5528,2865,5530,5532],{},[2857,5529,5231],{},[2857,5531,5400],{}," 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.",[3933,5534],{"title":5535,"video-id":5536,"platform":5084},"Watch a video from Vue School on minimizing payload size","1026410430",[3313,5538,5540],{"id":5539},"caching-and-refetching","Caching and refetching",[5542,5543,5545],"h4",{"id":5544},"keys","Keys",[2853,5547,5548,2865,5552,5556],{},[2861,5549,5550],{"href":528},[2857,5551,527],{},[2861,5553,5554],{"href":516},[2857,5555,515],{}," use keys to prevent refetching the same data.",[2873,5558,5559,5573],{},[2876,5560,5561,5565,5566,5569,5570,5572],{},[2861,5562,5563],{"href":528},[2857,5564,527],{}," uses the provided URL as a key. Alternatively, a ",[2857,5567,5568],{},"key"," value can be provided in the ",[2857,5571,4769],{}," object passed as a last argument.",[2876,5574,5575,5579,5580,5582],{},[2861,5576,5577],{"href":516},[2857,5578,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 ",[2857,5581,515],{}," will be generated for you.",[2959,5584,5585],{},[2853,5586,5587,5588],{},"To get the cached data by key, you can use ",[2861,5589,5590],{"href":560},[2857,5591,559],{},[3933,5593],{"title":5594,"video-id":5595,"platform":5084},"Watch a video from Vue School on caching data with the key option","1026410044",[5542,5597,5599],{"id":5598},"shared-state-and-option-consistency","Shared State and Option Consistency",[2853,5601,5602,5603,5605,5606,5608,5609,2859,5611,2865,5613,5615],{},"When multiple components use the same key with ",[2857,5604,515],{}," or ",[2857,5607,527],{},", they will share the same ",[2857,5610,4652],{},[2857,5612,4687],{},[2857,5614,4694],{}," refs. This ensures consistency across components but requires some options to be consistent.",[2853,5617,5618,5619,5622],{},"The following options ",[2972,5620,5621],{},"must be consistent"," across all calls with the same key:",[2873,5624,5625,5629,5635,5639,5644,5649],{},[2876,5626,5627,2931],{},[2857,5628,4666],{},[2876,5630,5631,5634],{},[2857,5632,5633],{},"deep"," option",[2876,5636,5637,2931],{},[2857,5638,5400],{},[2876,5640,5641,5643],{},[2857,5642,5231],{}," array",[2876,5645,5646,2931],{},[2857,5647,5648],{},"getCachedData",[2876,5650,5651,5654],{},[2857,5652,5653],{},"default"," value",[2976,5656,5658],{"className":3587,"code":5657,"language":3013,"meta":2981,"style":2981},"// ❌ 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",[2857,5659,5660,5665,5745],{"__ignoreMap":2981},[2985,5661,5662],{"class":2987,"line":2988},[2985,5663,5664],{"class":3148},"// ❌ This will trigger a development warning\n",[2985,5666,5667,5669,5671,5673,5675,5678,5680,5682,5684,5686,5688,5690,5692,5694,5696,5698,5700,5702,5704,5706,5708,5710,5712,5714,5717,5719,5721,5723,5726,5728,5730,5732,5734,5737,5739,5741,5743],{"class":2987,"line":3021},[2985,5668,3024],{"class":2999},[2985,5670,3027],{"class":2991},[2985,5672,3850],{"class":2995},[2985,5674,3121],{"class":2991},[2985,5676,5677],{"class":3030}," users1 ",[2985,5679,3034],{"class":2991},[2985,5681,3037],{"class":2991},[2985,5683,4039],{"class":3044},[2985,5685,3048],{"class":3030},[2985,5687,3051],{"class":2991},[2985,5689,4046],{"class":3012},[2985,5691,3051],{"class":2991},[2985,5693,3110],{"class":2991},[2985,5695,4373],{"class":2991},[2985,5697,4376],{"class":3611},[2985,5699,3110],{"class":2991},[2985,5701,3027],{"class":2991},[2985,5703,4383],{"class":3611},[2985,5705,4386],{"class":2991},[2985,5707,3615],{"class":2999},[2985,5709,3098],{"class":3044},[2985,5711,3048],{"class":3030},[2985,5713,3051],{"class":2991},[2985,5715,5716],{"class":3012},"/api/users",[2985,5718,3051],{"class":2991},[2985,5720,3110],{"class":2991},[2985,5722,3027],{"class":2991},[2985,5724,5725],{"class":3030}," signal ",[2985,5727,3034],{"class":2991},[2985,5729,4449],{"class":3030},[2985,5731,3110],{"class":2991},[2985,5733,3027],{"class":2991},[2985,5735,5736],{"class":2995}," deep",[2985,5738,3121],{"class":2991},[2985,5740,5203],{"class":4866},[2985,5742,3732],{"class":2991},[2985,5744,3059],{"class":3030},[2985,5746,5747,5749,5751,5753,5755,5758,5760,5762,5764,5766,5768,5770,5772,5774,5776,5778,5780,5782,5784,5786,5788,5790,5792,5794,5796,5798,5800,5802,5804,5806,5808,5810,5812,5814,5816,5818,5820],{"class":2987,"line":3062},[2985,5748,3024],{"class":2999},[2985,5750,3027],{"class":2991},[2985,5752,3850],{"class":2995},[2985,5754,3121],{"class":2991},[2985,5756,5757],{"class":3030}," users2 ",[2985,5759,3034],{"class":2991},[2985,5761,3037],{"class":2991},[2985,5763,4039],{"class":3044},[2985,5765,3048],{"class":3030},[2985,5767,3051],{"class":2991},[2985,5769,4046],{"class":3012},[2985,5771,3051],{"class":2991},[2985,5773,3110],{"class":2991},[2985,5775,4373],{"class":2991},[2985,5777,4376],{"class":3611},[2985,5779,3110],{"class":2991},[2985,5781,3027],{"class":2991},[2985,5783,4383],{"class":3611},[2985,5785,4386],{"class":2991},[2985,5787,3615],{"class":2999},[2985,5789,3098],{"class":3044},[2985,5791,3048],{"class":3030},[2985,5793,3051],{"class":2991},[2985,5795,5716],{"class":3012},[2985,5797,3051],{"class":2991},[2985,5799,3110],{"class":2991},[2985,5801,3027],{"class":2991},[2985,5803,5725],{"class":3030},[2985,5805,3034],{"class":2991},[2985,5807,4449],{"class":3030},[2985,5809,3110],{"class":2991},[2985,5811,3027],{"class":2991},[2985,5813,5736],{"class":2995},[2985,5815,3121],{"class":2991},[2985,5817,4867],{"class":4866},[2985,5819,3732],{"class":2991},[2985,5821,3059],{"class":3030},[2853,5823,5618,5824,5827],{},[2972,5825,5826],{},"can safely differ"," without triggering warnings:",[2873,5829,5830,5834,5838,5843,5848],{},[2876,5831,5832],{},[2857,5833,185],{},[2876,5835,5836],{},[2857,5837,4784],{},[2876,5839,5840],{},[2857,5841,5842],{},"immediate",[2876,5844,5845],{},[2857,5846,5847],{},"dedupe",[2876,5849,5850],{},[2857,5851,5852],{},"watch",[2976,5854,5856],{"className":3587,"code":5855,"language":3013,"meta":2981,"style":2981},"// ✅ 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",[2857,5857,5858,5863,5940],{"__ignoreMap":2981},[2985,5859,5860],{"class":2987,"line":2988},[2985,5861,5862],{"class":3148},"// ✅ This is allowed\n",[2985,5864,5865,5867,5869,5871,5873,5875,5877,5879,5881,5883,5885,5887,5889,5891,5893,5895,5897,5899,5901,5903,5905,5907,5909,5911,5913,5915,5917,5919,5921,5923,5925,5927,5929,5932,5934,5936,5938],{"class":2987,"line":3021},[2985,5866,3024],{"class":2999},[2985,5868,3027],{"class":2991},[2985,5870,3850],{"class":2995},[2985,5872,3121],{"class":2991},[2985,5874,5677],{"class":3030},[2985,5876,3034],{"class":2991},[2985,5878,3037],{"class":2991},[2985,5880,4039],{"class":3044},[2985,5882,3048],{"class":3030},[2985,5884,3051],{"class":2991},[2985,5886,4046],{"class":3012},[2985,5888,3051],{"class":2991},[2985,5890,3110],{"class":2991},[2985,5892,4373],{"class":2991},[2985,5894,4376],{"class":3611},[2985,5896,3110],{"class":2991},[2985,5898,3027],{"class":2991},[2985,5900,4383],{"class":3611},[2985,5902,4386],{"class":2991},[2985,5904,3615],{"class":2999},[2985,5906,3098],{"class":3044},[2985,5908,3048],{"class":3030},[2985,5910,3051],{"class":2991},[2985,5912,5716],{"class":3012},[2985,5914,3051],{"class":2991},[2985,5916,3110],{"class":2991},[2985,5918,3027],{"class":2991},[2985,5920,5725],{"class":3030},[2985,5922,3034],{"class":2991},[2985,5924,4449],{"class":3030},[2985,5926,3110],{"class":2991},[2985,5928,3027],{"class":2991},[2985,5930,5931],{"class":2995}," immediate",[2985,5933,3121],{"class":2991},[2985,5935,4867],{"class":4866},[2985,5937,3732],{"class":2991},[2985,5939,3059],{"class":3030},[2985,5941,5942,5944,5946,5948,5950,5952,5954,5956,5958,5960,5962,5964,5966,5968,5970,5972,5974,5976,5978,5980,5982,5984,5986,5988,5990,5992,5994,5996,5998,6000,6002,6004,6006,6008,6010,6012,6014],{"class":2987,"line":3062},[2985,5943,3024],{"class":2999},[2985,5945,3027],{"class":2991},[2985,5947,3850],{"class":2995},[2985,5949,3121],{"class":2991},[2985,5951,5757],{"class":3030},[2985,5953,3034],{"class":2991},[2985,5955,3037],{"class":2991},[2985,5957,4039],{"class":3044},[2985,5959,3048],{"class":3030},[2985,5961,3051],{"class":2991},[2985,5963,4046],{"class":3012},[2985,5965,3051],{"class":2991},[2985,5967,3110],{"class":2991},[2985,5969,4373],{"class":2991},[2985,5971,4376],{"class":3611},[2985,5973,3110],{"class":2991},[2985,5975,3027],{"class":2991},[2985,5977,4383],{"class":3611},[2985,5979,4386],{"class":2991},[2985,5981,3615],{"class":2999},[2985,5983,3098],{"class":3044},[2985,5985,3048],{"class":3030},[2985,5987,3051],{"class":2991},[2985,5989,5716],{"class":3012},[2985,5991,3051],{"class":2991},[2985,5993,3110],{"class":2991},[2985,5995,3027],{"class":2991},[2985,5997,5725],{"class":3030},[2985,5999,3034],{"class":2991},[2985,6001,4449],{"class":3030},[2985,6003,3110],{"class":2991},[2985,6005,3027],{"class":2991},[2985,6007,5931],{"class":2995},[2985,6009,3121],{"class":2991},[2985,6011,5203],{"class":4866},[2985,6013,3732],{"class":2991},[2985,6015,3059],{"class":3030},[2853,6017,6018],{},"If you need independent instances, use different keys:",[2976,6020,6022],{"className":3587,"code":6021,"language":3013,"meta":2981,"style":2981},"// 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",[2857,6023,6024,6029,6092],{"__ignoreMap":2981},[2985,6025,6026],{"class":2987,"line":2988},[2985,6027,6028],{"class":3148},"// These are completely independent instances\n",[2985,6030,6031,6033,6035,6037,6039,6041,6043,6045,6047,6049,6051,6054,6056,6058,6060,6062,6064,6066,6068,6070,6072,6074,6076,6078,6080,6082,6084,6086,6088,6090],{"class":2987,"line":3021},[2985,6032,3024],{"class":2999},[2985,6034,3027],{"class":2991},[2985,6036,3850],{"class":2995},[2985,6038,3121],{"class":2991},[2985,6040,5677],{"class":3030},[2985,6042,3034],{"class":2991},[2985,6044,3037],{"class":2991},[2985,6046,4039],{"class":3044},[2985,6048,3048],{"class":3030},[2985,6050,3051],{"class":2991},[2985,6052,6053],{"class":3012},"users-1",[2985,6055,3051],{"class":2991},[2985,6057,3110],{"class":2991},[2985,6059,4373],{"class":2991},[2985,6061,4376],{"class":3611},[2985,6063,3110],{"class":2991},[2985,6065,3027],{"class":2991},[2985,6067,4383],{"class":3611},[2985,6069,4386],{"class":2991},[2985,6071,3615],{"class":2999},[2985,6073,3098],{"class":3044},[2985,6075,3048],{"class":3030},[2985,6077,3051],{"class":2991},[2985,6079,5716],{"class":3012},[2985,6081,3051],{"class":2991},[2985,6083,3110],{"class":2991},[2985,6085,3027],{"class":2991},[2985,6087,5725],{"class":3030},[2985,6089,3034],{"class":2991},[2985,6091,4068],{"class":3030},[2985,6093,6094,6096,6098,6100,6102,6104,6106,6108,6110,6112,6114,6117,6119,6121,6123,6125,6127,6129,6131,6133,6135,6137,6139,6141,6143,6145,6147,6149,6151,6153],{"class":2987,"line":3062},[2985,6095,3024],{"class":2999},[2985,6097,3027],{"class":2991},[2985,6099,3850],{"class":2995},[2985,6101,3121],{"class":2991},[2985,6103,5757],{"class":3030},[2985,6105,3034],{"class":2991},[2985,6107,3037],{"class":2991},[2985,6109,4039],{"class":3044},[2985,6111,3048],{"class":3030},[2985,6113,3051],{"class":2991},[2985,6115,6116],{"class":3012},"users-2",[2985,6118,3051],{"class":2991},[2985,6120,3110],{"class":2991},[2985,6122,4373],{"class":2991},[2985,6124,4376],{"class":3611},[2985,6126,3110],{"class":2991},[2985,6128,3027],{"class":2991},[2985,6130,4383],{"class":3611},[2985,6132,4386],{"class":2991},[2985,6134,3615],{"class":2999},[2985,6136,3098],{"class":3044},[2985,6138,3048],{"class":3030},[2985,6140,3051],{"class":2991},[2985,6142,5716],{"class":3012},[2985,6144,3051],{"class":2991},[2985,6146,3110],{"class":2991},[2985,6148,3027],{"class":2991},[2985,6150,5725],{"class":3030},[2985,6152,3034],{"class":2991},[2985,6154,4068],{"class":3030},[5542,6156,6158],{"id":6157},"reactive-keys","Reactive Keys",[2853,6160,6161],{},"You can use computed refs, plain refs or getter functions as keys, allowing for dynamic data fetching that automatically updates when dependencies change:",[2976,6163,6165],{"className":3587,"code":6164,"language":3013,"meta":2981,"style":2981},"// 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",[2857,6166,6167,6172,6195,6217,6250,6270,6274,6278,6283,6288],{"__ignoreMap":2981},[2985,6168,6169],{"class":2987,"line":2988},[2985,6170,6171],{"class":3148},"// Using a computed property as a key\n",[2985,6173,6174,6176,6179,6181,6184,6186,6188,6191,6193],{"class":2987,"line":3021},[2985,6175,3024],{"class":2999},[2985,6177,6178],{"class":3030}," userId ",[2985,6180,3006],{"class":2991},[2985,6182,6183],{"class":3044}," ref",[2985,6185,3048],{"class":3030},[2985,6187,3051],{"class":2991},[2985,6189,6190],{"class":3012},"123",[2985,6192,3051],{"class":2991},[2985,6194,3059],{"class":3030},[2985,6196,6197,6199,6201,6203,6205,6208,6210,6212,6214],{"class":2987,"line":3062},[2985,6198,3024],{"class":2999},[2985,6200,3027],{"class":2991},[2985,6202,3850],{"class":2995},[2985,6204,3121],{"class":2991},[2985,6206,6207],{"class":3030}," user ",[2985,6209,3034],{"class":2991},[2985,6211,3037],{"class":2991},[2985,6213,4039],{"class":3044},[2985,6215,6216],{"class":3030},"(\n",[2985,6218,6219,6222,6224,6226,6228,6231,6234,6236,6239,6241,6244,6246,6248],{"class":2987,"line":3068},[2985,6220,6221],{"class":3044},"  computed",[2985,6223,3048],{"class":3030},[2985,6225,4102],{"class":2991},[2985,6227,3615],{"class":2999},[2985,6229,6230],{"class":2991}," `",[2985,6232,6233],{"class":3012},"user-",[2985,6235,4244],{"class":2991},[2985,6237,6238],{"class":3030},"userId",[2985,6240,2868],{"class":2991},[2985,6242,6243],{"class":3030},"value",[2985,6245,4250],{"class":2991},[2985,6247,4449],{"class":3030},[2985,6249,3132],{"class":2991},[2985,6251,6252,6255,6257,6260,6263,6265,6268],{"class":2987,"line":3085},[2985,6253,6254],{"class":2991},"  ()",[2985,6256,3615],{"class":2999},[2985,6258,6259],{"class":3044}," fetchUser",[2985,6261,6262],{"class":3030},"(userId",[2985,6264,2868],{"class":2991},[2985,6266,6267],{"class":3030},"value)",[2985,6269,3132],{"class":2991},[2985,6271,6272],{"class":2987,"line":3115},[2985,6273,3059],{"class":3030},[2985,6275,6276],{"class":2987,"line":3135},[2985,6277,3065],{"emptyLinePlaceholder":1196},[2985,6279,6280],{"class":2987,"line":3145},[2985,6281,6282],{"class":3148},"// When userId changes, the data will be automatically refetched\n",[2985,6284,6285],{"class":2987,"line":3152},[2985,6286,6287],{"class":3148},"// and the old data will be cleaned up if no other components use it\n",[2985,6289,6290,6292,6294,6297,6299,6301,6304],{"class":2987,"line":3158},[2985,6291,6238],{"class":3030},[2985,6293,2868],{"class":2991},[2985,6295,6296],{"class":3030},"value ",[2985,6298,3006],{"class":2991},[2985,6300,3124],{"class":2991},[2985,6302,6303],{"class":3012},"456",[2985,6305,6306],{"class":2991},"'\n",[5542,6308,6310],{"id":6309},"refresh-and-execute","Refresh and execute",[2853,6312,6313,6314,5605,6316,6318],{},"If you want to fetch or refresh data manually, use the ",[2857,6315,4662],{},[2857,6317,4658],{}," function provided by the composables.",[2976,6320,6322],{"className":2978,"code":6321,"language":2980,"meta":3360,"style":2981},"\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",[2857,6323,6324,6344,6385,6393,6397,6405,6413,6430,6451,6456,6464,6472],{"__ignoreMap":2981},[2985,6325,6326,6328,6330,6332,6334,6336,6338,6340,6342],{"class":2987,"line":2988},[2985,6327,2992],{"class":2991},[2985,6329,2996],{"class":2995},[2985,6331,3000],{"class":2999},[2985,6333,3003],{"class":2999},[2985,6335,3006],{"class":2991},[2985,6337,3009],{"class":2991},[2985,6339,3013],{"class":3012},[2985,6341,3009],{"class":2991},[2985,6343,3018],{"class":2991},[2985,6345,6346,6348,6350,6352,6354,6357,6359,6362,6364,6367,6369,6371,6373,6375,6377,6379,6381,6383],{"class":2987,"line":3021},[2985,6347,3024],{"class":2999},[2985,6349,3027],{"class":2991},[2985,6351,3850],{"class":3030},[2985,6353,3110],{"class":2991},[2985,6355,6356],{"class":3030}," error",[2985,6358,3110],{"class":2991},[2985,6360,6361],{"class":3030}," execute",[2985,6363,3110],{"class":2991},[2985,6365,6366],{"class":3030}," refresh ",[2985,6368,3034],{"class":2991},[2985,6370,3037],{"class":2991},[2985,6372,3041],{"class":3040},[2985,6374,3045],{"class":3044},[2985,6376,3048],{"class":3030},[2985,6378,3051],{"class":2991},[2985,6380,5716],{"class":3012},[2985,6382,3051],{"class":2991},[2985,6384,3059],{"class":3030},[2985,6386,6387,6389,6391],{"class":2987,"line":3062},[2985,6388,3175],{"class":2991},[2985,6390,2996],{"class":2995},[2985,6392,3018],{"class":2991},[2985,6394,6395],{"class":2987,"line":3068},[2985,6396,3065],{"emptyLinePlaceholder":1196},[2985,6398,6399,6401,6403],{"class":2987,"line":3085},[2985,6400,2992],{"class":2991},[2985,6402,3192],{"class":2995},[2985,6404,3018],{"class":2991},[2985,6406,6407,6409,6411],{"class":2987,"line":3115},[2985,6408,3200],{"class":2991},[2985,6410,3203],{"class":2995},[2985,6412,3018],{"class":2991},[2985,6414,6415,6417,6419,6421,6424,6426,6428],{"class":2987,"line":3135},[2985,6416,3251],{"class":2991},[2985,6418,2853],{"class":2995},[2985,6420,3903],{"class":2991},[2985,6422,6423],{"class":3030},"{{ data }}",[2985,6425,3175],{"class":2991},[2985,6427,2853],{"class":2995},[2985,6429,3018],{"class":2991},[2985,6431,6432,6434,6437,6440,6442,6444,6447,6449],{"class":2987,"line":3145},[2985,6433,3251],{"class":2991},[2985,6435,6436],{"class":2995},"button",[2985,6438,6439],{"class":2999}," @click",[2985,6441,3006],{"class":2991},[2985,6443,3009],{"class":2991},[2985,6445,6446],{"class":3012},"() => refresh()",[2985,6448,3009],{"class":2991},[2985,6450,3018],{"class":2991},[2985,6452,6453],{"class":2987,"line":3152},[2985,6454,6455],{"class":3030},"      Refresh data\n",[2985,6457,6458,6460,6462],{"class":2987,"line":3158},[2985,6459,3280],{"class":2991},[2985,6461,6436],{"class":2995},[2985,6463,3018],{"class":2991},[2985,6465,6466,6468,6470],{"class":2987,"line":3166},[2985,6467,3229],{"class":2991},[2985,6469,3203],{"class":2995},[2985,6471,3018],{"class":2991},[2985,6473,6474,6476,6478],{"class":2987,"line":3172},[2985,6475,3175],{"class":2991},[2985,6477,3192],{"class":2995},[2985,6479,3018],{"class":2991},[2853,6481,2935,6482,6484,6485,6487,6488,2868],{},[2857,6483,4662],{}," function is an alias for ",[2857,6486,4658],{}," that works in exactly the same way but is more semantic for cases when the fetch is ",[2861,6489,6491],{"href":6490},"/docs/3.x/getting-started/data-fetching#not-immediate","not immediate",[2959,6493,6494],{},[2853,6495,6496,6497,2865,6501,2868],{},"To globally refetch or invalidate cached data, see ",[2861,6498,6499],{"href":651},[2857,6500,650],{},[2861,6502,6503],{"href":723},[2857,6504,722],{},[5542,6506,6507],{"id":4672},"Clear",[2853,6509,6510,6511,6513,6514,6318],{},"If you want to clear the data provided, for whatever reason, without needing to know the specific key to pass to ",[2857,6512,650],{},", you can use the ",[2857,6515,4672],{},[2976,6517,6519],{"className":2978,"code":6518,"language":2980,"meta":3360,"style":2981},"\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",[2857,6520,6521,6541,6572,6576,6589,6619,6643,6650,6655,6661],{"__ignoreMap":2981},[2985,6522,6523,6525,6527,6529,6531,6533,6535,6537,6539],{"class":2987,"line":2988},[2985,6524,2992],{"class":2991},[2985,6526,2996],{"class":2995},[2985,6528,3000],{"class":2999},[2985,6530,3003],{"class":2999},[2985,6532,3006],{"class":2991},[2985,6534,3009],{"class":2991},[2985,6536,3013],{"class":3012},[2985,6538,3009],{"class":2991},[2985,6540,3018],{"class":2991},[2985,6542,6543,6545,6547,6549,6551,6554,6556,6558,6560,6562,6564,6566,6568,6570],{"class":2987,"line":3021},[2985,6544,3024],{"class":2999},[2985,6546,3027],{"class":2991},[2985,6548,3850],{"class":3030},[2985,6550,3110],{"class":2991},[2985,6552,6553],{"class":3030}," clear ",[2985,6555,3034],{"class":2991},[2985,6557,3037],{"class":2991},[2985,6559,3041],{"class":3040},[2985,6561,3045],{"class":3044},[2985,6563,3048],{"class":3030},[2985,6565,3051],{"class":2991},[2985,6567,5716],{"class":3012},[2985,6569,3051],{"class":2991},[2985,6571,3059],{"class":3030},[2985,6573,6574],{"class":2987,"line":3062},[2985,6575,3065],{"emptyLinePlaceholder":1196},[2985,6577,6578,6580,6583,6585,6587],{"class":2987,"line":3068},[2985,6579,3024],{"class":2999},[2985,6581,6582],{"class":3030}," route ",[2985,6584,3006],{"class":2991},[2985,6586,4202],{"class":3044},[2985,6588,4577],{"class":3030},[2985,6590,6591,6593,6595,6597,6599,6602,6604,6607,6609,6611,6613,6615,6617],{"class":2987,"line":3085},[2985,6592,5852],{"class":3044},[2985,6594,3048],{"class":3030},[2985,6596,4102],{"class":2991},[2985,6598,3615],{"class":2999},[2985,6600,6601],{"class":3030}," route",[2985,6603,2868],{"class":2991},[2985,6605,6606],{"class":3030},"path",[2985,6608,3110],{"class":2991},[2985,6610,4373],{"class":2991},[2985,6612,6606],{"class":3611},[2985,6614,4449],{"class":2991},[2985,6616,3615],{"class":2999},[2985,6618,3082],{"class":2991},[2985,6620,6621,6624,6626,6628,6631,6633,6635,6637,6640],{"class":2987,"line":3115},[2985,6622,6623],{"class":3040},"  if",[2985,6625,4373],{"class":2995},[2985,6627,6606],{"class":3030},[2985,6629,6630],{"class":2991}," ===",[2985,6632,3124],{"class":2991},[2985,6634,4659],{"class":3012},[2985,6636,3051],{"class":2991},[2985,6638,6639],{"class":2995},") ",[2985,6641,6642],{"class":2991},"{\n",[2985,6644,6645,6648],{"class":2987,"line":3135},[2985,6646,6647],{"class":3044},"    clear",[2985,6649,4577],{"class":2995},[2985,6651,6652],{"class":2987,"line":3145},[2985,6653,6654],{"class":2991},"  }\n",[2985,6656,6657,6659],{"class":2987,"line":3152},[2985,6658,3034],{"class":2991},[2985,6660,3059],{"class":3030},[2985,6662,6663,6665,6667],{"class":2987,"line":3158},[2985,6664,3175],{"class":2991},[2985,6666,2996],{"class":2995},[2985,6668,3018],{"class":2991},[5542,6670,6671],{"id":5852},"Watch",[2853,6673,6674,6675,6677,6678,6681],{},"To re-run your fetching function each time other reactive values in your application change, use the ",[2857,6676,5852],{}," option. You can use it for one or multiple ",[4755,6679,6680],{},"watchable"," elements.",[2976,6683,6685],{"className":2978,"code":6684,"language":2980,"meta":3360,"style":2981},"\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",[2857,6686,6687,6707,6725,6729,6765,6770,6782,6788],{"__ignoreMap":2981},[2985,6688,6689,6691,6693,6695,6697,6699,6701,6703,6705],{"class":2987,"line":2988},[2985,6690,2992],{"class":2991},[2985,6692,2996],{"class":2995},[2985,6694,3000],{"class":2999},[2985,6696,3003],{"class":2999},[2985,6698,3006],{"class":2991},[2985,6700,3009],{"class":2991},[2985,6702,3013],{"class":3012},[2985,6704,3009],{"class":2991},[2985,6706,3018],{"class":2991},[2985,6708,6709,6711,6713,6715,6717,6719,6723],{"class":2987,"line":3021},[2985,6710,3024],{"class":2999},[2985,6712,4195],{"class":3030},[2985,6714,3006],{"class":2991},[2985,6716,6183],{"class":3044},[2985,6718,3048],{"class":3030},[2985,6720,6722],{"class":6721},"sYRBq","1",[2985,6724,3059],{"class":3030},[2985,6726,6727],{"class":2987,"line":3062},[2985,6728,3065],{"emptyLinePlaceholder":1196},[2985,6730,6731,6733,6735,6737,6739,6741,6743,6745,6747,6749,6751,6753,6755,6757,6759,6761,6763],{"class":2987,"line":3068},[2985,6732,3024],{"class":2999},[2985,6734,3027],{"class":2991},[2985,6736,3850],{"class":3030},[2985,6738,3110],{"class":2991},[2985,6740,6356],{"class":3030},[2985,6742,3110],{"class":2991},[2985,6744,6366],{"class":3030},[2985,6746,3034],{"class":2991},[2985,6748,3037],{"class":2991},[2985,6750,3041],{"class":3040},[2985,6752,3045],{"class":3044},[2985,6754,3048],{"class":3030},[2985,6756,3051],{"class":2991},[2985,6758,5716],{"class":3012},[2985,6760,3051],{"class":2991},[2985,6762,3110],{"class":2991},[2985,6764,3082],{"class":2991},[2985,6766,6767],{"class":2987,"line":3085},[2985,6768,6769],{"class":3148},"  /* Changing the id will trigger a refetch */\n",[2985,6771,6772,6775,6777,6780],{"class":2987,"line":3115},[2985,6773,6774],{"class":2995},"  watch",[2985,6776,3121],{"class":2991},[2985,6778,6779],{"class":3030}," [id]",[2985,6781,3132],{"class":2991},[2985,6783,6784,6786],{"class":2987,"line":3135},[2985,6785,3034],{"class":2991},[2985,6787,3059],{"class":3030},[2985,6789,6790,6792,6794],{"class":2987,"line":3145},[2985,6791,3175],{"class":2991},[2985,6793,2996],{"class":2995},[2985,6795,3018],{"class":2991},[2853,6797,6798,6799,6802],{},"Note that ",[2972,6800,6801],{},"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.",[2976,6804,6806],{"className":2978,"code":6805,"language":2980,"meta":2981,"style":2981},"\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",[2857,6807,6808,6828,6844,6848,6893,6903,6909],{"__ignoreMap":2981},[2985,6809,6810,6812,6814,6816,6818,6820,6822,6824,6826],{"class":2987,"line":2988},[2985,6811,2992],{"class":2991},[2985,6813,2996],{"class":2995},[2985,6815,3000],{"class":2999},[2985,6817,3003],{"class":2999},[2985,6819,3006],{"class":2991},[2985,6821,3009],{"class":2991},[2985,6823,3013],{"class":3012},[2985,6825,3009],{"class":2991},[2985,6827,3018],{"class":2991},[2985,6829,6830,6832,6834,6836,6838,6840,6842],{"class":2987,"line":3021},[2985,6831,3024],{"class":2999},[2985,6833,4195],{"class":3030},[2985,6835,3006],{"class":2991},[2985,6837,6183],{"class":3044},[2985,6839,3048],{"class":3030},[2985,6841,6722],{"class":6721},[2985,6843,3059],{"class":3030},[2985,6845,6846],{"class":2987,"line":3062},[2985,6847,3065],{"emptyLinePlaceholder":1196},[2985,6849,6850,6852,6854,6856,6858,6860,6862,6864,6866,6868,6870,6872,6874,6876,6879,6881,6883,6885,6887,6889,6891],{"class":2987,"line":3068},[2985,6851,3024],{"class":2999},[2985,6853,3027],{"class":2991},[2985,6855,3850],{"class":3030},[2985,6857,3110],{"class":2991},[2985,6859,6356],{"class":3030},[2985,6861,3110],{"class":2991},[2985,6863,6366],{"class":3030},[2985,6865,3034],{"class":2991},[2985,6867,3037],{"class":2991},[2985,6869,3041],{"class":3040},[2985,6871,3045],{"class":3044},[2985,6873,3048],{"class":3030},[2985,6875,4238],{"class":2991},[2985,6877,6878],{"class":3012},"/api/users/",[2985,6880,4244],{"class":2991},[2985,6882,4247],{"class":3030},[2985,6884,2868],{"class":2991},[2985,6886,6243],{"class":3030},[2985,6888,4250],{"class":2991},[2985,6890,3110],{"class":2991},[2985,6892,3082],{"class":2991},[2985,6894,6895,6897,6899,6901],{"class":2987,"line":3085},[2985,6896,6774],{"class":2995},[2985,6898,3121],{"class":2991},[2985,6900,6779],{"class":3030},[2985,6902,3132],{"class":2991},[2985,6904,6905,6907],{"class":2987,"line":3115},[2985,6906,3034],{"class":2991},[2985,6908,3059],{"class":3030},[2985,6910,6911,6913,6915],{"class":2987,"line":3135},[2985,6912,3175],{"class":2991},[2985,6914,2996],{"class":2995},[2985,6916,3018],{"class":2991},[2853,6918,6919,6920,6924],{},"If you need to change the URL based on a reactive value, you may want to use a ",[2861,6921,6923],{"href":6922},"/docs/3.x/getting-started/data-fetching#computed-url","computed URL"," instead.",[2853,6926,6927,6928,2868],{},"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 ",[2857,6929,6930],{},"watch: false",[2976,6932,6934],{"className":3587,"code":6933,"language":3013,"meta":2981,"style":2981},"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",[2857,6935,6936,6952,6956,6961,6994,7011,7024,7030,7034,7039],{"__ignoreMap":2981},[2985,6937,6938,6940,6942,6944,6946,6948,6950],{"class":2987,"line":2988},[2985,6939,3024],{"class":2999},[2985,6941,4195],{"class":3030},[2985,6943,3006],{"class":2991},[2985,6945,6183],{"class":3044},[2985,6947,3048],{"class":3030},[2985,6949,6722],{"class":6721},[2985,6951,3059],{"class":3030},[2985,6953,6954],{"class":2987,"line":3021},[2985,6955,3065],{"emptyLinePlaceholder":1196},[2985,6957,6958],{"class":2987,"line":3062},[2985,6959,6960],{"class":3148},"// Won't automatically refetch when id changes\n",[2985,6962,6963,6965,6967,6969,6971,6974,6976,6978,6980,6982,6984,6986,6988,6990,6992],{"class":2987,"line":3068},[2985,6964,3024],{"class":2999},[2985,6966,3027],{"class":2991},[2985,6968,3850],{"class":3030},[2985,6970,3110],{"class":2991},[2985,6972,6973],{"class":3030}," execute ",[2985,6975,3034],{"class":2991},[2985,6977,3037],{"class":2991},[2985,6979,3041],{"class":3040},[2985,6981,3045],{"class":3044},[2985,6983,3048],{"class":3030},[2985,6985,3051],{"class":2991},[2985,6987,5716],{"class":3012},[2985,6989,3051],{"class":2991},[2985,6991,3110],{"class":2991},[2985,6993,3082],{"class":2991},[2985,6995,6996,6999,7001,7003,7005,7008],{"class":2987,"line":3085},[2985,6997,6998],{"class":2995},"  query",[2985,7000,3121],{"class":2991},[2985,7002,3027],{"class":2991},[2985,7004,4195],{"class":3030},[2985,7006,7007],{"class":2991},"},",[2985,7009,7010],{"class":3148}," // id is watched by default\n",[2985,7012,7013,7015,7017,7019,7021],{"class":2987,"line":3115},[2985,7014,6774],{"class":2995},[2985,7016,3121],{"class":2991},[2985,7018,5203],{"class":4866},[2985,7020,3110],{"class":2991},[2985,7022,7023],{"class":3148}," // disables automatic watching of id\n",[2985,7025,7026,7028],{"class":2987,"line":3135},[2985,7027,3034],{"class":2991},[2985,7029,3059],{"class":3030},[2985,7031,7032],{"class":2987,"line":3145},[2985,7033,3065],{"emptyLinePlaceholder":1196},[2985,7035,7036],{"class":2987,"line":3152},[2985,7037,7038],{"class":3148},"// doesn't trigger refetch\n",[2985,7040,7041,7043,7045,7047,7049],{"class":2987,"line":3158},[2985,7042,4247],{"class":3030},[2985,7044,2868],{"class":2991},[2985,7046,6296],{"class":3030},[2985,7048,3006],{"class":2991},[2985,7050,7051],{"class":6721}," 2\n",[5542,7053,7055],{"id":7054},"computed-url","Computed URL",[2853,7057,7058],{},"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.",[2976,7060,7062],{"className":2978,"code":7061,"language":2980,"meta":2981,"style":2981},"\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",[2857,7063,7064,7084,7100,7104,7135,7143,7154,7158,7164],{"__ignoreMap":2981},[2985,7065,7066,7068,7070,7072,7074,7076,7078,7080,7082],{"class":2987,"line":2988},[2985,7067,2992],{"class":2991},[2985,7069,2996],{"class":2995},[2985,7071,3000],{"class":2999},[2985,7073,3003],{"class":2999},[2985,7075,3006],{"class":2991},[2985,7077,3009],{"class":2991},[2985,7079,3013],{"class":3012},[2985,7081,3009],{"class":2991},[2985,7083,3018],{"class":2991},[2985,7085,7086,7088,7090,7092,7094,7096,7098],{"class":2987,"line":3021},[2985,7087,3024],{"class":2999},[2985,7089,4195],{"class":3030},[2985,7091,3006],{"class":2991},[2985,7093,6183],{"class":3044},[2985,7095,3048],{"class":3030},[2985,7097,4690],{"class":2991},[2985,7099,3059],{"class":3030},[2985,7101,7102],{"class":2987,"line":3062},[2985,7103,3065],{"emptyLinePlaceholder":1196},[2985,7105,7106,7108,7110,7112,7114,7116,7118,7120,7122,7124,7126,7129,7131,7133],{"class":2987,"line":3068},[2985,7107,3024],{"class":2999},[2985,7109,3027],{"class":2991},[2985,7111,3850],{"class":3030},[2985,7113,3110],{"class":2991},[2985,7115,4348],{"class":3030},[2985,7117,3034],{"class":2991},[2985,7119,3037],{"class":2991},[2985,7121,5049],{"class":3044},[2985,7123,3048],{"class":3030},[2985,7125,3051],{"class":2991},[2985,7127,7128],{"class":3012},"/api/user",[2985,7130,3051],{"class":2991},[2985,7132,3110],{"class":2991},[2985,7134,3082],{"class":2991},[2985,7136,7137,7139,7141],{"class":2987,"line":3085},[2985,7138,6998],{"class":2995},[2985,7140,3121],{"class":2991},[2985,7142,3082],{"class":2991},[2985,7144,7145,7148,7150,7152],{"class":2987,"line":3115},[2985,7146,7147],{"class":2995},"    user_id",[2985,7149,3121],{"class":2991},[2985,7151,4279],{"class":3030},[2985,7153,3132],{"class":2991},[2985,7155,7156],{"class":2987,"line":3135},[2985,7157,5517],{"class":2991},[2985,7159,7160,7162],{"class":2987,"line":3145},[2985,7161,3034],{"class":2991},[2985,7163,3059],{"class":3030},[2985,7165,7166,7168,7170],{"class":2987,"line":3152},[2985,7167,3175],{"class":2991},[2985,7169,2996],{"class":2995},[2985,7171,3018],{"class":2991},[2853,7173,7174,7175,7180],{},"In the case of more complex URL construction, you may use a callback as a ",[2861,7176,7179],{"href":7177,"rel":7178},"https://vuejs.org/guide/essentials/computed",[2968],"computed getter"," that returns the URL string.",[2853,7182,7183,7184,7187],{},"Every time a dependency changes, the data will be fetched using the newly constructed URL. Combine this with ",[2861,7185,7186],{"href":6490},"not-immediate",", and you can wait until the reactive element changes before fetching.",[2976,7189,7191],{"className":2978,"code":7190,"language":2980,"meta":2981,"style":2981},"\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",[2857,7192,7193,7213,7229,7233,7275,7286,7292,7296,7332,7340,7344,7352,7360,7365,7372,7386,7400,7413,7418,7422,7441,7446,7454,7458,7478,7484,7493,7498,7509,7515,7524,7533],{"__ignoreMap":2981},[2985,7194,7195,7197,7199,7201,7203,7205,7207,7209,7211],{"class":2987,"line":2988},[2985,7196,2992],{"class":2991},[2985,7198,2996],{"class":2995},[2985,7200,3000],{"class":2999},[2985,7202,3003],{"class":2999},[2985,7204,3006],{"class":2991},[2985,7206,3009],{"class":2991},[2985,7208,3013],{"class":3012},[2985,7210,3009],{"class":2991},[2985,7212,3018],{"class":2991},[2985,7214,7215,7217,7219,7221,7223,7225,7227],{"class":2987,"line":3021},[2985,7216,3024],{"class":2999},[2985,7218,4195],{"class":3030},[2985,7220,3006],{"class":2991},[2985,7222,6183],{"class":3044},[2985,7224,3048],{"class":3030},[2985,7226,4690],{"class":2991},[2985,7228,3059],{"class":3030},[2985,7230,7231],{"class":2987,"line":3062},[2985,7232,3065],{"emptyLinePlaceholder":1196},[2985,7234,7235,7237,7239,7241,7243,7245,7247,7249,7251,7253,7255,7257,7259,7261,7263,7265,7267,7269,7271,7273],{"class":2987,"line":3068},[2985,7236,3024],{"class":2999},[2985,7238,3027],{"class":2991},[2985,7240,3850],{"class":3030},[2985,7242,3110],{"class":2991},[2985,7244,4348],{"class":3030},[2985,7246,3034],{"class":2991},[2985,7248,3037],{"class":2991},[2985,7250,5049],{"class":3044},[2985,7252,3048],{"class":3030},[2985,7254,4102],{"class":2991},[2985,7256,3615],{"class":2999},[2985,7258,6230],{"class":2991},[2985,7260,6878],{"class":3012},[2985,7262,4244],{"class":2991},[2985,7264,4247],{"class":3030},[2985,7266,2868],{"class":2991},[2985,7268,6243],{"class":3030},[2985,7270,4250],{"class":2991},[2985,7272,3110],{"class":2991},[2985,7274,3082],{"class":2991},[2985,7276,7277,7280,7282,7284],{"class":2987,"line":3085},[2985,7278,7279],{"class":2995},"  immediate",[2985,7281,3121],{"class":2991},[2985,7283,5203],{"class":4866},[2985,7285,3132],{"class":2991},[2985,7287,7288,7290],{"class":2987,"line":3115},[2985,7289,3034],{"class":2991},[2985,7291,3059],{"class":3030},[2985,7293,7294],{"class":2987,"line":3135},[2985,7295,3065],{"emptyLinePlaceholder":1196},[2985,7297,7298,7300,7303,7305,7308,7310,7312,7314,7316,7318,7320,7323,7325,7328,7330],{"class":2987,"line":3145},[2985,7299,3024],{"class":2999},[2985,7301,7302],{"class":3030}," pending ",[2985,7304,3006],{"class":2991},[2985,7306,7307],{"class":3044}," computed",[2985,7309,3048],{"class":3030},[2985,7311,4102],{"class":2991},[2985,7313,3615],{"class":2999},[2985,7315,4828],{"class":3030},[2985,7317,2868],{"class":2991},[2985,7319,6296],{"class":3030},[2985,7321,7322],{"class":2991},"===",[2985,7324,3124],{"class":2991},[2985,7326,7327],{"class":3012},"pending",[2985,7329,3051],{"class":2991},[2985,7331,3059],{"class":3030},[2985,7333,7334,7336,7338],{"class":2987,"line":3152},[2985,7335,3175],{"class":2991},[2985,7337,2996],{"class":2995},[2985,7339,3018],{"class":2991},[2985,7341,7342],{"class":2987,"line":3158},[2985,7343,3065],{"emptyLinePlaceholder":1196},[2985,7345,7346,7348,7350],{"class":2987,"line":3166},[2985,7347,2992],{"class":2991},[2985,7349,3192],{"class":2995},[2985,7351,3018],{"class":2991},[2985,7353,7354,7356,7358],{"class":2987,"line":3172},[2985,7355,3200],{"class":2991},[2985,7357,3203],{"class":2995},[2985,7359,3018],{"class":2991},[2985,7361,7362],{"class":2987,"line":3182},[2985,7363,7364],{"class":3148},"    \u003C!-- disable the input while fetching -->\n",[2985,7366,7367,7369],{"class":2987,"line":3187},[2985,7368,3251],{"class":2991},[2985,7370,7371],{"class":2995},"input\n",[2985,7373,7374,7377,7379,7381,7383],{"class":2987,"line":3197},[2985,7375,7376],{"class":2999},"      v-model",[2985,7378,3006],{"class":2991},[2985,7380,3009],{"class":2991},[2985,7382,4247],{"class":3012},[2985,7384,7385],{"class":2991},"\"\n",[2985,7387,7388,7391,7393,7395,7398],{"class":2987,"line":3220},[2985,7389,7390],{"class":2999},"      type",[2985,7392,3006],{"class":2991},[2985,7394,3009],{"class":2991},[2985,7396,7397],{"class":3012},"number",[2985,7399,7385],{"class":2991},[2985,7401,7402,7405,7407,7409,7411],{"class":2987,"line":3226},[2985,7403,7404],{"class":2999},"      :disabled",[2985,7406,3006],{"class":2991},[2985,7408,3009],{"class":2991},[2985,7410,7327],{"class":3012},[2985,7412,7385],{"class":2991},[2985,7414,7415],{"class":2987,"line":3236},[2985,7416,7417],{"class":2991},"    >\n",[2985,7419,7420],{"class":2987,"line":3248},[2985,7421,3065],{"emptyLinePlaceholder":1196},[2985,7423,7424,7426,7428,7430,7432,7434,7437,7439],{"class":2987,"line":3271},[2985,7425,3251],{"class":2991},[2985,7427,3203],{"class":2995},[2985,7429,3206],{"class":2999},[2985,7431,3006],{"class":2991},[2985,7433,3009],{"class":2991},[2985,7435,7436],{"class":3012},"status === 'idle'",[2985,7438,3009],{"class":2991},[2985,7440,3018],{"class":2991},[2985,7442,7443],{"class":2987,"line":3277},[2985,7444,7445],{"class":3030},"      Type an user ID\n",[2985,7447,7448,7450,7452],{"class":2987,"line":3287},[2985,7449,3280],{"class":2991},[2985,7451,3203],{"class":2995},[2985,7453,3018],{"class":2991},[2985,7455,7456],{"class":2987,"line":3296},[2985,7457,3065],{"emptyLinePlaceholder":1196},[2985,7459,7461,7463,7465,7468,7470,7472,7474,7476],{"class":2987,"line":7460},24,[2985,7462,3251],{"class":2991},[2985,7464,3203],{"class":2995},[2985,7466,7467],{"class":2999}," v-else-if",[2985,7469,3006],{"class":2991},[2985,7471,3009],{"class":2991},[2985,7473,7327],{"class":3012},[2985,7475,3009],{"class":2991},[2985,7477,3018],{"class":2991},[2985,7479,7481],{"class":2987,"line":7480},25,[2985,7482,7483],{"class":3030},"      Loading ...\n",[2985,7485,7487,7489,7491],{"class":2987,"line":7486},26,[2985,7488,3280],{"class":2991},[2985,7490,3203],{"class":2995},[2985,7492,3018],{"class":2991},[2985,7494,7496],{"class":2987,"line":7495},27,[2985,7497,3065],{"emptyLinePlaceholder":1196},[2985,7499,7501,7503,7505,7507],{"class":2987,"line":7500},28,[2985,7502,3251],{"class":2991},[2985,7504,3203],{"class":2995},[2985,7506,3243],{"class":2999},[2985,7508,3018],{"class":2991},[2985,7510,7512],{"class":2987,"line":7511},29,[2985,7513,7514],{"class":3030},"      {{ data }}\n",[2985,7516,7518,7520,7522],{"class":2987,"line":7517},30,[2985,7519,3280],{"class":2991},[2985,7521,3203],{"class":2995},[2985,7523,3018],{"class":2991},[2985,7525,7527,7529,7531],{"class":2987,"line":7526},31,[2985,7528,3229],{"class":2991},[2985,7530,3203],{"class":2995},[2985,7532,3018],{"class":2991},[2985,7534,7536,7538,7540],{"class":2987,"line":7535},32,[2985,7537,3175],{"class":2991},[2985,7539,3192],{"class":2995},[2985,7541,3018],{"class":2991},[2853,7543,7544,7545,2868],{},"If you need to force a refresh when other reactive values change, you can also ",[2861,7546,7548],{"href":7547},"/docs/3.x/getting-started/data-fetching#watch","watch other values",[3313,7550,7551],{"id":7186},"Not immediate",[2853,7553,2935,7554,7556,7557,7560],{},[2857,7555,527],{}," composable will start fetching data the moment is invoked. You may prevent this by setting ",[2857,7558,7559],{},"immediate: false",", for example, to wait for user interaction.",[2853,7562,7563,7564,7566,7567,7569],{},"With that, you will need both the ",[2857,7565,4694],{}," to handle the fetch lifecycle, and ",[2857,7568,4662],{}," to start the data fetch.",[2976,7571,7573],{"className":2978,"code":7572,"language":2980,"meta":2981,"style":2981},"\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",[2857,7574,7575,7595,7635,7645,7651,7659,7663,7671,7689,7707,7712,7720,7728,7732,7750,7755,7763,7767,7777,7782,7790],{"__ignoreMap":2981},[2985,7576,7577,7579,7581,7583,7585,7587,7589,7591,7593],{"class":2987,"line":2988},[2985,7578,2992],{"class":2991},[2985,7580,2996],{"class":2995},[2985,7582,3000],{"class":2999},[2985,7584,3003],{"class":2999},[2985,7586,3006],{"class":2991},[2985,7588,3009],{"class":2991},[2985,7590,3013],{"class":3012},[2985,7592,3009],{"class":2991},[2985,7594,3018],{"class":2991},[2985,7596,7597,7599,7601,7603,7605,7607,7609,7611,7613,7615,7617,7619,7621,7623,7625,7627,7629,7631,7633],{"class":2987,"line":3021},[2985,7598,3024],{"class":2999},[2985,7600,3027],{"class":2991},[2985,7602,3850],{"class":3030},[2985,7604,3110],{"class":2991},[2985,7606,6356],{"class":3030},[2985,7608,3110],{"class":2991},[2985,7610,6361],{"class":3030},[2985,7612,3110],{"class":2991},[2985,7614,4348],{"class":3030},[2985,7616,3034],{"class":2991},[2985,7618,3037],{"class":2991},[2985,7620,3041],{"class":3040},[2985,7622,5049],{"class":3044},[2985,7624,3048],{"class":3030},[2985,7626,3051],{"class":2991},[2985,7628,5177],{"class":3012},[2985,7630,3051],{"class":2991},[2985,7632,3110],{"class":2991},[2985,7634,3082],{"class":2991},[2985,7636,7637,7639,7641,7643],{"class":2987,"line":3062},[2985,7638,7279],{"class":2995},[2985,7640,3121],{"class":2991},[2985,7642,5203],{"class":4866},[2985,7644,3132],{"class":2991},[2985,7646,7647,7649],{"class":2987,"line":3068},[2985,7648,3034],{"class":2991},[2985,7650,3059],{"class":3030},[2985,7652,7653,7655,7657],{"class":2987,"line":3085},[2985,7654,3175],{"class":2991},[2985,7656,2996],{"class":2995},[2985,7658,3018],{"class":2991},[2985,7660,7661],{"class":2987,"line":3115},[2985,7662,3065],{"emptyLinePlaceholder":1196},[2985,7664,7665,7667,7669],{"class":2987,"line":3135},[2985,7666,2992],{"class":2991},[2985,7668,3192],{"class":2995},[2985,7670,3018],{"class":2991},[2985,7672,7673,7675,7677,7679,7681,7683,7685,7687],{"class":2987,"line":3145},[2985,7674,3200],{"class":2991},[2985,7676,3203],{"class":2995},[2985,7678,3206],{"class":2999},[2985,7680,3006],{"class":2991},[2985,7682,3009],{"class":2991},[2985,7684,7436],{"class":3012},[2985,7686,3009],{"class":2991},[2985,7688,3018],{"class":2991},[2985,7690,7691,7693,7695,7697,7699,7701,7703,7705],{"class":2987,"line":3152},[2985,7692,3251],{"class":2991},[2985,7694,6436],{"class":2995},[2985,7696,6439],{"class":2999},[2985,7698,3006],{"class":2991},[2985,7700,3009],{"class":2991},[2985,7702,4662],{"class":3012},[2985,7704,3009],{"class":2991},[2985,7706,3018],{"class":2991},[2985,7708,7709],{"class":2987,"line":3158},[2985,7710,7711],{"class":3030},"      Get data\n",[2985,7713,7714,7716,7718],{"class":2987,"line":3166},[2985,7715,3280],{"class":2991},[2985,7717,6436],{"class":2995},[2985,7719,3018],{"class":2991},[2985,7721,7722,7724,7726],{"class":2987,"line":3172},[2985,7723,3229],{"class":2991},[2985,7725,3203],{"class":2995},[2985,7727,3018],{"class":2991},[2985,7729,7730],{"class":2987,"line":3182},[2985,7731,3065],{"emptyLinePlaceholder":1196},[2985,7733,7734,7736,7738,7740,7742,7744,7746,7748],{"class":2987,"line":3187},[2985,7735,3200],{"class":2991},[2985,7737,3203],{"class":2995},[2985,7739,7467],{"class":2999},[2985,7741,3006],{"class":2991},[2985,7743,3009],{"class":2991},[2985,7745,4915],{"class":3012},[2985,7747,3009],{"class":2991},[2985,7749,3018],{"class":2991},[2985,7751,7752],{"class":2987,"line":3197},[2985,7753,7754],{"class":3030},"    Loading comments...\n",[2985,7756,7757,7759,7761],{"class":2987,"line":3220},[2985,7758,3229],{"class":2991},[2985,7760,3203],{"class":2995},[2985,7762,3018],{"class":2991},[2985,7764,7765],{"class":2987,"line":3226},[2985,7766,3065],{"emptyLinePlaceholder":1196},[2985,7768,7769,7771,7773,7775],{"class":2987,"line":3236},[2985,7770,3200],{"class":2991},[2985,7772,3203],{"class":2995},[2985,7774,3243],{"class":2999},[2985,7776,3018],{"class":2991},[2985,7778,7779],{"class":2987,"line":3248},[2985,7780,7781],{"class":3030},"    {{ data }}\n",[2985,7783,7784,7786,7788],{"class":2987,"line":3271},[2985,7785,3229],{"class":2991},[2985,7787,3203],{"class":2995},[2985,7789,3018],{"class":2991},[2985,7791,7792,7794,7796],{"class":2987,"line":3277},[2985,7793,3175],{"class":2991},[2985,7795,3192],{"class":2995},[2985,7797,3018],{"class":2991},[2853,7799,7800,7801,7803],{},"For finer control, the ",[2857,7802,4694],{}," variable can be:",[2873,7805,7806,7811,7816,7821],{},[2876,7807,7808,7810],{},[2857,7809,4697],{}," when the fetch hasn't started",[2876,7812,7813,7815],{},[2857,7814,7327],{}," when a fetch has started but not yet completed",[2876,7817,7818,7820],{},[2857,7819,4687],{}," when the fetch fails",[2876,7822,7823,7826],{},[2857,7824,7825],{},"success"," when the fetch is completed successfully",[2916,7828,7830],{"id":7829},"passing-headers-and-cookies","Passing Headers and Cookies",[2853,7832,7833,7834,7836,7837,7839],{},"When we call ",[2857,7835,630],{}," in the browser, user headers like ",[2857,7838,3635],{}," will be directly sent to the API.",[2853,7841,7842,7843,7845],{},"Normally, during server-side-rendering, due to security considerations, the ",[2857,7844,630],{}," wouldn't include the user's browser cookies, nor pass on cookies from the fetch response.",[2853,7847,7848,7849,7851,7852,7856,7857,3524],{},"However, when calling ",[2857,7850,527],{}," with a relative URL on the server, Nuxt will use ",[2861,7853,7854],{"href":572},[2857,7855,571],{}," to proxy headers and cookies (with the exception of headers not meant to be forwarded, like ",[2857,7858,3523],{},[3313,7860,7862],{"id":7861},"pass-cookies-from-server-side-api-calls-on-ssr-response","Pass Cookies From Server-side API Calls on SSR Response",[2853,7864,7865],{},"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.",[2976,7867,7870],{"className":3587,"code":7868,"filename":7869,"language":3013,"meta":2981,"style":2981},"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",[2857,7871,7872,7893,7915,7919,7957,7962,7986,7991,8014,8019,8040,8064,8068,8073,8084],{"__ignoreMap":2981},[2985,7873,7874,7877,7879,7882,7884,7887,7889,7891],{"class":2987,"line":2988},[2985,7875,7876],{"class":3040},"import",[2985,7878,3027],{"class":2991},[2985,7880,7881],{"class":3030}," appendResponseHeader",[2985,7883,3732],{"class":2991},[2985,7885,7886],{"class":3040}," from",[2985,7888,3124],{"class":2991},[2985,7890,3313],{"class":3012},[2985,7892,6306],{"class":2991},[2985,7894,7895,7897,7900,7902,7905,7907,7909,7911,7913],{"class":2987,"line":3021},[2985,7896,7876],{"class":3040},[2985,7898,7899],{"class":3040}," type",[2985,7901,3027],{"class":2991},[2985,7903,7904],{"class":3030}," H3Event",[2985,7906,3732],{"class":2991},[2985,7908,7886],{"class":3040},[2985,7910,3124],{"class":2991},[2985,7912,3313],{"class":3012},[2985,7914,6306],{"class":2991},[2985,7916,7917],{"class":2987,"line":3062},[2985,7918,3065],{"emptyLinePlaceholder":1196},[2985,7920,7921,7923,7926,7929,7931,7933,7935,7937,7939,7941,7943,7946,7948,7951,7953,7955],{"class":2987,"line":3068},[2985,7922,3600],{"class":3040},[2985,7924,7925],{"class":2999}," const",[2985,7927,7928],{"class":3030}," fetchWithCookie ",[2985,7930,3006],{"class":2991},[2985,7932,4370],{"class":2999},[2985,7934,4373],{"class":2991},[2985,7936,3612],{"class":3611},[2985,7938,3121],{"class":2991},[2985,7940,7904],{"class":4415},[2985,7942,3110],{"class":2991},[2985,7944,7945],{"class":3611}," url",[2985,7947,3121],{"class":2991},[2985,7949,7950],{"class":4415}," string",[2985,7952,4449],{"class":2991},[2985,7954,3615],{"class":2999},[2985,7956,3082],{"class":2991},[2985,7958,7959],{"class":2987,"line":3085},[2985,7960,7961],{"class":3148},"  /* Get the response from the server endpoint */\n",[2985,7963,7964,7966,7968,7970,7972,7974,7976,7979,7981,7984],{"class":2987,"line":3115},[2985,7965,3088],{"class":2999},[2985,7967,3091],{"class":3030},[2985,7969,3037],{"class":2991},[2985,7971,3041],{"class":3040},[2985,7973,3098],{"class":3030},[2985,7975,2868],{"class":2991},[2985,7977,7978],{"class":3044},"raw",[2985,7980,3048],{"class":2995},[2985,7982,7983],{"class":3030},"url",[2985,7985,3059],{"class":2995},[2985,7987,7988],{"class":2987,"line":3135},[2985,7989,7990],{"class":3148},"  /* Get the cookies from the response */\n",[2985,7992,7993,7995,7998,8000,8002,8004,8007,8009,8012],{"class":2987,"line":3145},[2985,7994,3088],{"class":2999},[2985,7996,7997],{"class":3030}," cookies",[2985,7999,3037],{"class":2991},[2985,8001,3091],{"class":3030},[2985,8003,2868],{"class":2991},[2985,8005,8006],{"class":3030},"headers",[2985,8008,2868],{"class":2991},[2985,8010,8011],{"class":3044},"getSetCookie",[2985,8013,4577],{"class":2995},[2985,8015,8016],{"class":2987,"line":3152},[2985,8017,8018],{"class":3148},"  /* Attach each cookie to our incoming Request */\n",[2985,8020,8021,8024,8026,8028,8031,8034,8036,8038],{"class":2987,"line":3158},[2985,8022,8023],{"class":3040},"  for",[2985,8025,4373],{"class":2995},[2985,8027,3024],{"class":2999},[2985,8029,8030],{"class":3030}," cookie",[2985,8032,8033],{"class":2991}," of",[2985,8035,7997],{"class":3030},[2985,8037,6639],{"class":2995},[2985,8039,6642],{"class":2991},[2985,8041,8042,8045,8047,8049,8051,8053,8056,8058,8060,8062],{"class":2987,"line":3166},[2985,8043,8044],{"class":3044},"    appendResponseHeader",[2985,8046,3048],{"class":2995},[2985,8048,3612],{"class":3030},[2985,8050,3110],{"class":2991},[2985,8052,3124],{"class":2991},[2985,8054,8055],{"class":3012},"set-cookie",[2985,8057,3051],{"class":2991},[2985,8059,3110],{"class":2991},[2985,8061,8030],{"class":3030},[2985,8063,3059],{"class":2995},[2985,8065,8066],{"class":2987,"line":3172},[2985,8067,6654],{"class":2991},[2985,8069,8070],{"class":2987,"line":3182},[2985,8071,8072],{"class":3148},"  /* Return the data of the response */\n",[2985,8074,8075,8077,8079,8081],{"class":2987,"line":3187},[2985,8076,3709],{"class":3040},[2985,8078,3091],{"class":3030},[2985,8080,2868],{"class":2991},[2985,8082,8083],{"class":3030},"_data\n",[2985,8085,8086],{"class":2987,"line":3197},[2985,8087,3169],{"class":2991},[2976,8089,8091],{"className":2978,"code":8090,"language":2980,"meta":2981,"style":2981},"\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",[2857,8092,8093,8113,8118,8132,8136,8181,8185,8212],{"__ignoreMap":2981},[2985,8094,8095,8097,8099,8101,8103,8105,8107,8109,8111],{"class":2987,"line":2988},[2985,8096,2992],{"class":2991},[2985,8098,2996],{"class":2995},[2985,8100,3000],{"class":2999},[2985,8102,3003],{"class":2999},[2985,8104,3006],{"class":2991},[2985,8106,3009],{"class":2991},[2985,8108,3013],{"class":3012},[2985,8110,3009],{"class":2991},[2985,8112,3018],{"class":2991},[2985,8114,8115],{"class":2987,"line":3021},[2985,8116,8117],{"class":3148},"// This composable will automatically pass cookies to the client\n",[2985,8119,8120,8122,8125,8127,8130],{"class":2987,"line":3062},[2985,8121,3024],{"class":2999},[2985,8123,8124],{"class":3030}," event ",[2985,8126,3006],{"class":2991},[2985,8128,8129],{"class":3044}," useRequestEvent",[2985,8131,4577],{"class":3030},[2985,8133,8134],{"class":2987,"line":3068},[2985,8135,3065],{"emptyLinePlaceholder":1196},[2985,8137,8138,8140,8142,8144,8146,8149,8151,8153,8155,8157,8159,8161,8163,8166,8169,8172,8174,8177,8179],{"class":2987,"line":3085},[2985,8139,3024],{"class":2999},[2985,8141,3027],{"class":2991},[2985,8143,3850],{"class":2995},[2985,8145,3121],{"class":2991},[2985,8147,8148],{"class":3030}," result ",[2985,8150,3034],{"class":2991},[2985,8152,3037],{"class":2991},[2985,8154,3041],{"class":3040},[2985,8156,4039],{"class":3044},[2985,8158,3048],{"class":3030},[2985,8160,4102],{"class":2991},[2985,8162,3615],{"class":2999},[2985,8164,8165],{"class":3044}," fetchWithCookie",[2985,8167,8168],{"class":3030},"(event",[2985,8170,8171],{"class":2991},"!,",[2985,8173,3124],{"class":2991},[2985,8175,8176],{"class":3012},"/api/with-cookie",[2985,8178,3051],{"class":2991},[2985,8180,4068],{"class":3030},[2985,8182,8183],{"class":2987,"line":3115},[2985,8184,3065],{"emptyLinePlaceholder":1196},[2985,8186,8187,8190,8192,8194,8196,8199,8201,8204,8207,8209],{"class":2987,"line":3135},[2985,8188,8189],{"class":3044},"onMounted",[2985,8191,3048],{"class":3030},[2985,8193,4102],{"class":2991},[2985,8195,3615],{"class":2999},[2985,8197,8198],{"class":3030}," console",[2985,8200,2868],{"class":2991},[2985,8202,8203],{"class":3044},"log",[2985,8205,8206],{"class":3030},"(document",[2985,8208,2868],{"class":2991},[2985,8210,8211],{"class":3030},"cookie))\n",[2985,8213,8214,8216,8218],{"class":2987,"line":3145},[2985,8215,3175],{"class":2991},[2985,8217,2996],{"class":2995},[2985,8219,3018],{"class":2991},[2916,8221,8223],{"id":8222},"options-api-support","Options API Support",[2853,8225,8226,8227,8230,8231,8233],{},"Nuxt provides a way to perform ",[2857,8228,8229],{},"asyncData"," fetching within the Options API. You must wrap your component definition within ",[2857,8232,666],{}," for this to work.",[2976,8235,8237],{"className":2978,"code":8236,"language":2980,"meta":2981,"style":2981},"\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",[2857,8238,8239,8247,8260,8265,8281,8293,8299,8323,8328,8332,8338],{"__ignoreMap":2981},[2985,8240,8241,8243,8245],{"class":2987,"line":2988},[2985,8242,2992],{"class":2991},[2985,8244,2996],{"class":2995},[2985,8246,3018],{"class":2991},[2985,8248,8249,8251,8253,8256,8258],{"class":2987,"line":3021},[2985,8250,3600],{"class":3040},[2985,8252,3603],{"class":3040},[2985,8254,8255],{"class":3044}," defineNuxtComponent",[2985,8257,3048],{"class":3030},[2985,8259,6642],{"class":2991},[2985,8261,8262],{"class":2987,"line":3062},[2985,8263,8264],{"class":3148},"  /* Use the fetchKey option to provide a unique key */\n",[2985,8266,8267,8270,8272,8274,8277,8279],{"class":2987,"line":3068},[2985,8268,8269],{"class":2995},"  fetchKey",[2985,8271,3121],{"class":2991},[2985,8273,3124],{"class":2991},[2985,8275,8276],{"class":3012},"hello",[2985,8278,3051],{"class":2991},[2985,8280,3132],{"class":2991},[2985,8282,8283,8286,8289,8291],{"class":2987,"line":3085},[2985,8284,8285],{"class":2999},"  async",[2985,8287,8288],{"class":2995}," asyncData",[2985,8290,3079],{"class":2991},[2985,8292,3082],{"class":2991},[2985,8294,8295,8297],{"class":2987,"line":3115},[2985,8296,5463],{"class":3040},[2985,8298,3082],{"class":2991},[2985,8300,8301,8304,8306,8308,8310,8312,8314,8317,8319,8321],{"class":2987,"line":3135},[2985,8302,8303],{"class":2995},"      hello",[2985,8305,3121],{"class":2991},[2985,8307,3041],{"class":3040},[2985,8309,3098],{"class":3044},[2985,8311,3048],{"class":2995},[2985,8313,3051],{"class":2991},[2985,8315,8316],{"class":3012},"/api/hello",[2985,8318,3051],{"class":2991},[2985,8320,4449],{"class":2995},[2985,8322,3132],{"class":2991},[2985,8324,8325],{"class":2987,"line":3145},[2985,8326,8327],{"class":2991},"    }\n",[2985,8329,8330],{"class":2987,"line":3152},[2985,8331,5517],{"class":2991},[2985,8333,8334,8336],{"class":2987,"line":3158},[2985,8335,3034],{"class":2991},[2985,8337,3059],{"class":3030},[2985,8339,8340,8342,8344],{"class":2987,"line":3166},[2985,8341,3175],{"class":2991},[2985,8343,2996],{"class":2995},[2985,8345,3018],{"class":2991},[3329,8347,8348],{},[2853,8349,8350,8351,5605,8353,8356],{},"Using ",[2857,8352,4738],{},[2857,8354,8355],{},"\u003Cscript setup lang=\"ts\">"," are the recommended way of declaring Vue components in Nuxt.",[3499,8358],{"to":667},[2916,8360,8362],{"id":8361},"serializing-data-from-server-to-client","Serializing Data From Server to Client",[2853,8364,8365,8366,2865,8368,8370,8371,8374,8375,8382,8383,2859,8386,2859,8389,2859,8392,2865,8395,8398],{},"When using ",[2857,8367,515],{},[2857,8369,543],{}," to transfer data fetched on server to the client (as well as anything else that utilizes ",[2861,8372,8373],{"href":2950},"the Nuxt payload","), the payload is serialized with ",[2861,8376,8379],{"href":8377,"rel":8378},"https://github.com/sveltejs/devalue",[2968],[2857,8380,8381],{},"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, ",[2857,8384,8385],{},"ref",[2857,8387,8388],{},"reactive",[2857,8390,8391],{},"shallowRef",[2857,8393,8394],{},"shallowReactive",[2857,8396,8397],{},"NuxtError"," - and more.",[2853,8400,8401,8402,8406],{},"It is also possible to define your own serializer/deserializer for types that are not supported by Nuxt. You can read more in the ",[2861,8403,8404],{"href":2950},[2857,8405,555],{}," docs.",[3329,8408,8409],{},[2853,8410,8411,8412,8415,8416,5605,8418,8420],{},"Note that this ",[4755,8413,8414],{},"does not apply"," to data passed from your server routes when fetched with ",[2857,8417,630],{},[2857,8419,527],{}," - see the next section for more information.",[2916,8422,8424],{"id":8423},"serializing-data-from-api-routes","Serializing Data From API Routes",[2853,8426,8427,8428,8430,8431,8434,8435,2865,8437,8441],{},"When fetching data from the ",[2857,8429,185],{}," directory, the response is serialized using ",[2857,8432,8433],{},"JSON.stringify",". However, since serialization is limited to only JavaScript primitive types, Nuxt does its best to convert the return type of ",[2857,8436,630],{},[2861,8438,8439],{"href":528},[2857,8440,527],{}," to match the actual value.",[3499,8443,8447],{"to":8444,"icon":8445,"target":8446},"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify#description","i-simple-icons-mdnwebdocs","_blank",[2853,8448,8449,8450,8452],{},"Learn more about ",[2857,8451,8433],{}," limitations.",[3313,8454,8456],{"id":8455},"example","Example",[2976,8458,8461],{"className":3587,"code":8459,"filename":8460,"language":3013,"meta":2981,"style":2981},"export default defineEventHandler(() => {\n  return new Date()\n})\n","server/api/foo.ts",[2857,8462,8463,8479,8491],{"__ignoreMap":2981},[2985,8464,8465,8467,8469,8471,8473,8475,8477],{"class":2987,"line":2988},[2985,8466,3600],{"class":3040},[2985,8468,3603],{"class":3040},[2985,8470,3606],{"class":3044},[2985,8472,3048],{"class":3030},[2985,8474,4102],{"class":2991},[2985,8476,3615],{"class":2999},[2985,8478,3082],{"class":2991},[2985,8480,8481,8483,8486,8489],{"class":2987,"line":3021},[2985,8482,3709],{"class":3040},[2985,8484,8485],{"class":2991}," new",[2985,8487,8488],{"class":3044}," Date",[2985,8490,4577],{"class":2995},[2985,8492,8493,8495],{"class":2987,"line":3062},[2985,8494,3034],{"class":2991},[2985,8496,3059],{"class":3030},[2976,8498,8500],{"className":2978,"code":8499,"filename":219,"language":2980,"meta":2981,"style":2981},"\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",[2857,8501,8502,8522,8527,8554],{"__ignoreMap":2981},[2985,8503,8504,8506,8508,8510,8512,8514,8516,8518,8520],{"class":2987,"line":2988},[2985,8505,2992],{"class":2991},[2985,8507,2996],{"class":2995},[2985,8509,3000],{"class":2999},[2985,8511,3003],{"class":2999},[2985,8513,3006],{"class":2991},[2985,8515,3009],{"class":2991},[2985,8517,3013],{"class":3012},[2985,8519,3009],{"class":2991},[2985,8521,3018],{"class":2991},[2985,8523,8524],{"class":2987,"line":3021},[2985,8525,8526],{"class":3148},"// Type of `data` is inferred as string even though we returned a Date object\n",[2985,8528,8529,8531,8533,8535,8537,8539,8541,8543,8545,8547,8550,8552],{"class":2987,"line":3062},[2985,8530,3024],{"class":2999},[2985,8532,3027],{"class":2991},[2985,8534,3031],{"class":3030},[2985,8536,3034],{"class":2991},[2985,8538,3037],{"class":2991},[2985,8540,3041],{"class":3040},[2985,8542,3045],{"class":3044},[2985,8544,3048],{"class":3030},[2985,8546,3051],{"class":2991},[2985,8548,8549],{"class":3012},"/api/foo",[2985,8551,3051],{"class":2991},[2985,8553,3059],{"class":3030},[2985,8555,8556,8558,8560],{"class":2987,"line":3068},[2985,8557,3175],{"class":2991},[2985,8559,2996],{"class":2995},[2985,8561,3018],{"class":2991},[3313,8563,8565],{"id":8564},"custom-serializer-function","Custom serializer function",[2853,8567,8568,8569,8572,8573,8575],{},"To customize the serialization behavior, you can define a ",[2857,8570,8571],{},"toJSON"," function on your returned object. If you define a ",[2857,8574,8571],{}," method, Nuxt will respect the return type of the function and will not try to convert the types.",[2976,8577,8580],{"className":3587,"code":8578,"filename":8579,"language":3013,"meta":2981,"style":2981},"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",[2857,8581,8582,8598,8608,8623,8627,8636,8643,8652,8674,8694,8714,8719,8724,8728,8732,8739],{"__ignoreMap":2981},[2985,8583,8584,8586,8588,8590,8592,8594,8596],{"class":2987,"line":2988},[2985,8585,3600],{"class":3040},[2985,8587,3603],{"class":3040},[2985,8589,3606],{"class":3044},[2985,8591,3048],{"class":3030},[2985,8593,4102],{"class":2991},[2985,8595,3615],{"class":2999},[2985,8597,3082],{"class":2991},[2985,8599,8600,8602,8604,8606],{"class":2987,"line":3021},[2985,8601,3088],{"class":2999},[2985,8603,3850],{"class":3030},[2985,8605,3037],{"class":2991},[2985,8607,3082],{"class":2991},[2985,8609,8610,8613,8615,8617,8619,8621],{"class":2987,"line":3062},[2985,8611,8612],{"class":2995},"    createdAt",[2985,8614,3121],{"class":2991},[2985,8616,8485],{"class":2991},[2985,8618,8488],{"class":3044},[2985,8620,4102],{"class":2995},[2985,8622,3132],{"class":2991},[2985,8624,8625],{"class":2987,"line":3068},[2985,8626,3065],{"emptyLinePlaceholder":1196},[2985,8628,8629,8632,8634],{"class":2987,"line":3085},[2985,8630,8631],{"class":2995},"    toJSON ",[2985,8633,4102],{"class":2991},[2985,8635,3082],{"class":2991},[2985,8637,8638,8641],{"class":2987,"line":3115},[2985,8639,8640],{"class":3040},"      return",[2985,8642,3082],{"class":2991},[2985,8644,8645,8648,8650],{"class":2987,"line":3135},[2985,8646,8647],{"class":2995},"        createdAt",[2985,8649,3121],{"class":2991},[2985,8651,3082],{"class":2991},[2985,8653,8654,8657,8659,8662,8665,8667,8670,8672],{"class":2987,"line":3145},[2985,8655,8656],{"class":2995},"          year",[2985,8658,3121],{"class":2991},[2985,8660,8661],{"class":2991}," this.",[2985,8663,8664],{"class":3030},"createdAt",[2985,8666,2868],{"class":2991},[2985,8668,8669],{"class":3044},"getFullYear",[2985,8671,4102],{"class":2995},[2985,8673,3132],{"class":2991},[2985,8675,8676,8679,8681,8683,8685,8687,8690,8692],{"class":2987,"line":3152},[2985,8677,8678],{"class":2995},"          month",[2985,8680,3121],{"class":2991},[2985,8682,8661],{"class":2991},[2985,8684,8664],{"class":3030},[2985,8686,2868],{"class":2991},[2985,8688,8689],{"class":3044},"getMonth",[2985,8691,4102],{"class":2995},[2985,8693,3132],{"class":2991},[2985,8695,8696,8699,8701,8703,8705,8707,8710,8712],{"class":2987,"line":3158},[2985,8697,8698],{"class":2995},"          day",[2985,8700,3121],{"class":2991},[2985,8702,8661],{"class":2991},[2985,8704,8664],{"class":3030},[2985,8706,2868],{"class":2991},[2985,8708,8709],{"class":3044},"getDate",[2985,8711,4102],{"class":2995},[2985,8713,3132],{"class":2991},[2985,8715,8716],{"class":2987,"line":3166},[2985,8717,8718],{"class":2991},"        },\n",[2985,8720,8721],{"class":2987,"line":3172},[2985,8722,8723],{"class":2991},"      }\n",[2985,8725,8726],{"class":2987,"line":3182},[2985,8727,3155],{"class":2991},[2985,8729,8730],{"class":2987,"line":3187},[2985,8731,6654],{"class":2991},[2985,8733,8734,8736],{"class":2987,"line":3197},[2985,8735,3709],{"class":3040},[2985,8737,8738],{"class":3030}," data\n",[2985,8740,8741,8743],{"class":2987,"line":3220},[2985,8742,3034],{"class":2991},[2985,8744,3059],{"class":3030},[2976,8746,8748],{"className":2978,"code":8747,"filename":219,"language":2980,"meta":2981,"style":2981},"\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",[2857,8749,8750,8770,8775,8780,8785,8790,8795,8800,8805,8810,8837],{"__ignoreMap":2981},[2985,8751,8752,8754,8756,8758,8760,8762,8764,8766,8768],{"class":2987,"line":2988},[2985,8753,2992],{"class":2991},[2985,8755,2996],{"class":2995},[2985,8757,3000],{"class":2999},[2985,8759,3003],{"class":2999},[2985,8761,3006],{"class":2991},[2985,8763,3009],{"class":2991},[2985,8765,3013],{"class":3012},[2985,8767,3009],{"class":2991},[2985,8769,3018],{"class":2991},[2985,8771,8772],{"class":2987,"line":3021},[2985,8773,8774],{"class":3148},"// Type of `data` is inferred as\n",[2985,8776,8777],{"class":2987,"line":3062},[2985,8778,8779],{"class":3148},"// {\n",[2985,8781,8782],{"class":2987,"line":3068},[2985,8783,8784],{"class":3148},"//   createdAt: {\n",[2985,8786,8787],{"class":2987,"line":3085},[2985,8788,8789],{"class":3148},"//     year: number\n",[2985,8791,8792],{"class":2987,"line":3115},[2985,8793,8794],{"class":3148},"//     month: number\n",[2985,8796,8797],{"class":2987,"line":3135},[2985,8798,8799],{"class":3148},"//     day: number\n",[2985,8801,8802],{"class":2987,"line":3145},[2985,8803,8804],{"class":3148},"//   }\n",[2985,8806,8807],{"class":2987,"line":3152},[2985,8808,8809],{"class":3148},"// }\n",[2985,8811,8812,8814,8816,8818,8820,8822,8824,8826,8828,8830,8833,8835],{"class":2987,"line":3158},[2985,8813,3024],{"class":2999},[2985,8815,3027],{"class":2991},[2985,8817,3031],{"class":3030},[2985,8819,3034],{"class":2991},[2985,8821,3037],{"class":2991},[2985,8823,3041],{"class":3040},[2985,8825,3045],{"class":3044},[2985,8827,3048],{"class":3030},[2985,8829,3051],{"class":2991},[2985,8831,8832],{"class":3012},"/api/bar",[2985,8834,3051],{"class":2991},[2985,8836,3059],{"class":3030},[2985,8838,8839,8841,8843],{"class":2987,"line":3166},[2985,8840,3175],{"class":2991},[2985,8842,2996],{"class":2995},[2985,8844,3018],{"class":2991},[3313,8846,8848],{"id":8847},"using-an-alternative-serializer","Using an alternative serializer",[2853,8850,8851,8852,8854,8855,8857],{},"Nuxt does not currently support an alternative serializer to ",[2857,8853,8433],{},". However, you can return your payload as a normal string and utilize the ",[2857,8856,8571],{}," method to maintain type safety.",[2853,8859,8860,8861,8866],{},"In the example below, we use ",[2861,8862,8865],{"href":8863,"rel":8864},"https://github.com/flightcontrolhq/superjson",[2968],"superjson"," as our serializer.",[2976,8868,8871],{"className":3587,"code":8869,"filename":8870,"language":3013,"meta":2981,"style":2981},"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",[2857,8872,8873,8889,8893,8909,8919,8933,8937,8942,8950,8957,8961,8965,8969,8974,9006],{"__ignoreMap":2981},[2985,8874,8875,8877,8880,8883,8885,8887],{"class":2987,"line":2988},[2985,8876,7876],{"class":3040},[2985,8878,8879],{"class":3030}," superjson ",[2985,8881,8882],{"class":3040},"from",[2985,8884,3124],{"class":2991},[2985,8886,8865],{"class":3012},[2985,8888,6306],{"class":2991},[2985,8890,8891],{"class":2987,"line":3021},[2985,8892,3065],{"emptyLinePlaceholder":1196},[2985,8894,8895,8897,8899,8901,8903,8905,8907],{"class":2987,"line":3062},[2985,8896,3600],{"class":3040},[2985,8898,3603],{"class":3040},[2985,8900,3606],{"class":3044},[2985,8902,3048],{"class":3030},[2985,8904,4102],{"class":2991},[2985,8906,3615],{"class":2999},[2985,8908,3082],{"class":2991},[2985,8910,8911,8913,8915,8917],{"class":2987,"line":3068},[2985,8912,3088],{"class":2999},[2985,8914,3850],{"class":3030},[2985,8916,3037],{"class":2991},[2985,8918,3082],{"class":2991},[2985,8920,8921,8923,8925,8927,8929,8931],{"class":2987,"line":3085},[2985,8922,8612],{"class":2995},[2985,8924,3121],{"class":2991},[2985,8926,8485],{"class":2991},[2985,8928,8488],{"class":3044},[2985,8930,4102],{"class":2995},[2985,8932,3132],{"class":2991},[2985,8934,8935],{"class":2987,"line":3115},[2985,8936,3065],{"emptyLinePlaceholder":1196},[2985,8938,8939],{"class":2987,"line":3135},[2985,8940,8941],{"class":3148},"    // Workaround the type conversion\n",[2985,8943,8944,8946,8948],{"class":2987,"line":3145},[2985,8945,8631],{"class":2995},[2985,8947,4102],{"class":2991},[2985,8949,3082],{"class":2991},[2985,8951,8952,8954],{"class":2987,"line":3152},[2985,8953,8640],{"class":3040},[2985,8955,8956],{"class":2991}," this\n",[2985,8958,8959],{"class":2987,"line":3158},[2985,8960,3155],{"class":2991},[2985,8962,8963],{"class":2987,"line":3166},[2985,8964,6654],{"class":2991},[2985,8966,8967],{"class":2987,"line":3172},[2985,8968,3065],{"emptyLinePlaceholder":1196},[2985,8970,8971],{"class":2987,"line":3182},[2985,8972,8973],{"class":3148},"  // Serialize the output to string, using superjson\n",[2985,8975,8976,8978,8981,8983,8986,8988,8990,8992,8995,8998,9001,9004],{"class":2987,"line":3187},[2985,8977,3709],{"class":3040},[2985,8979,8980],{"class":3030}," superjson",[2985,8982,2868],{"class":2991},[2985,8984,8985],{"class":3044},"stringify",[2985,8987,3048],{"class":2995},[2985,8989,4652],{"class":3030},[2985,8991,6639],{"class":2995},[2985,8993,8994],{"class":3040},"as",[2985,8996,8997],{"class":4415}," unknown",[2985,8999,9000],{"class":3040}," as",[2985,9002,9003],{"class":2991}," typeof",[2985,9005,8738],{"class":3030},[2985,9007,9008,9010],{"class":2987,"line":3197},[2985,9009,3034],{"class":2991},[2985,9011,3059],{"class":3030},[2976,9013,9015],{"className":2978,"code":9014,"filename":219,"language":2980,"meta":2981,"style":2981},"\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",[2857,9016,9017,9037,9051,9055,9060,9089,9105,9130,9134,9140],{"__ignoreMap":2981},[2985,9018,9019,9021,9023,9025,9027,9029,9031,9033,9035],{"class":2987,"line":2988},[2985,9020,2992],{"class":2991},[2985,9022,2996],{"class":2995},[2985,9024,3000],{"class":2999},[2985,9026,3003],{"class":2999},[2985,9028,3006],{"class":2991},[2985,9030,3009],{"class":2991},[2985,9032,3013],{"class":3012},[2985,9034,3009],{"class":2991},[2985,9036,3018],{"class":2991},[2985,9038,9039,9041,9043,9045,9047,9049],{"class":2987,"line":3021},[2985,9040,7876],{"class":3040},[2985,9042,8879],{"class":3030},[2985,9044,8882],{"class":3040},[2985,9046,3124],{"class":2991},[2985,9048,8865],{"class":3012},[2985,9050,6306],{"class":2991},[2985,9052,9053],{"class":2987,"line":3062},[2985,9054,3065],{"emptyLinePlaceholder":1196},[2985,9056,9057],{"class":2987,"line":3068},[2985,9058,9059],{"class":3148},"// `date` is inferred as { createdAt: Date } and you can safely use the Date object methods\n",[2985,9061,9062,9064,9066,9068,9070,9072,9074,9076,9078,9080,9083,9085,9087],{"class":2987,"line":3085},[2985,9063,3024],{"class":2999},[2985,9065,3027],{"class":2991},[2985,9067,3031],{"class":3030},[2985,9069,3034],{"class":2991},[2985,9071,3037],{"class":2991},[2985,9073,3041],{"class":3040},[2985,9075,3045],{"class":3044},[2985,9077,3048],{"class":3030},[2985,9079,3051],{"class":2991},[2985,9081,9082],{"class":3012},"/api/superjson",[2985,9084,3051],{"class":2991},[2985,9086,3110],{"class":2991},[2985,9088,3082],{"class":2991},[2985,9090,9091,9093,9095,9097,9099,9101,9103],{"class":2987,"line":3115},[2985,9092,5445],{"class":3044},[2985,9094,3121],{"class":2991},[2985,9096,4373],{"class":2991},[2985,9098,6243],{"class":3611},[2985,9100,4449],{"class":2991},[2985,9102,3615],{"class":2999},[2985,9104,3082],{"class":2991},[2985,9106,9107,9109,9111,9113,9116,9118,9120,9122,9124,9126,9128],{"class":2987,"line":3135},[2985,9108,5463],{"class":3040},[2985,9110,8980],{"class":3030},[2985,9112,2868],{"class":2991},[2985,9114,9115],{"class":3044},"parse",[2985,9117,3048],{"class":2995},[2985,9119,6243],{"class":3030},[2985,9121,9000],{"class":3040},[2985,9123,8997],{"class":4415},[2985,9125,9000],{"class":3040},[2985,9127,7950],{"class":4415},[2985,9129,3059],{"class":2995},[2985,9131,9132],{"class":2987,"line":3145},[2985,9133,5517],{"class":2991},[2985,9135,9136,9138],{"class":2987,"line":3152},[2985,9137,3034],{"class":2991},[2985,9139,3059],{"class":3030},[2985,9141,9142,9144,9146],{"class":2987,"line":3158},[2985,9143,3175],{"class":2991},[2985,9145,2996],{"class":2995},[2985,9147,3018],{"class":2991},[2916,9149,357],{"id":9150},"recipes",[3313,9152,9154],{"id":9153},"consuming-sse-server-sent-events-via-post-request","Consuming SSE (Server-Sent Events) via POST request",[2959,9156,9157],{},[2853,9158,9159,9160,9167,9168,2868],{},"If you're consuming SSE via GET request, you can use ",[2861,9161,9164],{"href":9162,"rel":9163},"https://developer.mozilla.org/en-US/docs/Web/API/EventSource",[2968],[2857,9165,9166],{},"EventSource"," or VueUse composable ",[2861,9169,9172],{"href":9170,"rel":9171},"https://vueuse.org/core/useeventsource/",[2968],[2857,9173,9174],{},"useEventSource",[2853,9176,9177],{},"When consuming SSE via POST request, you need to handle the connection manually. Here's how you can do it:",[2976,9179,9181],{"className":3587,"code":9180,"language":3013,"meta":2981,"style":2981},"// 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",[2857,9182,9183,9188,9221,9236,9245,9261,9265,9281,9287,9291,9296,9331,9335,9340,9354,9383,9387,9405,9409,9433],{"__ignoreMap":2981},[2985,9184,9185],{"class":2987,"line":2988},[2985,9186,9187],{"class":3148},"// Make a POST request to the SSE endpoint\n",[2985,9189,9190,9192,9195,9197,9199,9201,9203,9206,9208,9210,9212,9215,9217,9219],{"class":2987,"line":3021},[2985,9191,3024],{"class":2999},[2985,9193,9194],{"class":3030}," response ",[2985,9196,3006],{"class":2991},[2985,9198,3041],{"class":3040},[2985,9200,3098],{"class":3044},[2985,9202,2992],{"class":2991},[2985,9204,9205],{"class":4415},"ReadableStream",[2985,9207,3903],{"class":2991},[2985,9209,3048],{"class":3030},[2985,9211,3051],{"class":2991},[2985,9213,9214],{"class":3012},"/chats/ask-ai",[2985,9216,3051],{"class":2991},[2985,9218,3110],{"class":2991},[2985,9220,3082],{"class":2991},[2985,9222,9223,9226,9228,9230,9232,9234],{"class":2987,"line":3062},[2985,9224,9225],{"class":2995},"  method",[2985,9227,3121],{"class":2991},[2985,9229,3124],{"class":2991},[2985,9231,3127],{"class":3012},[2985,9233,3051],{"class":2991},[2985,9235,3132],{"class":2991},[2985,9237,9238,9241,9243],{"class":2987,"line":3068},[2985,9239,9240],{"class":2995},"  body",[2985,9242,3121],{"class":2991},[2985,9244,3082],{"class":2991},[2985,9246,9247,9250,9252,9254,9257,9259],{"class":2987,"line":3085},[2985,9248,9249],{"class":2995},"    query",[2985,9251,3121],{"class":2991},[2985,9253,3124],{"class":2991},[2985,9255,9256],{"class":3012},"Hello AI, how are you?",[2985,9258,3051],{"class":2991},[2985,9260,3132],{"class":2991},[2985,9262,9263],{"class":2987,"line":3115},[2985,9264,5517],{"class":2991},[2985,9266,9267,9270,9272,9274,9277,9279],{"class":2987,"line":3135},[2985,9268,9269],{"class":2995},"  responseType",[2985,9271,3121],{"class":2991},[2985,9273,3124],{"class":2991},[2985,9275,9276],{"class":3012},"stream",[2985,9278,3051],{"class":2991},[2985,9280,3132],{"class":2991},[2985,9282,9283,9285],{"class":2987,"line":3145},[2985,9284,3034],{"class":2991},[2985,9286,3059],{"class":3030},[2985,9288,9289],{"class":2987,"line":3152},[2985,9290,3065],{"emptyLinePlaceholder":1196},[2985,9292,9293],{"class":2987,"line":3158},[2985,9294,9295],{"class":3148},"// Create a new ReadableStream from the response with TextDecoderStream to get the data as text\n",[2985,9297,9298,9300,9303,9305,9308,9310,9313,9315,9318,9321,9324,9326,9329],{"class":2987,"line":3166},[2985,9299,3024],{"class":2999},[2985,9301,9302],{"class":3030}," reader ",[2985,9304,3006],{"class":2991},[2985,9306,9307],{"class":3030}," response",[2985,9309,2868],{"class":2991},[2985,9311,9312],{"class":3044},"pipeThrough",[2985,9314,3048],{"class":3030},[2985,9316,9317],{"class":2991},"new",[2985,9319,9320],{"class":3044}," TextDecoderStream",[2985,9322,9323],{"class":3030},"())",[2985,9325,2868],{"class":2991},[2985,9327,9328],{"class":3044},"getReader",[2985,9330,4577],{"class":3030},[2985,9332,9333],{"class":2987,"line":3172},[2985,9334,3065],{"emptyLinePlaceholder":1196},[2985,9336,9337],{"class":2987,"line":3182},[2985,9338,9339],{"class":3148},"// Read the chunk of data as we get it\n",[2985,9341,9342,9345,9347,9350,9352],{"class":2987,"line":3187},[2985,9343,9344],{"class":3040},"while",[2985,9346,4373],{"class":3030},[2985,9348,9349],{"class":4866},"true",[2985,9351,6639],{"class":3030},[2985,9353,6642],{"class":2991},[2985,9355,9356,9358,9360,9362,9364,9367,9369,9371,9373,9376,9378,9381],{"class":2987,"line":3197},[2985,9357,3088],{"class":2999},[2985,9359,3027],{"class":2991},[2985,9361,5654],{"class":3030},[2985,9363,3110],{"class":2991},[2985,9365,9366],{"class":3030}," done",[2985,9368,3732],{"class":2991},[2985,9370,3037],{"class":2991},[2985,9372,3041],{"class":3040},[2985,9374,9375],{"class":3030}," reader",[2985,9377,2868],{"class":2991},[2985,9379,9380],{"class":3044},"read",[2985,9382,4577],{"class":2995},[2985,9384,9385],{"class":2987,"line":3220},[2985,9386,3065],{"emptyLinePlaceholder":1196},[2985,9388,9389,9391,9393,9396,9398,9400,9403],{"class":2987,"line":3226},[2985,9390,6623],{"class":3040},[2985,9392,4373],{"class":2995},[2985,9394,9395],{"class":3030},"done",[2985,9397,6639],{"class":2995},[2985,9399,5483],{"class":2991},[2985,9401,9402],{"class":3040}," break",[2985,9404,4501],{"class":2991},[2985,9406,9407],{"class":2987,"line":3236},[2985,9408,3065],{"emptyLinePlaceholder":1196},[2985,9410,9411,9414,9416,9418,9420,9422,9425,9427,9429,9431],{"class":2987,"line":3248},[2985,9412,9413],{"class":3030},"  console",[2985,9415,2868],{"class":2991},[2985,9417,8203],{"class":3044},[2985,9419,3048],{"class":2995},[2985,9421,3051],{"class":2991},[2985,9423,9424],{"class":3012},"Received:",[2985,9426,3051],{"class":2991},[2985,9428,3110],{"class":2991},[2985,9430,5654],{"class":3030},[2985,9432,3059],{"class":2995},[2985,9434,9435],{"class":2987,"line":3271},[2985,9436,3169],{"class":2991},[3313,9438,9440],{"id":9439},"making-parallel-requests","Making parallel requests",[2853,9442,9443,9444,9447],{},"When requests don't rely on each other, you can make them in parallel with ",[2857,9445,9446],{},"Promise.all()"," to boost performance.",[2976,9449,9451],{"className":3587,"code":9450,"language":3013,"meta":2981,"style":2981},"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",[2857,9452,9453,9487,9499,9524,9549,9553,9559,9563,9596],{"__ignoreMap":2981},[2985,9454,9455,9457,9459,9461,9463,9465,9467,9469,9471,9473,9475,9477,9479,9481,9483,9485],{"class":2987,"line":2988},[2985,9456,3024],{"class":2999},[2985,9458,3027],{"class":2991},[2985,9460,3031],{"class":3030},[2985,9462,3034],{"class":2991},[2985,9464,3037],{"class":2991},[2985,9466,3041],{"class":3040},[2985,9468,4039],{"class":3044},[2985,9470,3048],{"class":3030},[2985,9472,3048],{"class":2991},[2985,9474,4376],{"class":3611},[2985,9476,3110],{"class":2991},[2985,9478,3027],{"class":2991},[2985,9480,4383],{"class":3611},[2985,9482,4386],{"class":2991},[2985,9484,3615],{"class":2999},[2985,9486,3082],{"class":2991},[2985,9488,9489,9491,9493,9495,9497],{"class":2987,"line":3021},[2985,9490,3709],{"class":3040},[2985,9492,4416],{"class":4415},[2985,9494,2868],{"class":2991},[2985,9496,4421],{"class":3044},[2985,9498,4424],{"class":2995},[2985,9500,9501,9503,9505,9507,9510,9512,9514,9516,9518,9520,9522],{"class":2987,"line":3062},[2985,9502,4429],{"class":3044},[2985,9504,3048],{"class":2995},[2985,9506,3051],{"class":2991},[2985,9508,9509],{"class":3012},"/api/comments/",[2985,9511,3051],{"class":2991},[2985,9513,3110],{"class":2991},[2985,9515,3027],{"class":2991},[2985,9517,4383],{"class":3030},[2985,9519,3732],{"class":2991},[2985,9521,4449],{"class":2995},[2985,9523,3132],{"class":2991},[2985,9525,9526,9528,9530,9532,9535,9537,9539,9541,9543,9545,9547],{"class":2987,"line":3068},[2985,9527,4429],{"class":3044},[2985,9529,3048],{"class":2995},[2985,9531,3051],{"class":2991},[2985,9533,9534],{"class":3012},"/api/author/12",[2985,9536,3051],{"class":2991},[2985,9538,3110],{"class":2991},[2985,9540,3027],{"class":2991},[2985,9542,4383],{"class":3030},[2985,9544,3732],{"class":2991},[2985,9546,4449],{"class":2995},[2985,9548,3132],{"class":2991},[2985,9550,9551],{"class":2987,"line":3085},[2985,9552,4481],{"class":2995},[2985,9554,9555,9557],{"class":2987,"line":3115},[2985,9556,3034],{"class":2991},[2985,9558,3059],{"class":3030},[2985,9560,9561],{"class":2987,"line":3135},[2985,9562,3065],{"emptyLinePlaceholder":1196},[2985,9564,9565,9567,9569,9571,9573,9575,9577,9579,9581,9583,9585,9588,9591,9594],{"class":2987,"line":3145},[2985,9566,3024],{"class":2999},[2985,9568,5164],{"class":3030},[2985,9570,3006],{"class":2991},[2985,9572,7307],{"class":3044},[2985,9574,3048],{"class":3030},[2985,9576,4102],{"class":2991},[2985,9578,3615],{"class":2999},[2985,9580,3850],{"class":3030},[2985,9582,2868],{"class":2991},[2985,9584,6243],{"class":3030},[2985,9586,9587],{"class":2991},"?.",[2985,9589,9590],{"class":3030},"[",[2985,9592,9593],{"class":6721},"0",[2985,9595,3687],{"class":3030},[2985,9597,9598,9600,9603,9605,9607,9609,9611,9613,9615,9617,9619,9621,9623,9625],{"class":2987,"line":3152},[2985,9599,3024],{"class":2999},[2985,9601,9602],{"class":3030}," author ",[2985,9604,3006],{"class":2991},[2985,9606,7307],{"class":3044},[2985,9608,3048],{"class":3030},[2985,9610,4102],{"class":2991},[2985,9612,3615],{"class":2999},[2985,9614,3850],{"class":3030},[2985,9616,2868],{"class":2991},[2985,9618,6243],{"class":3030},[2985,9620,9587],{"class":2991},[2985,9622,9590],{"class":3030},[2985,9624,6722],{"class":6721},[2985,9626,3687],{"class":3030},[3933,9628],{"title":9629,"video-id":9630,"platform":5084},"Watch a video from Vue School on parallel data fetching","1024262536",[9632,9633,9634],"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":2981,"searchDepth":3021,"depth":3021,"links":9636},[9637,9641,9644,9645,9646,9647,9654,9657,9658,9659,9664],{"id":2918,"depth":3021,"text":9638,"children":9639},"The need for useFetch and useAsyncData",[9640],{"id":3315,"depth":3062,"text":3316},{"id":3341,"depth":3021,"text":630,"children":9642},[9643],{"id":3508,"depth":3062,"text":3509},{"id":3804,"depth":3021,"text":527},{"id":3944,"depth":3021,"text":515},{"id":4637,"depth":3021,"text":4638},{"id":4769,"depth":3021,"text":4770,"children":9648},[9649,9650,9651,9652,9653],{"id":4784,"depth":3062,"text":4785},{"id":5087,"depth":3062,"text":5088},{"id":5225,"depth":3062,"text":5226},{"id":5539,"depth":3062,"text":5540},{"id":7186,"depth":3062,"text":7551},{"id":7829,"depth":3021,"text":7830,"children":9655},[9656],{"id":7861,"depth":3062,"text":7862},{"id":8222,"depth":3021,"text":8223},{"id":8361,"depth":3021,"text":8362},{"id":8423,"depth":3021,"text":8424,"children":9660},[9661,9662,9663],{"id":8455,"depth":3062,"text":8456},{"id":8564,"depth":3062,"text":8565},{"id":8847,"depth":3062,"text":8848},{"id":9150,"depth":3021,"text":357,"children":9665},[9666,9667],{"id":9153,"depth":3062,"text":9154},{"id":9439,"depth":3062,"text":9440},"Nuxt provides composables to handle data fetching within your application.","md",{},{"icon":67},{"title":64,"description":9668},"l2UD0MVXrzBhhkGE9q7TX7i6wCWFVqDNtfUNTb7z4Lk",[9675,9677],{"title":59,"path":60,"stem":61,"description":9676,"icon":62,"children":-1},"Apply transitions between pages and layouts with Vue or native browser View Transitions.",{"title":69,"path":70,"stem":71,"description":9678,"icon":72,"children":-1},"Nuxt provides powerful state management libraries and the useState composable to create a reactive and SSR-friendly shared state.",1772462958425]