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