[{"data":1,"prerenderedAt":11964},["ShallowReactive",2],{"$fGCo9l1hMtNdUiA6QzdUX5X3kLqaWcC5t2kdz4LrvCvc":3,"versions":2842,"-docs-3-x-getting-started-data-fetching":2847,"-docs-3-x-getting-started-data-fetching-surround":11959},[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":11953,"extension":11954,"links":6,"meta":11955,"navigation":11956,"path":65,"seo":11957,"stem":66,"titleTemplate":6,"__hash__":11958},"docsv3/docs/3.x/1.getting-started/10.data-fetching.md",{"type":2850,"value":2851,"toc":11920},"minimark",[2852,2869,2872,2907,2915,2924,2933,2945,2958,2975,3303,3312,3317,3328,3339,3344,3356,3632,3659,3667,3671,3686,3746,3783,3800,3908,3918,3963,3968,3978,4269,4280,4285,4287,4290,4295,4300,4323,4327,4340,4474,4509,4646,4654,4874,4977,4983,4987,4994,5068,5086,5092,5114,5118,5129,5133,5142,5646,5656,5862,5868,5874,5879,5883,5892,5898,6672,6683,6687,6693,6855,6862,6984,6993,6997,7001,7006,7017,7043,7052,7056,7060,7076,7083,7115,7282,7288,7313,7476,7479,7615,7619,7622,7767,7771,7779,8230,8242,8255,8258,8266,8669,8672,8682,9078,9085,9203,9211,9217,9338,9342,9345,9459,9468,9475,9828,9835,9838,9847,9856,10087,10093,10116,10120,10129,10135,10148,10152,10155,10376,10508,10512,10522,10634,10645,10647,10651,10686,10694,10708,10712,10729,10740,10744,10784,10849,10853,10863,11032,11132,11136,11145,11154,11298,11434,11437,11441,11461,11464,11722,11726,11733,11912,11916],[2853,2854,2855,2856,2859,2860,2865,2866,2868],"p",{},"Nuxt comes with two composables and a built-in library to perform data-fetching in browser or server environments: ",[2857,2858,527],"code",{},", ",[2861,2862,2863],"a",{"href":516},[2857,2864,515],{}," and ",[2857,2867,630],{},".",[2853,2870,2871],{},"In a nutshell:",[2873,2874,2875,2883,2897],"ul",{},[2876,2877,2878,2882],"li",{},[2861,2879,2880],{"href":631},[2857,2881,630],{}," is the simplest way to make a network request.",[2876,2884,2885,2889,2890,2892,2893,2868],{},[2861,2886,2887],{"href":528},[2857,2888,527],{}," is a wrapper around ",[2857,2891,630],{}," that fetches data only once in ",[2861,2894,2896],{"href":2895},"/docs/3.x/guide/concepts/rendering#universal-rendering","universal rendering",[2876,2898,2899,2903,2904,2906],{},[2861,2900,2901],{"href":516},[2857,2902,515],{}," is similar to ",[2857,2905,527],{}," but offers more fine-grained control.",[2853,2908,2909,2910,2865,2912,2914],{},"Both ",[2857,2911,527],{},[2857,2913,515],{}," share a common set of options and patterns that we will detail in the last sections.",[2916,2917,2919,2920,2865,2922],"h2",{"id":2918},"the-need-for-usefetch-and-useasyncdata","The need for ",[2857,2921,527],{},[2857,2923,515],{},[2853,2925,2926,2927,2932],{},"Nuxt is a framework which can run isomorphic (or universal) code in both server and client environments. If the ",[2861,2928,2929,2931],{"href":631},[2857,2930,630],{}," function"," is used to perform data fetching in the setup function of a Vue component, this may cause data to be fetched twice, once on the server (to render the HTML) and once again on the client (when the HTML is hydrated). This can cause hydration issues, increase the time to interactivity and cause unpredictable behavior.",[2853,2934,2935,2936,2865,2940,2944],{},"The ",[2861,2937,2938],{"href":528},[2857,2939,527],{},[2861,2941,2942],{"href":516},[2857,2943,515],{}," composables solve this problem by ensuring that if an API call is made on the server, the data is forwarded to the client in the payload.",[2853,2946,2947,2948,2954,2955,2868],{},"The payload is a JavaScript object accessible through ",[2861,2949,2951],{"href":2950},"/docs/3.x/api/composables/use-nuxt-app#payload",[2857,2952,2953],{},"useNuxtApp().payload",". It is used on the client to avoid refetching the same data when the code is executed in the browser ",[2861,2956,2957],{"href":2895},"during hydration",[2959,2960,2961],"tip",{},[2853,2962,2963,2964,2970,2971,2868],{},"Use the ",[2861,2965,2969],{"href":2966,"rel":2967},"https://devtools.nuxt.com",[2968],"nofollow","Nuxt DevTools"," to inspect this data in the ",[2972,2973,2974],"strong",{},"Payload tab",[2976,2977,2982],"pre",{"className":2978,"code":2979,"filename":219,"language":2980,"meta":2981,"style":2981},"language-vue shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","\u003Cscript setup lang=\"ts\">\nconst { data } = await useFetch('/api/data')\n\nasync function handleFormSubmit () {\n  const res = await $fetch('/api/submit', {\n    method: 'POST',\n    body: {\n      // My form data\n    },\n  })\n}\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cdiv v-if=\"data == null\">\n    No data\n  \u003C/div>\n  \u003Cdiv v-else>\n    \u003Cform @submit=\"handleFormSubmit\">\n      \u003C!-- form input tags -->\n    \u003C/form>\n  \u003C/div>\n\u003C/template>\n","vue","",[2857,2983,2984,3019,3060,3066,3083,3113,3133,3143,3150,3156,3164,3170,3180,3185,3195,3218,3224,3234,3246,3269,3275,3285,3294],{"__ignoreMap":2981},[2985,2986,2989,2993,2997,3001,3004,3007,3010,3014,3016],"span",{"class":2987,"line":2988},"line",1,[2985,2990,2992],{"class":2991},"sDfIl","\u003C",[2985,2994,2996],{"class":2995},"sRlkE","script",[2985,2998,3000],{"class":2999},"smZ93"," setup",[2985,3002,3003],{"class":2999}," lang",[2985,3005,3006],{"class":2991},"=",[2985,3008,3009],{"class":2991},"\"",[2985,3011,3013],{"class":3012},"sGFVr","ts",[2985,3015,3009],{"class":2991},[2985,3017,3018],{"class":2991},">\n",[2985,3020,3022,3025,3028,3032,3035,3038,3042,3046,3049,3052,3055,3057],{"class":2987,"line":3021},2,[2985,3023,3024],{"class":2999},"const",[2985,3026,3027],{"class":2991}," {",[2985,3029,3031],{"class":3030},"sZSNi"," data ",[2985,3033,3034],{"class":2991},"}",[2985,3036,3037],{"class":2991}," =",[2985,3039,3041],{"class":3040},"s8R28"," await",[2985,3043,3045],{"class":3044},"s3cPz"," useFetch",[2985,3047,3048],{"class":3030},"(",[2985,3050,3051],{"class":2991},"'",[2985,3053,3054],{"class":3012},"/api/data",[2985,3056,3051],{"class":2991},[2985,3058,3059],{"class":3030},")\n",[2985,3061,3063],{"class":2987,"line":3062},3,[2985,3064,3065],{"emptyLinePlaceholder":1196},"\n",[2985,3067,3069,3072,3074,3077,3080],{"class":2987,"line":3068},4,[2985,3070,3071],{"class":2999},"async",[2985,3073,2931],{"class":2999},[2985,3075,3076],{"class":3044}," handleFormSubmit",[2985,3078,3079],{"class":2991}," ()",[2985,3081,3082],{"class":2991}," {\n",[2985,3084,3086,3089,3092,3094,3096,3099,3101,3103,3106,3108,3111],{"class":2987,"line":3085},5,[2985,3087,3088],{"class":2999},"  const",[2985,3090,3091],{"class":3030}," res",[2985,3093,3037],{"class":2991},[2985,3095,3041],{"class":3040},[2985,3097,3098],{"class":3044}," $fetch",[2985,3100,3048],{"class":2995},[2985,3102,3051],{"class":2991},[2985,3104,3105],{"class":3012},"/api/submit",[2985,3107,3051],{"class":2991},[2985,3109,3110],{"class":2991},",",[2985,3112,3082],{"class":2991},[2985,3114,3116,3119,3122,3125,3128,3130],{"class":2987,"line":3115},6,[2985,3117,3118],{"class":2995},"    method",[2985,3120,3121],{"class":2991},":",[2985,3123,3124],{"class":2991}," '",[2985,3126,3127],{"class":3012},"POST",[2985,3129,3051],{"class":2991},[2985,3131,3132],{"class":2991},",\n",[2985,3134,3136,3139,3141],{"class":2987,"line":3135},7,[2985,3137,3138],{"class":2995},"    body",[2985,3140,3121],{"class":2991},[2985,3142,3082],{"class":2991},[2985,3144,3146],{"class":2987,"line":3145},8,[2985,3147,3149],{"class":3148},"sWuyu","      // My form data\n",[2985,3151,3153],{"class":2987,"line":3152},9,[2985,3154,3155],{"class":2991},"    },\n",[2985,3157,3159,3162],{"class":2987,"line":3158},10,[2985,3160,3161],{"class":2991},"  }",[2985,3163,3059],{"class":2995},[2985,3165,3167],{"class":2987,"line":3166},11,[2985,3168,3169],{"class":2991},"}\n",[2985,3171,3173,3176,3178],{"class":2987,"line":3172},12,[2985,3174,3175],{"class":2991},"\u003C/",[2985,3177,2996],{"class":2995},[2985,3179,3018],{"class":2991},[2985,3181,3183],{"class":2987,"line":3182},13,[2985,3184,3065],{"emptyLinePlaceholder":1196},[2985,3186,3188,3190,3193],{"class":2987,"line":3187},14,[2985,3189,2992],{"class":2991},[2985,3191,3192],{"class":2995},"template",[2985,3194,3018],{"class":2991},[2985,3196,3198,3201,3204,3207,3209,3211,3214,3216],{"class":2987,"line":3197},15,[2985,3199,3200],{"class":2991},"  \u003C",[2985,3202,3203],{"class":2995},"div",[2985,3205,3206],{"class":2999}," v-if",[2985,3208,3006],{"class":2991},[2985,3210,3009],{"class":2991},[2985,3212,3213],{"class":3012},"data == null",[2985,3215,3009],{"class":2991},[2985,3217,3018],{"class":2991},[2985,3219,3221],{"class":2987,"line":3220},16,[2985,3222,3223],{"class":3030},"    No data\n",[2985,3225,3227,3230,3232],{"class":2987,"line":3226},17,[2985,3228,3229],{"class":2991},"  \u003C/",[2985,3231,3203],{"class":2995},[2985,3233,3018],{"class":2991},[2985,3235,3237,3239,3241,3244],{"class":2987,"line":3236},18,[2985,3238,3200],{"class":2991},[2985,3240,3203],{"class":2995},[2985,3242,3243],{"class":2999}," v-else",[2985,3245,3018],{"class":2991},[2985,3247,3249,3252,3255,3258,3260,3262,3265,3267],{"class":2987,"line":3248},19,[2985,3250,3251],{"class":2991},"    \u003C",[2985,3253,3254],{"class":2995},"form",[2985,3256,3257],{"class":2999}," @submit",[2985,3259,3006],{"class":2991},[2985,3261,3009],{"class":2991},[2985,3263,3264],{"class":3012},"handleFormSubmit",[2985,3266,3009],{"class":2991},[2985,3268,3018],{"class":2991},[2985,3270,3272],{"class":2987,"line":3271},20,[2985,3273,3274],{"class":3148},"      \u003C!-- form input tags -->\n",[2985,3276,3278,3281,3283],{"class":2987,"line":3277},21,[2985,3279,3280],{"class":2991},"    \u003C/",[2985,3282,3254],{"class":2995},[2985,3284,3018],{"class":2991},[2985,3286,3288,3290,3292],{"class":2987,"line":3287},22,[2985,3289,3229],{"class":2991},[2985,3291,3203],{"class":2995},[2985,3293,3018],{"class":2991},[2985,3295,3297,3299,3301],{"class":2987,"line":3296},23,[2985,3298,3175],{"class":2991},[2985,3300,3192],{"class":2995},[2985,3302,3018],{"class":2991},[2853,3304,3305,3306,3308,3309,3311],{},"In the example above, ",[2857,3307,527],{}," would make sure that the request would occur in the server and is properly forwarded to the browser. ",[2857,3310,630],{}," has no such mechanism and is a better option to use when the request is solely made from the browser.",[3313,3314,3316],"h3",{"id":3315},"suspense","Suspense",[2853,3318,3319,3320,3327],{},"Nuxt uses Vue's ",[2861,3321,3324],{"href":3322,"rel":3323},"https://vuejs.org/guide/built-ins/suspense",[2968],[2857,3325,3326],{},"\u003CSuspense>"," component under the hood to prevent navigation before every async data is available to the view. The data fetching composables can help you leverage this feature and use what suits best on a per-call basis.",[3329,3330,3331],"note",{},[2853,3332,3333,3334,3338],{},"You can add the ",[2861,3335,3336],{"href":481},[2857,3337,480],{}," to add a progress bar between page navigations.",[2916,3340,3342],{"id":3341},"fetch",[2857,3343,630],{},[2853,3345,3346,3347,3352,3353,3355],{},"Nuxt includes the ",[2861,3348,3351],{"href":3349,"rel":3350},"https://github.com/unjs/ofetch",[2968],"ofetch"," library, and is auto-imported as the ",[2857,3354,630],{}," alias globally across your application.",[2976,3357,3362],{"className":3358,"code":3359,"filename":3360,"language":2980,"meta":3361,"style":2981},"language-vue shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight twoslash lsp","\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,3430,3550,3581,3605,3610,3614,3620,3624],{"__ignoreMap":2981},[2985,3365,3366,3368,3370,3372,3374,3376,3378,3380,3382],{"class":2987,"line":2988},[2985,3367,2992],{"class":2991},[2985,3369,2996],{"class":2995},[2985,3371,3000],{"class":2999},[2985,3373,3003],{"class":2999},[2985,3375,3006],{"class":2991},[2985,3377,3009],{"class":2991},[2985,3379,3013],{"class":3012},[2985,3381,3009],{"class":2991},[2985,3383,3018],{"class":2991},[2985,3385,3386,3388,3390,3393,3426,3428],{"class":2987,"line":3021},[2985,3387,3071],{"class":2999},[2985,3389,2931],{"class":2999},[2985,3391,3392],{"class":3044}," ",[2985,3394,3395],{"class":3044},[3396,3397,3400,3403],"v-menu",{"class":3398,"popper-class":3399,"theme":3361},"twoslash-hover","shiki twoslash-floating vp-copy-ignore",[2985,3401,3402],{},"addTodo",[3192,3404,3406],{"v-slot:popper":3405},"{}",[2985,3407,3409],{"class":3408,"v-pre":2981},"twoslash-popup-container vp-copy-ignore",[2857,3410,3412,3416,3419,3423],{"class":3411},"twoslash-popup-code",[2985,3413,3415],{"style":3414},"--shiki-light:#90A4AE;--shiki-default:#90A4AE;--shiki-dark:#BABED8","function addTodo(): Promise",[2985,3417,2992],{"style":3418},"--shiki-light:#39ADB5;--shiki-default:#39ADB5;--shiki-dark:#89DDFF",[2985,3420,3422],{"style":3421},"--shiki-light:#E53935;--shiki-default:#E53935;--shiki-dark:#F07178","void",[2985,3424,3425],{"style":3418},">",[2985,3427,3079],{"class":2991},[2985,3429,3082],{"class":2991},[2985,3431,3432,3434,3436,3452,3454,3456,3458,3537,3539,3541,3544,3546,3548],{"class":2987,"line":3062},[2985,3433,3088],{"class":2999},[2985,3435,3392],{"class":3030},[2985,3437,3438],{"class":3030},[3396,3439,3440,3443],{"class":3398,"popper-class":3399,"theme":3361},[2985,3441,3442],{},"todo",[3192,3444,3445],{"v-slot:popper":3405},[2985,3446,3447],{"class":3408,"v-pre":2981},[2857,3448,3449],{"class":3411},[2985,3450,3451],{"style":3414},"const todo: unknown",[2985,3453,3037],{"class":2991},[2985,3455,3041],{"class":3040},[2985,3457,3392],{"class":3044},[2985,3459,3460],{"class":3044},[3396,3461,3462,3464],{"class":3398,"popper-class":3399,"theme":3361},[2985,3463,630],{},[3192,3465,3466],{"v-slot:popper":3405},[2985,3467,3468],{"class":3408,"v-pre":2981},[2857,3469,3470],{"class":3411},[2976,3471,3475],{"class":3472,"style":3473,"tabindex":3474},"shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","--shiki-light:#90A4AE;--shiki-default:#90A4AE;--shiki-dark:#babed8;--shiki-light-bg:#FAFAFA;--shiki-default-bg:#FAFAFA;--shiki-dark-bg:#292D3E","0",[2857,3476,3477,3482,3497,3505,3513,3522,3527,3532],{},[2985,3478,3479],{"class":2987},[2985,3480,3481],{"style":3414},"var $fetch: $Fetch",[2985,3483,3484,3486,3489,3492,3495],{"class":2987},[2985,3485,2992],{"style":3418},[2985,3487,3488],{"style":3421},"unknown",[2985,3490,3110],{"style":3491},"--shiki-light:#9C3EDA;--shiki-default:#9C3EDA;--shiki-dark:#C792EA",[2985,3493,3494],{"style":3491}," string,",[2985,3496,3027],{"style":3491},[2985,3498,3499,3502],{"class":2987},[2985,3500,3501],{"style":3491},"    method:",[2985,3503,3504],{"style":3414}," \"POST\";",[2985,3506,3507,3510],{"class":2987},[2985,3508,3509],{"style":3491},"    body:",[2985,3511,3512],{"style":3491}," {};",[2985,3514,3515,3517,3519],{"class":2987},[2985,3516,3034],{"style":3491},[2985,3518,3425],{"style":3418},[2985,3520,3521],{"style":3414},"(request: string, opts?: {",[2985,3523,3524],{"class":2987},[2985,3525,3526],{"style":3414},"    method: \"POST\";",[2985,3528,3529],{"class":2987},[2985,3530,3531],{"style":3414},"    body: {};",[2985,3533,3534],{"class":2987},[2985,3535,3536],{"style":3414},"} | undefined) => Promise\u003Cunknown>",[2985,3538,3048],{"class":2995},[2985,3540,3051],{"class":2991},[2985,3542,3543],{"class":3012},"/api/todos",[2985,3545,3051],{"class":2991},[2985,3547,3110],{"class":2991},[2985,3549,3082],{"class":2991},[2985,3551,3552,3555,3571,3573,3575,3577,3579],{"class":2987,"line":3068},[2985,3553,3554],{"class":2995},"    ",[2985,3556,3557],{"class":2995},[3396,3558,3559,3562],{"class":3398,"popper-class":3399,"theme":3361},[2985,3560,3561],{},"method",[3192,3563,3564],{"v-slot:popper":3405},[2985,3565,3566],{"class":3408,"v-pre":2981},[2857,3567,3568],{"class":3411},[2985,3569,3570],{"style":3414},"(property) method: \"POST\"",[2985,3572,3121],{"class":2991},[2985,3574,3124],{"class":2991},[2985,3576,3127],{"class":3012},[2985,3578,3051],{"class":2991},[2985,3580,3132],{"class":2991},[2985,3582,3583,3585,3601,3603],{"class":2987,"line":3085},[2985,3584,3554],{"class":2995},[2985,3586,3587],{"class":2995},[3396,3588,3589,3592],{"class":3398,"popper-class":3399,"theme":3361},[2985,3590,3591],{},"body",[3192,3593,3594],{"v-slot:popper":3405},[2985,3595,3596],{"class":3408,"v-pre":2981},[2857,3597,3598],{"class":3411},[2985,3599,3600],{"style":3414},"(property) body: {}",[2985,3602,3121],{"class":2991},[2985,3604,3082],{"class":2991},[2985,3606,3607],{"class":2987,"line":3115},[2985,3608,3609],{"class":3148},"      // My todo data\n",[2985,3611,3612],{"class":2987,"line":3135},[2985,3613,3155],{"class":2991},[2985,3615,3616,3618],{"class":2987,"line":3145},[2985,3617,3161],{"class":2991},[2985,3619,3059],{"class":2995},[2985,3621,3622],{"class":2987,"line":3152},[2985,3623,3169],{"class":2991},[2985,3625,3626,3628,3630],{"class":2987,"line":3158},[2985,3627,3175],{"class":2991},[2985,3629,2996],{"class":2995},[2985,3631,3018],{"class":2991},[3633,3634,3635],"warning",{},[2853,3636,3637,3638,3640,3641,3645,3646,3649,3650,3652,3653,3658],{},"Beware that using only ",[2857,3639,630],{}," will not provide ",[2861,3642,3644],{"href":3643},"/docs/3.x/getting-started/data-fetching#the-need-for-usefetch-and-useasyncdata","network calls de-duplication and navigation prevention",". ",[3647,3648],"br",{},"\nIt is recommended to use ",[2857,3651,630],{}," for client-side interactions (event-based) or combined with ",[2861,3654,3656],{"href":3655},"/docs/3.x/getting-started/data-fetching#useasyncdata",[2857,3657,515],{}," when fetching the initial component data.",[3660,3661,3662],"read-more",{"to":631},[2853,3663,3664,3665,2868],{},"Read more about ",[2857,3666,630],{},[3313,3668,3670],{"id":3669},"pass-client-headers-to-the-api","Pass Client Headers to the API",[2853,3672,3673,3674,3676,3677,3681,3682,3685],{},"When calling ",[2857,3675,527],{}," on the server, Nuxt will use ",[2861,3678,3679],{"href":572},[2857,3680,571],{}," to proxy client headers and cookies (with the exception of headers not meant to be forwarded, like ",[2857,3683,3684],{},"host",").",[2976,3687,3689],{"className":2978,"code":3688,"language":2980,"meta":2981,"style":2981},"\u003Cscript setup lang=\"ts\">\nconst { data } = await useFetch('/api/echo')\n\u003C/script>\n",[2857,3690,3691,3711,3738],{"__ignoreMap":2981},[2985,3692,3693,3695,3697,3699,3701,3703,3705,3707,3709],{"class":2987,"line":2988},[2985,3694,2992],{"class":2991},[2985,3696,2996],{"class":2995},[2985,3698,3000],{"class":2999},[2985,3700,3003],{"class":2999},[2985,3702,3006],{"class":2991},[2985,3704,3009],{"class":2991},[2985,3706,3013],{"class":3012},[2985,3708,3009],{"class":2991},[2985,3710,3018],{"class":2991},[2985,3712,3713,3715,3717,3719,3721,3723,3725,3727,3729,3731,3734,3736],{"class":2987,"line":3021},[2985,3714,3024],{"class":2999},[2985,3716,3027],{"class":2991},[2985,3718,3031],{"class":3030},[2985,3720,3034],{"class":2991},[2985,3722,3037],{"class":2991},[2985,3724,3041],{"class":3040},[2985,3726,3045],{"class":3044},[2985,3728,3048],{"class":3030},[2985,3730,3051],{"class":2991},[2985,3732,3733],{"class":3012},"/api/echo",[2985,3735,3051],{"class":2991},[2985,3737,3059],{"class":3030},[2985,3739,3740,3742,3744],{"class":2987,"line":3062},[2985,3741,3175],{"class":2991},[2985,3743,2996],{"class":2995},[2985,3745,3018],{"class":2991},[2976,3747,3750],{"className":3748,"code":3749,"language":3013,"meta":2981,"style":2981},"language-ts shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","// /api/echo.ts\nexport default defineEventHandler(event => parseCookies(event))\n",[2857,3751,3752,3757],{"__ignoreMap":2981},[2985,3753,3754],{"class":2987,"line":2988},[2985,3755,3756],{"class":3148},"// /api/echo.ts\n",[2985,3758,3759,3762,3765,3768,3770,3774,3777,3780],{"class":2987,"line":3021},[2985,3760,3761],{"class":3040},"export",[2985,3763,3764],{"class":3040}," default",[2985,3766,3767],{"class":3044}," defineEventHandler",[2985,3769,3048],{"class":3030},[2985,3771,3773],{"class":3772},"s1nJG","event",[2985,3775,3776],{"class":2999}," =>",[2985,3778,3779],{"class":3044}," parseCookies",[2985,3781,3782],{"class":3030},"(event))\n",[2853,3784,3785,3786,3790,3791,3793,3794,3797,3798,2868],{},"Alternatively, the example below shows how to use ",[2861,3787,3788],{"href":580},[2857,3789,579],{}," to access and send cookies to the API from a server-side request (originating on the client). Using an isomorphic ",[2857,3792,630],{}," call, we ensure that the API endpoint has access to the same ",[2857,3795,3796],{},"cookie"," header originally sent by the user's browser. This is only necessary if you aren't using ",[2857,3799,527],{},[2976,3801,3803],{"className":2978,"code":3802,"language":2980,"meta":2981,"style":2981},"\u003Cscript setup lang=\"ts\">\nconst headers = useRequestHeaders(['cookie'])\n\nasync function getCurrentUser () {\n  return await $fetch('/api/me', { headers })\n}\n\u003C/script>\n",[2857,3804,3805,3825,3849,3853,3866,3896,3900],{"__ignoreMap":2981},[2985,3806,3807,3809,3811,3813,3815,3817,3819,3821,3823],{"class":2987,"line":2988},[2985,3808,2992],{"class":2991},[2985,3810,2996],{"class":2995},[2985,3812,3000],{"class":2999},[2985,3814,3003],{"class":2999},[2985,3816,3006],{"class":2991},[2985,3818,3009],{"class":2991},[2985,3820,3013],{"class":3012},[2985,3822,3009],{"class":2991},[2985,3824,3018],{"class":2991},[2985,3826,3827,3829,3832,3834,3837,3840,3842,3844,3846],{"class":2987,"line":3021},[2985,3828,3024],{"class":2999},[2985,3830,3831],{"class":3030}," headers ",[2985,3833,3006],{"class":2991},[2985,3835,3836],{"class":3044}," useRequestHeaders",[2985,3838,3839],{"class":3030},"([",[2985,3841,3051],{"class":2991},[2985,3843,3796],{"class":3012},[2985,3845,3051],{"class":2991},[2985,3847,3848],{"class":3030},"])\n",[2985,3850,3851],{"class":2987,"line":3062},[2985,3852,3065],{"emptyLinePlaceholder":1196},[2985,3854,3855,3857,3859,3862,3864],{"class":2987,"line":3068},[2985,3856,3071],{"class":2999},[2985,3858,2931],{"class":2999},[2985,3860,3861],{"class":3044}," getCurrentUser",[2985,3863,3079],{"class":2991},[2985,3865,3082],{"class":2991},[2985,3867,3868,3871,3873,3875,3877,3879,3882,3884,3886,3888,3891,3894],{"class":2987,"line":3085},[2985,3869,3870],{"class":3040},"  return",[2985,3872,3041],{"class":3040},[2985,3874,3098],{"class":3044},[2985,3876,3048],{"class":2995},[2985,3878,3051],{"class":2991},[2985,3880,3881],{"class":3012},"/api/me",[2985,3883,3051],{"class":2991},[2985,3885,3110],{"class":2991},[2985,3887,3027],{"class":2991},[2985,3889,3890],{"class":3030}," headers",[2985,3892,3893],{"class":2991}," }",[2985,3895,3059],{"class":2995},[2985,3897,3898],{"class":2987,"line":3115},[2985,3899,3169],{"class":2991},[2985,3901,3902,3904,3906],{"class":2987,"line":3135},[2985,3903,3175],{"class":2991},[2985,3905,2996],{"class":2995},[2985,3907,3018],{"class":2991},[2959,3909,3910],{},[2853,3911,3912,3913,3917],{},"You can also use ",[2861,3914,3915],{"href":572},[2857,3916,571],{}," to proxy headers to the call automatically.",[3919,3920,3921,3924],"caution",{},[2853,3922,3923],{},"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,3925,3926,3933,3944,3955],{},[2876,3927,3928,2859,3930],{},[2857,3929,3684],{},[2857,3931,3932],{},"accept",[2876,3934,3935,2859,3938,2859,3941],{},[2857,3936,3937],{},"content-length",[2857,3939,3940],{},"content-md5",[2857,3942,3943],{},"content-type",[2876,3945,3946,2859,3949,2859,3952],{},[2857,3947,3948],{},"x-forwarded-host",[2857,3950,3951],{},"x-forwarded-port",[2857,3953,3954],{},"x-forwarded-proto",[2876,3956,3957,2859,3960],{},[2857,3958,3959],{},"cf-connecting-ip",[2857,3961,3962],{},"cf-ray",[2916,3964,3966],{"id":3965},"usefetch",[2857,3967,527],{},[2853,3969,2935,3970,3974,3975,3977],{},[2861,3971,3972],{"href":528},[2857,3973,527],{}," composable uses ",[2857,3976,630],{}," under-the-hood to make SSR-safe network calls in the setup function.",[2976,3979,3981],{"className":3358,"code":3980,"filename":219,"language":2980,"meta":3361,"style":2981},"\u003Cscript setup lang=\"ts\">\nconst { data: count } = await useFetch('/api/count')\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cp>Page visits: {{ count }}\u003C/p>\n\u003C/template>\n",[2857,3982,3983,4003,4172,4180,4184,4192,4261],{"__ignoreMap":2981},[2985,3984,3985,3987,3989,3991,3993,3995,3997,3999,4001],{"class":2987,"line":2988},[2985,3986,2992],{"class":2991},[2985,3988,2996],{"class":2995},[2985,3990,3000],{"class":2999},[2985,3992,3003],{"class":2999},[2985,3994,3006],{"class":2991},[2985,3996,3009],{"class":2991},[2985,3998,3013],{"class":3012},[2985,4000,3009],{"class":2991},[2985,4002,3018],{"class":2991},[2985,4004,4005,4007,4009,4011,4044,4046,4048,4075,4077,4079,4081,4083,4085,4161,4163,4165,4168,4170],{"class":2987,"line":3021},[2985,4006,3024],{"class":2999},[2985,4008,3027],{"class":2991},[2985,4010,3392],{"class":2995},[2985,4012,4013],{"class":2995},[3396,4014,4015,4018],{"class":3398,"popper-class":3399,"theme":3361},[2985,4016,4017],{},"data",[3192,4019,4020],{"v-slot:popper":3405},[2985,4021,4022],{"class":3408,"v-pre":2981},[2857,4023,4024,4027,4029,4031,4033,4036,4039,4041],{"class":3411},[2985,4025,4026],{"style":3414},"(property) _AsyncData",[2985,4028,2992],{"style":3418},[2985,4030,3488],{"style":3421},[2985,4032,3110],{"style":3491},[2985,4034,4035],{"style":3491}," FetchError",[2985,4037,4038],{"style":3414},"\u003Cany",[2985,4040,3425],{"style":3418},[2985,4042,4043],{"style":3414}," | undefined>.data: Ref\u003Cunknown, unknown>",[2985,4045,3121],{"class":2991},[2985,4047,3392],{"class":3030},[2985,4049,4050],{"class":3030},[3396,4051,4052,4055],{"class":3398,"popper-class":3399,"theme":3361},[2985,4053,4054],{},"count",[3192,4056,4057],{"v-slot:popper":3405},[2985,4058,4059],{"class":3408,"v-pre":2981},[2857,4060,4061,4064,4066,4068,4070,4073],{"class":3411},[2985,4062,4063],{"style":3414},"const count: Ref",[2985,4065,2992],{"style":3418},[2985,4067,3488],{"style":3421},[2985,4069,3110],{"style":3491},[2985,4071,4072],{"style":3491}," unknown",[2985,4074,3425],{"style":3418},[2985,4076,3392],{"class":3030},[2985,4078,3034],{"class":2991},[2985,4080,3037],{"class":2991},[2985,4082,3041],{"class":3040},[2985,4084,3392],{"class":3044},[2985,4086,4087],{"class":3044},[3396,4088,4089,4091],{"class":3398,"popper-class":3399,"theme":3361},[2985,4090,527],{},[3192,4092,4093],{"v-slot:popper":3405},[2985,4094,4095,4115,4126],{"class":3408,"v-pre":2981},[2857,4096,4097,4100,4102,4104,4106,4108,4110,4112],{"class":3411},[2985,4098,4099],{"style":3414},"const useFetch: ",[2985,4101,2992],{"style":3418},[2985,4103,3422],{"style":3421},[2985,4105,3110],{"style":3491},[2985,4107,4035],{"style":3491},[2985,4109,4038],{"style":3414},[2985,4111,3425],{"style":3418},[2985,4113,4114],{"style":3414},", string, \"get\", unknown, unknown, KeysOf\u003Cunknown>, undefined>(request: string | Ref\u003Cstring, string> | (() => string), opts?: UseFetchOptions\u003Cunknown, unknown, KeysOf\u003Cunknown>, undefined, string, \"get\"> | undefined) => AsyncData\u003Cunknown, FetchError\u003Cany> | undefined> (+1 overload)",[3203,4116,4118,4121],{"class":4117},"twoslash-popup-docs prose prose-primary dark:prose-invert",[2853,4119,4120],{},"Fetch data from an API endpoint with an SSR-friendly composable.\nSee",[2853,4122,4123],{},[2861,4124,4125],{"href":4125},"https://nuxt.com/docs/4.x/api/composables/use-fetch",[3203,4127,4129,4140,4151],{"class":4128},"twoslash-popup-docs twoslash-popup-docs-tags prose prose-primary dark:prose-invert",[2985,4130,4132,4136],{"class":4131},"twoslash-popup-docs-tag",[2985,4133,4135],{"class":4134},"twoslash-popup-docs-tag-name","@since",[2985,4137,4139],{"class":4138},"twoslash-popup-docs-tag-value","3.0.0",[2985,4141,4142,4145],{"class":4131},[2985,4143,4144],{"class":4134},"@param",[2985,4146,4147,4150],{"class":4138},[2857,4148,4149],{},"request","  The URL to fetch",[2985,4152,4153,4155],{"class":4131},[2985,4154,4144],{"class":4134},[2985,4156,4157,4160],{"class":4138},[2857,4158,4159],{},"opts","  extends $fetch options and useAsyncData options",[2985,4162,3048],{"class":3030},[2985,4164,3051],{"class":2991},[2985,4166,4167],{"class":3012},"/api/count",[2985,4169,3051],{"class":2991},[2985,4171,3059],{"class":3030},[2985,4173,4174,4176,4178],{"class":2987,"line":3062},[2985,4175,3175],{"class":2991},[2985,4177,2996],{"class":2995},[2985,4179,3018],{"class":2991},[2985,4181,4182],{"class":2987,"line":3068},[2985,4183,3065],{"emptyLinePlaceholder":1196},[2985,4185,4186,4188,4190],{"class":2987,"line":3085},[2985,4187,2992],{"class":2991},[2985,4189,3192],{"class":2995},[2985,4191,3018],{"class":2991},[2985,4193,4194,4196,4211,4213,4216,4240,4243,4245,4259],{"class":2987,"line":3115},[2985,4195,3200],{"class":2991},[2985,4197,4198],{"class":2995},[3396,4199,4200,4202],{"class":3398,"popper-class":3399,"theme":3361},[2985,4201,2853],{},[3192,4203,4204],{"v-slot:popper":3405},[2985,4205,4206],{"class":3408,"v-pre":2981},[2857,4207,4208],{"class":3411},[2985,4209,4210],{"style":3414},"(property) p: HTMLAttributes & ReservedProps",[2985,4212,3425],{"class":2991},[2985,4214,4215],{"class":3030},"Page visits: {{ ",[2985,4217,4218],{"class":3030},[3396,4219,4220,4222],{"class":3398,"popper-class":3399,"theme":3361},[2985,4221,4054],{},[3192,4223,4224],{"v-slot:popper":3405},[2985,4225,4226],{"class":3408,"v-pre":2981},[2857,4227,4228,4230,4232,4234,4236,4238],{"class":3411},[2985,4229,4063],{"style":3414},[2985,4231,2992],{"style":3418},[2985,4233,3488],{"style":3421},[2985,4235,3110],{"style":3491},[2985,4237,4072],{"style":3491},[2985,4239,3425],{"style":3418},[2985,4241,4242],{"class":3030}," }}",[2985,4244,3175],{"class":2991},[2985,4246,4247],{"class":2995},[3396,4248,4249,4251],{"class":3398,"popper-class":3399,"theme":3361},[2985,4250,2853],{},[3192,4252,4253],{"v-slot:popper":3405},[2985,4254,4255],{"class":3408,"v-pre":2981},[2857,4256,4257],{"class":3411},[2985,4258,4210],{"style":3414},[2985,4260,3018],{"class":2991},[2985,4262,4263,4265,4267],{"class":2987,"line":3135},[2985,4264,3175],{"class":2991},[2985,4266,3192],{"class":2995},[2985,4268,3018],{"class":2991},[2853,4270,4271,4272,4276,4277,4279],{},"This composable is a wrapper around the ",[2861,4273,4274],{"href":516},[2857,4275,515],{}," composable and ",[2857,4278,630],{}," utility.",[4281,4282],"video-accordion",{"title":4283,"video-id":4284},"Watch a video from Alexander Lichter to avoid using useFetch the wrong way","njsGVmcWviY",[3660,4286],{"to":528},[4288,4289],"link-example",{"to":926},[2916,4291,4293],{"id":4292},"useasyncdata",[2857,4294,515],{},[2853,4296,2935,4297,4299],{},[2857,4298,515],{}," composable is responsible for wrapping async logic and returning the result once it is resolved.",[2959,4301,4302],{},[2853,4303,4304,4307,4308,3645,4311,4313,4314,4317,4318,4322],{},[2857,4305,4306],{},"useFetch(url)"," is nearly equivalent to ",[2857,4309,4310],{},"useAsyncData(url, () => event.$fetch(url))",[3647,4312],{},"\nIt's developer experience sugar for the most common use case. (You can find out more about ",[2857,4315,4316],{},"event.fetch"," at ",[2861,4319,4320],{"href":572},[2857,4321,571],{},".)",[4281,4324],{"title":4325,"video-id":4326},"Watch a video from Alexander Lichter to dig deeper into the difference between useFetch and useAsyncData","0X-aOpSGabA",[2853,4328,4329,4330,4334,4335,4339],{},"There are some cases when using the ",[2861,4331,4332],{"href":528},[2857,4333,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,4336,4337],{"href":516},[2857,4338,515],{}," to wrap your calls and still keep the benefits provided by the composable.",[2976,4341,4344],{"className":2978,"code":4342,"filename":4343,"language":2980,"meta":2981,"style":2981},"\u003Cscript setup lang=\"ts\">\nconst { data, error } = await useAsyncData('users', () => myGetFunction('users'))\n\n// This is also possible:\nconst { data, error } = await useAsyncData(() => myGetFunction('users'))\n\u003C/script>\n","pages/users.vue",[2857,4345,4346,4366,4418,4422,4427,4466],{"__ignoreMap":2981},[2985,4347,4348,4350,4352,4354,4356,4358,4360,4362,4364],{"class":2987,"line":2988},[2985,4349,2992],{"class":2991},[2985,4351,2996],{"class":2995},[2985,4353,3000],{"class":2999},[2985,4355,3003],{"class":2999},[2985,4357,3006],{"class":2991},[2985,4359,3009],{"class":2991},[2985,4361,3013],{"class":3012},[2985,4363,3009],{"class":2991},[2985,4365,3018],{"class":2991},[2985,4367,4368,4370,4372,4375,4377,4380,4382,4384,4386,4389,4391,4393,4396,4398,4400,4402,4404,4407,4409,4411,4413,4415],{"class":2987,"line":3021},[2985,4369,3024],{"class":2999},[2985,4371,3027],{"class":2991},[2985,4373,4374],{"class":3030}," data",[2985,4376,3110],{"class":2991},[2985,4378,4379],{"class":3030}," error ",[2985,4381,3034],{"class":2991},[2985,4383,3037],{"class":2991},[2985,4385,3041],{"class":3040},[2985,4387,4388],{"class":3044}," useAsyncData",[2985,4390,3048],{"class":3030},[2985,4392,3051],{"class":2991},[2985,4394,4395],{"class":3012},"users",[2985,4397,3051],{"class":2991},[2985,4399,3110],{"class":2991},[2985,4401,3079],{"class":2991},[2985,4403,3776],{"class":2999},[2985,4405,4406],{"class":3044}," myGetFunction",[2985,4408,3048],{"class":3030},[2985,4410,3051],{"class":2991},[2985,4412,4395],{"class":3012},[2985,4414,3051],{"class":2991},[2985,4416,4417],{"class":3030},"))\n",[2985,4419,4420],{"class":2987,"line":3062},[2985,4421,3065],{"emptyLinePlaceholder":1196},[2985,4423,4424],{"class":2987,"line":3068},[2985,4425,4426],{"class":3148},"// This is also possible:\n",[2985,4428,4429,4431,4433,4435,4437,4439,4441,4443,4445,4447,4449,4452,4454,4456,4458,4460,4462,4464],{"class":2987,"line":3085},[2985,4430,3024],{"class":2999},[2985,4432,3027],{"class":2991},[2985,4434,4374],{"class":3030},[2985,4436,3110],{"class":2991},[2985,4438,4379],{"class":3030},[2985,4440,3034],{"class":2991},[2985,4442,3037],{"class":2991},[2985,4444,3041],{"class":3040},[2985,4446,4388],{"class":3044},[2985,4448,3048],{"class":3030},[2985,4450,4451],{"class":2991},"()",[2985,4453,3776],{"class":2999},[2985,4455,4406],{"class":3044},[2985,4457,3048],{"class":3030},[2985,4459,3051],{"class":2991},[2985,4461,4395],{"class":3012},[2985,4463,3051],{"class":2991},[2985,4465,4417],{"class":3030},[2985,4467,4468,4470,4472],{"class":2987,"line":3115},[2985,4469,3175],{"class":2991},[2985,4471,2996],{"class":2995},[2985,4473,3018],{"class":2991},[3329,4475,4476],{},[2853,4477,4478,4479,4483,4484,3392,4486,4488,4489,4491,4492,4494,4495,3392,4497,4499,4500,4504,4505,2868],{},"The first argument of ",[2861,4480,4481],{"href":516},[2857,4482,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",[3647,4485],{},[3647,4487],{},"\nSince the autogenerated key only takes into account the file and line where ",[2857,4490,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,4493,515],{},".\n",[3647,4496],{},[3647,4498],{},"\nSetting a key can be useful to share the same data between components using ",[2861,4501,4502],{"href":560},[2857,4503,559],{}," or to ",[2861,4506,4508],{"href":4507},"/docs/3.x/api/utils/refresh-nuxt-data#refresh-specific-data","refresh specific data",[2976,4510,4513],{"className":2978,"code":4511,"filename":4512,"language":2980,"meta":2981,"style":2981},"\u003Cscript setup lang=\"ts\">\nconst { id } = useRoute().params\n\nconst { data, error } = await useAsyncData(`user:${id}`, () => {\n  return myGetFunction('users', { id })\n})\n\u003C/script>\n","pages/users/[id].vue",[2857,4514,4515,4535,4558,4562,4607,4632,4638],{"__ignoreMap":2981},[2985,4516,4517,4519,4521,4523,4525,4527,4529,4531,4533],{"class":2987,"line":2988},[2985,4518,2992],{"class":2991},[2985,4520,2996],{"class":2995},[2985,4522,3000],{"class":2999},[2985,4524,3003],{"class":2999},[2985,4526,3006],{"class":2991},[2985,4528,3009],{"class":2991},[2985,4530,3013],{"class":3012},[2985,4532,3009],{"class":2991},[2985,4534,3018],{"class":2991},[2985,4536,4537,4539,4541,4544,4546,4548,4551,4553,4555],{"class":2987,"line":3021},[2985,4538,3024],{"class":2999},[2985,4540,3027],{"class":2991},[2985,4542,4543],{"class":3030}," id ",[2985,4545,3034],{"class":2991},[2985,4547,3037],{"class":2991},[2985,4549,4550],{"class":3044}," useRoute",[2985,4552,4451],{"class":3030},[2985,4554,2868],{"class":2991},[2985,4556,4557],{"class":3030},"params\n",[2985,4559,4560],{"class":2987,"line":3062},[2985,4561,3065],{"emptyLinePlaceholder":1196},[2985,4563,4564,4566,4568,4570,4572,4574,4576,4578,4580,4582,4584,4587,4590,4593,4596,4599,4601,4603,4605],{"class":2987,"line":3068},[2985,4565,3024],{"class":2999},[2985,4567,3027],{"class":2991},[2985,4569,4374],{"class":3030},[2985,4571,3110],{"class":2991},[2985,4573,4379],{"class":3030},[2985,4575,3034],{"class":2991},[2985,4577,3037],{"class":2991},[2985,4579,3041],{"class":3040},[2985,4581,4388],{"class":3044},[2985,4583,3048],{"class":3030},[2985,4585,4586],{"class":2991},"`",[2985,4588,4589],{"class":3012},"user:",[2985,4591,4592],{"class":2991},"${",[2985,4594,4595],{"class":3030},"id",[2985,4597,4598],{"class":2991},"}`",[2985,4600,3110],{"class":2991},[2985,4602,3079],{"class":2991},[2985,4604,3776],{"class":2999},[2985,4606,3082],{"class":2991},[2985,4608,4609,4611,4613,4615,4617,4619,4621,4623,4625,4628,4630],{"class":2987,"line":3085},[2985,4610,3870],{"class":3040},[2985,4612,4406],{"class":3044},[2985,4614,3048],{"class":2995},[2985,4616,3051],{"class":2991},[2985,4618,4395],{"class":3012},[2985,4620,3051],{"class":2991},[2985,4622,3110],{"class":2991},[2985,4624,3027],{"class":2991},[2985,4626,4627],{"class":3030}," id",[2985,4629,3893],{"class":2991},[2985,4631,3059],{"class":2995},[2985,4633,4634,4636],{"class":2987,"line":3115},[2985,4635,3034],{"class":2991},[2985,4637,3059],{"class":3030},[2985,4639,4640,4642,4644],{"class":2987,"line":3135},[2985,4641,3175],{"class":2991},[2985,4643,2996],{"class":2995},[2985,4645,3018],{"class":2991},[2853,4647,2935,4648,4650,4651,4653],{},[2857,4649,515],{}," composable is a great way to wrap and wait for multiple ",[2857,4652,630],{}," requests to be completed, and then process the results.",[2976,4655,4657],{"className":2978,"code":4656,"language":2980,"meta":2981,"style":2981},"\u003Cscript setup lang=\"ts\">\nconst { data: discounts, status } = await useAsyncData('cart-discount', async (_nuxtApp, { signal }) => {\n  const [coupons, offers] = await Promise.all([\n    $fetch('/cart/coupons', { signal }),\n    $fetch('/cart/offers', { signal }),\n  ])\n\n  return { coupons, offers }\n})\n// discounts.value.coupons\n// discounts.value.offers\n\u003C/script>\n",[2857,4658,4659,4679,4739,4773,4800,4825,4830,4834,4850,4856,4861,4866],{"__ignoreMap":2981},[2985,4660,4661,4663,4665,4667,4669,4671,4673,4675,4677],{"class":2987,"line":2988},[2985,4662,2992],{"class":2991},[2985,4664,2996],{"class":2995},[2985,4666,3000],{"class":2999},[2985,4668,3003],{"class":2999},[2985,4670,3006],{"class":2991},[2985,4672,3009],{"class":2991},[2985,4674,3013],{"class":3012},[2985,4676,3009],{"class":2991},[2985,4678,3018],{"class":2991},[2985,4680,4681,4683,4685,4687,4689,4692,4694,4697,4699,4701,4703,4705,4707,4709,4712,4714,4716,4719,4722,4725,4727,4729,4732,4735,4737],{"class":2987,"line":3021},[2985,4682,3024],{"class":2999},[2985,4684,3027],{"class":2991},[2985,4686,4374],{"class":2995},[2985,4688,3121],{"class":2991},[2985,4690,4691],{"class":3030}," discounts",[2985,4693,3110],{"class":2991},[2985,4695,4696],{"class":3030}," status ",[2985,4698,3034],{"class":2991},[2985,4700,3037],{"class":2991},[2985,4702,3041],{"class":3040},[2985,4704,4388],{"class":3044},[2985,4706,3048],{"class":3030},[2985,4708,3051],{"class":2991},[2985,4710,4711],{"class":3012},"cart-discount",[2985,4713,3051],{"class":2991},[2985,4715,3110],{"class":2991},[2985,4717,4718],{"class":2999}," async",[2985,4720,4721],{"class":2991}," (",[2985,4723,4724],{"class":3772},"_nuxtApp",[2985,4726,3110],{"class":2991},[2985,4728,3027],{"class":2991},[2985,4730,4731],{"class":3772}," signal",[2985,4733,4734],{"class":2991}," })",[2985,4736,3776],{"class":2999},[2985,4738,3082],{"class":2991},[2985,4740,4741,4743,4746,4749,4751,4754,4757,4759,4761,4765,4767,4770],{"class":2987,"line":3062},[2985,4742,3088],{"class":2999},[2985,4744,4745],{"class":2991}," [",[2985,4747,4748],{"class":3030},"coupons",[2985,4750,3110],{"class":2991},[2985,4752,4753],{"class":3030}," offers",[2985,4755,4756],{"class":2991},"]",[2985,4758,3037],{"class":2991},[2985,4760,3041],{"class":3040},[2985,4762,4764],{"class":4763},"s52Pk"," Promise",[2985,4766,2868],{"class":2991},[2985,4768,4769],{"class":3044},"all",[2985,4771,4772],{"class":2995},"([\n",[2985,4774,4775,4778,4780,4782,4785,4787,4789,4791,4793,4795,4798],{"class":2987,"line":3068},[2985,4776,4777],{"class":3044},"    $fetch",[2985,4779,3048],{"class":2995},[2985,4781,3051],{"class":2991},[2985,4783,4784],{"class":3012},"/cart/coupons",[2985,4786,3051],{"class":2991},[2985,4788,3110],{"class":2991},[2985,4790,3027],{"class":2991},[2985,4792,4731],{"class":3030},[2985,4794,3893],{"class":2991},[2985,4796,4797],{"class":2995},")",[2985,4799,3132],{"class":2991},[2985,4801,4802,4804,4806,4808,4811,4813,4815,4817,4819,4821,4823],{"class":2987,"line":3085},[2985,4803,4777],{"class":3044},[2985,4805,3048],{"class":2995},[2985,4807,3051],{"class":2991},[2985,4809,4810],{"class":3012},"/cart/offers",[2985,4812,3051],{"class":2991},[2985,4814,3110],{"class":2991},[2985,4816,3027],{"class":2991},[2985,4818,4731],{"class":3030},[2985,4820,3893],{"class":2991},[2985,4822,4797],{"class":2995},[2985,4824,3132],{"class":2991},[2985,4826,4827],{"class":2987,"line":3115},[2985,4828,4829],{"class":2995},"  ])\n",[2985,4831,4832],{"class":2987,"line":3135},[2985,4833,3065],{"emptyLinePlaceholder":1196},[2985,4835,4836,4838,4840,4843,4845,4847],{"class":2987,"line":3145},[2985,4837,3870],{"class":3040},[2985,4839,3027],{"class":2991},[2985,4841,4842],{"class":3030}," coupons",[2985,4844,3110],{"class":2991},[2985,4846,4753],{"class":3030},[2985,4848,4849],{"class":2991}," }\n",[2985,4851,4852,4854],{"class":2987,"line":3152},[2985,4853,3034],{"class":2991},[2985,4855,3059],{"class":3030},[2985,4857,4858],{"class":2987,"line":3158},[2985,4859,4860],{"class":3148},"// discounts.value.coupons\n",[2985,4862,4863],{"class":2987,"line":3166},[2985,4864,4865],{"class":3148},"// discounts.value.offers\n",[2985,4867,4868,4870,4872],{"class":2987,"line":3172},[2985,4869,3175],{"class":2991},[2985,4871,2996],{"class":2995},[2985,4873,3018],{"class":2991},[3329,4875,4876,4886],{},[2853,4877,4878,4880,4881,4885],{},[2857,4879,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,4882,4883],{"href":643},[2857,4884,642],{}," utility to do so.",[2976,4887,4889],{"className":2978,"code":4888,"language":2980,"meta":2981,"style":2981},"\u003Cscript setup lang=\"ts\">\nconst offersStore = useOffersStore()\n\n// you can't do this\nawait useAsyncData(() => offersStore.getOffer(route.params.slug))\n\u003C/script>\n",[2857,4890,4891,4911,4926,4930,4935,4969],{"__ignoreMap":2981},[2985,4892,4893,4895,4897,4899,4901,4903,4905,4907,4909],{"class":2987,"line":2988},[2985,4894,2992],{"class":2991},[2985,4896,2996],{"class":2995},[2985,4898,3000],{"class":2999},[2985,4900,3003],{"class":2999},[2985,4902,3006],{"class":2991},[2985,4904,3009],{"class":2991},[2985,4906,3013],{"class":3012},[2985,4908,3009],{"class":2991},[2985,4910,3018],{"class":2991},[2985,4912,4913,4915,4918,4920,4923],{"class":2987,"line":3021},[2985,4914,3024],{"class":2999},[2985,4916,4917],{"class":3030}," offersStore ",[2985,4919,3006],{"class":2991},[2985,4921,4922],{"class":3044}," useOffersStore",[2985,4924,4925],{"class":3030},"()\n",[2985,4927,4928],{"class":2987,"line":3062},[2985,4929,3065],{"emptyLinePlaceholder":1196},[2985,4931,4932],{"class":2987,"line":3068},[2985,4933,4934],{"class":3148},"// you can't do this\n",[2985,4936,4937,4940,4942,4944,4946,4948,4951,4953,4956,4959,4961,4964,4966],{"class":2987,"line":3085},[2985,4938,4939],{"class":3040},"await",[2985,4941,4388],{"class":3044},[2985,4943,3048],{"class":3030},[2985,4945,4451],{"class":2991},[2985,4947,3776],{"class":2999},[2985,4949,4950],{"class":3030}," offersStore",[2985,4952,2868],{"class":2991},[2985,4954,4955],{"class":3044},"getOffer",[2985,4957,4958],{"class":3030},"(route",[2985,4960,2868],{"class":2991},[2985,4962,4963],{"class":3030},"params",[2985,4965,2868],{"class":2991},[2985,4967,4968],{"class":3030},"slug))\n",[2985,4970,4971,4973,4975],{"class":2987,"line":3115},[2985,4972,3175],{"class":2991},[2985,4974,2996],{"class":2995},[2985,4976,3018],{"class":2991},[3660,4978,4979],{"to":516},[2853,4980,3664,4981,2868],{},[2857,4982,515],{},[2916,4984,4986],{"id":4985},"return-values","Return Values",[2853,4988,4989,2865,4991,4993],{},[2857,4990,527],{},[2857,4992,515],{}," have the same return values listed below.",[2873,4995,4996,5001,5015,5046,5051],{},[2876,4997,4998,5000],{},[2857,4999,4017],{},": the result of the asynchronous function that is passed in.",[2876,5002,5003,5006,5007,5010,5011,5014],{},[2857,5004,5005],{},"refresh","/",[2857,5008,5009],{},"execute",": a function that can be used to refresh the data returned by the ",[2857,5012,5013],{},"handler"," function.",[2876,5016,5017,5020,5021,5023,5024,5027,5028,5031,5032,5023,5035,5038,5039,5023,5042,5045],{},[2857,5018,5019],{},"clear",": a function that can be used to set ",[2857,5022,4017],{}," to ",[2857,5025,5026],{},"undefined"," (or the value of ",[2857,5029,5030],{},"options.default()"," if provided), set ",[2857,5033,5034],{},"error",[2857,5036,5037],{},"null",", set ",[2857,5040,5041],{},"status",[2857,5043,5044],{},"idle",", and mark any currently pending requests as cancelled.",[2876,5047,5048,5050],{},[2857,5049,5034],{},": an error object if the data fetching failed.",[2876,5052,5053,5055,5056,2859,5059,2859,5062,2859,5065,3685],{},[2857,5054,5041],{},": a string indicating the status of the data request (",[2857,5057,5058],{},"\"idle\"",[2857,5060,5061],{},"\"pending\"",[2857,5063,5064],{},"\"success\"",[2857,5066,5067],{},"\"error\"",[3329,5069,5070],{},[2853,5071,5072,2859,5074,2865,5076,5078,5079,5082,5083],{},[2857,5073,4017],{},[2857,5075,5034],{},[2857,5077,5041],{}," are Vue refs accessible with ",[2857,5080,5081],{},".value"," in ",[2857,5084,5085],{},"\u003Cscript setup>",[2853,5087,5088,5089,5091],{},"By default, Nuxt waits until a ",[2857,5090,5005],{}," is finished before it can be executed again.",[3329,5093,5094],{},[2853,5095,5096,5097,5100,5101,5105,5106,5108,5109,5111,5112,2868],{},"If you have not fetched data on the server (for example, with ",[2857,5098,5099],{},"server: false","), then the data ",[5102,5103,5104],"em",{},"will not"," be fetched until hydration completes. This means even if you await ",[2857,5107,527],{}," on client-side, ",[2857,5110,4017],{}," will remain null within ",[2857,5113,5085],{},[2916,5115,5117],{"id":5116},"options","Options",[2853,5119,5120,2865,5124,5128],{},[2861,5121,5122],{"href":516},[2857,5123,515],{},[2861,5125,5126],{"href":528},[2857,5127,527],{}," return the same object type and accept a common set of options as their last argument. They can help you control the composables behavior, such as navigation blocking, caching or execution.",[3313,5130,5132],{"id":5131},"lazy","Lazy",[2853,5134,5135,5136,5138,5139,5141],{},"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,5137,5131],{}," option. In that case, you will have to manually handle loading state using the ",[2857,5140,5041],{}," value.",[2976,5143,5145],{"className":3358,"code":5144,"filename":219,"language":2980,"meta":3361,"style":2981},"\u003Cscript setup lang=\"ts\">\nconst { status, data: posts } = useFetch('/api/posts', {\n  lazy: true,\n})\n\u003C/script>\n\n\u003Ctemplate>\n  \u003C!-- you will need to handle a loading state -->\n  \u003Cdiv v-if=\"status === 'pending'\">\n    Loading ...\n  \u003C/div>\n  \u003Cdiv v-else>\n    \u003Cdiv v-for=\"post in posts\">\n      \u003C!-- do something -->\n    \u003C/div>\n  \u003C/div>\n\u003C/template>\n",[2857,5146,5147,5167,5345,5388,5394,5402,5406,5414,5419,5475,5480,5500,5522,5593,5598,5618,5638],{"__ignoreMap":2981},[2985,5148,5149,5151,5153,5155,5157,5159,5161,5163,5165],{"class":2987,"line":2988},[2985,5150,2992],{"class":2991},[2985,5152,2996],{"class":2995},[2985,5154,3000],{"class":2999},[2985,5156,3003],{"class":2999},[2985,5158,3006],{"class":2991},[2985,5160,3009],{"class":2991},[2985,5162,3013],{"class":3012},[2985,5164,3009],{"class":2991},[2985,5166,3018],{"class":2991},[2985,5168,5169,5171,5173,5175,5202,5204,5206,5234,5236,5238,5264,5266,5268,5270,5272,5332,5334,5336,5339,5341,5343],{"class":2987,"line":3021},[2985,5170,3024],{"class":2999},[2985,5172,3027],{"class":2991},[2985,5174,3392],{"class":3030},[2985,5176,5177],{"class":3030},[3396,5178,5179,5181],{"class":3398,"popper-class":3399,"theme":3361},[2985,5180,5041],{},[3192,5182,5183],{"v-slot:popper":3405},[2985,5184,5185],{"class":3408,"v-pre":2981},[2857,5186,5187,5190,5192,5195,5197,5200],{"class":3411},[2985,5188,5189],{"style":3414},"const status: Ref",[2985,5191,2992],{"style":3418},[2985,5193,5194],{"style":3421},"AsyncDataRequestStatus",[2985,5196,3110],{"style":3491},[2985,5198,5199],{"style":3491}," AsyncDataRequestStatus",[2985,5201,3425],{"style":3418},[2985,5203,3110],{"class":2991},[2985,5205,3392],{"class":2995},[2985,5207,5208],{"class":2995},[3396,5209,5210,5212],{"class":3398,"popper-class":3399,"theme":3361},[2985,5211,4017],{},[3192,5213,5214],{"v-slot:popper":3405},[2985,5215,5216],{"class":3408,"v-pre":2981},[2857,5217,5218,5220,5222,5224,5226,5228,5230,5232],{"class":3411},[2985,5219,4026],{"style":3414},[2985,5221,2992],{"style":3418},[2985,5223,3488],{"style":3421},[2985,5225,3110],{"style":3491},[2985,5227,4035],{"style":3491},[2985,5229,4038],{"style":3414},[2985,5231,3425],{"style":3418},[2985,5233,4043],{"style":3414},[2985,5235,3121],{"class":2991},[2985,5237,3392],{"class":3030},[2985,5239,5240],{"class":3030},[3396,5241,5242,5245],{"class":3398,"popper-class":3399,"theme":3361},[2985,5243,5244],{},"posts",[3192,5246,5247],{"v-slot:popper":3405},[2985,5248,5249],{"class":3408,"v-pre":2981},[2857,5250,5251,5254,5256,5258,5260,5262],{"class":3411},[2985,5252,5253],{"style":3414},"const posts: Ref",[2985,5255,2992],{"style":3418},[2985,5257,3488],{"style":3421},[2985,5259,3110],{"style":3491},[2985,5261,4072],{"style":3491},[2985,5263,3425],{"style":3418},[2985,5265,3392],{"class":3030},[2985,5267,3034],{"class":2991},[2985,5269,3037],{"class":2991},[2985,5271,3392],{"class":3044},[2985,5273,5274],{"class":3044},[3396,5275,5276,5278],{"class":3398,"popper-class":3399,"theme":3361},[2985,5277,527],{},[3192,5279,5280],{"v-slot:popper":3405},[2985,5281,5282,5300,5308],{"class":3408,"v-pre":2981},[2857,5283,5284,5286,5288,5290,5292,5294,5296,5298],{"class":3411},[2985,5285,4099],{"style":3414},[2985,5287,2992],{"style":3418},[2985,5289,3422],{"style":3421},[2985,5291,3110],{"style":3491},[2985,5293,4035],{"style":3491},[2985,5295,4038],{"style":3414},[2985,5297,3425],{"style":3418},[2985,5299,4114],{"style":3414},[3203,5301,5302,5304],{"class":4117},[2853,5303,4120],{},[2853,5305,5306],{},[2861,5307,4125],{"href":4125},[3203,5309,5310,5316,5324],{"class":4128},[2985,5311,5312,5314],{"class":4131},[2985,5313,4135],{"class":4134},[2985,5315,4139],{"class":4138},[2985,5317,5318,5320],{"class":4131},[2985,5319,4144],{"class":4134},[2985,5321,5322,4150],{"class":4138},[2857,5323,4149],{},[2985,5325,5326,5328],{"class":4131},[2985,5327,4144],{"class":4134},[2985,5329,5330,4160],{"class":4138},[2857,5331,4159],{},[2985,5333,3048],{"class":3030},[2985,5335,3051],{"class":2991},[2985,5337,5338],{"class":3012},"/api/posts",[2985,5340,3051],{"class":2991},[2985,5342,3110],{"class":2991},[2985,5344,3082],{"class":2991},[2985,5346,5347,5350,5380,5382,5386],{"class":2987,"line":3062},[2985,5348,5349],{"class":2995},"  ",[2985,5351,5352],{"class":2995},[3396,5353,5354,5356],{"class":3398,"popper-class":3399,"theme":3361},[2985,5355,5131],{},[3192,5357,5358],{"v-slot:popper":3405},[2985,5359,5360,5365,5370],{"class":3408,"v-pre":2981},[2857,5361,5362],{"class":3411},[2985,5363,5364],{"style":3414},"(property) lazy?: boolean | undefined",[3203,5366,5367],{"class":4117},[2853,5368,5369],{},"Whether to resolve the async function after loading the route, instead of blocking client-side navigation",[3203,5371,5372],{"class":4128},[2985,5373,5374,5377],{"class":4131},[2985,5375,5376],{"class":4134},"@default",[2985,5378,5379],{"class":4138},"false",[2985,5381,3121],{"class":2991},[2985,5383,5385],{"class":5384},"sbKd-"," true",[2985,5387,3132],{"class":2991},[2985,5389,5390,5392],{"class":2987,"line":3068},[2985,5391,3034],{"class":2991},[2985,5393,3059],{"class":3030},[2985,5395,5396,5398,5400],{"class":2987,"line":3085},[2985,5397,3175],{"class":2991},[2985,5399,2996],{"class":2995},[2985,5401,3018],{"class":2991},[2985,5403,5404],{"class":2987,"line":3115},[2985,5405,3065],{"emptyLinePlaceholder":1196},[2985,5407,5408,5410,5412],{"class":2987,"line":3135},[2985,5409,2992],{"class":2991},[2985,5411,3192],{"class":2995},[2985,5413,3018],{"class":2991},[2985,5415,5416],{"class":2987,"line":3145},[2985,5417,5418],{"class":3148},"  \u003C!-- you will need to handle a loading state -->\n",[2985,5420,5421,5423,5438,5440,5442,5444,5468,5471,5473],{"class":2987,"line":3152},[2985,5422,3200],{"class":2991},[2985,5424,5425],{"class":2995},[3396,5426,5427,5429],{"class":3398,"popper-class":3399,"theme":3361},[2985,5428,3203],{},[3192,5430,5431],{"v-slot:popper":3405},[2985,5432,5433],{"class":3408,"v-pre":2981},[2857,5434,5435],{"class":3411},[2985,5436,5437],{"style":3414},"(property) div: HTMLAttributes & ReservedProps",[2985,5439,3206],{"class":2999},[2985,5441,3006],{"class":2991},[2985,5443,3009],{"class":2991},[2985,5445,5446],{"class":3012},[3396,5447,5448,5450],{"class":3398,"popper-class":3399,"theme":3361},[2985,5449,5041],{},[3192,5451,5452],{"v-slot:popper":3405},[2985,5453,5454],{"class":3408,"v-pre":2981},[2857,5455,5456,5458,5460,5462,5464,5466],{"class":3411},[2985,5457,5189],{"style":3414},[2985,5459,2992],{"style":3418},[2985,5461,5194],{"style":3421},[2985,5463,3110],{"style":3491},[2985,5465,5199],{"style":3491},[2985,5467,3425],{"style":3418},[2985,5469,5470],{"class":3012}," === 'pending'",[2985,5472,3009],{"class":2991},[2985,5474,3018],{"class":2991},[2985,5476,5477],{"class":2987,"line":3158},[2985,5478,5479],{"class":3030},"    Loading ...\n",[2985,5481,5482,5484,5498],{"class":2987,"line":3166},[2985,5483,3229],{"class":2991},[2985,5485,5486],{"class":2995},[3396,5487,5488,5490],{"class":3398,"popper-class":3399,"theme":3361},[2985,5489,3203],{},[3192,5491,5492],{"v-slot:popper":3405},[2985,5493,5494],{"class":3408,"v-pre":2981},[2857,5495,5496],{"class":3411},[2985,5497,5437],{"style":3414},[2985,5499,3018],{"class":2991},[2985,5501,5502,5504,5518,5520],{"class":2987,"line":3172},[2985,5503,3200],{"class":2991},[2985,5505,5506],{"class":2995},[3396,5507,5508,5510],{"class":3398,"popper-class":3399,"theme":3361},[2985,5509,3203],{},[3192,5511,5512],{"v-slot:popper":3405},[2985,5513,5514],{"class":3408,"v-pre":2981},[2857,5515,5516],{"class":3411},[2985,5517,5437],{"style":3414},[2985,5519,3243],{"class":2999},[2985,5521,3018],{"class":2991},[2985,5523,5524,5526,5540,5543,5545,5547,5563,5565,5589,5591],{"class":2987,"line":3182},[2985,5525,3251],{"class":2991},[2985,5527,5528],{"class":2995},[3396,5529,5530,5532],{"class":3398,"popper-class":3399,"theme":3361},[2985,5531,3203],{},[3192,5533,5534],{"v-slot:popper":3405},[2985,5535,5536],{"class":3408,"v-pre":2981},[2857,5537,5538],{"class":3411},[2985,5539,5437],{"style":3414},[2985,5541,5542],{"class":2999}," v-for",[2985,5544,3006],{"class":2991},[2985,5546,3009],{"class":2991},[2985,5548,5549],{"class":3012},[3396,5550,5551,5554],{"class":3398,"popper-class":3399,"theme":3361},[2985,5552,5553],{},"post",[3192,5555,5556],{"v-slot:popper":3405},[2985,5557,5558],{"class":3408,"v-pre":2981},[2857,5559,5560],{"class":3411},[2985,5561,5562],{"style":3414},"const post: never",[2985,5564,5082],{"class":3012},[2985,5566,5567],{"class":3012},[3396,5568,5569,5571],{"class":3398,"popper-class":3399,"theme":3361},[2985,5570,5244],{},[3192,5572,5573],{"v-slot:popper":3405},[2985,5574,5575],{"class":3408,"v-pre":2981},[2857,5576,5577,5579,5581,5583,5585,5587],{"class":3411},[2985,5578,5253],{"style":3414},[2985,5580,2992],{"style":3418},[2985,5582,3488],{"style":3421},[2985,5584,3110],{"style":3491},[2985,5586,4072],{"style":3491},[2985,5588,3425],{"style":3418},[2985,5590,3009],{"class":2991},[2985,5592,3018],{"class":2991},[2985,5594,5595],{"class":2987,"line":3187},[2985,5596,5597],{"class":3148},"      \u003C!-- do something -->\n",[2985,5599,5600,5602,5616],{"class":2987,"line":3197},[2985,5601,3280],{"class":2991},[2985,5603,5604],{"class":2995},[3396,5605,5606,5608],{"class":3398,"popper-class":3399,"theme":3361},[2985,5607,3203],{},[3192,5609,5610],{"v-slot:popper":3405},[2985,5611,5612],{"class":3408,"v-pre":2981},[2857,5613,5614],{"class":3411},[2985,5615,5437],{"style":3414},[2985,5617,3018],{"class":2991},[2985,5619,5620,5622,5636],{"class":2987,"line":3220},[2985,5621,3229],{"class":2991},[2985,5623,5624],{"class":2995},[3396,5625,5626,5628],{"class":3398,"popper-class":3399,"theme":3361},[2985,5627,3203],{},[3192,5629,5630],{"v-slot:popper":3405},[2985,5631,5632],{"class":3408,"v-pre":2981},[2857,5633,5634],{"class":3411},[2985,5635,5437],{"style":3414},[2985,5637,3018],{"class":2991},[2985,5639,5640,5642,5644],{"class":2987,"line":3226},[2985,5641,3175],{"class":2991},[2985,5643,3192],{"class":2995},[2985,5645,3018],{"class":2991},[2853,5647,5648,5649,2865,5653,5655],{},"You can alternatively use ",[2861,5650,5651],{"href":548},[2857,5652,547],{},[2857,5654,543],{}," as convenient methods to perform the same.",[2976,5657,5659],{"className":3358,"code":5658,"language":2980,"meta":3361,"style":2981},"\u003Cscript setup lang=\"ts\">\nconst { status, data: posts } = useLazyFetch('/api/posts')\n\u003C/script>\n",[2857,5660,5661,5681,5854],{"__ignoreMap":2981},[2985,5662,5663,5665,5667,5669,5671,5673,5675,5677,5679],{"class":2987,"line":2988},[2985,5664,2992],{"class":2991},[2985,5666,2996],{"class":2995},[2985,5668,3000],{"class":2999},[2985,5670,3003],{"class":2999},[2985,5672,3006],{"class":2991},[2985,5674,3009],{"class":2991},[2985,5676,3013],{"class":3012},[2985,5678,3009],{"class":2991},[2985,5680,3018],{"class":2991},[2985,5682,5683,5685,5687,5689,5713,5715,5717,5745,5747,5749,5773,5775,5777,5779,5781,5844,5846,5848,5850,5852],{"class":2987,"line":3021},[2985,5684,3024],{"class":2999},[2985,5686,3027],{"class":2991},[2985,5688,3392],{"class":3030},[2985,5690,5691],{"class":3030},[3396,5692,5693,5695],{"class":3398,"popper-class":3399,"theme":3361},[2985,5694,5041],{},[3192,5696,5697],{"v-slot:popper":3405},[2985,5698,5699],{"class":3408,"v-pre":2981},[2857,5700,5701,5703,5705,5707,5709,5711],{"class":3411},[2985,5702,5189],{"style":3414},[2985,5704,2992],{"style":3418},[2985,5706,5194],{"style":3421},[2985,5708,3110],{"style":3491},[2985,5710,5199],{"style":3491},[2985,5712,3425],{"style":3418},[2985,5714,3110],{"class":2991},[2985,5716,3392],{"class":2995},[2985,5718,5719],{"class":2995},[3396,5720,5721,5723],{"class":3398,"popper-class":3399,"theme":3361},[2985,5722,4017],{},[3192,5724,5725],{"v-slot:popper":3405},[2985,5726,5727],{"class":3408,"v-pre":2981},[2857,5728,5729,5731,5733,5735,5737,5739,5741,5743],{"class":3411},[2985,5730,4026],{"style":3414},[2985,5732,2992],{"style":3418},[2985,5734,3488],{"style":3421},[2985,5736,3110],{"style":3491},[2985,5738,4035],{"style":3491},[2985,5740,4038],{"style":3414},[2985,5742,3425],{"style":3418},[2985,5744,4043],{"style":3414},[2985,5746,3121],{"class":2991},[2985,5748,3392],{"class":3030},[2985,5750,5751],{"class":3030},[3396,5752,5753,5755],{"class":3398,"popper-class":3399,"theme":3361},[2985,5754,5244],{},[3192,5756,5757],{"v-slot:popper":3405},[2985,5758,5759],{"class":3408,"v-pre":2981},[2857,5760,5761,5763,5765,5767,5769,5771],{"class":3411},[2985,5762,5253],{"style":3414},[2985,5764,2992],{"style":3418},[2985,5766,3488],{"style":3421},[2985,5768,3110],{"style":3491},[2985,5770,4072],{"style":3491},[2985,5772,3425],{"style":3418},[2985,5774,3392],{"class":3030},[2985,5776,3034],{"class":2991},[2985,5778,3037],{"class":2991},[2985,5780,3392],{"class":3044},[2985,5782,5783],{"class":3044},[3396,5784,5785,5787],{"class":3398,"popper-class":3399,"theme":3361},[2985,5786,547],{},[3192,5788,5789],{"v-slot:popper":3405},[2985,5790,5791,5811,5820],{"class":3408,"v-pre":2981},[2857,5792,5793,5796,5798,5800,5802,5804,5806,5808],{"class":3411},[2985,5794,5795],{"style":3414},"const useLazyFetch: ",[2985,5797,2992],{"style":3418},[2985,5799,3422],{"style":3421},[2985,5801,3110],{"style":3491},[2985,5803,4035],{"style":3491},[2985,5805,4038],{"style":3414},[2985,5807,3425],{"style":3418},[2985,5809,5810],{"style":3414},", string, \"get\", unknown, unknown, KeysOf\u003Cunknown>, undefined>(request: string | Ref\u003Cstring, string> | (() => string), opts?: Omit\u003CUseFetchOptions\u003Cunknown, unknown, KeysOf\u003Cunknown>, undefined, string, \"get\">, \"lazy\"> | undefined) => AsyncData\u003Cunknown, FetchError\u003Cany> | undefined> (+1 overload)",[3203,5812,5813,5815],{"class":4117},[2853,5814,4120],{},[2853,5816,5817],{},[2861,5818,5819],{"href":5819},"https://nuxt.com/docs/4.x/api/composables/use-lazy-fetch",[3203,5821,5822,5828,5836],{"class":4128},[2985,5823,5824,5826],{"class":4131},[2985,5825,4135],{"class":4134},[2985,5827,4139],{"class":4138},[2985,5829,5830,5832],{"class":4131},[2985,5831,4144],{"class":4134},[2985,5833,5834,4150],{"class":4138},[2857,5835,4149],{},[2985,5837,5838,5840],{"class":4131},[2985,5839,4144],{"class":4134},[2985,5841,5842,4160],{"class":4138},[2857,5843,4159],{},[2985,5845,3048],{"class":3030},[2985,5847,3051],{"class":2991},[2985,5849,5338],{"class":3012},[2985,5851,3051],{"class":2991},[2985,5853,3059],{"class":3030},[2985,5855,5856,5858,5860],{"class":2987,"line":3062},[2985,5857,3175],{"class":2991},[2985,5859,2996],{"class":2995},[2985,5861,3018],{"class":2991},[3660,5863,5864],{"to":548},[2853,5865,3664,5866,2868],{},[2857,5867,547],{},[3660,5869,5870],{"to":544},[2853,5871,3664,5872,2868],{},[2857,5873,543],{},[4281,5875],{"title":5876,"video-id":5877,"platform":5878},"Watch a video from Vue School on blocking vs. non-blocking (lazy) requests","1022000555","vimeo",[3313,5880,5882],{"id":5881},"client-only-fetching","Client-only fetching",[2853,5884,5885,5886,5888,5889,5891],{},"By default, data fetching composables will perform their asynchronous function on both client and server environments. Set the ",[2857,5887,185],{}," option to ",[2857,5890,5379],{}," 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,5893,5894,5895,5897],{},"Combined with the ",[2857,5896,5131],{}," option, this can be useful for data that is not needed on the first render (for example, non-SEO sensitive data).",[2976,5899,5902],{"className":5900,"code":5901,"language":3013,"meta":3361,"style":2981},"language-ts shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight twoslash lsp","/* 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,5903,5904,5909,6208,6212,6217,6571,6618,6666],{"__ignoreMap":2981},[2985,5905,5906],{"class":2987,"line":2988},[2985,5907,5908],{"class":3148},"/* This call is performed before hydration */\n",[2985,5910,5911,5913,5915,5962,5964,5966,5968,5970,6197,6199,6201,6204,6206],{"class":2987,"line":3021},[2985,5912,3024],{"class":2999},[2985,5914,3392],{"class":3030},[2985,5916,5917],{"class":3030},[3396,5918,5919,5922],{"class":3398,"popper-class":3399,"theme":3361},[2985,5920,5921],{},"articles",[3192,5923,5924],{"v-slot:popper":3405},[2985,5925,5926],{"class":3408,"v-pre":2981},[2857,5927,5928,5930,5933,5935,5939,5941,5943,5945,5947,5949,5952,5954,5957,5960],{"class":3411},[2985,5929,3024],{"style":3491},[2985,5931,5932],{"style":3414}," articles",[2985,5934,3121],{"style":3418},[2985,5936,5938],{"style":5937},"--shiki-light:#E2931D;--shiki-default:#E2931D;--shiki-dark:#FFCB6B"," _AsyncData",[2985,5940,2992],{"style":3418},[2985,5942,3488],{"style":5937},[2985,5944,3110],{"style":3418},[2985,5946,4035],{"style":5937},[2985,5948,2992],{"style":3418},[2985,5950,5951],{"style":5937},"any",[2985,5953,3425],{"style":3418},[2985,5955,5956],{"style":3418}," |",[2985,5958,5959],{"style":5937}," undefined",[2985,5961,3425],{"style":3418},[2985,5963,3392],{"class":3030},[2985,5965,3006],{"class":2991},[2985,5967,3041],{"class":3040},[2985,5969,3392],{"class":3044},[2985,5971,5972],{"class":3044},[3396,5973,5974,5976],{"class":3398,"popper-class":3399,"theme":3361},[2985,5975,527],{},[3192,5977,5978],{"v-slot:popper":3405},[2985,5979,5980,6165,6173],{"class":3408,"v-pre":2981},[2857,5981,5982,5984,5986,5988,5991,5993,5995,5997,5999,6001,6004,6007,6009,6012,6016,6018,6020,6022,6024,6026,6028,6031,6033,6035,6037,6039,6042,6045,6047,6049,6051,6054,6056,6059,6061,6063,6065,6067,6069,6071,6073,6075,6077,6079,6082,6085,6088,6090,6092,6094,6096,6098,6100,6102,6104,6106,6108,6110,6112,6114,6116,6118,6120,6122,6124,6126,6128,6130,6133,6135,6137,6139,6141,6143,6145,6147,6149,6151,6153,6156,6160,6163],{"class":3411},[2985,5983,3024],{"style":3491},[2985,5985,3045],{"style":3414},[2985,5987,3121],{"style":3418},[2985,5989,5990],{"style":3418}," \u003C",[2985,5992,3422],{"style":5937},[2985,5994,3110],{"style":3418},[2985,5996,4035],{"style":5937},[2985,5998,2992],{"style":3418},[2985,6000,5951],{"style":5937},[2985,6002,6003],{"style":3418},">,",[2985,6005,6006],{"style":5937}," string",[2985,6008,3110],{"style":3418},[2985,6010,6011],{"style":3418}," \"",[2985,6013,6015],{"style":6014},"--shiki-light:#91B859;--shiki-default:#91B859;--shiki-dark:#C3E88D","get",[2985,6017,3009],{"style":3418},[2985,6019,3110],{"style":3418},[2985,6021,4072],{"style":5937},[2985,6023,3110],{"style":3418},[2985,6025,4072],{"style":5937},[2985,6027,3110],{"style":3418},[2985,6029,6030],{"style":5937}," KeysOf",[2985,6032,2992],{"style":3418},[2985,6034,3488],{"style":5937},[2985,6036,6003],{"style":3418},[2985,6038,5959],{"style":5937},[2985,6040,6041],{"style":3418},">(",[2985,6043,4149],{"style":6044},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#90A4AE;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[2985,6046,3121],{"style":3418},[2985,6048,6006],{"style":5937},[2985,6050,5956],{"style":3418},[2985,6052,6053],{"style":5937}," Ref",[2985,6055,2992],{"style":3418},[2985,6057,6058],{"style":5937},"string",[2985,6060,3110],{"style":3418},[2985,6062,6006],{"style":5937},[2985,6064,3425],{"style":3418},[2985,6066,5956],{"style":3418},[2985,6068,4721],{"style":3414},[2985,6070,4451],{"style":3418},[2985,6072,3776],{"style":3491},[2985,6074,6006],{"style":5937},[2985,6076,4797],{"style":3414},[2985,6078,3110],{"style":3418},[2985,6080,6081],{"style":6044}," opts",[2985,6083,6084],{"style":3418},"?:",[2985,6086,6087],{"style":5937}," UseFetchOptions",[2985,6089,2992],{"style":3418},[2985,6091,3488],{"style":5937},[2985,6093,3110],{"style":3418},[2985,6095,4072],{"style":5937},[2985,6097,3110],{"style":3418},[2985,6099,6030],{"style":5937},[2985,6101,2992],{"style":3418},[2985,6103,3488],{"style":5937},[2985,6105,6003],{"style":3418},[2985,6107,5959],{"style":5937},[2985,6109,3110],{"style":3418},[2985,6111,6006],{"style":5937},[2985,6113,3110],{"style":3418},[2985,6115,6011],{"style":3418},[2985,6117,6015],{"style":6014},[2985,6119,3009],{"style":3418},[2985,6121,3425],{"style":3418},[2985,6123,5956],{"style":3418},[2985,6125,5959],{"style":5937},[2985,6127,4797],{"style":3418},[2985,6129,3776],{"style":3491},[2985,6131,6132],{"style":5937}," AsyncData",[2985,6134,2992],{"style":3418},[2985,6136,3488],{"style":5937},[2985,6138,3110],{"style":3418},[2985,6140,4035],{"style":5937},[2985,6142,2992],{"style":3418},[2985,6144,5951],{"style":5937},[2985,6146,3425],{"style":3418},[2985,6148,5956],{"style":3418},[2985,6150,5959],{"style":5937},[2985,6152,3425],{"style":3418},[2985,6154,6155],{"style":3414}," (+",[2985,6157,6159],{"style":6158},"--shiki-light:#F76D47;--shiki-default:#F76D47;--shiki-dark:#F78C6C","1",[2985,6161,6162],{"style":5937}," overload",[2985,6164,4797],{"style":3414},[3203,6166,6167,6169],{"class":4117},[2853,6168,4120],{},[2853,6170,6171],{},[2861,6172,4125],{"href":4125},[3203,6174,6175,6181,6189],{"class":4128},[2985,6176,6177,6179],{"class":4131},[2985,6178,4135],{"class":4134},[2985,6180,4139],{"class":4138},[2985,6182,6183,6185],{"class":4131},[2985,6184,4144],{"class":4134},[2985,6186,6187,4150],{"class":4138},[2857,6188,4149],{},[2985,6190,6191,6193],{"class":4131},[2985,6192,4144],{"class":4134},[2985,6194,6195,4160],{"class":4138},[2857,6196,4159],{},[2985,6198,3048],{"class":3030},[2985,6200,3051],{"class":2991},[2985,6202,6203],{"class":3012},"/api/article",[2985,6205,3051],{"class":2991},[2985,6207,3059],{"class":3030},[2985,6209,6210],{"class":2987,"line":3062},[2985,6211,3065],{"emptyLinePlaceholder":1196},[2985,6213,6214],{"class":2987,"line":3068},[2985,6215,6216],{"class":3148},"/* This call will only be performed on the client */\n",[2985,6218,6219,6221,6223,6225,6256,6258,6260,6306,6308,6310,6342,6344,6346,6348,6350,6558,6560,6562,6565,6567,6569],{"class":2987,"line":3085},[2985,6220,3024],{"class":2999},[2985,6222,3027],{"class":2991},[2985,6224,3392],{"class":3030},[2985,6226,6227],{"class":3030},[3396,6228,6229,6231],{"class":3398,"popper-class":3399,"theme":3361},[2985,6230,5041],{},[3192,6232,6233],{"v-slot:popper":3405},[2985,6234,6235],{"class":3408,"v-pre":2981},[2857,6236,6237,6239,6242,6244,6246,6248,6250,6252,6254],{"class":3411},[2985,6238,3024],{"style":3491},[2985,6240,6241],{"style":3414}," status",[2985,6243,3121],{"style":3418},[2985,6245,6053],{"style":5937},[2985,6247,2992],{"style":3418},[2985,6249,5194],{"style":5937},[2985,6251,3110],{"style":3418},[2985,6253,5199],{"style":5937},[2985,6255,3425],{"style":3418},[2985,6257,3110],{"class":2991},[2985,6259,3392],{"class":2995},[2985,6261,6262],{"class":2995},[3396,6263,6264,6266],{"class":3398,"popper-class":3399,"theme":3361},[2985,6265,4017],{},[3192,6267,6268],{"v-slot:popper":3405},[2985,6269,6270],{"class":3408,"v-pre":2981},[2857,6271,6272,6274,6276,6278,6280,6282,6284,6286,6288,6290,6293,6296,6298,6300,6302,6304],{"class":3411},[2985,6273,4026],{"style":3414},[2985,6275,2992],{"style":3418},[2985,6277,3488],{"style":3414},[2985,6279,3110],{"style":3418},[2985,6281,4035],{"style":3414},[2985,6283,2992],{"style":3418},[2985,6285,5951],{"style":3414},[2985,6287,3425],{"style":3418},[2985,6289,5956],{"style":3418},[2985,6291,6292],{"style":3418}," undefined>.",[2985,6294,6295],{"style":3414},"data: Ref",[2985,6297,2992],{"style":3418},[2985,6299,3488],{"style":3414},[2985,6301,3110],{"style":3418},[2985,6303,4072],{"style":3414},[2985,6305,3425],{"style":3418},[2985,6307,3121],{"class":2991},[2985,6309,3392],{"class":3030},[2985,6311,6312],{"class":3030},[3396,6313,6314,6317],{"class":3398,"popper-class":3399,"theme":3361},[2985,6315,6316],{},"comments",[3192,6318,6319],{"v-slot:popper":3405},[2985,6320,6321],{"class":3408,"v-pre":2981},[2857,6322,6323,6325,6328,6330,6332,6334,6336,6338,6340],{"class":3411},[2985,6324,3024],{"style":3491},[2985,6326,6327],{"style":3414}," comments",[2985,6329,3121],{"style":3418},[2985,6331,6053],{"style":5937},[2985,6333,2992],{"style":3418},[2985,6335,3488],{"style":5937},[2985,6337,3110],{"style":3418},[2985,6339,4072],{"style":5937},[2985,6341,3425],{"style":3418},[2985,6343,3392],{"class":3030},[2985,6345,3034],{"class":2991},[2985,6347,3037],{"class":2991},[2985,6349,3392],{"class":3044},[2985,6351,6352],{"class":3044},[3396,6353,6354,6356],{"class":3398,"popper-class":3399,"theme":3361},[2985,6355,527],{},[3192,6357,6358],{"v-slot:popper":3405},[2985,6359,6360,6526,6534],{"class":3408,"v-pre":2981},[2857,6361,6362,6364,6366,6368,6370,6372,6374,6376,6378,6380,6382,6384,6386,6388,6390,6392,6394,6396,6398,6400,6402,6404,6406,6408,6410,6412,6414,6416,6418,6420,6422,6424,6426,6428,6430,6432,6434,6436,6438,6440,6442,6444,6446,6448,6450,6452,6454,6456,6458,6460,6462,6464,6466,6468,6470,6472,6474,6476,6478,6480,6482,6484,6486,6488,6490,6492,6494,6496,6498,6500,6502,6504,6506,6508,6510,6512,6514,6516,6518,6520,6522,6524],{"class":3411},[2985,6363,3024],{"style":3491},[2985,6365,3045],{"style":3414},[2985,6367,3121],{"style":3418},[2985,6369,5990],{"style":3418},[2985,6371,3422],{"style":5937},[2985,6373,3110],{"style":3418},[2985,6375,4035],{"style":5937},[2985,6377,2992],{"style":3418},[2985,6379,5951],{"style":5937},[2985,6381,6003],{"style":3418},[2985,6383,6006],{"style":5937},[2985,6385,3110],{"style":3418},[2985,6387,6011],{"style":3418},[2985,6389,6015],{"style":6014},[2985,6391,3009],{"style":3418},[2985,6393,3110],{"style":3418},[2985,6395,4072],{"style":5937},[2985,6397,3110],{"style":3418},[2985,6399,4072],{"style":5937},[2985,6401,3110],{"style":3418},[2985,6403,6030],{"style":5937},[2985,6405,2992],{"style":3418},[2985,6407,3488],{"style":5937},[2985,6409,6003],{"style":3418},[2985,6411,5959],{"style":5937},[2985,6413,6041],{"style":3418},[2985,6415,4149],{"style":6044},[2985,6417,3121],{"style":3418},[2985,6419,6006],{"style":5937},[2985,6421,5956],{"style":3418},[2985,6423,6053],{"style":5937},[2985,6425,2992],{"style":3418},[2985,6427,6058],{"style":5937},[2985,6429,3110],{"style":3418},[2985,6431,6006],{"style":5937},[2985,6433,3425],{"style":3418},[2985,6435,5956],{"style":3418},[2985,6437,4721],{"style":3414},[2985,6439,4451],{"style":3418},[2985,6441,3776],{"style":3491},[2985,6443,6006],{"style":5937},[2985,6445,4797],{"style":3414},[2985,6447,3110],{"style":3418},[2985,6449,6081],{"style":6044},[2985,6451,6084],{"style":3418},[2985,6453,6087],{"style":5937},[2985,6455,2992],{"style":3418},[2985,6457,3488],{"style":5937},[2985,6459,3110],{"style":3418},[2985,6461,4072],{"style":5937},[2985,6463,3110],{"style":3418},[2985,6465,6030],{"style":5937},[2985,6467,2992],{"style":3418},[2985,6469,3488],{"style":5937},[2985,6471,6003],{"style":3418},[2985,6473,5959],{"style":5937},[2985,6475,3110],{"style":3418},[2985,6477,6006],{"style":5937},[2985,6479,3110],{"style":3418},[2985,6481,6011],{"style":3418},[2985,6483,6015],{"style":6014},[2985,6485,3009],{"style":3418},[2985,6487,3425],{"style":3418},[2985,6489,5956],{"style":3418},[2985,6491,5959],{"style":5937},[2985,6493,4797],{"style":3418},[2985,6495,3776],{"style":3491},[2985,6497,6132],{"style":5937},[2985,6499,2992],{"style":3418},[2985,6501,3488],{"style":5937},[2985,6503,3110],{"style":3418},[2985,6505,4035],{"style":5937},[2985,6507,2992],{"style":3418},[2985,6509,5951],{"style":5937},[2985,6511,3425],{"style":3418},[2985,6513,5956],{"style":3418},[2985,6515,5959],{"style":5937},[2985,6517,3425],{"style":3418},[2985,6519,6155],{"style":3414},[2985,6521,6159],{"style":6158},[2985,6523,6162],{"style":5937},[2985,6525,4797],{"style":3414},[3203,6527,6528,6530],{"class":4117},[2853,6529,4120],{},[2853,6531,6532],{},[2861,6533,4125],{"href":4125},[3203,6535,6536,6542,6550],{"class":4128},[2985,6537,6538,6540],{"class":4131},[2985,6539,4135],{"class":4134},[2985,6541,4139],{"class":4138},[2985,6543,6544,6546],{"class":4131},[2985,6545,4144],{"class":4134},[2985,6547,6548,4150],{"class":4138},[2857,6549,4149],{},[2985,6551,6552,6554],{"class":4131},[2985,6553,4144],{"class":4134},[2985,6555,6556,4160],{"class":4138},[2857,6557,4159],{},[2985,6559,3048],{"class":3030},[2985,6561,3051],{"class":2991},[2985,6563,6564],{"class":3012},"/api/comments",[2985,6566,3051],{"class":2991},[2985,6568,3110],{"class":2991},[2985,6570,3082],{"class":2991},[2985,6572,6573,6575,6612,6614,6616],{"class":2987,"line":3115},[2985,6574,5349],{"class":2995},[2985,6576,6577],{"class":2995},[3396,6578,6579,6581],{"class":3398,"popper-class":3399,"theme":3361},[2985,6580,5131],{},[3192,6582,6583],{"v-slot:popper":3405},[2985,6584,6585,6600,6604],{"class":3408,"v-pre":2981},[2857,6586,6587,6590,6592,6595,6598],{"class":3411},[2985,6588,6589],{"style":3414},"(property) lazy",[2985,6591,6084],{"style":3418},[2985,6593,6594],{"style":3414}," boolean ",[2985,6596,6597],{"style":3418},"|",[2985,6599,5959],{"style":3418},[3203,6601,6602],{"class":4117},[2853,6603,5369],{},[3203,6605,6606],{"class":4128},[2985,6607,6608,6610],{"class":4131},[2985,6609,5376],{"class":4134},[2985,6611,5379],{"class":4138},[2985,6613,3121],{"class":2991},[2985,6615,5385],{"class":5384},[2985,6617,3132],{"class":2991},[2985,6619,6620,6622,6659,6661,6664],{"class":2987,"line":3135},[2985,6621,5349],{"class":2995},[2985,6623,6624],{"class":2995},[3396,6625,6626,6628],{"class":3398,"popper-class":3399,"theme":3361},[2985,6627,185],{},[3192,6629,6630],{"v-slot:popper":3405},[2985,6631,6632,6645,6650],{"class":3408,"v-pre":2981},[2857,6633,6634,6637,6639,6641,6643],{"class":3411},[2985,6635,6636],{"style":3414},"(property) server",[2985,6638,6084],{"style":3418},[2985,6640,6594],{"style":3414},[2985,6642,6597],{"style":3418},[2985,6644,5959],{"style":3418},[3203,6646,6647],{"class":4117},[2853,6648,6649],{},"Whether to fetch on the server side.",[3203,6651,6652],{"class":4128},[2985,6653,6654,6656],{"class":4131},[2985,6655,5376],{"class":4134},[2985,6657,6658],{"class":4138},"true",[2985,6660,3121],{"class":2991},[2985,6662,6663],{"class":5384}," false",[2985,6665,3132],{"class":2991},[2985,6667,6668,6670],{"class":2987,"line":3145},[2985,6669,3034],{"class":2991},[2985,6671,3059],{"class":3030},[2853,6673,2935,6674,6676,6677,2868],{},[2857,6675,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,6678,6680,6682],{"href":6679},"/docs/3.x/getting-started/data-fetching#fetch",[2857,6681,630],{}," method",[3313,6684,6686],{"id":6685},"minimize-payload-size","Minimize payload size",[2853,6688,2935,6689,6692],{},[2857,6690,6691],{},"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,6694,6696],{"className":2978,"code":6695,"language":2980,"meta":2981,"style":2981},"\u003Cscript setup lang=\"ts\">\n/* only pick the fields used in your template */\nconst { data: mountain } = await useFetch('/api/mountains/everest', {\n  pick: ['title', 'description'],\n})\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Ch1>{{ mountain.title }}\u003C/h1>\n  \u003Cp>{{ mountain.description }}\u003C/p>\n\u003C/template>\n",[2857,6697,6698,6718,6723,6757,6786,6792,6800,6804,6812,6830,6847],{"__ignoreMap":2981},[2985,6699,6700,6702,6704,6706,6708,6710,6712,6714,6716],{"class":2987,"line":2988},[2985,6701,2992],{"class":2991},[2985,6703,2996],{"class":2995},[2985,6705,3000],{"class":2999},[2985,6707,3003],{"class":2999},[2985,6709,3006],{"class":2991},[2985,6711,3009],{"class":2991},[2985,6713,3013],{"class":3012},[2985,6715,3009],{"class":2991},[2985,6717,3018],{"class":2991},[2985,6719,6720],{"class":2987,"line":3021},[2985,6721,6722],{"class":3148},"/* only pick the fields used in your template */\n",[2985,6724,6725,6727,6729,6731,6733,6736,6738,6740,6742,6744,6746,6748,6751,6753,6755],{"class":2987,"line":3062},[2985,6726,3024],{"class":2999},[2985,6728,3027],{"class":2991},[2985,6730,4374],{"class":2995},[2985,6732,3121],{"class":2991},[2985,6734,6735],{"class":3030}," mountain ",[2985,6737,3034],{"class":2991},[2985,6739,3037],{"class":2991},[2985,6741,3041],{"class":3040},[2985,6743,3045],{"class":3044},[2985,6745,3048],{"class":3030},[2985,6747,3051],{"class":2991},[2985,6749,6750],{"class":3012},"/api/mountains/everest",[2985,6752,3051],{"class":2991},[2985,6754,3110],{"class":2991},[2985,6756,3082],{"class":2991},[2985,6758,6759,6762,6764,6766,6768,6771,6773,6775,6777,6780,6782,6784],{"class":2987,"line":3068},[2985,6760,6761],{"class":2995},"  pick",[2985,6763,3121],{"class":2991},[2985,6765,4745],{"class":3030},[2985,6767,3051],{"class":2991},[2985,6769,6770],{"class":3012},"title",[2985,6772,3051],{"class":2991},[2985,6774,3110],{"class":2991},[2985,6776,3124],{"class":2991},[2985,6778,6779],{"class":3012},"description",[2985,6781,3051],{"class":2991},[2985,6783,4756],{"class":3030},[2985,6785,3132],{"class":2991},[2985,6787,6788,6790],{"class":2987,"line":3085},[2985,6789,3034],{"class":2991},[2985,6791,3059],{"class":3030},[2985,6793,6794,6796,6798],{"class":2987,"line":3115},[2985,6795,3175],{"class":2991},[2985,6797,2996],{"class":2995},[2985,6799,3018],{"class":2991},[2985,6801,6802],{"class":2987,"line":3135},[2985,6803,3065],{"emptyLinePlaceholder":1196},[2985,6805,6806,6808,6810],{"class":2987,"line":3145},[2985,6807,2992],{"class":2991},[2985,6809,3192],{"class":2995},[2985,6811,3018],{"class":2991},[2985,6813,6814,6816,6819,6821,6824,6826,6828],{"class":2987,"line":3152},[2985,6815,3200],{"class":2991},[2985,6817,6818],{"class":2995},"h1",[2985,6820,3425],{"class":2991},[2985,6822,6823],{"class":3030},"{{ mountain.title }}",[2985,6825,3175],{"class":2991},[2985,6827,6818],{"class":2995},[2985,6829,3018],{"class":2991},[2985,6831,6832,6834,6836,6838,6841,6843,6845],{"class":2987,"line":3158},[2985,6833,3200],{"class":2991},[2985,6835,2853],{"class":2995},[2985,6837,3425],{"class":2991},[2985,6839,6840],{"class":3030},"{{ mountain.description }}",[2985,6842,3175],{"class":2991},[2985,6844,2853],{"class":2995},[2985,6846,3018],{"class":2991},[2985,6848,6849,6851,6853],{"class":2987,"line":3166},[2985,6850,3175],{"class":2991},[2985,6852,3192],{"class":2995},[2985,6854,3018],{"class":2991},[2853,6856,6857,6858,6861],{},"If you need more control or map over several objects, you can use the ",[2857,6859,6860],{},"transform"," function to alter the result of the query.",[2976,6863,6865],{"className":3748,"code":6864,"language":3013,"meta":2981,"style":2981},"const { data: mountains } = await useFetch('/api/mountains', {\n  transform: (mountains) => {\n    return mountains.map(mountain => ({ title: mountain.title, description: mountain.description }))\n  },\n})\n",[2857,6866,6867,6901,6919,6973,6978],{"__ignoreMap":2981},[2985,6868,6869,6871,6873,6875,6877,6880,6882,6884,6886,6888,6890,6892,6895,6897,6899],{"class":2987,"line":2988},[2985,6870,3024],{"class":2999},[2985,6872,3027],{"class":2991},[2985,6874,4374],{"class":2995},[2985,6876,3121],{"class":2991},[2985,6878,6879],{"class":3030}," mountains ",[2985,6881,3034],{"class":2991},[2985,6883,3037],{"class":2991},[2985,6885,3041],{"class":3040},[2985,6887,3045],{"class":3044},[2985,6889,3048],{"class":3030},[2985,6891,3051],{"class":2991},[2985,6893,6894],{"class":3012},"/api/mountains",[2985,6896,3051],{"class":2991},[2985,6898,3110],{"class":2991},[2985,6900,3082],{"class":2991},[2985,6902,6903,6906,6908,6910,6913,6915,6917],{"class":2987,"line":3021},[2985,6904,6905],{"class":3044},"  transform",[2985,6907,3121],{"class":2991},[2985,6909,4721],{"class":2991},[2985,6911,6912],{"class":3772},"mountains",[2985,6914,4797],{"class":2991},[2985,6916,3776],{"class":2999},[2985,6918,3082],{"class":2991},[2985,6920,6921,6924,6927,6929,6932,6934,6937,6939,6941,6944,6947,6949,6952,6954,6956,6958,6961,6963,6965,6967,6969,6971],{"class":2987,"line":3062},[2985,6922,6923],{"class":3040},"    return",[2985,6925,6926],{"class":3030}," mountains",[2985,6928,2868],{"class":2991},[2985,6930,6931],{"class":3044},"map",[2985,6933,3048],{"class":2995},[2985,6935,6936],{"class":3772},"mountain",[2985,6938,3776],{"class":2999},[2985,6940,4721],{"class":2995},[2985,6942,6943],{"class":2991},"{",[2985,6945,6946],{"class":2995}," title",[2985,6948,3121],{"class":2991},[2985,6950,6951],{"class":3030}," mountain",[2985,6953,2868],{"class":2991},[2985,6955,6770],{"class":3030},[2985,6957,3110],{"class":2991},[2985,6959,6960],{"class":2995}," description",[2985,6962,3121],{"class":2991},[2985,6964,6951],{"class":3030},[2985,6966,2868],{"class":2991},[2985,6968,6779],{"class":3030},[2985,6970,3893],{"class":2991},[2985,6972,4417],{"class":2995},[2985,6974,6975],{"class":2987,"line":3068},[2985,6976,6977],{"class":2991},"  },\n",[2985,6979,6980,6982],{"class":2987,"line":3085},[2985,6981,3034],{"class":2991},[2985,6983,3059],{"class":3030},[3329,6985,6986],{},[2853,6987,2909,6988,2865,6990,6992],{},[2857,6989,6691],{},[2857,6991,6860],{}," 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.",[4281,6994],{"title":6995,"video-id":6996,"platform":5878},"Watch a video from Vue School on minimizing payload size","1026410430",[3313,6998,7000],{"id":6999},"caching-and-refetching","Caching and refetching",[7002,7003,7005],"h4",{"id":7004},"keys","Keys",[2853,7007,7008,2865,7012,7016],{},[2861,7009,7010],{"href":528},[2857,7011,527],{},[2861,7013,7014],{"href":516},[2857,7015,515],{}," use keys to prevent refetching the same data.",[2873,7018,7019,7033],{},[2876,7020,7021,7025,7026,7029,7030,7032],{},[2861,7022,7023],{"href":528},[2857,7024,527],{}," uses the provided URL as a key. Alternatively, a ",[2857,7027,7028],{},"key"," value can be provided in the ",[2857,7031,5116],{}," object passed as a last argument.",[2876,7034,7035,7039,7040,7042],{},[2861,7036,7037],{"href":516},[2857,7038,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,7041,515],{}," will be generated for you.",[2959,7044,7045],{},[2853,7046,7047,7048],{},"To get the cached data by key, you can use ",[2861,7049,7050],{"href":560},[2857,7051,559],{},[4281,7053],{"title":7054,"video-id":7055,"platform":5878},"Watch a video from Vue School on caching data with the key option","1026410044",[7002,7057,7059],{"id":7058},"shared-state-and-option-consistency","Shared State and Option Consistency",[2853,7061,7062,7063,7065,7066,7068,7069,2859,7071,2865,7073,7075],{},"When multiple components use the same key with ",[2857,7064,515],{}," or ",[2857,7067,527],{},", they will share the same ",[2857,7070,4017],{},[2857,7072,5034],{},[2857,7074,5041],{}," refs. This ensures consistency across components but requires some options to be consistent.",[2853,7077,7078,7079,7082],{},"The following options ",[2972,7080,7081],{},"must be consistent"," across all calls with the same key:",[2873,7084,7085,7089,7095,7099,7104,7109],{},[2876,7086,7087,2931],{},[2857,7088,5013],{},[2876,7090,7091,7094],{},[2857,7092,7093],{},"deep"," option",[2876,7096,7097,2931],{},[2857,7098,6860],{},[2876,7100,7101,7103],{},[2857,7102,6691],{}," array",[2876,7105,7106,2931],{},[2857,7107,7108],{},"getCachedData",[2876,7110,7111,7114],{},[2857,7112,7113],{},"default"," value",[2976,7116,7118],{"className":3748,"code":7117,"language":3013,"meta":2981,"style":2981},"// ❌ This will trigger a development warning\nconst { data: users1 } = useAsyncData('users', (_nuxtApp, { signal }) => $fetch('/api/users', { signal }), { deep: false })\nconst { data: users2 } = useAsyncData('users', (_nuxtApp, { signal }) => $fetch('/api/users', { signal }), { deep: true })\n",[2857,7119,7120,7125,7205],{"__ignoreMap":2981},[2985,7121,7122],{"class":2987,"line":2988},[2985,7123,7124],{"class":3148},"// ❌ This will trigger a development warning\n",[2985,7126,7127,7129,7131,7133,7135,7138,7140,7142,7144,7146,7148,7150,7152,7154,7156,7158,7160,7162,7164,7166,7168,7170,7172,7174,7177,7179,7181,7183,7186,7188,7190,7192,7194,7197,7199,7201,7203],{"class":2987,"line":3021},[2985,7128,3024],{"class":2999},[2985,7130,3027],{"class":2991},[2985,7132,4374],{"class":2995},[2985,7134,3121],{"class":2991},[2985,7136,7137],{"class":3030}," users1 ",[2985,7139,3034],{"class":2991},[2985,7141,3037],{"class":2991},[2985,7143,4388],{"class":3044},[2985,7145,3048],{"class":3030},[2985,7147,3051],{"class":2991},[2985,7149,4395],{"class":3012},[2985,7151,3051],{"class":2991},[2985,7153,3110],{"class":2991},[2985,7155,4721],{"class":2991},[2985,7157,4724],{"class":3772},[2985,7159,3110],{"class":2991},[2985,7161,3027],{"class":2991},[2985,7163,4731],{"class":3772},[2985,7165,4734],{"class":2991},[2985,7167,3776],{"class":2999},[2985,7169,3098],{"class":3044},[2985,7171,3048],{"class":3030},[2985,7173,3051],{"class":2991},[2985,7175,7176],{"class":3012},"/api/users",[2985,7178,3051],{"class":2991},[2985,7180,3110],{"class":2991},[2985,7182,3027],{"class":2991},[2985,7184,7185],{"class":3030}," signal ",[2985,7187,3034],{"class":2991},[2985,7189,4797],{"class":3030},[2985,7191,3110],{"class":2991},[2985,7193,3027],{"class":2991},[2985,7195,7196],{"class":2995}," deep",[2985,7198,3121],{"class":2991},[2985,7200,6663],{"class":5384},[2985,7202,3893],{"class":2991},[2985,7204,3059],{"class":3030},[2985,7206,7207,7209,7211,7213,7215,7218,7220,7222,7224,7226,7228,7230,7232,7234,7236,7238,7240,7242,7244,7246,7248,7250,7252,7254,7256,7258,7260,7262,7264,7266,7268,7270,7272,7274,7276,7278,7280],{"class":2987,"line":3062},[2985,7208,3024],{"class":2999},[2985,7210,3027],{"class":2991},[2985,7212,4374],{"class":2995},[2985,7214,3121],{"class":2991},[2985,7216,7217],{"class":3030}," users2 ",[2985,7219,3034],{"class":2991},[2985,7221,3037],{"class":2991},[2985,7223,4388],{"class":3044},[2985,7225,3048],{"class":3030},[2985,7227,3051],{"class":2991},[2985,7229,4395],{"class":3012},[2985,7231,3051],{"class":2991},[2985,7233,3110],{"class":2991},[2985,7235,4721],{"class":2991},[2985,7237,4724],{"class":3772},[2985,7239,3110],{"class":2991},[2985,7241,3027],{"class":2991},[2985,7243,4731],{"class":3772},[2985,7245,4734],{"class":2991},[2985,7247,3776],{"class":2999},[2985,7249,3098],{"class":3044},[2985,7251,3048],{"class":3030},[2985,7253,3051],{"class":2991},[2985,7255,7176],{"class":3012},[2985,7257,3051],{"class":2991},[2985,7259,3110],{"class":2991},[2985,7261,3027],{"class":2991},[2985,7263,7185],{"class":3030},[2985,7265,3034],{"class":2991},[2985,7267,4797],{"class":3030},[2985,7269,3110],{"class":2991},[2985,7271,3027],{"class":2991},[2985,7273,7196],{"class":2995},[2985,7275,3121],{"class":2991},[2985,7277,5385],{"class":5384},[2985,7279,3893],{"class":2991},[2985,7281,3059],{"class":3030},[2853,7283,7078,7284,7287],{},[2972,7285,7286],{},"can safely differ"," without triggering warnings:",[2873,7289,7290,7294,7298,7303,7308],{},[2876,7291,7292],{},[2857,7293,185],{},[2876,7295,7296],{},[2857,7297,5131],{},[2876,7299,7300],{},[2857,7301,7302],{},"immediate",[2876,7304,7305],{},[2857,7306,7307],{},"dedupe",[2876,7309,7310],{},[2857,7311,7312],{},"watch",[2976,7314,7316],{"className":3748,"code":7315,"language":3013,"meta":2981,"style":2981},"// ✅ This is allowed\nconst { data: users1 } = useAsyncData('users', (_nuxtApp, { signal }) => $fetch('/api/users', { signal }), { immediate: true })\nconst { data: users2 } = useAsyncData('users', (_nuxtApp, { signal }) => $fetch('/api/users', { signal }), { immediate: false })\n",[2857,7317,7318,7323,7400],{"__ignoreMap":2981},[2985,7319,7320],{"class":2987,"line":2988},[2985,7321,7322],{"class":3148},"// ✅ This is allowed\n",[2985,7324,7325,7327,7329,7331,7333,7335,7337,7339,7341,7343,7345,7347,7349,7351,7353,7355,7357,7359,7361,7363,7365,7367,7369,7371,7373,7375,7377,7379,7381,7383,7385,7387,7389,7392,7394,7396,7398],{"class":2987,"line":3021},[2985,7326,3024],{"class":2999},[2985,7328,3027],{"class":2991},[2985,7330,4374],{"class":2995},[2985,7332,3121],{"class":2991},[2985,7334,7137],{"class":3030},[2985,7336,3034],{"class":2991},[2985,7338,3037],{"class":2991},[2985,7340,4388],{"class":3044},[2985,7342,3048],{"class":3030},[2985,7344,3051],{"class":2991},[2985,7346,4395],{"class":3012},[2985,7348,3051],{"class":2991},[2985,7350,3110],{"class":2991},[2985,7352,4721],{"class":2991},[2985,7354,4724],{"class":3772},[2985,7356,3110],{"class":2991},[2985,7358,3027],{"class":2991},[2985,7360,4731],{"class":3772},[2985,7362,4734],{"class":2991},[2985,7364,3776],{"class":2999},[2985,7366,3098],{"class":3044},[2985,7368,3048],{"class":3030},[2985,7370,3051],{"class":2991},[2985,7372,7176],{"class":3012},[2985,7374,3051],{"class":2991},[2985,7376,3110],{"class":2991},[2985,7378,3027],{"class":2991},[2985,7380,7185],{"class":3030},[2985,7382,3034],{"class":2991},[2985,7384,4797],{"class":3030},[2985,7386,3110],{"class":2991},[2985,7388,3027],{"class":2991},[2985,7390,7391],{"class":2995}," immediate",[2985,7393,3121],{"class":2991},[2985,7395,5385],{"class":5384},[2985,7397,3893],{"class":2991},[2985,7399,3059],{"class":3030},[2985,7401,7402,7404,7406,7408,7410,7412,7414,7416,7418,7420,7422,7424,7426,7428,7430,7432,7434,7436,7438,7440,7442,7444,7446,7448,7450,7452,7454,7456,7458,7460,7462,7464,7466,7468,7470,7472,7474],{"class":2987,"line":3062},[2985,7403,3024],{"class":2999},[2985,7405,3027],{"class":2991},[2985,7407,4374],{"class":2995},[2985,7409,3121],{"class":2991},[2985,7411,7217],{"class":3030},[2985,7413,3034],{"class":2991},[2985,7415,3037],{"class":2991},[2985,7417,4388],{"class":3044},[2985,7419,3048],{"class":3030},[2985,7421,3051],{"class":2991},[2985,7423,4395],{"class":3012},[2985,7425,3051],{"class":2991},[2985,7427,3110],{"class":2991},[2985,7429,4721],{"class":2991},[2985,7431,4724],{"class":3772},[2985,7433,3110],{"class":2991},[2985,7435,3027],{"class":2991},[2985,7437,4731],{"class":3772},[2985,7439,4734],{"class":2991},[2985,7441,3776],{"class":2999},[2985,7443,3098],{"class":3044},[2985,7445,3048],{"class":3030},[2985,7447,3051],{"class":2991},[2985,7449,7176],{"class":3012},[2985,7451,3051],{"class":2991},[2985,7453,3110],{"class":2991},[2985,7455,3027],{"class":2991},[2985,7457,7185],{"class":3030},[2985,7459,3034],{"class":2991},[2985,7461,4797],{"class":3030},[2985,7463,3110],{"class":2991},[2985,7465,3027],{"class":2991},[2985,7467,7391],{"class":2995},[2985,7469,3121],{"class":2991},[2985,7471,6663],{"class":5384},[2985,7473,3893],{"class":2991},[2985,7475,3059],{"class":3030},[2853,7477,7478],{},"If you need independent instances, use different keys:",[2976,7480,7482],{"className":3748,"code":7481,"language":3013,"meta":2981,"style":2981},"// These are completely independent instances\nconst { data: users1 } = useAsyncData('users-1', (_nuxtApp, { signal }) => $fetch('/api/users', { signal }))\nconst { data: users2 } = useAsyncData('users-2', (_nuxtApp, { signal }) => $fetch('/api/users', { signal }))\n",[2857,7483,7484,7489,7552],{"__ignoreMap":2981},[2985,7485,7486],{"class":2987,"line":2988},[2985,7487,7488],{"class":3148},"// These are completely independent instances\n",[2985,7490,7491,7493,7495,7497,7499,7501,7503,7505,7507,7509,7511,7514,7516,7518,7520,7522,7524,7526,7528,7530,7532,7534,7536,7538,7540,7542,7544,7546,7548,7550],{"class":2987,"line":3021},[2985,7492,3024],{"class":2999},[2985,7494,3027],{"class":2991},[2985,7496,4374],{"class":2995},[2985,7498,3121],{"class":2991},[2985,7500,7137],{"class":3030},[2985,7502,3034],{"class":2991},[2985,7504,3037],{"class":2991},[2985,7506,4388],{"class":3044},[2985,7508,3048],{"class":3030},[2985,7510,3051],{"class":2991},[2985,7512,7513],{"class":3012},"users-1",[2985,7515,3051],{"class":2991},[2985,7517,3110],{"class":2991},[2985,7519,4721],{"class":2991},[2985,7521,4724],{"class":3772},[2985,7523,3110],{"class":2991},[2985,7525,3027],{"class":2991},[2985,7527,4731],{"class":3772},[2985,7529,4734],{"class":2991},[2985,7531,3776],{"class":2999},[2985,7533,3098],{"class":3044},[2985,7535,3048],{"class":3030},[2985,7537,3051],{"class":2991},[2985,7539,7176],{"class":3012},[2985,7541,3051],{"class":2991},[2985,7543,3110],{"class":2991},[2985,7545,3027],{"class":2991},[2985,7547,7185],{"class":3030},[2985,7549,3034],{"class":2991},[2985,7551,4417],{"class":3030},[2985,7553,7554,7556,7558,7560,7562,7564,7566,7568,7570,7572,7574,7577,7579,7581,7583,7585,7587,7589,7591,7593,7595,7597,7599,7601,7603,7605,7607,7609,7611,7613],{"class":2987,"line":3062},[2985,7555,3024],{"class":2999},[2985,7557,3027],{"class":2991},[2985,7559,4374],{"class":2995},[2985,7561,3121],{"class":2991},[2985,7563,7217],{"class":3030},[2985,7565,3034],{"class":2991},[2985,7567,3037],{"class":2991},[2985,7569,4388],{"class":3044},[2985,7571,3048],{"class":3030},[2985,7573,3051],{"class":2991},[2985,7575,7576],{"class":3012},"users-2",[2985,7578,3051],{"class":2991},[2985,7580,3110],{"class":2991},[2985,7582,4721],{"class":2991},[2985,7584,4724],{"class":3772},[2985,7586,3110],{"class":2991},[2985,7588,3027],{"class":2991},[2985,7590,4731],{"class":3772},[2985,7592,4734],{"class":2991},[2985,7594,3776],{"class":2999},[2985,7596,3098],{"class":3044},[2985,7598,3048],{"class":3030},[2985,7600,3051],{"class":2991},[2985,7602,7176],{"class":3012},[2985,7604,3051],{"class":2991},[2985,7606,3110],{"class":2991},[2985,7608,3027],{"class":2991},[2985,7610,7185],{"class":3030},[2985,7612,3034],{"class":2991},[2985,7614,4417],{"class":3030},[7002,7616,7618],{"id":7617},"reactive-keys","Reactive Keys",[2853,7620,7621],{},"You can use computed refs, plain refs or getter functions as keys, allowing for dynamic data fetching that automatically updates when dependencies change:",[2976,7623,7625],{"className":3748,"code":7624,"language":3013,"meta":2981,"style":2981},"// Using a computed property as a key\nconst userId = ref('123')\nconst { data: user } = useAsyncData(\n  computed(() => `user-${userId.value}`),\n  () => fetchUser(userId.value),\n)\n\n// When userId changes, the data will be automatically refetched\n// and the old data will be cleaned up if no other components use it\nuserId.value = '456'\n",[2857,7626,7627,7632,7655,7677,7710,7730,7734,7738,7743,7748],{"__ignoreMap":2981},[2985,7628,7629],{"class":2987,"line":2988},[2985,7630,7631],{"class":3148},"// Using a computed property as a key\n",[2985,7633,7634,7636,7639,7641,7644,7646,7648,7651,7653],{"class":2987,"line":3021},[2985,7635,3024],{"class":2999},[2985,7637,7638],{"class":3030}," userId ",[2985,7640,3006],{"class":2991},[2985,7642,7643],{"class":3044}," ref",[2985,7645,3048],{"class":3030},[2985,7647,3051],{"class":2991},[2985,7649,7650],{"class":3012},"123",[2985,7652,3051],{"class":2991},[2985,7654,3059],{"class":3030},[2985,7656,7657,7659,7661,7663,7665,7668,7670,7672,7674],{"class":2987,"line":3062},[2985,7658,3024],{"class":2999},[2985,7660,3027],{"class":2991},[2985,7662,4374],{"class":2995},[2985,7664,3121],{"class":2991},[2985,7666,7667],{"class":3030}," user ",[2985,7669,3034],{"class":2991},[2985,7671,3037],{"class":2991},[2985,7673,4388],{"class":3044},[2985,7675,7676],{"class":3030},"(\n",[2985,7678,7679,7682,7684,7686,7688,7691,7694,7696,7699,7701,7704,7706,7708],{"class":2987,"line":3068},[2985,7680,7681],{"class":3044},"  computed",[2985,7683,3048],{"class":3030},[2985,7685,4451],{"class":2991},[2985,7687,3776],{"class":2999},[2985,7689,7690],{"class":2991}," `",[2985,7692,7693],{"class":3012},"user-",[2985,7695,4592],{"class":2991},[2985,7697,7698],{"class":3030},"userId",[2985,7700,2868],{"class":2991},[2985,7702,7703],{"class":3030},"value",[2985,7705,4598],{"class":2991},[2985,7707,4797],{"class":3030},[2985,7709,3132],{"class":2991},[2985,7711,7712,7715,7717,7720,7723,7725,7728],{"class":2987,"line":3085},[2985,7713,7714],{"class":2991},"  ()",[2985,7716,3776],{"class":2999},[2985,7718,7719],{"class":3044}," fetchUser",[2985,7721,7722],{"class":3030},"(userId",[2985,7724,2868],{"class":2991},[2985,7726,7727],{"class":3030},"value)",[2985,7729,3132],{"class":2991},[2985,7731,7732],{"class":2987,"line":3115},[2985,7733,3059],{"class":3030},[2985,7735,7736],{"class":2987,"line":3135},[2985,7737,3065],{"emptyLinePlaceholder":1196},[2985,7739,7740],{"class":2987,"line":3145},[2985,7741,7742],{"class":3148},"// When userId changes, the data will be automatically refetched\n",[2985,7744,7745],{"class":2987,"line":3152},[2985,7746,7747],{"class":3148},"// and the old data will be cleaned up if no other components use it\n",[2985,7749,7750,7752,7754,7757,7759,7761,7764],{"class":2987,"line":3158},[2985,7751,7698],{"class":3030},[2985,7753,2868],{"class":2991},[2985,7755,7756],{"class":3030},"value ",[2985,7758,3006],{"class":2991},[2985,7760,3124],{"class":2991},[2985,7762,7763],{"class":3012},"456",[2985,7765,7766],{"class":2991},"'\n",[7002,7768,7770],{"id":7769},"refresh-and-execute","Refresh and execute",[2853,7772,7773,7774,7065,7776,7778],{},"If you want to fetch or refresh data manually, use the ",[2857,7775,5009],{},[2857,7777,5005],{}," function provided by the composables.",[2976,7780,7782],{"className":3358,"code":7781,"language":2980,"meta":3361,"style":2981},"\u003Cscript setup lang=\"ts\">\nconst { data, error, execute, refresh } = await useFetch('/api/users')\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cdiv>\n    \u003Cp>{{ data }}\u003C/p>\n    \u003Cbutton @click=\"() => refresh()\">\n      Refresh data\n    \u003C/button>\n  \u003C/div>\n\u003C/template>\n",[2857,7783,7784,7804,7998,8006,8010,8018,8038,8105,8177,8182,8202,8222],{"__ignoreMap":2981},[2985,7785,7786,7788,7790,7792,7794,7796,7798,7800,7802],{"class":2987,"line":2988},[2985,7787,2992],{"class":2991},[2985,7789,2996],{"class":2995},[2985,7791,3000],{"class":2999},[2985,7793,3003],{"class":2999},[2985,7795,3006],{"class":2991},[2985,7797,3009],{"class":2991},[2985,7799,3013],{"class":3012},[2985,7801,3009],{"class":2991},[2985,7803,3018],{"class":2991},[2985,7805,7806,7808,7810,7812,7837,7839,7841,7868,7870,7872,7893,7895,7897,7918,7920,7922,7924,7926,7928,7988,7990,7992,7994,7996],{"class":2987,"line":3021},[2985,7807,3024],{"class":2999},[2985,7809,3027],{"class":2991},[2985,7811,3392],{"class":3030},[2985,7813,7814],{"class":3030},[3396,7815,7816,7818],{"class":3398,"popper-class":3399,"theme":3361},[2985,7817,4017],{},[3192,7819,7820],{"v-slot:popper":3405},[2985,7821,7822],{"class":3408,"v-pre":2981},[2857,7823,7824,7827,7829,7831,7833,7835],{"class":3411},[2985,7825,7826],{"style":3414},"const data: Ref",[2985,7828,2992],{"style":3418},[2985,7830,3488],{"style":3421},[2985,7832,3110],{"style":3491},[2985,7834,4072],{"style":3491},[2985,7836,3425],{"style":3418},[2985,7838,3110],{"class":2991},[2985,7840,3392],{"class":3030},[2985,7842,7843],{"class":3030},[3396,7844,7845,7847],{"class":3398,"popper-class":3399,"theme":3361},[2985,7846,5034],{},[3192,7848,7849],{"v-slot:popper":3405},[2985,7850,7851],{"class":3408,"v-pre":2981},[2857,7852,7853,7856,7858,7861,7863,7865],{"class":3411},[2985,7854,7855],{"style":3414},"const error: Ref",[2985,7857,2992],{"style":3418},[2985,7859,7860],{"style":3421},"FetchError",[2985,7862,4038],{"style":3414},[2985,7864,3425],{"style":3418},[2985,7866,7867],{"style":3414}," | undefined, FetchError\u003Cany> | undefined>",[2985,7869,3110],{"class":2991},[2985,7871,3392],{"class":3030},[2985,7873,7874],{"class":3030},[3396,7875,7876,7878],{"class":3398,"popper-class":3399,"theme":3361},[2985,7877,5009],{},[3192,7879,7880],{"v-slot:popper":3405},[2985,7881,7882],{"class":3408,"v-pre":2981},[2857,7883,7884,7887,7889,7891],{"class":3411},[2985,7885,7886],{"style":3414},"const execute: (opts?: AsyncDataExecuteOptions) => Promise",[2985,7888,2992],{"style":3418},[2985,7890,3422],{"style":3421},[2985,7892,3425],{"style":3418},[2985,7894,3110],{"class":2991},[2985,7896,3392],{"class":3030},[2985,7898,7899],{"class":3030},[3396,7900,7901,7903],{"class":3398,"popper-class":3399,"theme":3361},[2985,7902,5005],{},[3192,7904,7905],{"v-slot:popper":3405},[2985,7906,7907],{"class":3408,"v-pre":2981},[2857,7908,7909,7912,7914,7916],{"class":3411},[2985,7910,7911],{"style":3414},"const refresh: (opts?: AsyncDataExecuteOptions) => Promise",[2985,7913,2992],{"style":3418},[2985,7915,3422],{"style":3421},[2985,7917,3425],{"style":3418},[2985,7919,3392],{"class":3030},[2985,7921,3034],{"class":2991},[2985,7923,3037],{"class":2991},[2985,7925,3041],{"class":3040},[2985,7927,3392],{"class":3044},[2985,7929,7930],{"class":3044},[3396,7931,7932,7934],{"class":3398,"popper-class":3399,"theme":3361},[2985,7933,527],{},[3192,7935,7936],{"v-slot:popper":3405},[2985,7937,7938,7956,7964],{"class":3408,"v-pre":2981},[2857,7939,7940,7942,7944,7946,7948,7950,7952,7954],{"class":3411},[2985,7941,4099],{"style":3414},[2985,7943,2992],{"style":3418},[2985,7945,3422],{"style":3421},[2985,7947,3110],{"style":3491},[2985,7949,4035],{"style":3491},[2985,7951,4038],{"style":3414},[2985,7953,3425],{"style":3418},[2985,7955,4114],{"style":3414},[3203,7957,7958,7960],{"class":4117},[2853,7959,4120],{},[2853,7961,7962],{},[2861,7963,4125],{"href":4125},[3203,7965,7966,7972,7980],{"class":4128},[2985,7967,7968,7970],{"class":4131},[2985,7969,4135],{"class":4134},[2985,7971,4139],{"class":4138},[2985,7973,7974,7976],{"class":4131},[2985,7975,4144],{"class":4134},[2985,7977,7978,4150],{"class":4138},[2857,7979,4149],{},[2985,7981,7982,7984],{"class":4131},[2985,7983,4144],{"class":4134},[2985,7985,7986,4160],{"class":4138},[2857,7987,4159],{},[2985,7989,3048],{"class":3030},[2985,7991,3051],{"class":2991},[2985,7993,7176],{"class":3012},[2985,7995,3051],{"class":2991},[2985,7997,3059],{"class":3030},[2985,7999,8000,8002,8004],{"class":2987,"line":3062},[2985,8001,3175],{"class":2991},[2985,8003,2996],{"class":2995},[2985,8005,3018],{"class":2991},[2985,8007,8008],{"class":2987,"line":3068},[2985,8009,3065],{"emptyLinePlaceholder":1196},[2985,8011,8012,8014,8016],{"class":2987,"line":3085},[2985,8013,2992],{"class":2991},[2985,8015,3192],{"class":2995},[2985,8017,3018],{"class":2991},[2985,8019,8020,8022,8036],{"class":2987,"line":3115},[2985,8021,3200],{"class":2991},[2985,8023,8024],{"class":2995},[3396,8025,8026,8028],{"class":3398,"popper-class":3399,"theme":3361},[2985,8027,3203],{},[3192,8029,8030],{"v-slot:popper":3405},[2985,8031,8032],{"class":3408,"v-pre":2981},[2857,8033,8034],{"class":3411},[2985,8035,5437],{"style":3414},[2985,8037,3018],{"class":2991},[2985,8039,8040,8042,8056,8058,8061,8085,8087,8089,8103],{"class":2987,"line":3135},[2985,8041,3251],{"class":2991},[2985,8043,8044],{"class":2995},[3396,8045,8046,8048],{"class":3398,"popper-class":3399,"theme":3361},[2985,8047,2853],{},[3192,8049,8050],{"v-slot:popper":3405},[2985,8051,8052],{"class":3408,"v-pre":2981},[2857,8053,8054],{"class":3411},[2985,8055,4210],{"style":3414},[2985,8057,3425],{"class":2991},[2985,8059,8060],{"class":3030},"{{ ",[2985,8062,8063],{"class":3030},[3396,8064,8065,8067],{"class":3398,"popper-class":3399,"theme":3361},[2985,8066,4017],{},[3192,8068,8069],{"v-slot:popper":3405},[2985,8070,8071],{"class":3408,"v-pre":2981},[2857,8072,8073,8075,8077,8079,8081,8083],{"class":3411},[2985,8074,7826],{"style":3414},[2985,8076,2992],{"style":3418},[2985,8078,3488],{"style":3421},[2985,8080,3110],{"style":3491},[2985,8082,4072],{"style":3491},[2985,8084,3425],{"style":3418},[2985,8086,4242],{"class":3030},[2985,8088,3175],{"class":2991},[2985,8090,8091],{"class":2995},[3396,8092,8093,8095],{"class":3398,"popper-class":3399,"theme":3361},[2985,8094,2853],{},[3192,8096,8097],{"v-slot:popper":3405},[2985,8098,8099],{"class":3408,"v-pre":2981},[2857,8100,8101],{"class":3411},[2985,8102,4210],{"style":3414},[2985,8104,3018],{"class":2991},[2985,8106,8107,8109,8125,8128,8144,8146,8148,8151,8171,8173,8175],{"class":2987,"line":3145},[2985,8108,3251],{"class":2991},[2985,8110,8111],{"class":2995},[3396,8112,8113,8116],{"class":3398,"popper-class":3399,"theme":3361},[2985,8114,8115],{},"button",[3192,8117,8118],{"v-slot:popper":3405},[2985,8119,8120],{"class":3408,"v-pre":2981},[2857,8121,8122],{"class":3411},[2985,8123,8124],{"style":3414},"(property) button: ButtonHTMLAttributes & ReservedProps",[2985,8126,8127],{"class":2999}," @",[2985,8129,8130],{"class":2999},[3396,8131,8132,8135],{"class":3398,"popper-class":3399,"theme":3361},[2985,8133,8134],{},"click",[3192,8136,8137],{"v-slot:popper":3405},[2985,8138,8139],{"class":3408,"v-pre":2981},[2857,8140,8141],{"class":3411},[2985,8142,8143],{"style":3414},"(property) onClick?: any",[2985,8145,3006],{"class":2991},[2985,8147,3009],{"class":2991},[2985,8149,8150],{"class":3012},"() => ",[2985,8152,8153],{"class":3012},[3396,8154,8155,8157],{"class":3398,"popper-class":3399,"theme":3361},[2985,8156,5005],{},[3192,8158,8159],{"v-slot:popper":3405},[2985,8160,8161],{"class":3408,"v-pre":2981},[2857,8162,8163,8165,8167,8169],{"class":3411},[2985,8164,7911],{"style":3414},[2985,8166,2992],{"style":3418},[2985,8168,3422],{"style":3421},[2985,8170,3425],{"style":3418},[2985,8172,4451],{"class":3012},[2985,8174,3009],{"class":2991},[2985,8176,3018],{"class":2991},[2985,8178,8179],{"class":2987,"line":3152},[2985,8180,8181],{"class":3030},"      Refresh data\n",[2985,8183,8184,8186,8200],{"class":2987,"line":3158},[2985,8185,3280],{"class":2991},[2985,8187,8188],{"class":2995},[3396,8189,8190,8192],{"class":3398,"popper-class":3399,"theme":3361},[2985,8191,8115],{},[3192,8193,8194],{"v-slot:popper":3405},[2985,8195,8196],{"class":3408,"v-pre":2981},[2857,8197,8198],{"class":3411},[2985,8199,8124],{"style":3414},[2985,8201,3018],{"class":2991},[2985,8203,8204,8206,8220],{"class":2987,"line":3166},[2985,8205,3229],{"class":2991},[2985,8207,8208],{"class":2995},[3396,8209,8210,8212],{"class":3398,"popper-class":3399,"theme":3361},[2985,8211,3203],{},[3192,8213,8214],{"v-slot:popper":3405},[2985,8215,8216],{"class":3408,"v-pre":2981},[2857,8217,8218],{"class":3411},[2985,8219,5437],{"style":3414},[2985,8221,3018],{"class":2991},[2985,8223,8224,8226,8228],{"class":2987,"line":3172},[2985,8225,3175],{"class":2991},[2985,8227,3192],{"class":2995},[2985,8229,3018],{"class":2991},[2853,8231,2935,8232,8234,8235,8237,8238,2868],{},[2857,8233,5009],{}," function is an alias for ",[2857,8236,5005],{}," that works in exactly the same way but is more semantic for cases when the fetch is ",[2861,8239,8241],{"href":8240},"/docs/3.x/getting-started/data-fetching#not-immediate","not immediate",[2959,8243,8244],{},[2853,8245,8246,8247,2865,8251,2868],{},"To globally refetch or invalidate cached data, see ",[2861,8248,8249],{"href":651},[2857,8250,650],{},[2861,8252,8253],{"href":723},[2857,8254,722],{},[7002,8256,8257],{"id":5019},"Clear",[2853,8259,8260,8261,8263,8264,7778],{},"If you want to clear the data provided, for whatever reason, without needing to know the specific key to pass to ",[2857,8262,650],{},", you can use the ",[2857,8265,5019],{},[2976,8267,8269],{"className":3358,"code":8268,"language":2980,"meta":3361,"style":2981},"\u003Cscript setup lang=\"ts\">\nconst { data, clear } = await useFetch('/api/users')\n\nconst route = useRoute()\nwatch(() => route.path, (path) => {\n  if (path === '/') {\n    clear()\n  }\n})\n\u003C/script>\n",[2857,8270,8271,8291,8422,8426,8494,8594,8630,8650,8655,8661],{"__ignoreMap":2981},[2985,8272,8273,8275,8277,8279,8281,8283,8285,8287,8289],{"class":2987,"line":2988},[2985,8274,2992],{"class":2991},[2985,8276,2996],{"class":2995},[2985,8278,3000],{"class":2999},[2985,8280,3003],{"class":2999},[2985,8282,3006],{"class":2991},[2985,8284,3009],{"class":2991},[2985,8286,3013],{"class":3012},[2985,8288,3009],{"class":2991},[2985,8290,3018],{"class":2991},[2985,8292,8293,8295,8297,8299,8323,8325,8327,8342,8344,8346,8348,8350,8352,8412,8414,8416,8418,8420],{"class":2987,"line":3021},[2985,8294,3024],{"class":2999},[2985,8296,3027],{"class":2991},[2985,8298,3392],{"class":3030},[2985,8300,8301],{"class":3030},[3396,8302,8303,8305],{"class":3398,"popper-class":3399,"theme":3361},[2985,8304,4017],{},[3192,8306,8307],{"v-slot:popper":3405},[2985,8308,8309],{"class":3408,"v-pre":2981},[2857,8310,8311,8313,8315,8317,8319,8321],{"class":3411},[2985,8312,7826],{"style":3414},[2985,8314,2992],{"style":3418},[2985,8316,3488],{"style":3421},[2985,8318,3110],{"style":3491},[2985,8320,4072],{"style":3491},[2985,8322,3425],{"style":3418},[2985,8324,3110],{"class":2991},[2985,8326,3392],{"class":3030},[2985,8328,8329],{"class":3030},[3396,8330,8331,8333],{"class":3398,"popper-class":3399,"theme":3361},[2985,8332,5019],{},[3192,8334,8335],{"v-slot:popper":3405},[2985,8336,8337],{"class":3408,"v-pre":2981},[2857,8338,8339],{"class":3411},[2985,8340,8341],{"style":3414},"const clear: () => void",[2985,8343,3392],{"class":3030},[2985,8345,3034],{"class":2991},[2985,8347,3037],{"class":2991},[2985,8349,3041],{"class":3040},[2985,8351,3392],{"class":3044},[2985,8353,8354],{"class":3044},[3396,8355,8356,8358],{"class":3398,"popper-class":3399,"theme":3361},[2985,8357,527],{},[3192,8359,8360],{"v-slot:popper":3405},[2985,8361,8362,8380,8388],{"class":3408,"v-pre":2981},[2857,8363,8364,8366,8368,8370,8372,8374,8376,8378],{"class":3411},[2985,8365,4099],{"style":3414},[2985,8367,2992],{"style":3418},[2985,8369,3422],{"style":3421},[2985,8371,3110],{"style":3491},[2985,8373,4035],{"style":3491},[2985,8375,4038],{"style":3414},[2985,8377,3425],{"style":3418},[2985,8379,4114],{"style":3414},[3203,8381,8382,8384],{"class":4117},[2853,8383,4120],{},[2853,8385,8386],{},[2861,8387,4125],{"href":4125},[3203,8389,8390,8396,8404],{"class":4128},[2985,8391,8392,8394],{"class":4131},[2985,8393,4135],{"class":4134},[2985,8395,4139],{"class":4138},[2985,8397,8398,8400],{"class":4131},[2985,8399,4144],{"class":4134},[2985,8401,8402,4150],{"class":4138},[2857,8403,4149],{},[2985,8405,8406,8408],{"class":4131},[2985,8407,4144],{"class":4134},[2985,8409,8410,4160],{"class":4138},[2857,8411,4159],{},[2985,8413,3048],{"class":3030},[2985,8415,3051],{"class":2991},[2985,8417,7176],{"class":3012},[2985,8419,3051],{"class":2991},[2985,8421,3059],{"class":3030},[2985,8423,8424],{"class":2987,"line":3062},[2985,8425,3065],{"emptyLinePlaceholder":1196},[2985,8427,8428,8430,8432,8448,8450,8452,8454,8492],{"class":2987,"line":3068},[2985,8429,3024],{"class":2999},[2985,8431,3392],{"class":3030},[2985,8433,8434],{"class":3030},[3396,8435,8436,8439],{"class":3398,"popper-class":3399,"theme":3361},[2985,8437,8438],{},"route",[3192,8440,8441],{"v-slot:popper":3405},[2985,8442,8443],{"class":3408,"v-pre":2981},[2857,8444,8445],{"class":3411},[2985,8446,8447],{"style":3414},"const route: RouteLocationNormalizedLoadedGeneric",[2985,8449,3392],{"class":3030},[2985,8451,3006],{"class":2991},[2985,8453,3392],{"class":3044},[2985,8455,8456],{"class":3044},[3396,8457,8458,8460],{"class":3398,"popper-class":3399,"theme":3361},[2985,8459,591],{},[3192,8461,8462],{"v-slot:popper":3405},[2985,8463,8464,8483],{"class":3408,"v-pre":2981},[2857,8465,8466,8469,8471,8473,8475,8478,8480],{"class":3411},[2985,8467,8468],{"style":3414},"const useRoute: ",[2985,8470,2992],{"style":3418},[2985,8472,6058],{"style":3421},[2985,8474,5956],{"style":3491},[2985,8476,8477],{"style":3491}," symbol",[2985,8479,3425],{"style":3418},[2985,8481,8482],{"style":3414},"(_name?: string | symbol | undefined) => RouteLocationNormalizedLoaded\u003C(string | symbol) | RouteMap[string | symbol][\"childrenNames\"]>",[3203,8484,8485],{"class":4117},[2853,8486,8487,8488,8491],{},"Returns the current route location. Equivalent to using ",[2857,8489,8490],{},"$route"," inside\ntemplates.",[2985,8493,4925],{"class":3030},[2985,8495,8496,8524,8526,8528,8530,8532,8546,8548,8569,8571,8573,8588,8590,8592],{"class":2987,"line":3085},[2985,8497,8498],{"class":3044},[3396,8499,8500,8502],{"class":3398,"popper-class":3399,"theme":3361},[2985,8501,7312],{},[3192,8503,8504],{"v-slot:popper":3405},[2985,8505,8506],{"class":3408,"v-pre":2981},[2857,8507,8508,8511,8513,8515,8517,8519,8521],{"class":3411},[2985,8509,8510],{"style":3414},"const watch: ",[2985,8512,2992],{"style":3418},[2985,8514,6058],{"style":3421},[2985,8516,3110],{"style":3491},[2985,8518,6663],{"style":3491},[2985,8520,3425],{"style":3418},[2985,8522,8523],{"style":3414},"(source: WatchSource\u003Cstring>, cb: WatchCallback\u003Cstring, string>, options?: WatchOptions\u003Cfalse> | undefined) => WatchHandle (+3 overloads)",[2985,8525,3048],{"class":3030},[2985,8527,4451],{"class":2991},[2985,8529,3776],{"class":2999},[2985,8531,3392],{"class":3030},[2985,8533,8534],{"class":3030},[3396,8535,8536,8538],{"class":3398,"popper-class":3399,"theme":3361},[2985,8537,8438],{},[3192,8539,8540],{"v-slot:popper":3405},[2985,8541,8542],{"class":3408,"v-pre":2981},[2857,8543,8544],{"class":3411},[2985,8545,8447],{"style":3414},[2985,8547,2868],{"class":2991},[2985,8549,8550],{"class":3030},[3396,8551,8552,8555],{"class":3398,"popper-class":3399,"theme":3361},[2985,8553,8554],{},"path",[3192,8556,8557],{"v-slot:popper":3405},[2985,8558,8559,8564],{"class":3408,"v-pre":2981},[2857,8560,8561],{"class":3411},[2985,8562,8563],{"style":3414},"(property) path: string",[3203,8565,8566],{"class":4117},[2853,8567,8568],{},"Percentage encoded pathname section of the URL.",[2985,8570,3110],{"class":2991},[2985,8572,4721],{"class":2991},[2985,8574,8575],{"class":3772},[3396,8576,8577,8579],{"class":3398,"popper-class":3399,"theme":3361},[2985,8578,8554],{},[3192,8580,8581],{"v-slot:popper":3405},[2985,8582,8583],{"class":3408,"v-pre":2981},[2857,8584,8585],{"class":3411},[2985,8586,8587],{"style":3414},"(parameter) path: string",[2985,8589,4797],{"class":2991},[2985,8591,3776],{"class":2999},[2985,8593,3082],{"class":2991},[2985,8595,8596,8599,8601,8615,8618,8620,8622,8624,8627],{"class":2987,"line":3115},[2985,8597,8598],{"class":3040},"  if",[2985,8600,4721],{"class":2995},[2985,8602,8603],{"class":3030},[3396,8604,8605,8607],{"class":3398,"popper-class":3399,"theme":3361},[2985,8606,8554],{},[3192,8608,8609],{"v-slot:popper":3405},[2985,8610,8611],{"class":3408,"v-pre":2981},[2857,8612,8613],{"class":3411},[2985,8614,8587],{"style":3414},[2985,8616,8617],{"class":2991}," ===",[2985,8619,3124],{"class":2991},[2985,8621,5006],{"class":3012},[2985,8623,3051],{"class":2991},[2985,8625,8626],{"class":2995},") ",[2985,8628,8629],{"class":2991},"{\n",[2985,8631,8632,8634,8648],{"class":2987,"line":3135},[2985,8633,3554],{"class":3044},[2985,8635,8636],{"class":3044},[3396,8637,8638,8640],{"class":3398,"popper-class":3399,"theme":3361},[2985,8639,5019],{},[3192,8641,8642],{"v-slot:popper":3405},[2985,8643,8644],{"class":3408,"v-pre":2981},[2857,8645,8646],{"class":3411},[2985,8647,8341],{"style":3414},[2985,8649,4925],{"class":2995},[2985,8651,8652],{"class":2987,"line":3145},[2985,8653,8654],{"class":2991},"  }\n",[2985,8656,8657,8659],{"class":2987,"line":3152},[2985,8658,3034],{"class":2991},[2985,8660,3059],{"class":3030},[2985,8662,8663,8665,8667],{"class":2987,"line":3158},[2985,8664,3175],{"class":2991},[2985,8666,2996],{"class":2995},[2985,8668,3018],{"class":2991},[7002,8670,8671],{"id":7312},"Watch",[2853,8673,8674,8675,8677,8678,8681],{},"To re-run your fetching function each time other reactive values in your application change, use the ",[2857,8676,7312],{}," option. You can use it for one or multiple ",[5102,8679,8680],{},"watchable"," elements.",[2976,8683,8685],{"className":3358,"code":8684,"language":2980,"meta":3361,"style":2981},"\u003Cscript setup lang=\"ts\">\nconst id = ref(1)\n\nconst { data, error, refresh } = await useFetch('/api/users', {\n  /* Changing the id will trigger a refetch */\n  watch: [id],\n})\n\u003C/script>\n",[2857,8686,8687,8707,8807,8811,8977,8982,9064,9070],{"__ignoreMap":2981},[2985,8688,8689,8691,8693,8695,8697,8699,8701,8703,8705],{"class":2987,"line":2988},[2985,8690,2992],{"class":2991},[2985,8692,2996],{"class":2995},[2985,8694,3000],{"class":2999},[2985,8696,3003],{"class":2999},[2985,8698,3006],{"class":2991},[2985,8700,3009],{"class":2991},[2985,8702,3013],{"class":3012},[2985,8704,3009],{"class":2991},[2985,8706,3018],{"class":2991},[2985,8708,8709,8711,8713,8740,8742,8744,8746,8800,8802,8805],{"class":2987,"line":3021},[2985,8710,3024],{"class":2999},[2985,8712,3392],{"class":3030},[2985,8714,8715],{"class":3030},[3396,8716,8717,8719],{"class":3398,"popper-class":3399,"theme":3361},[2985,8718,4595],{},[3192,8720,8721],{"v-slot:popper":3405},[2985,8722,8723],{"class":3408,"v-pre":2981},[2857,8724,8725,8728,8730,8733,8735,8738],{"class":3411},[2985,8726,8727],{"style":3414},"const id: Ref",[2985,8729,2992],{"style":3418},[2985,8731,8732],{"style":3421},"number",[2985,8734,3110],{"style":3491},[2985,8736,8737],{"style":3491}," number",[2985,8739,3425],{"style":3418},[2985,8741,3392],{"class":3030},[2985,8743,3006],{"class":2991},[2985,8745,3392],{"class":3044},[2985,8747,8748],{"class":3044},[3396,8749,8750,8753],{"class":3398,"popper-class":3399,"theme":3361},[2985,8751,8752],{},"ref",[3192,8754,8755],{"v-slot:popper":3405},[2985,8756,8757,8771,8779],{"class":3408,"v-pre":2981},[2857,8758,8759,8762,8764,8766,8768],{"class":3411},[2985,8760,8761],{"style":3414},"const ref: ",[2985,8763,2992],{"style":3418},[2985,8765,8732],{"style":3421},[2985,8767,3425],{"style":3418},[2985,8769,8770],{"style":3414},"(value: number) => Ref\u003Cnumber, number> (+1 overload)",[3203,8772,8773],{"class":4117},[2853,8774,8775,8776,8778],{},"Takes an inner value and returns a reactive and mutable ref object, which\nhas a single property ",[2857,8777,5081],{}," that points to the inner value.",[3203,8780,8781,8790],{"class":4128},[2985,8782,8783,8785],{"class":4131},[2985,8784,4144],{"class":4134},[2985,8786,8787,8789],{"class":4138},[2857,8788,7703],{},"  - The object to wrap in the ref.",[2985,8791,8792,8795],{"class":4131},[2985,8793,8794],{"class":4134},"@see",[2985,8796,8797],{"class":4138},[2861,8798,8799],{"href":8799},"https://vuejs.org/api/reactivity-core.html#ref",[2985,8801,3048],{"class":3030},[2985,8803,6159],{"class":8804},"sYRBq",[2985,8806,3059],{"class":3030},[2985,8808,8809],{"class":2987,"line":3062},[2985,8810,3065],{"emptyLinePlaceholder":1196},[2985,8812,8813,8815,8817,8819,8843,8845,8847,8871,8873,8875,8895,8897,8899,8901,8903,8905,8965,8967,8969,8971,8973,8975],{"class":2987,"line":3068},[2985,8814,3024],{"class":2999},[2985,8816,3027],{"class":2991},[2985,8818,3392],{"class":3030},[2985,8820,8821],{"class":3030},[3396,8822,8823,8825],{"class":3398,"popper-class":3399,"theme":3361},[2985,8824,4017],{},[3192,8826,8827],{"v-slot:popper":3405},[2985,8828,8829],{"class":3408,"v-pre":2981},[2857,8830,8831,8833,8835,8837,8839,8841],{"class":3411},[2985,8832,7826],{"style":3414},[2985,8834,2992],{"style":3418},[2985,8836,3488],{"style":3421},[2985,8838,3110],{"style":3491},[2985,8840,4072],{"style":3491},[2985,8842,3425],{"style":3418},[2985,8844,3110],{"class":2991},[2985,8846,3392],{"class":3030},[2985,8848,8849],{"class":3030},[3396,8850,8851,8853],{"class":3398,"popper-class":3399,"theme":3361},[2985,8852,5034],{},[3192,8854,8855],{"v-slot:popper":3405},[2985,8856,8857],{"class":3408,"v-pre":2981},[2857,8858,8859,8861,8863,8865,8867,8869],{"class":3411},[2985,8860,7855],{"style":3414},[2985,8862,2992],{"style":3418},[2985,8864,7860],{"style":3421},[2985,8866,4038],{"style":3414},[2985,8868,3425],{"style":3418},[2985,8870,7867],{"style":3414},[2985,8872,3110],{"class":2991},[2985,8874,3392],{"class":3030},[2985,8876,8877],{"class":3030},[3396,8878,8879,8881],{"class":3398,"popper-class":3399,"theme":3361},[2985,8880,5005],{},[3192,8882,8883],{"v-slot:popper":3405},[2985,8884,8885],{"class":3408,"v-pre":2981},[2857,8886,8887,8889,8891,8893],{"class":3411},[2985,8888,7911],{"style":3414},[2985,8890,2992],{"style":3418},[2985,8892,3422],{"style":3421},[2985,8894,3425],{"style":3418},[2985,8896,3392],{"class":3030},[2985,8898,3034],{"class":2991},[2985,8900,3037],{"class":2991},[2985,8902,3041],{"class":3040},[2985,8904,3392],{"class":3044},[2985,8906,8907],{"class":3044},[3396,8908,8909,8911],{"class":3398,"popper-class":3399,"theme":3361},[2985,8910,527],{},[3192,8912,8913],{"v-slot:popper":3405},[2985,8914,8915,8933,8941],{"class":3408,"v-pre":2981},[2857,8916,8917,8919,8921,8923,8925,8927,8929,8931],{"class":3411},[2985,8918,4099],{"style":3414},[2985,8920,2992],{"style":3418},[2985,8922,3422],{"style":3421},[2985,8924,3110],{"style":3491},[2985,8926,4035],{"style":3491},[2985,8928,4038],{"style":3414},[2985,8930,3425],{"style":3418},[2985,8932,4114],{"style":3414},[3203,8934,8935,8937],{"class":4117},[2853,8936,4120],{},[2853,8938,8939],{},[2861,8940,4125],{"href":4125},[3203,8942,8943,8949,8957],{"class":4128},[2985,8944,8945,8947],{"class":4131},[2985,8946,4135],{"class":4134},[2985,8948,4139],{"class":4138},[2985,8950,8951,8953],{"class":4131},[2985,8952,4144],{"class":4134},[2985,8954,8955,4150],{"class":4138},[2857,8956,4149],{},[2985,8958,8959,8961],{"class":4131},[2985,8960,4144],{"class":4134},[2985,8962,8963,4160],{"class":4138},[2857,8964,4159],{},[2985,8966,3048],{"class":3030},[2985,8968,3051],{"class":2991},[2985,8970,7176],{"class":3012},[2985,8972,3051],{"class":2991},[2985,8974,3110],{"class":2991},[2985,8976,3082],{"class":2991},[2985,8978,8979],{"class":2987,"line":3085},[2985,8980,8981],{"class":3148},"  /* Changing the id will trigger a refetch */\n",[2985,8983,8984,8986,9032,9034,9036,9060,9062],{"class":2987,"line":3115},[2985,8985,5349],{"class":2995},[2985,8987,8988],{"class":2995},[3396,8989,8990,8992],{"class":3398,"popper-class":3399,"theme":3361},[2985,8991,7312],{},[3192,8993,8994],{"v-slot:popper":3405},[2985,8995,8996],{"class":3408,"v-pre":2981},[2857,8997,8998,9001,9003,9006,9008,9011,9013,9016,9019,9022,9024,9027,9029],{"class":3411},[2985,8999,9000],{"style":3414},"(property) UseFetchOptions",[2985,9002,2992],{"style":3418},[2985,9004,9005],{"style":3421},"ResT",[2985,9007,3110],{"style":3491},[2985,9009,9010],{"style":3491}," DataT",[2985,9012,3037],{"style":3418},[2985,9014,9015],{"style":6014}," ResT,",[2985,9017,9018],{"style":3491}," PickKeys",[2985,9020,9021],{"style":3491}," extends",[2985,9023,6030],{"style":3491},[2985,9025,9026],{"style":3414},"\u003CDataT",[2985,9028,3425],{"style":3418},[2985,9030,9031],{"style":3414}," = KeysOf\u003CDataT>, DefaultT = undefined, R extends NitroFetchRequest = string & {}, M extends AvailableRouterMethod\u003CR> = AvailableRouterMethod\u003C...>>.watch?: false | MultiWatchSources | undefined",[2985,9033,3121],{"class":2991},[2985,9035,4745],{"class":3030},[2985,9037,9038],{"class":3030},[3396,9039,9040,9042],{"class":3398,"popper-class":3399,"theme":3361},[2985,9041,4595],{},[3192,9043,9044],{"v-slot:popper":3405},[2985,9045,9046],{"class":3408,"v-pre":2981},[2857,9047,9048,9050,9052,9054,9056,9058],{"class":3411},[2985,9049,8727],{"style":3414},[2985,9051,2992],{"style":3418},[2985,9053,8732],{"style":3421},[2985,9055,3110],{"style":3491},[2985,9057,8737],{"style":3491},[2985,9059,3425],{"style":3418},[2985,9061,4756],{"class":3030},[2985,9063,3132],{"class":2991},[2985,9065,9066,9068],{"class":2987,"line":3135},[2985,9067,3034],{"class":2991},[2985,9069,3059],{"class":3030},[2985,9071,9072,9074,9076],{"class":2987,"line":3145},[2985,9073,3175],{"class":2991},[2985,9075,2996],{"class":2995},[2985,9077,3018],{"class":2991},[2853,9079,9080,9081,9084],{},"Note that ",[2972,9082,9083],{},"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,9086,9088],{"className":2978,"code":9087,"language":2980,"meta":2981,"style":2981},"\u003Cscript setup lang=\"ts\">\nconst id = ref(1)\n\nconst { data, error, refresh } = await useFetch(`/api/users/${id.value}`, {\n  watch: [id],\n})\n\u003C/script>\n",[2857,9089,9090,9110,9126,9130,9177,9189,9195],{"__ignoreMap":2981},[2985,9091,9092,9094,9096,9098,9100,9102,9104,9106,9108],{"class":2987,"line":2988},[2985,9093,2992],{"class":2991},[2985,9095,2996],{"class":2995},[2985,9097,3000],{"class":2999},[2985,9099,3003],{"class":2999},[2985,9101,3006],{"class":2991},[2985,9103,3009],{"class":2991},[2985,9105,3013],{"class":3012},[2985,9107,3009],{"class":2991},[2985,9109,3018],{"class":2991},[2985,9111,9112,9114,9116,9118,9120,9122,9124],{"class":2987,"line":3021},[2985,9113,3024],{"class":2999},[2985,9115,4543],{"class":3030},[2985,9117,3006],{"class":2991},[2985,9119,7643],{"class":3044},[2985,9121,3048],{"class":3030},[2985,9123,6159],{"class":8804},[2985,9125,3059],{"class":3030},[2985,9127,9128],{"class":2987,"line":3062},[2985,9129,3065],{"emptyLinePlaceholder":1196},[2985,9131,9132,9134,9136,9138,9140,9143,9145,9148,9150,9152,9154,9156,9158,9160,9163,9165,9167,9169,9171,9173,9175],{"class":2987,"line":3068},[2985,9133,3024],{"class":2999},[2985,9135,3027],{"class":2991},[2985,9137,4374],{"class":3030},[2985,9139,3110],{"class":2991},[2985,9141,9142],{"class":3030}," error",[2985,9144,3110],{"class":2991},[2985,9146,9147],{"class":3030}," refresh ",[2985,9149,3034],{"class":2991},[2985,9151,3037],{"class":2991},[2985,9153,3041],{"class":3040},[2985,9155,3045],{"class":3044},[2985,9157,3048],{"class":3030},[2985,9159,4586],{"class":2991},[2985,9161,9162],{"class":3012},"/api/users/",[2985,9164,4592],{"class":2991},[2985,9166,4595],{"class":3030},[2985,9168,2868],{"class":2991},[2985,9170,7703],{"class":3030},[2985,9172,4598],{"class":2991},[2985,9174,3110],{"class":2991},[2985,9176,3082],{"class":2991},[2985,9178,9179,9182,9184,9187],{"class":2987,"line":3085},[2985,9180,9181],{"class":2995},"  watch",[2985,9183,3121],{"class":2991},[2985,9185,9186],{"class":3030}," [id]",[2985,9188,3132],{"class":2991},[2985,9190,9191,9193],{"class":2987,"line":3115},[2985,9192,3034],{"class":2991},[2985,9194,3059],{"class":3030},[2985,9196,9197,9199,9201],{"class":2987,"line":3135},[2985,9198,3175],{"class":2991},[2985,9200,2996],{"class":2995},[2985,9202,3018],{"class":2991},[2853,9204,9205,9206,9210],{},"If you need to change the URL based on a reactive value, you may want to use a ",[2861,9207,9209],{"href":9208},"/docs/3.x/getting-started/data-fetching#computed-url","computed URL"," instead.",[2853,9212,9213,9214,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,9215,9216],{},"watch: false",[2976,9218,9220],{"className":3748,"code":9219,"language":3013,"meta":2981,"style":2981},"const id = ref(1)\n\n// Won't automatically refetch when id changes\nconst { data, execute } = await useFetch('/api/users', {\n  query: { id }, // id is watched by default\n  watch: false, // disables automatic watching of id\n})\n\n// doesn't trigger refetch\nid.value = 2\n",[2857,9221,9222,9238,9242,9247,9280,9297,9310,9316,9320,9325],{"__ignoreMap":2981},[2985,9223,9224,9226,9228,9230,9232,9234,9236],{"class":2987,"line":2988},[2985,9225,3024],{"class":2999},[2985,9227,4543],{"class":3030},[2985,9229,3006],{"class":2991},[2985,9231,7643],{"class":3044},[2985,9233,3048],{"class":3030},[2985,9235,6159],{"class":8804},[2985,9237,3059],{"class":3030},[2985,9239,9240],{"class":2987,"line":3021},[2985,9241,3065],{"emptyLinePlaceholder":1196},[2985,9243,9244],{"class":2987,"line":3062},[2985,9245,9246],{"class":3148},"// Won't automatically refetch when id changes\n",[2985,9248,9249,9251,9253,9255,9257,9260,9262,9264,9266,9268,9270,9272,9274,9276,9278],{"class":2987,"line":3068},[2985,9250,3024],{"class":2999},[2985,9252,3027],{"class":2991},[2985,9254,4374],{"class":3030},[2985,9256,3110],{"class":2991},[2985,9258,9259],{"class":3030}," execute ",[2985,9261,3034],{"class":2991},[2985,9263,3037],{"class":2991},[2985,9265,3041],{"class":3040},[2985,9267,3045],{"class":3044},[2985,9269,3048],{"class":3030},[2985,9271,3051],{"class":2991},[2985,9273,7176],{"class":3012},[2985,9275,3051],{"class":2991},[2985,9277,3110],{"class":2991},[2985,9279,3082],{"class":2991},[2985,9281,9282,9285,9287,9289,9291,9294],{"class":2987,"line":3085},[2985,9283,9284],{"class":2995},"  query",[2985,9286,3121],{"class":2991},[2985,9288,3027],{"class":2991},[2985,9290,4543],{"class":3030},[2985,9292,9293],{"class":2991},"},",[2985,9295,9296],{"class":3148}," // id is watched by default\n",[2985,9298,9299,9301,9303,9305,9307],{"class":2987,"line":3115},[2985,9300,9181],{"class":2995},[2985,9302,3121],{"class":2991},[2985,9304,6663],{"class":5384},[2985,9306,3110],{"class":2991},[2985,9308,9309],{"class":3148}," // disables automatic watching of id\n",[2985,9311,9312,9314],{"class":2987,"line":3135},[2985,9313,3034],{"class":2991},[2985,9315,3059],{"class":3030},[2985,9317,9318],{"class":2987,"line":3145},[2985,9319,3065],{"emptyLinePlaceholder":1196},[2985,9321,9322],{"class":2987,"line":3152},[2985,9323,9324],{"class":3148},"// doesn't trigger refetch\n",[2985,9326,9327,9329,9331,9333,9335],{"class":2987,"line":3158},[2985,9328,4595],{"class":3030},[2985,9330,2868],{"class":2991},[2985,9332,7756],{"class":3030},[2985,9334,3006],{"class":2991},[2985,9336,9337],{"class":8804}," 2\n",[7002,9339,9341],{"id":9340},"computed-url","Computed URL",[2853,9343,9344],{},"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,9346,9348],{"className":2978,"code":9347,"language":2980,"meta":2981,"style":2981},"\u003Cscript setup lang=\"ts\">\nconst id = ref(null)\n\nconst { data, status } = useLazyFetch('/api/user', {\n  query: {\n    user_id: id,\n  },\n})\n\u003C/script>\n",[2857,9349,9350,9370,9386,9390,9422,9430,9441,9445,9451],{"__ignoreMap":2981},[2985,9351,9352,9354,9356,9358,9360,9362,9364,9366,9368],{"class":2987,"line":2988},[2985,9353,2992],{"class":2991},[2985,9355,2996],{"class":2995},[2985,9357,3000],{"class":2999},[2985,9359,3003],{"class":2999},[2985,9361,3006],{"class":2991},[2985,9363,3009],{"class":2991},[2985,9365,3013],{"class":3012},[2985,9367,3009],{"class":2991},[2985,9369,3018],{"class":2991},[2985,9371,9372,9374,9376,9378,9380,9382,9384],{"class":2987,"line":3021},[2985,9373,3024],{"class":2999},[2985,9375,4543],{"class":3030},[2985,9377,3006],{"class":2991},[2985,9379,7643],{"class":3044},[2985,9381,3048],{"class":3030},[2985,9383,5037],{"class":2991},[2985,9385,3059],{"class":3030},[2985,9387,9388],{"class":2987,"line":3062},[2985,9389,3065],{"emptyLinePlaceholder":1196},[2985,9391,9392,9394,9396,9398,9400,9402,9404,9406,9409,9411,9413,9416,9418,9420],{"class":2987,"line":3068},[2985,9393,3024],{"class":2999},[2985,9395,3027],{"class":2991},[2985,9397,4374],{"class":3030},[2985,9399,3110],{"class":2991},[2985,9401,4696],{"class":3030},[2985,9403,3034],{"class":2991},[2985,9405,3037],{"class":2991},[2985,9407,9408],{"class":3044}," useLazyFetch",[2985,9410,3048],{"class":3030},[2985,9412,3051],{"class":2991},[2985,9414,9415],{"class":3012},"/api/user",[2985,9417,3051],{"class":2991},[2985,9419,3110],{"class":2991},[2985,9421,3082],{"class":2991},[2985,9423,9424,9426,9428],{"class":2987,"line":3085},[2985,9425,9284],{"class":2995},[2985,9427,3121],{"class":2991},[2985,9429,3082],{"class":2991},[2985,9431,9432,9435,9437,9439],{"class":2987,"line":3115},[2985,9433,9434],{"class":2995},"    user_id",[2985,9436,3121],{"class":2991},[2985,9438,4627],{"class":3030},[2985,9440,3132],{"class":2991},[2985,9442,9443],{"class":2987,"line":3135},[2985,9444,6977],{"class":2991},[2985,9446,9447,9449],{"class":2987,"line":3145},[2985,9448,3034],{"class":2991},[2985,9450,3059],{"class":3030},[2985,9452,9453,9455,9457],{"class":2987,"line":3152},[2985,9454,3175],{"class":2991},[2985,9456,2996],{"class":2995},[2985,9458,3018],{"class":2991},[2853,9460,9461,9462,9467],{},"In the case of more complex URL construction, you may use a callback as a ",[2861,9463,9466],{"href":9464,"rel":9465},"https://vuejs.org/guide/essentials/computed",[2968],"computed getter"," that returns the URL string.",[2853,9469,9470,9471,9474],{},"Every time a dependency changes, the data will be fetched using the newly constructed URL. Combine this with ",[2861,9472,9473],{"href":8240},"not-immediate",", and you can wait until the reactive element changes before fetching.",[2976,9476,9478],{"className":2978,"code":9477,"language":2980,"meta":2981,"style":2981},"\u003Cscript setup lang=\"ts\">\nconst id = ref(null)\n\nconst { data, status } = useLazyFetch(() => `/api/users/${id.value}`, {\n  immediate: false,\n})\n\nconst pending = computed(() => status.value === 'pending')\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cdiv>\n    \u003C!-- disable the input while fetching -->\n    \u003Cinput\n      v-model=\"id\"\n      type=\"number\"\n      :disabled=\"pending\"\n    >\n\n    \u003Cdiv v-if=\"status === 'idle'\">\n      Type an user ID\n    \u003C/div>\n\n    \u003Cdiv v-else-if=\"pending\">\n      Loading ...\n    \u003C/div>\n\n    \u003Cdiv v-else>\n      {{ data }}\n    \u003C/div>\n  \u003C/div>\n\u003C/template>\n",[2857,9479,9480,9500,9516,9520,9562,9573,9579,9583,9619,9627,9631,9639,9647,9652,9659,9673,9686,9699,9704,9708,9727,9732,9740,9744,9764,9770,9779,9784,9795,9801,9810,9819],{"__ignoreMap":2981},[2985,9481,9482,9484,9486,9488,9490,9492,9494,9496,9498],{"class":2987,"line":2988},[2985,9483,2992],{"class":2991},[2985,9485,2996],{"class":2995},[2985,9487,3000],{"class":2999},[2985,9489,3003],{"class":2999},[2985,9491,3006],{"class":2991},[2985,9493,3009],{"class":2991},[2985,9495,3013],{"class":3012},[2985,9497,3009],{"class":2991},[2985,9499,3018],{"class":2991},[2985,9501,9502,9504,9506,9508,9510,9512,9514],{"class":2987,"line":3021},[2985,9503,3024],{"class":2999},[2985,9505,4543],{"class":3030},[2985,9507,3006],{"class":2991},[2985,9509,7643],{"class":3044},[2985,9511,3048],{"class":3030},[2985,9513,5037],{"class":2991},[2985,9515,3059],{"class":3030},[2985,9517,9518],{"class":2987,"line":3062},[2985,9519,3065],{"emptyLinePlaceholder":1196},[2985,9521,9522,9524,9526,9528,9530,9532,9534,9536,9538,9540,9542,9544,9546,9548,9550,9552,9554,9556,9558,9560],{"class":2987,"line":3068},[2985,9523,3024],{"class":2999},[2985,9525,3027],{"class":2991},[2985,9527,4374],{"class":3030},[2985,9529,3110],{"class":2991},[2985,9531,4696],{"class":3030},[2985,9533,3034],{"class":2991},[2985,9535,3037],{"class":2991},[2985,9537,9408],{"class":3044},[2985,9539,3048],{"class":3030},[2985,9541,4451],{"class":2991},[2985,9543,3776],{"class":2999},[2985,9545,7690],{"class":2991},[2985,9547,9162],{"class":3012},[2985,9549,4592],{"class":2991},[2985,9551,4595],{"class":3030},[2985,9553,2868],{"class":2991},[2985,9555,7703],{"class":3030},[2985,9557,4598],{"class":2991},[2985,9559,3110],{"class":2991},[2985,9561,3082],{"class":2991},[2985,9563,9564,9567,9569,9571],{"class":2987,"line":3085},[2985,9565,9566],{"class":2995},"  immediate",[2985,9568,3121],{"class":2991},[2985,9570,6663],{"class":5384},[2985,9572,3132],{"class":2991},[2985,9574,9575,9577],{"class":2987,"line":3115},[2985,9576,3034],{"class":2991},[2985,9578,3059],{"class":3030},[2985,9580,9581],{"class":2987,"line":3135},[2985,9582,3065],{"emptyLinePlaceholder":1196},[2985,9584,9585,9587,9590,9592,9595,9597,9599,9601,9603,9605,9607,9610,9612,9615,9617],{"class":2987,"line":3145},[2985,9586,3024],{"class":2999},[2985,9588,9589],{"class":3030}," pending ",[2985,9591,3006],{"class":2991},[2985,9593,9594],{"class":3044}," computed",[2985,9596,3048],{"class":3030},[2985,9598,4451],{"class":2991},[2985,9600,3776],{"class":2999},[2985,9602,6241],{"class":3030},[2985,9604,2868],{"class":2991},[2985,9606,7756],{"class":3030},[2985,9608,9609],{"class":2991},"===",[2985,9611,3124],{"class":2991},[2985,9613,9614],{"class":3012},"pending",[2985,9616,3051],{"class":2991},[2985,9618,3059],{"class":3030},[2985,9620,9621,9623,9625],{"class":2987,"line":3152},[2985,9622,3175],{"class":2991},[2985,9624,2996],{"class":2995},[2985,9626,3018],{"class":2991},[2985,9628,9629],{"class":2987,"line":3158},[2985,9630,3065],{"emptyLinePlaceholder":1196},[2985,9632,9633,9635,9637],{"class":2987,"line":3166},[2985,9634,2992],{"class":2991},[2985,9636,3192],{"class":2995},[2985,9638,3018],{"class":2991},[2985,9640,9641,9643,9645],{"class":2987,"line":3172},[2985,9642,3200],{"class":2991},[2985,9644,3203],{"class":2995},[2985,9646,3018],{"class":2991},[2985,9648,9649],{"class":2987,"line":3182},[2985,9650,9651],{"class":3148},"    \u003C!-- disable the input while fetching -->\n",[2985,9653,9654,9656],{"class":2987,"line":3187},[2985,9655,3251],{"class":2991},[2985,9657,9658],{"class":2995},"input\n",[2985,9660,9661,9664,9666,9668,9670],{"class":2987,"line":3197},[2985,9662,9663],{"class":2999},"      v-model",[2985,9665,3006],{"class":2991},[2985,9667,3009],{"class":2991},[2985,9669,4595],{"class":3012},[2985,9671,9672],{"class":2991},"\"\n",[2985,9674,9675,9678,9680,9682,9684],{"class":2987,"line":3220},[2985,9676,9677],{"class":2999},"      type",[2985,9679,3006],{"class":2991},[2985,9681,3009],{"class":2991},[2985,9683,8732],{"class":3012},[2985,9685,9672],{"class":2991},[2985,9687,9688,9691,9693,9695,9697],{"class":2987,"line":3226},[2985,9689,9690],{"class":2999},"      :disabled",[2985,9692,3006],{"class":2991},[2985,9694,3009],{"class":2991},[2985,9696,9614],{"class":3012},[2985,9698,9672],{"class":2991},[2985,9700,9701],{"class":2987,"line":3236},[2985,9702,9703],{"class":2991},"    >\n",[2985,9705,9706],{"class":2987,"line":3248},[2985,9707,3065],{"emptyLinePlaceholder":1196},[2985,9709,9710,9712,9714,9716,9718,9720,9723,9725],{"class":2987,"line":3271},[2985,9711,3251],{"class":2991},[2985,9713,3203],{"class":2995},[2985,9715,3206],{"class":2999},[2985,9717,3006],{"class":2991},[2985,9719,3009],{"class":2991},[2985,9721,9722],{"class":3012},"status === 'idle'",[2985,9724,3009],{"class":2991},[2985,9726,3018],{"class":2991},[2985,9728,9729],{"class":2987,"line":3277},[2985,9730,9731],{"class":3030},"      Type an user ID\n",[2985,9733,9734,9736,9738],{"class":2987,"line":3287},[2985,9735,3280],{"class":2991},[2985,9737,3203],{"class":2995},[2985,9739,3018],{"class":2991},[2985,9741,9742],{"class":2987,"line":3296},[2985,9743,3065],{"emptyLinePlaceholder":1196},[2985,9745,9747,9749,9751,9754,9756,9758,9760,9762],{"class":2987,"line":9746},24,[2985,9748,3251],{"class":2991},[2985,9750,3203],{"class":2995},[2985,9752,9753],{"class":2999}," v-else-if",[2985,9755,3006],{"class":2991},[2985,9757,3009],{"class":2991},[2985,9759,9614],{"class":3012},[2985,9761,3009],{"class":2991},[2985,9763,3018],{"class":2991},[2985,9765,9767],{"class":2987,"line":9766},25,[2985,9768,9769],{"class":3030},"      Loading ...\n",[2985,9771,9773,9775,9777],{"class":2987,"line":9772},26,[2985,9774,3280],{"class":2991},[2985,9776,3203],{"class":2995},[2985,9778,3018],{"class":2991},[2985,9780,9782],{"class":2987,"line":9781},27,[2985,9783,3065],{"emptyLinePlaceholder":1196},[2985,9785,9787,9789,9791,9793],{"class":2987,"line":9786},28,[2985,9788,3251],{"class":2991},[2985,9790,3203],{"class":2995},[2985,9792,3243],{"class":2999},[2985,9794,3018],{"class":2991},[2985,9796,9798],{"class":2987,"line":9797},29,[2985,9799,9800],{"class":3030},"      {{ data }}\n",[2985,9802,9804,9806,9808],{"class":2987,"line":9803},30,[2985,9805,3280],{"class":2991},[2985,9807,3203],{"class":2995},[2985,9809,3018],{"class":2991},[2985,9811,9813,9815,9817],{"class":2987,"line":9812},31,[2985,9814,3229],{"class":2991},[2985,9816,3203],{"class":2995},[2985,9818,3018],{"class":2991},[2985,9820,9822,9824,9826],{"class":2987,"line":9821},32,[2985,9823,3175],{"class":2991},[2985,9825,3192],{"class":2995},[2985,9827,3018],{"class":2991},[2853,9829,9830,9831,2868],{},"If you need to force a refresh when other reactive values change, you can also ",[2861,9832,9834],{"href":9833},"/docs/3.x/getting-started/data-fetching#watch","watch other values",[3313,9836,9837],{"id":9473},"Not immediate",[2853,9839,2935,9840,9842,9843,9846],{},[2857,9841,527],{}," composable will start fetching data the moment is invoked. You may prevent this by setting ",[2857,9844,9845],{},"immediate: false",", for example, to wait for user interaction.",[2853,9848,9849,9850,9852,9853,9855],{},"With that, you will need both the ",[2857,9851,5041],{}," to handle the fetch lifecycle, and ",[2857,9854,5009],{}," to start the data fetch.",[2976,9857,9859],{"className":2978,"code":9858,"language":2980,"meta":2981,"style":2981},"\u003Cscript setup lang=\"ts\">\nconst { data, error, execute, status } = await useLazyFetch('/api/comments', {\n  immediate: false,\n})\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cdiv v-if=\"status === 'idle'\">\n    \u003Cbutton @click=\"execute\">\n      Get data\n    \u003C/button>\n  \u003C/div>\n\n  \u003Cdiv v-else-if=\"status === 'pending'\">\n    Loading comments...\n  \u003C/div>\n\n  \u003Cdiv v-else>\n    {{ data }}\n  \u003C/div>\n\u003C/template>\n",[2857,9860,9861,9881,9922,9932,9938,9946,9950,9958,9976,9995,10000,10008,10016,10020,10039,10044,10052,10056,10066,10071,10079],{"__ignoreMap":2981},[2985,9862,9863,9865,9867,9869,9871,9873,9875,9877,9879],{"class":2987,"line":2988},[2985,9864,2992],{"class":2991},[2985,9866,2996],{"class":2995},[2985,9868,3000],{"class":2999},[2985,9870,3003],{"class":2999},[2985,9872,3006],{"class":2991},[2985,9874,3009],{"class":2991},[2985,9876,3013],{"class":3012},[2985,9878,3009],{"class":2991},[2985,9880,3018],{"class":2991},[2985,9882,9883,9885,9887,9889,9891,9893,9895,9898,9900,9902,9904,9906,9908,9910,9912,9914,9916,9918,9920],{"class":2987,"line":3021},[2985,9884,3024],{"class":2999},[2985,9886,3027],{"class":2991},[2985,9888,4374],{"class":3030},[2985,9890,3110],{"class":2991},[2985,9892,9142],{"class":3030},[2985,9894,3110],{"class":2991},[2985,9896,9897],{"class":3030}," execute",[2985,9899,3110],{"class":2991},[2985,9901,4696],{"class":3030},[2985,9903,3034],{"class":2991},[2985,9905,3037],{"class":2991},[2985,9907,3041],{"class":3040},[2985,9909,9408],{"class":3044},[2985,9911,3048],{"class":3030},[2985,9913,3051],{"class":2991},[2985,9915,6564],{"class":3012},[2985,9917,3051],{"class":2991},[2985,9919,3110],{"class":2991},[2985,9921,3082],{"class":2991},[2985,9923,9924,9926,9928,9930],{"class":2987,"line":3062},[2985,9925,9566],{"class":2995},[2985,9927,3121],{"class":2991},[2985,9929,6663],{"class":5384},[2985,9931,3132],{"class":2991},[2985,9933,9934,9936],{"class":2987,"line":3068},[2985,9935,3034],{"class":2991},[2985,9937,3059],{"class":3030},[2985,9939,9940,9942,9944],{"class":2987,"line":3085},[2985,9941,3175],{"class":2991},[2985,9943,2996],{"class":2995},[2985,9945,3018],{"class":2991},[2985,9947,9948],{"class":2987,"line":3115},[2985,9949,3065],{"emptyLinePlaceholder":1196},[2985,9951,9952,9954,9956],{"class":2987,"line":3135},[2985,9953,2992],{"class":2991},[2985,9955,3192],{"class":2995},[2985,9957,3018],{"class":2991},[2985,9959,9960,9962,9964,9966,9968,9970,9972,9974],{"class":2987,"line":3145},[2985,9961,3200],{"class":2991},[2985,9963,3203],{"class":2995},[2985,9965,3206],{"class":2999},[2985,9967,3006],{"class":2991},[2985,9969,3009],{"class":2991},[2985,9971,9722],{"class":3012},[2985,9973,3009],{"class":2991},[2985,9975,3018],{"class":2991},[2985,9977,9978,9980,9982,9985,9987,9989,9991,9993],{"class":2987,"line":3152},[2985,9979,3251],{"class":2991},[2985,9981,8115],{"class":2995},[2985,9983,9984],{"class":2999}," @click",[2985,9986,3006],{"class":2991},[2985,9988,3009],{"class":2991},[2985,9990,5009],{"class":3012},[2985,9992,3009],{"class":2991},[2985,9994,3018],{"class":2991},[2985,9996,9997],{"class":2987,"line":3158},[2985,9998,9999],{"class":3030},"      Get data\n",[2985,10001,10002,10004,10006],{"class":2987,"line":3166},[2985,10003,3280],{"class":2991},[2985,10005,8115],{"class":2995},[2985,10007,3018],{"class":2991},[2985,10009,10010,10012,10014],{"class":2987,"line":3172},[2985,10011,3229],{"class":2991},[2985,10013,3203],{"class":2995},[2985,10015,3018],{"class":2991},[2985,10017,10018],{"class":2987,"line":3182},[2985,10019,3065],{"emptyLinePlaceholder":1196},[2985,10021,10022,10024,10026,10028,10030,10032,10035,10037],{"class":2987,"line":3187},[2985,10023,3200],{"class":2991},[2985,10025,3203],{"class":2995},[2985,10027,9753],{"class":2999},[2985,10029,3006],{"class":2991},[2985,10031,3009],{"class":2991},[2985,10033,10034],{"class":3012},"status === 'pending'",[2985,10036,3009],{"class":2991},[2985,10038,3018],{"class":2991},[2985,10040,10041],{"class":2987,"line":3197},[2985,10042,10043],{"class":3030},"    Loading comments...\n",[2985,10045,10046,10048,10050],{"class":2987,"line":3220},[2985,10047,3229],{"class":2991},[2985,10049,3203],{"class":2995},[2985,10051,3018],{"class":2991},[2985,10053,10054],{"class":2987,"line":3226},[2985,10055,3065],{"emptyLinePlaceholder":1196},[2985,10057,10058,10060,10062,10064],{"class":2987,"line":3236},[2985,10059,3200],{"class":2991},[2985,10061,3203],{"class":2995},[2985,10063,3243],{"class":2999},[2985,10065,3018],{"class":2991},[2985,10067,10068],{"class":2987,"line":3248},[2985,10069,10070],{"class":3030},"    {{ data }}\n",[2985,10072,10073,10075,10077],{"class":2987,"line":3271},[2985,10074,3229],{"class":2991},[2985,10076,3203],{"class":2995},[2985,10078,3018],{"class":2991},[2985,10080,10081,10083,10085],{"class":2987,"line":3277},[2985,10082,3175],{"class":2991},[2985,10084,3192],{"class":2995},[2985,10086,3018],{"class":2991},[2853,10088,10089,10090,10092],{},"For finer control, the ",[2857,10091,5041],{}," variable can be:",[2873,10094,10095,10100,10105,10110],{},[2876,10096,10097,10099],{},[2857,10098,5044],{}," when the fetch hasn't started",[2876,10101,10102,10104],{},[2857,10103,9614],{}," when a fetch has started but not yet completed",[2876,10106,10107,10109],{},[2857,10108,5034],{}," when the fetch fails",[2876,10111,10112,10115],{},[2857,10113,10114],{},"success"," when the fetch is completed successfully",[2916,10117,10119],{"id":10118},"passing-headers-and-cookies","Passing Headers and Cookies",[2853,10121,10122,10123,10125,10126,10128],{},"When we call ",[2857,10124,630],{}," in the browser, user headers like ",[2857,10127,3796],{}," will be directly sent to the API.",[2853,10130,10131,10132,10134],{},"Normally, during server-side-rendering, due to security considerations, the ",[2857,10133,630],{}," wouldn't include the user's browser cookies, nor pass on cookies from the fetch response.",[2853,10136,10137,10138,10140,10141,10145,10146,3685],{},"However, when calling ",[2857,10139,527],{}," with a relative URL on the server, Nuxt will use ",[2861,10142,10143],{"href":572},[2857,10144,571],{}," to proxy headers and cookies (with the exception of headers not meant to be forwarded, like ",[2857,10147,3684],{},[3313,10149,10151],{"id":10150},"pass-cookies-from-server-side-api-calls-on-ssr-response","Pass Cookies From Server-side API Calls on SSR Response",[2853,10153,10154],{},"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,10156,10159],{"className":3748,"code":10157,"filename":10158,"language":3013,"meta":2981,"style":2981},"import { appendResponseHeader } from 'h3'\nimport type { H3Event } from 'h3'\n\nexport const fetchWithCookie = async (event: H3Event, url: string) => {\n  /* Get the response from the server endpoint */\n  const res = await $fetch.raw(url)\n  /* Get the cookies from the response */\n  const cookies = res.headers.getSetCookie()\n  /* Attach each cookie to our incoming Request */\n  for (const cookie of cookies) {\n    appendResponseHeader(event, 'set-cookie', cookie)\n  }\n  /* Return the data of the response */\n  return res._data\n}\n","composables/fetch.ts",[2857,10160,10161,10182,10204,10208,10245,10250,10274,10279,10302,10307,10328,10352,10356,10361,10372],{"__ignoreMap":2981},[2985,10162,10163,10166,10168,10171,10173,10176,10178,10180],{"class":2987,"line":2988},[2985,10164,10165],{"class":3040},"import",[2985,10167,3027],{"class":2991},[2985,10169,10170],{"class":3030}," appendResponseHeader",[2985,10172,3893],{"class":2991},[2985,10174,10175],{"class":3040}," from",[2985,10177,3124],{"class":2991},[2985,10179,3313],{"class":3012},[2985,10181,7766],{"class":2991},[2985,10183,10184,10186,10189,10191,10194,10196,10198,10200,10202],{"class":2987,"line":3021},[2985,10185,10165],{"class":3040},[2985,10187,10188],{"class":3040}," type",[2985,10190,3027],{"class":2991},[2985,10192,10193],{"class":3030}," H3Event",[2985,10195,3893],{"class":2991},[2985,10197,10175],{"class":3040},[2985,10199,3124],{"class":2991},[2985,10201,3313],{"class":3012},[2985,10203,7766],{"class":2991},[2985,10205,10206],{"class":2987,"line":3062},[2985,10207,3065],{"emptyLinePlaceholder":1196},[2985,10209,10210,10212,10215,10218,10220,10222,10224,10226,10228,10230,10232,10235,10237,10239,10241,10243],{"class":2987,"line":3068},[2985,10211,3761],{"class":3040},[2985,10213,10214],{"class":2999}," const",[2985,10216,10217],{"class":3030}," fetchWithCookie ",[2985,10219,3006],{"class":2991},[2985,10221,4718],{"class":2999},[2985,10223,4721],{"class":2991},[2985,10225,3773],{"class":3772},[2985,10227,3121],{"class":2991},[2985,10229,10193],{"class":4763},[2985,10231,3110],{"class":2991},[2985,10233,10234],{"class":3772}," url",[2985,10236,3121],{"class":2991},[2985,10238,6006],{"class":4763},[2985,10240,4797],{"class":2991},[2985,10242,3776],{"class":2999},[2985,10244,3082],{"class":2991},[2985,10246,10247],{"class":2987,"line":3085},[2985,10248,10249],{"class":3148},"  /* Get the response from the server endpoint */\n",[2985,10251,10252,10254,10256,10258,10260,10262,10264,10267,10269,10272],{"class":2987,"line":3115},[2985,10253,3088],{"class":2999},[2985,10255,3091],{"class":3030},[2985,10257,3037],{"class":2991},[2985,10259,3041],{"class":3040},[2985,10261,3098],{"class":3030},[2985,10263,2868],{"class":2991},[2985,10265,10266],{"class":3044},"raw",[2985,10268,3048],{"class":2995},[2985,10270,10271],{"class":3030},"url",[2985,10273,3059],{"class":2995},[2985,10275,10276],{"class":2987,"line":3135},[2985,10277,10278],{"class":3148},"  /* Get the cookies from the response */\n",[2985,10280,10281,10283,10286,10288,10290,10292,10295,10297,10300],{"class":2987,"line":3145},[2985,10282,3088],{"class":2999},[2985,10284,10285],{"class":3030}," cookies",[2985,10287,3037],{"class":2991},[2985,10289,3091],{"class":3030},[2985,10291,2868],{"class":2991},[2985,10293,10294],{"class":3030},"headers",[2985,10296,2868],{"class":2991},[2985,10298,10299],{"class":3044},"getSetCookie",[2985,10301,4925],{"class":2995},[2985,10303,10304],{"class":2987,"line":3152},[2985,10305,10306],{"class":3148},"  /* Attach each cookie to our incoming Request */\n",[2985,10308,10309,10312,10314,10316,10319,10322,10324,10326],{"class":2987,"line":3158},[2985,10310,10311],{"class":3040},"  for",[2985,10313,4721],{"class":2995},[2985,10315,3024],{"class":2999},[2985,10317,10318],{"class":3030}," cookie",[2985,10320,10321],{"class":2991}," of",[2985,10323,10285],{"class":3030},[2985,10325,8626],{"class":2995},[2985,10327,8629],{"class":2991},[2985,10329,10330,10333,10335,10337,10339,10341,10344,10346,10348,10350],{"class":2987,"line":3166},[2985,10331,10332],{"class":3044},"    appendResponseHeader",[2985,10334,3048],{"class":2995},[2985,10336,3773],{"class":3030},[2985,10338,3110],{"class":2991},[2985,10340,3124],{"class":2991},[2985,10342,10343],{"class":3012},"set-cookie",[2985,10345,3051],{"class":2991},[2985,10347,3110],{"class":2991},[2985,10349,10318],{"class":3030},[2985,10351,3059],{"class":2995},[2985,10353,10354],{"class":2987,"line":3172},[2985,10355,8654],{"class":2991},[2985,10357,10358],{"class":2987,"line":3182},[2985,10359,10360],{"class":3148},"  /* Return the data of the response */\n",[2985,10362,10363,10365,10367,10369],{"class":2987,"line":3187},[2985,10364,3870],{"class":3040},[2985,10366,3091],{"class":3030},[2985,10368,2868],{"class":2991},[2985,10370,10371],{"class":3030},"_data\n",[2985,10373,10374],{"class":2987,"line":3197},[2985,10375,3169],{"class":2991},[2976,10377,10379],{"className":2978,"code":10378,"language":2980,"meta":2981,"style":2981},"\u003Cscript setup lang=\"ts\">\n// This composable will automatically pass cookies to the client\nconst event = useRequestEvent()\n\nconst { data: result } = await useAsyncData(() => fetchWithCookie(event!, '/api/with-cookie'))\n\nonMounted(() => console.log(document.cookie))\n\u003C/script>\n",[2857,10380,10381,10401,10406,10420,10424,10469,10473,10500],{"__ignoreMap":2981},[2985,10382,10383,10385,10387,10389,10391,10393,10395,10397,10399],{"class":2987,"line":2988},[2985,10384,2992],{"class":2991},[2985,10386,2996],{"class":2995},[2985,10388,3000],{"class":2999},[2985,10390,3003],{"class":2999},[2985,10392,3006],{"class":2991},[2985,10394,3009],{"class":2991},[2985,10396,3013],{"class":3012},[2985,10398,3009],{"class":2991},[2985,10400,3018],{"class":2991},[2985,10402,10403],{"class":2987,"line":3021},[2985,10404,10405],{"class":3148},"// This composable will automatically pass cookies to the client\n",[2985,10407,10408,10410,10413,10415,10418],{"class":2987,"line":3062},[2985,10409,3024],{"class":2999},[2985,10411,10412],{"class":3030}," event ",[2985,10414,3006],{"class":2991},[2985,10416,10417],{"class":3044}," useRequestEvent",[2985,10419,4925],{"class":3030},[2985,10421,10422],{"class":2987,"line":3068},[2985,10423,3065],{"emptyLinePlaceholder":1196},[2985,10425,10426,10428,10430,10432,10434,10437,10439,10441,10443,10445,10447,10449,10451,10454,10457,10460,10462,10465,10467],{"class":2987,"line":3085},[2985,10427,3024],{"class":2999},[2985,10429,3027],{"class":2991},[2985,10431,4374],{"class":2995},[2985,10433,3121],{"class":2991},[2985,10435,10436],{"class":3030}," result ",[2985,10438,3034],{"class":2991},[2985,10440,3037],{"class":2991},[2985,10442,3041],{"class":3040},[2985,10444,4388],{"class":3044},[2985,10446,3048],{"class":3030},[2985,10448,4451],{"class":2991},[2985,10450,3776],{"class":2999},[2985,10452,10453],{"class":3044}," fetchWithCookie",[2985,10455,10456],{"class":3030},"(event",[2985,10458,10459],{"class":2991},"!,",[2985,10461,3124],{"class":2991},[2985,10463,10464],{"class":3012},"/api/with-cookie",[2985,10466,3051],{"class":2991},[2985,10468,4417],{"class":3030},[2985,10470,10471],{"class":2987,"line":3115},[2985,10472,3065],{"emptyLinePlaceholder":1196},[2985,10474,10475,10478,10480,10482,10484,10487,10489,10492,10495,10497],{"class":2987,"line":3135},[2985,10476,10477],{"class":3044},"onMounted",[2985,10479,3048],{"class":3030},[2985,10481,4451],{"class":2991},[2985,10483,3776],{"class":2999},[2985,10485,10486],{"class":3030}," console",[2985,10488,2868],{"class":2991},[2985,10490,10491],{"class":3044},"log",[2985,10493,10494],{"class":3030},"(document",[2985,10496,2868],{"class":2991},[2985,10498,10499],{"class":3030},"cookie))\n",[2985,10501,10502,10504,10506],{"class":2987,"line":3145},[2985,10503,3175],{"class":2991},[2985,10505,2996],{"class":2995},[2985,10507,3018],{"class":2991},[2916,10509,10511],{"id":10510},"options-api-support","Options API Support",[2853,10513,10514,10515,10518,10519,10521],{},"Nuxt provides a way to perform ",[2857,10516,10517],{},"asyncData"," fetching within the Options API. You must wrap your component definition within ",[2857,10520,666],{}," for this to work.",[2976,10523,10525],{"className":2978,"code":10524,"language":2980,"meta":2981,"style":2981},"\u003Cscript>\nexport default defineNuxtComponent({\n  /* Use the fetchKey option to provide a unique key */\n  fetchKey: 'hello',\n  async asyncData () {\n    return {\n      hello: await $fetch('/api/hello'),\n    }\n  },\n})\n\u003C/script>\n",[2857,10526,10527,10535,10548,10553,10569,10581,10587,10611,10616,10620,10626],{"__ignoreMap":2981},[2985,10528,10529,10531,10533],{"class":2987,"line":2988},[2985,10530,2992],{"class":2991},[2985,10532,2996],{"class":2995},[2985,10534,3018],{"class":2991},[2985,10536,10537,10539,10541,10544,10546],{"class":2987,"line":3021},[2985,10538,3761],{"class":3040},[2985,10540,3764],{"class":3040},[2985,10542,10543],{"class":3044}," defineNuxtComponent",[2985,10545,3048],{"class":3030},[2985,10547,8629],{"class":2991},[2985,10549,10550],{"class":2987,"line":3062},[2985,10551,10552],{"class":3148},"  /* Use the fetchKey option to provide a unique key */\n",[2985,10554,10555,10558,10560,10562,10565,10567],{"class":2987,"line":3068},[2985,10556,10557],{"class":2995},"  fetchKey",[2985,10559,3121],{"class":2991},[2985,10561,3124],{"class":2991},[2985,10563,10564],{"class":3012},"hello",[2985,10566,3051],{"class":2991},[2985,10568,3132],{"class":2991},[2985,10570,10571,10574,10577,10579],{"class":2987,"line":3085},[2985,10572,10573],{"class":2999},"  async",[2985,10575,10576],{"class":2995}," asyncData",[2985,10578,3079],{"class":2991},[2985,10580,3082],{"class":2991},[2985,10582,10583,10585],{"class":2987,"line":3115},[2985,10584,6923],{"class":3040},[2985,10586,3082],{"class":2991},[2985,10588,10589,10592,10594,10596,10598,10600,10602,10605,10607,10609],{"class":2987,"line":3135},[2985,10590,10591],{"class":2995},"      hello",[2985,10593,3121],{"class":2991},[2985,10595,3041],{"class":3040},[2985,10597,3098],{"class":3044},[2985,10599,3048],{"class":2995},[2985,10601,3051],{"class":2991},[2985,10603,10604],{"class":3012},"/api/hello",[2985,10606,3051],{"class":2991},[2985,10608,4797],{"class":2995},[2985,10610,3132],{"class":2991},[2985,10612,10613],{"class":2987,"line":3145},[2985,10614,10615],{"class":2991},"    }\n",[2985,10617,10618],{"class":2987,"line":3152},[2985,10619,6977],{"class":2991},[2985,10621,10622,10624],{"class":2987,"line":3158},[2985,10623,3034],{"class":2991},[2985,10625,3059],{"class":3030},[2985,10627,10628,10630,10632],{"class":2987,"line":3166},[2985,10629,3175],{"class":2991},[2985,10631,2996],{"class":2995},[2985,10633,3018],{"class":2991},[3329,10635,10636],{},[2853,10637,10638,10639,7065,10641,10644],{},"Using ",[2857,10640,5085],{},[2857,10642,10643],{},"\u003Cscript setup lang=\"ts\">"," are the recommended way of declaring Vue components in Nuxt.",[3660,10646],{"to":667},[2916,10648,10650],{"id":10649},"serializing-data-from-server-to-client","Serializing Data From Server to Client",[2853,10652,10653,10654,2865,10656,10658,10659,10662,10663,10670,10671,2859,10673,2859,10676,2859,10679,2865,10682,10685],{},"When using ",[2857,10655,515],{},[2857,10657,543],{}," to transfer data fetched on server to the client (as well as anything else that utilizes ",[2861,10660,10661],{"href":2950},"the Nuxt payload","), the payload is serialized with ",[2861,10664,10667],{"href":10665,"rel":10666},"https://github.com/sveltejs/devalue",[2968],[2857,10668,10669],{},"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,10672,8752],{},[2857,10674,10675],{},"reactive",[2857,10677,10678],{},"shallowRef",[2857,10680,10681],{},"shallowReactive",[2857,10683,10684],{},"NuxtError"," - and more.",[2853,10687,10688,10689,10693],{},"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,10690,10691],{"href":2950},[2857,10692,555],{}," docs.",[3329,10695,10696],{},[2853,10697,10698,10699,10702,10703,7065,10705,10707],{},"Note that this ",[5102,10700,10701],{},"does not apply"," to data passed from your server routes when fetched with ",[2857,10704,630],{},[2857,10706,527],{}," - see the next section for more information.",[2916,10709,10711],{"id":10710},"serializing-data-from-api-routes","Serializing Data From API Routes",[2853,10713,10714,10715,10717,10718,10721,10722,2865,10724,10728],{},"When fetching data from the ",[2857,10716,185],{}," directory, the response is serialized using ",[2857,10719,10720],{},"JSON.stringify",". However, since serialization is limited to only JavaScript primitive types, Nuxt does its best to convert the return type of ",[2857,10723,630],{},[2861,10725,10726],{"href":528},[2857,10727,527],{}," to match the actual value.",[3660,10730,10734],{"to":10731,"icon":10732,"target":10733},"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify#description","i-simple-icons-mdnwebdocs","_blank",[2853,10735,10736,10737,10739],{},"Learn more about ",[2857,10738,10720],{}," limitations.",[3313,10741,10743],{"id":10742},"example","Example",[2976,10745,10748],{"className":3748,"code":10746,"filename":10747,"language":3013,"meta":2981,"style":2981},"export default defineEventHandler(() => {\n  return new Date()\n})\n","server/api/foo.ts",[2857,10749,10750,10766,10778],{"__ignoreMap":2981},[2985,10751,10752,10754,10756,10758,10760,10762,10764],{"class":2987,"line":2988},[2985,10753,3761],{"class":3040},[2985,10755,3764],{"class":3040},[2985,10757,3767],{"class":3044},[2985,10759,3048],{"class":3030},[2985,10761,4451],{"class":2991},[2985,10763,3776],{"class":2999},[2985,10765,3082],{"class":2991},[2985,10767,10768,10770,10773,10776],{"class":2987,"line":3021},[2985,10769,3870],{"class":3040},[2985,10771,10772],{"class":2991}," new",[2985,10774,10775],{"class":3044}," Date",[2985,10777,4925],{"class":2995},[2985,10779,10780,10782],{"class":2987,"line":3062},[2985,10781,3034],{"class":2991},[2985,10783,3059],{"class":3030},[2976,10785,10787],{"className":2978,"code":10786,"filename":219,"language":2980,"meta":2981,"style":2981},"\u003Cscript setup lang=\"ts\">\n// Type of `data` is inferred as string even though we returned a Date object\nconst { data } = await useFetch('/api/foo')\n\u003C/script>\n",[2857,10788,10789,10809,10814,10841],{"__ignoreMap":2981},[2985,10790,10791,10793,10795,10797,10799,10801,10803,10805,10807],{"class":2987,"line":2988},[2985,10792,2992],{"class":2991},[2985,10794,2996],{"class":2995},[2985,10796,3000],{"class":2999},[2985,10798,3003],{"class":2999},[2985,10800,3006],{"class":2991},[2985,10802,3009],{"class":2991},[2985,10804,3013],{"class":3012},[2985,10806,3009],{"class":2991},[2985,10808,3018],{"class":2991},[2985,10810,10811],{"class":2987,"line":3021},[2985,10812,10813],{"class":3148},"// Type of `data` is inferred as string even though we returned a Date object\n",[2985,10815,10816,10818,10820,10822,10824,10826,10828,10830,10832,10834,10837,10839],{"class":2987,"line":3062},[2985,10817,3024],{"class":2999},[2985,10819,3027],{"class":2991},[2985,10821,3031],{"class":3030},[2985,10823,3034],{"class":2991},[2985,10825,3037],{"class":2991},[2985,10827,3041],{"class":3040},[2985,10829,3045],{"class":3044},[2985,10831,3048],{"class":3030},[2985,10833,3051],{"class":2991},[2985,10835,10836],{"class":3012},"/api/foo",[2985,10838,3051],{"class":2991},[2985,10840,3059],{"class":3030},[2985,10842,10843,10845,10847],{"class":2987,"line":3068},[2985,10844,3175],{"class":2991},[2985,10846,2996],{"class":2995},[2985,10848,3018],{"class":2991},[3313,10850,10852],{"id":10851},"custom-serializer-function","Custom serializer function",[2853,10854,10855,10856,10859,10860,10862],{},"To customize the serialization behavior, you can define a ",[2857,10857,10858],{},"toJSON"," function on your returned object. If you define a ",[2857,10861,10858],{}," method, Nuxt will respect the return type of the function and will not try to convert the types.",[2976,10864,10867],{"className":3748,"code":10865,"filename":10866,"language":3013,"meta":2981,"style":2981},"export default defineEventHandler(() => {\n  const data = {\n    createdAt: new Date(),\n\n    toJSON () {\n      return {\n        createdAt: {\n          year: this.createdAt.getFullYear(),\n          month: this.createdAt.getMonth(),\n          day: this.createdAt.getDate(),\n        },\n      }\n    },\n  }\n  return data\n})\n","server/api/bar.ts",[2857,10868,10869,10885,10895,10910,10914,10923,10930,10939,10961,10981,11001,11006,11011,11015,11019,11026],{"__ignoreMap":2981},[2985,10870,10871,10873,10875,10877,10879,10881,10883],{"class":2987,"line":2988},[2985,10872,3761],{"class":3040},[2985,10874,3764],{"class":3040},[2985,10876,3767],{"class":3044},[2985,10878,3048],{"class":3030},[2985,10880,4451],{"class":2991},[2985,10882,3776],{"class":2999},[2985,10884,3082],{"class":2991},[2985,10886,10887,10889,10891,10893],{"class":2987,"line":3021},[2985,10888,3088],{"class":2999},[2985,10890,4374],{"class":3030},[2985,10892,3037],{"class":2991},[2985,10894,3082],{"class":2991},[2985,10896,10897,10900,10902,10904,10906,10908],{"class":2987,"line":3062},[2985,10898,10899],{"class":2995},"    createdAt",[2985,10901,3121],{"class":2991},[2985,10903,10772],{"class":2991},[2985,10905,10775],{"class":3044},[2985,10907,4451],{"class":2995},[2985,10909,3132],{"class":2991},[2985,10911,10912],{"class":2987,"line":3068},[2985,10913,3065],{"emptyLinePlaceholder":1196},[2985,10915,10916,10919,10921],{"class":2987,"line":3085},[2985,10917,10918],{"class":2995},"    toJSON ",[2985,10920,4451],{"class":2991},[2985,10922,3082],{"class":2991},[2985,10924,10925,10928],{"class":2987,"line":3115},[2985,10926,10927],{"class":3040},"      return",[2985,10929,3082],{"class":2991},[2985,10931,10932,10935,10937],{"class":2987,"line":3135},[2985,10933,10934],{"class":2995},"        createdAt",[2985,10936,3121],{"class":2991},[2985,10938,3082],{"class":2991},[2985,10940,10941,10944,10946,10949,10952,10954,10957,10959],{"class":2987,"line":3145},[2985,10942,10943],{"class":2995},"          year",[2985,10945,3121],{"class":2991},[2985,10947,10948],{"class":2991}," this.",[2985,10950,10951],{"class":3030},"createdAt",[2985,10953,2868],{"class":2991},[2985,10955,10956],{"class":3044},"getFullYear",[2985,10958,4451],{"class":2995},[2985,10960,3132],{"class":2991},[2985,10962,10963,10966,10968,10970,10972,10974,10977,10979],{"class":2987,"line":3152},[2985,10964,10965],{"class":2995},"          month",[2985,10967,3121],{"class":2991},[2985,10969,10948],{"class":2991},[2985,10971,10951],{"class":3030},[2985,10973,2868],{"class":2991},[2985,10975,10976],{"class":3044},"getMonth",[2985,10978,4451],{"class":2995},[2985,10980,3132],{"class":2991},[2985,10982,10983,10986,10988,10990,10992,10994,10997,10999],{"class":2987,"line":3158},[2985,10984,10985],{"class":2995},"          day",[2985,10987,3121],{"class":2991},[2985,10989,10948],{"class":2991},[2985,10991,10951],{"class":3030},[2985,10993,2868],{"class":2991},[2985,10995,10996],{"class":3044},"getDate",[2985,10998,4451],{"class":2995},[2985,11000,3132],{"class":2991},[2985,11002,11003],{"class":2987,"line":3166},[2985,11004,11005],{"class":2991},"        },\n",[2985,11007,11008],{"class":2987,"line":3172},[2985,11009,11010],{"class":2991},"      }\n",[2985,11012,11013],{"class":2987,"line":3182},[2985,11014,3155],{"class":2991},[2985,11016,11017],{"class":2987,"line":3187},[2985,11018,8654],{"class":2991},[2985,11020,11021,11023],{"class":2987,"line":3197},[2985,11022,3870],{"class":3040},[2985,11024,11025],{"class":3030}," data\n",[2985,11027,11028,11030],{"class":2987,"line":3220},[2985,11029,3034],{"class":2991},[2985,11031,3059],{"class":3030},[2976,11033,11035],{"className":2978,"code":11034,"filename":219,"language":2980,"meta":2981,"style":2981},"\u003Cscript setup lang=\"ts\">\n// Type of `data` is inferred as\n// {\n//   createdAt: {\n//     year: number\n//     month: number\n//     day: number\n//   }\n// }\nconst { data } = await useFetch('/api/bar')\n\u003C/script>\n",[2857,11036,11037,11057,11062,11067,11072,11077,11082,11087,11092,11097,11124],{"__ignoreMap":2981},[2985,11038,11039,11041,11043,11045,11047,11049,11051,11053,11055],{"class":2987,"line":2988},[2985,11040,2992],{"class":2991},[2985,11042,2996],{"class":2995},[2985,11044,3000],{"class":2999},[2985,11046,3003],{"class":2999},[2985,11048,3006],{"class":2991},[2985,11050,3009],{"class":2991},[2985,11052,3013],{"class":3012},[2985,11054,3009],{"class":2991},[2985,11056,3018],{"class":2991},[2985,11058,11059],{"class":2987,"line":3021},[2985,11060,11061],{"class":3148},"// Type of `data` is inferred as\n",[2985,11063,11064],{"class":2987,"line":3062},[2985,11065,11066],{"class":3148},"// {\n",[2985,11068,11069],{"class":2987,"line":3068},[2985,11070,11071],{"class":3148},"//   createdAt: {\n",[2985,11073,11074],{"class":2987,"line":3085},[2985,11075,11076],{"class":3148},"//     year: number\n",[2985,11078,11079],{"class":2987,"line":3115},[2985,11080,11081],{"class":3148},"//     month: number\n",[2985,11083,11084],{"class":2987,"line":3135},[2985,11085,11086],{"class":3148},"//     day: number\n",[2985,11088,11089],{"class":2987,"line":3145},[2985,11090,11091],{"class":3148},"//   }\n",[2985,11093,11094],{"class":2987,"line":3152},[2985,11095,11096],{"class":3148},"// }\n",[2985,11098,11099,11101,11103,11105,11107,11109,11111,11113,11115,11117,11120,11122],{"class":2987,"line":3158},[2985,11100,3024],{"class":2999},[2985,11102,3027],{"class":2991},[2985,11104,3031],{"class":3030},[2985,11106,3034],{"class":2991},[2985,11108,3037],{"class":2991},[2985,11110,3041],{"class":3040},[2985,11112,3045],{"class":3044},[2985,11114,3048],{"class":3030},[2985,11116,3051],{"class":2991},[2985,11118,11119],{"class":3012},"/api/bar",[2985,11121,3051],{"class":2991},[2985,11123,3059],{"class":3030},[2985,11125,11126,11128,11130],{"class":2987,"line":3166},[2985,11127,3175],{"class":2991},[2985,11129,2996],{"class":2995},[2985,11131,3018],{"class":2991},[3313,11133,11135],{"id":11134},"using-an-alternative-serializer","Using an alternative serializer",[2853,11137,11138,11139,11141,11142,11144],{},"Nuxt does not currently support an alternative serializer to ",[2857,11140,10720],{},". However, you can return your payload as a normal string and utilize the ",[2857,11143,10858],{}," method to maintain type safety.",[2853,11146,11147,11148,11153],{},"In the example below, we use ",[2861,11149,11152],{"href":11150,"rel":11151},"https://github.com/flightcontrolhq/superjson",[2968],"superjson"," as our serializer.",[2976,11155,11158],{"className":3748,"code":11156,"filename":11157,"language":3013,"meta":2981,"style":2981},"import superjson from 'superjson'\n\nexport default defineEventHandler(() => {\n  const data = {\n    createdAt: new Date(),\n\n    // Workaround the type conversion\n    toJSON () {\n      return this\n    },\n  }\n\n  // Serialize the output to string, using superjson\n  return superjson.stringify(data) as unknown as typeof data\n})\n","server/api/superjson.ts",[2857,11159,11160,11176,11180,11196,11206,11220,11224,11229,11237,11244,11248,11252,11256,11261,11292],{"__ignoreMap":2981},[2985,11161,11162,11164,11167,11170,11172,11174],{"class":2987,"line":2988},[2985,11163,10165],{"class":3040},[2985,11165,11166],{"class":3030}," superjson ",[2985,11168,11169],{"class":3040},"from",[2985,11171,3124],{"class":2991},[2985,11173,11152],{"class":3012},[2985,11175,7766],{"class":2991},[2985,11177,11178],{"class":2987,"line":3021},[2985,11179,3065],{"emptyLinePlaceholder":1196},[2985,11181,11182,11184,11186,11188,11190,11192,11194],{"class":2987,"line":3062},[2985,11183,3761],{"class":3040},[2985,11185,3764],{"class":3040},[2985,11187,3767],{"class":3044},[2985,11189,3048],{"class":3030},[2985,11191,4451],{"class":2991},[2985,11193,3776],{"class":2999},[2985,11195,3082],{"class":2991},[2985,11197,11198,11200,11202,11204],{"class":2987,"line":3068},[2985,11199,3088],{"class":2999},[2985,11201,4374],{"class":3030},[2985,11203,3037],{"class":2991},[2985,11205,3082],{"class":2991},[2985,11207,11208,11210,11212,11214,11216,11218],{"class":2987,"line":3085},[2985,11209,10899],{"class":2995},[2985,11211,3121],{"class":2991},[2985,11213,10772],{"class":2991},[2985,11215,10775],{"class":3044},[2985,11217,4451],{"class":2995},[2985,11219,3132],{"class":2991},[2985,11221,11222],{"class":2987,"line":3115},[2985,11223,3065],{"emptyLinePlaceholder":1196},[2985,11225,11226],{"class":2987,"line":3135},[2985,11227,11228],{"class":3148},"    // Workaround the type conversion\n",[2985,11230,11231,11233,11235],{"class":2987,"line":3145},[2985,11232,10918],{"class":2995},[2985,11234,4451],{"class":2991},[2985,11236,3082],{"class":2991},[2985,11238,11239,11241],{"class":2987,"line":3152},[2985,11240,10927],{"class":3040},[2985,11242,11243],{"class":2991}," this\n",[2985,11245,11246],{"class":2987,"line":3158},[2985,11247,3155],{"class":2991},[2985,11249,11250],{"class":2987,"line":3166},[2985,11251,8654],{"class":2991},[2985,11253,11254],{"class":2987,"line":3172},[2985,11255,3065],{"emptyLinePlaceholder":1196},[2985,11257,11258],{"class":2987,"line":3182},[2985,11259,11260],{"class":3148},"  // Serialize the output to string, using superjson\n",[2985,11262,11263,11265,11268,11270,11273,11275,11277,11279,11282,11284,11287,11290],{"class":2987,"line":3187},[2985,11264,3870],{"class":3040},[2985,11266,11267],{"class":3030}," superjson",[2985,11269,2868],{"class":2991},[2985,11271,11272],{"class":3044},"stringify",[2985,11274,3048],{"class":2995},[2985,11276,4017],{"class":3030},[2985,11278,8626],{"class":2995},[2985,11280,11281],{"class":3040},"as",[2985,11283,4072],{"class":4763},[2985,11285,11286],{"class":3040}," as",[2985,11288,11289],{"class":2991}," typeof",[2985,11291,11025],{"class":3030},[2985,11293,11294,11296],{"class":2987,"line":3197},[2985,11295,3034],{"class":2991},[2985,11297,3059],{"class":3030},[2976,11299,11301],{"className":2978,"code":11300,"filename":219,"language":2980,"meta":2981,"style":2981},"\u003Cscript setup lang=\"ts\">\nimport superjson from 'superjson'\n\n// `date` is inferred as { createdAt: Date } and you can safely use the Date object methods\nconst { data } = await useFetch('/api/superjson', {\n  transform: (value) => {\n    return superjson.parse(value as unknown as string)\n  },\n})\n\u003C/script>\n",[2857,11302,11303,11323,11337,11341,11346,11375,11391,11416,11420,11426],{"__ignoreMap":2981},[2985,11304,11305,11307,11309,11311,11313,11315,11317,11319,11321],{"class":2987,"line":2988},[2985,11306,2992],{"class":2991},[2985,11308,2996],{"class":2995},[2985,11310,3000],{"class":2999},[2985,11312,3003],{"class":2999},[2985,11314,3006],{"class":2991},[2985,11316,3009],{"class":2991},[2985,11318,3013],{"class":3012},[2985,11320,3009],{"class":2991},[2985,11322,3018],{"class":2991},[2985,11324,11325,11327,11329,11331,11333,11335],{"class":2987,"line":3021},[2985,11326,10165],{"class":3040},[2985,11328,11166],{"class":3030},[2985,11330,11169],{"class":3040},[2985,11332,3124],{"class":2991},[2985,11334,11152],{"class":3012},[2985,11336,7766],{"class":2991},[2985,11338,11339],{"class":2987,"line":3062},[2985,11340,3065],{"emptyLinePlaceholder":1196},[2985,11342,11343],{"class":2987,"line":3068},[2985,11344,11345],{"class":3148},"// `date` is inferred as { createdAt: Date } and you can safely use the Date object methods\n",[2985,11347,11348,11350,11352,11354,11356,11358,11360,11362,11364,11366,11369,11371,11373],{"class":2987,"line":3085},[2985,11349,3024],{"class":2999},[2985,11351,3027],{"class":2991},[2985,11353,3031],{"class":3030},[2985,11355,3034],{"class":2991},[2985,11357,3037],{"class":2991},[2985,11359,3041],{"class":3040},[2985,11361,3045],{"class":3044},[2985,11363,3048],{"class":3030},[2985,11365,3051],{"class":2991},[2985,11367,11368],{"class":3012},"/api/superjson",[2985,11370,3051],{"class":2991},[2985,11372,3110],{"class":2991},[2985,11374,3082],{"class":2991},[2985,11376,11377,11379,11381,11383,11385,11387,11389],{"class":2987,"line":3115},[2985,11378,6905],{"class":3044},[2985,11380,3121],{"class":2991},[2985,11382,4721],{"class":2991},[2985,11384,7703],{"class":3772},[2985,11386,4797],{"class":2991},[2985,11388,3776],{"class":2999},[2985,11390,3082],{"class":2991},[2985,11392,11393,11395,11397,11399,11402,11404,11406,11408,11410,11412,11414],{"class":2987,"line":3135},[2985,11394,6923],{"class":3040},[2985,11396,11267],{"class":3030},[2985,11398,2868],{"class":2991},[2985,11400,11401],{"class":3044},"parse",[2985,11403,3048],{"class":2995},[2985,11405,7703],{"class":3030},[2985,11407,11286],{"class":3040},[2985,11409,4072],{"class":4763},[2985,11411,11286],{"class":3040},[2985,11413,6006],{"class":4763},[2985,11415,3059],{"class":2995},[2985,11417,11418],{"class":2987,"line":3145},[2985,11419,6977],{"class":2991},[2985,11421,11422,11424],{"class":2987,"line":3152},[2985,11423,3034],{"class":2991},[2985,11425,3059],{"class":3030},[2985,11427,11428,11430,11432],{"class":2987,"line":3158},[2985,11429,3175],{"class":2991},[2985,11431,2996],{"class":2995},[2985,11433,3018],{"class":2991},[2916,11435,357],{"id":11436},"recipes",[3313,11438,11440],{"id":11439},"consuming-sse-server-sent-events-via-post-request","Consuming SSE (Server-Sent Events) via POST request",[2959,11442,11443],{},[2853,11444,11445,11446,11453,11454,2868],{},"If you're consuming SSE via GET request, you can use ",[2861,11447,11450],{"href":11448,"rel":11449},"https://developer.mozilla.org/en-US/docs/Web/API/EventSource",[2968],[2857,11451,11452],{},"EventSource"," or VueUse composable ",[2861,11455,11458],{"href":11456,"rel":11457},"https://vueuse.org/core/useeventsource/",[2968],[2857,11459,11460],{},"useEventSource",[2853,11462,11463],{},"When consuming SSE via POST request, you need to handle the connection manually. Here's how you can do it:",[2976,11465,11467],{"className":3748,"code":11466,"language":3013,"meta":2981,"style":2981},"// Make a POST request to the SSE endpoint\nconst response = await $fetch\u003CReadableStream>('/chats/ask-ai', {\n  method: 'POST',\n  body: {\n    query: 'Hello AI, how are you?',\n  },\n  responseType: 'stream',\n})\n\n// Create a new ReadableStream from the response with TextDecoderStream to get the data as text\nconst reader = response.pipeThrough(new TextDecoderStream()).getReader()\n\n// Read the chunk of data as we get it\nwhile (true) {\n  const { value, done } = await reader.read()\n\n  if (done) { break }\n\n  console.log('Received:', value)\n}\n",[2857,11468,11469,11474,11507,11522,11531,11547,11551,11567,11573,11577,11582,11617,11621,11626,11639,11668,11672,11690,11694,11718],{"__ignoreMap":2981},[2985,11470,11471],{"class":2987,"line":2988},[2985,11472,11473],{"class":3148},"// Make a POST request to the SSE endpoint\n",[2985,11475,11476,11478,11481,11483,11485,11487,11489,11492,11494,11496,11498,11501,11503,11505],{"class":2987,"line":3021},[2985,11477,3024],{"class":2999},[2985,11479,11480],{"class":3030}," response ",[2985,11482,3006],{"class":2991},[2985,11484,3041],{"class":3040},[2985,11486,3098],{"class":3044},[2985,11488,2992],{"class":2991},[2985,11490,11491],{"class":4763},"ReadableStream",[2985,11493,3425],{"class":2991},[2985,11495,3048],{"class":3030},[2985,11497,3051],{"class":2991},[2985,11499,11500],{"class":3012},"/chats/ask-ai",[2985,11502,3051],{"class":2991},[2985,11504,3110],{"class":2991},[2985,11506,3082],{"class":2991},[2985,11508,11509,11512,11514,11516,11518,11520],{"class":2987,"line":3062},[2985,11510,11511],{"class":2995},"  method",[2985,11513,3121],{"class":2991},[2985,11515,3124],{"class":2991},[2985,11517,3127],{"class":3012},[2985,11519,3051],{"class":2991},[2985,11521,3132],{"class":2991},[2985,11523,11524,11527,11529],{"class":2987,"line":3068},[2985,11525,11526],{"class":2995},"  body",[2985,11528,3121],{"class":2991},[2985,11530,3082],{"class":2991},[2985,11532,11533,11536,11538,11540,11543,11545],{"class":2987,"line":3085},[2985,11534,11535],{"class":2995},"    query",[2985,11537,3121],{"class":2991},[2985,11539,3124],{"class":2991},[2985,11541,11542],{"class":3012},"Hello AI, how are you?",[2985,11544,3051],{"class":2991},[2985,11546,3132],{"class":2991},[2985,11548,11549],{"class":2987,"line":3115},[2985,11550,6977],{"class":2991},[2985,11552,11553,11556,11558,11560,11563,11565],{"class":2987,"line":3135},[2985,11554,11555],{"class":2995},"  responseType",[2985,11557,3121],{"class":2991},[2985,11559,3124],{"class":2991},[2985,11561,11562],{"class":3012},"stream",[2985,11564,3051],{"class":2991},[2985,11566,3132],{"class":2991},[2985,11568,11569,11571],{"class":2987,"line":3145},[2985,11570,3034],{"class":2991},[2985,11572,3059],{"class":3030},[2985,11574,11575],{"class":2987,"line":3152},[2985,11576,3065],{"emptyLinePlaceholder":1196},[2985,11578,11579],{"class":2987,"line":3158},[2985,11580,11581],{"class":3148},"// Create a new ReadableStream from the response with TextDecoderStream to get the data as text\n",[2985,11583,11584,11586,11589,11591,11594,11596,11599,11601,11604,11607,11610,11612,11615],{"class":2987,"line":3166},[2985,11585,3024],{"class":2999},[2985,11587,11588],{"class":3030}," reader ",[2985,11590,3006],{"class":2991},[2985,11592,11593],{"class":3030}," response",[2985,11595,2868],{"class":2991},[2985,11597,11598],{"class":3044},"pipeThrough",[2985,11600,3048],{"class":3030},[2985,11602,11603],{"class":2991},"new",[2985,11605,11606],{"class":3044}," TextDecoderStream",[2985,11608,11609],{"class":3030},"())",[2985,11611,2868],{"class":2991},[2985,11613,11614],{"class":3044},"getReader",[2985,11616,4925],{"class":3030},[2985,11618,11619],{"class":2987,"line":3172},[2985,11620,3065],{"emptyLinePlaceholder":1196},[2985,11622,11623],{"class":2987,"line":3182},[2985,11624,11625],{"class":3148},"// Read the chunk of data as we get it\n",[2985,11627,11628,11631,11633,11635,11637],{"class":2987,"line":3187},[2985,11629,11630],{"class":3040},"while",[2985,11632,4721],{"class":3030},[2985,11634,6658],{"class":5384},[2985,11636,8626],{"class":3030},[2985,11638,8629],{"class":2991},[2985,11640,11641,11643,11645,11647,11649,11652,11654,11656,11658,11661,11663,11666],{"class":2987,"line":3197},[2985,11642,3088],{"class":2999},[2985,11644,3027],{"class":2991},[2985,11646,7114],{"class":3030},[2985,11648,3110],{"class":2991},[2985,11650,11651],{"class":3030}," done",[2985,11653,3893],{"class":2991},[2985,11655,3037],{"class":2991},[2985,11657,3041],{"class":3040},[2985,11659,11660],{"class":3030}," reader",[2985,11662,2868],{"class":2991},[2985,11664,11665],{"class":3044},"read",[2985,11667,4925],{"class":2995},[2985,11669,11670],{"class":2987,"line":3220},[2985,11671,3065],{"emptyLinePlaceholder":1196},[2985,11673,11674,11676,11678,11681,11683,11685,11688],{"class":2987,"line":3226},[2985,11675,8598],{"class":3040},[2985,11677,4721],{"class":2995},[2985,11679,11680],{"class":3030},"done",[2985,11682,8626],{"class":2995},[2985,11684,6943],{"class":2991},[2985,11686,11687],{"class":3040}," break",[2985,11689,4849],{"class":2991},[2985,11691,11692],{"class":2987,"line":3236},[2985,11693,3065],{"emptyLinePlaceholder":1196},[2985,11695,11696,11699,11701,11703,11705,11707,11710,11712,11714,11716],{"class":2987,"line":3248},[2985,11697,11698],{"class":3030},"  console",[2985,11700,2868],{"class":2991},[2985,11702,10491],{"class":3044},[2985,11704,3048],{"class":2995},[2985,11706,3051],{"class":2991},[2985,11708,11709],{"class":3012},"Received:",[2985,11711,3051],{"class":2991},[2985,11713,3110],{"class":2991},[2985,11715,7114],{"class":3030},[2985,11717,3059],{"class":2995},[2985,11719,11720],{"class":2987,"line":3271},[2985,11721,3169],{"class":2991},[3313,11723,11725],{"id":11724},"making-parallel-requests","Making parallel requests",[2853,11727,11728,11729,11732],{},"When requests don't rely on each other, you can make them in parallel with ",[2857,11730,11731],{},"Promise.all()"," to boost performance.",[2976,11734,11736],{"className":3748,"code":11735,"language":3013,"meta":2981,"style":2981},"const { data } = await useAsyncData((_nuxtApp, { signal }) => {\n  return Promise.all([\n    $fetch('/api/comments/', { signal }),\n    $fetch('/api/author/12', { signal }),\n  ])\n})\n\nconst comments = computed(() => data.value?.[0])\nconst author = computed(() => data.value?.[1])\n",[2857,11737,11738,11772,11784,11809,11834,11838,11844,11848,11881],{"__ignoreMap":2981},[2985,11739,11740,11742,11744,11746,11748,11750,11752,11754,11756,11758,11760,11762,11764,11766,11768,11770],{"class":2987,"line":2988},[2985,11741,3024],{"class":2999},[2985,11743,3027],{"class":2991},[2985,11745,3031],{"class":3030},[2985,11747,3034],{"class":2991},[2985,11749,3037],{"class":2991},[2985,11751,3041],{"class":3040},[2985,11753,4388],{"class":3044},[2985,11755,3048],{"class":3030},[2985,11757,3048],{"class":2991},[2985,11759,4724],{"class":3772},[2985,11761,3110],{"class":2991},[2985,11763,3027],{"class":2991},[2985,11765,4731],{"class":3772},[2985,11767,4734],{"class":2991},[2985,11769,3776],{"class":2999},[2985,11771,3082],{"class":2991},[2985,11773,11774,11776,11778,11780,11782],{"class":2987,"line":3021},[2985,11775,3870],{"class":3040},[2985,11777,4764],{"class":4763},[2985,11779,2868],{"class":2991},[2985,11781,4769],{"class":3044},[2985,11783,4772],{"class":2995},[2985,11785,11786,11788,11790,11792,11795,11797,11799,11801,11803,11805,11807],{"class":2987,"line":3062},[2985,11787,4777],{"class":3044},[2985,11789,3048],{"class":2995},[2985,11791,3051],{"class":2991},[2985,11793,11794],{"class":3012},"/api/comments/",[2985,11796,3051],{"class":2991},[2985,11798,3110],{"class":2991},[2985,11800,3027],{"class":2991},[2985,11802,4731],{"class":3030},[2985,11804,3893],{"class":2991},[2985,11806,4797],{"class":2995},[2985,11808,3132],{"class":2991},[2985,11810,11811,11813,11815,11817,11820,11822,11824,11826,11828,11830,11832],{"class":2987,"line":3068},[2985,11812,4777],{"class":3044},[2985,11814,3048],{"class":2995},[2985,11816,3051],{"class":2991},[2985,11818,11819],{"class":3012},"/api/author/12",[2985,11821,3051],{"class":2991},[2985,11823,3110],{"class":2991},[2985,11825,3027],{"class":2991},[2985,11827,4731],{"class":3030},[2985,11829,3893],{"class":2991},[2985,11831,4797],{"class":2995},[2985,11833,3132],{"class":2991},[2985,11835,11836],{"class":2987,"line":3085},[2985,11837,4829],{"class":2995},[2985,11839,11840,11842],{"class":2987,"line":3115},[2985,11841,3034],{"class":2991},[2985,11843,3059],{"class":3030},[2985,11845,11846],{"class":2987,"line":3135},[2985,11847,3065],{"emptyLinePlaceholder":1196},[2985,11849,11850,11852,11855,11857,11859,11861,11863,11865,11867,11869,11871,11874,11877,11879],{"class":2987,"line":3145},[2985,11851,3024],{"class":2999},[2985,11853,11854],{"class":3030}," comments ",[2985,11856,3006],{"class":2991},[2985,11858,9594],{"class":3044},[2985,11860,3048],{"class":3030},[2985,11862,4451],{"class":2991},[2985,11864,3776],{"class":2999},[2985,11866,4374],{"class":3030},[2985,11868,2868],{"class":2991},[2985,11870,7703],{"class":3030},[2985,11872,11873],{"class":2991},"?.",[2985,11875,11876],{"class":3030},"[",[2985,11878,3474],{"class":8804},[2985,11880,3848],{"class":3030},[2985,11882,11883,11885,11888,11890,11892,11894,11896,11898,11900,11902,11904,11906,11908,11910],{"class":2987,"line":3152},[2985,11884,3024],{"class":2999},[2985,11886,11887],{"class":3030}," author ",[2985,11889,3006],{"class":2991},[2985,11891,9594],{"class":3044},[2985,11893,3048],{"class":3030},[2985,11895,4451],{"class":2991},[2985,11897,3776],{"class":2999},[2985,11899,4374],{"class":3030},[2985,11901,2868],{"class":2991},[2985,11903,7703],{"class":3030},[2985,11905,11873],{"class":2991},[2985,11907,11876],{"class":3030},[2985,11909,6159],{"class":8804},[2985,11911,3848],{"class":3030},[4281,11913],{"title":11914,"video-id":11915,"platform":5878},"Watch a video from Vue School on parallel data fetching","1024262536",[11917,11918,11919],"style",{},"html pre.shiki code .sDfIl, html code.shiki .sDfIl{--shiki-light:#39ADB5;--shiki-default:#39ADB5;--shiki-dark:#89DDFF}html pre.shiki code .sRlkE, html code.shiki .sRlkE{--shiki-light:#E53935;--shiki-default:#E53935;--shiki-dark:#F07178}html pre.shiki code .smZ93, html code.shiki .smZ93{--shiki-light:#9C3EDA;--shiki-default:#9C3EDA;--shiki-dark:#C792EA}html pre.shiki code .sGFVr, html code.shiki .sGFVr{--shiki-light:#91B859;--shiki-default:#91B859;--shiki-dark:#C3E88D}html pre.shiki code .sZSNi, html code.shiki .sZSNi{--shiki-light:#90A4AE;--shiki-default:#90A4AE;--shiki-dark:#BABED8}html pre.shiki code .s8R28, html code.shiki .s8R28{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#39ADB5;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .s3cPz, html code.shiki .s3cPz{--shiki-light:#6182B8;--shiki-default:#6182B8;--shiki-dark:#82AAFF}html pre.shiki code .sWuyu, html code.shiki .sWuyu{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#90A4AE;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s1nJG, html code.shiki .s1nJG{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#90A4AE;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .s52Pk, html code.shiki .s52Pk{--shiki-light:#E2931D;--shiki-default:#E2931D;--shiki-dark:#FFCB6B}html pre.shiki code .sbKd-, html code.shiki .sbKd-{--shiki-light:#FF5370;--shiki-default:#FF5370;--shiki-dark:#FF9CAC}html pre.shiki code .sYRBq, html code.shiki .sYRBq{--shiki-light:#F76D47;--shiki-default:#F76D47;--shiki-dark:#F78C6C}",{"title":2981,"searchDepth":3021,"depth":3021,"links":11921},[11922,11926,11929,11930,11931,11932,11939,11942,11943,11944,11949],{"id":2918,"depth":3021,"text":11923,"children":11924},"The need for useFetch and useAsyncData",[11925],{"id":3315,"depth":3062,"text":3316},{"id":3341,"depth":3021,"text":630,"children":11927},[11928],{"id":3669,"depth":3062,"text":3670},{"id":3965,"depth":3021,"text":527},{"id":4292,"depth":3021,"text":515},{"id":4985,"depth":3021,"text":4986},{"id":5116,"depth":3021,"text":5117,"children":11933},[11934,11935,11936,11937,11938],{"id":5131,"depth":3062,"text":5132},{"id":5881,"depth":3062,"text":5882},{"id":6685,"depth":3062,"text":6686},{"id":6999,"depth":3062,"text":7000},{"id":9473,"depth":3062,"text":9837},{"id":10118,"depth":3021,"text":10119,"children":11940},[11941],{"id":10150,"depth":3062,"text":10151},{"id":10510,"depth":3021,"text":10511},{"id":10649,"depth":3021,"text":10650},{"id":10710,"depth":3021,"text":10711,"children":11945},[11946,11947,11948],{"id":10742,"depth":3062,"text":10743},{"id":10851,"depth":3062,"text":10852},{"id":11134,"depth":3062,"text":11135},{"id":11436,"depth":3021,"text":357,"children":11950},[11951,11952],{"id":11439,"depth":3062,"text":11440},{"id":11724,"depth":3062,"text":11725},"Nuxt provides composables to handle data fetching within your application.","md",{},{"icon":67},{"title":64,"description":11953},"YIVPbUDvaydnyJ2sZih2sjtPdBa7L7PcDdXc6x6I_Oc",[11960,11962],{"title":59,"path":60,"stem":61,"description":11961,"icon":62,"children":-1},"Apply transitions between pages and layouts with Vue or native browser View Transitions.",{"title":69,"path":70,"stem":71,"description":11963,"icon":72,"children":-1},"Nuxt provides powerful state management libraries and the useState composable to create a reactive and SSR-friendly shared state.",1773024729060]