[{"data":1,"prerenderedAt":4174},["ShallowReactive",2],{"$fGCo9l1hMtNdUiA6QzdUX5X3kLqaWcC5t2kdz4LrvCvc":3,"versions":2029,"-blog-nuxt-scripts":2033,"-blog-nuxt-scripts-surround":4169},[4,1120,1940],{"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":1941,"path":1942,"stem":1943,"children":1944,"page":108},"Blog","/blog","blog",[1945,1949,1953,1957,1961,1965,1969,1973,1977,1981,1985,1989,1993,1997,2001,2005,2009,2013,2017,2021,2025],{"title":1946,"path":1947,"stem":1948},"Announcing 3.0","/blog/v3","blog/1.v3",{"title":1950,"path":1951,"stem":1952},"Nuxt 3.3","/blog/v3-3","blog/10.v3-3",{"title":1954,"path":1955,"stem":1956},"Nuxt 3.4","/blog/v3-4","blog/11.v3-4",{"title":1958,"path":1959,"stem":1960},"Nuxt 3.5","/blog/v3-5","blog/12.v3-5",{"title":1962,"path":1963,"stem":1964},"Nuxt 3.6","/blog/v3-6","blog/13.v3-6",{"title":1966,"path":1967,"stem":1968},"Nuxt on the Edge","/blog/nuxt-on-the-edge","blog/14.nuxt-on-the-edge",{"title":1970,"path":1971,"stem":1972},"Nuxt DevTools v1.0","/blog/nuxt-devtools-v1-0","blog/18.nuxt-devtools-v1-0",{"title":1974,"path":1975,"stem":1976},"Nuxt: A vision for 2023","/blog/vision-2023","blog/2.vision-2023",{"title":1978,"path":1979,"stem":1980},"The Evolution of Shiki v1.0","/blog/shiki-v1","blog/21.shiki-v1",{"title":1982,"path":1983,"stem":1984},"Refreshed Nuxt ESLint Integrations","/blog/eslint-module","blog/24.eslint-module",{"title":1986,"path":1987,"stem":1988},"Introducing Nuxt Scripts","/blog/nuxt-scripts","blog/26.nuxt-scripts",{"title":1990,"path":1991,"stem":1992},"Introducing Nuxt Icon v1","/blog/nuxt-icon-v1-0","blog/29.nuxt-icon-v1-0",{"title":1994,"path":1995,"stem":1996},"Introducing Nuxt DevTools","/blog/introducing-nuxt-devtools","blog/3.introducing-nuxt-devtools",{"title":1998,"path":1999,"stem":2000},"Announcing Nuxt 3 Release Candidate","/blog/nuxt3-rc","blog/3.nuxt3-rc",{"title":2002,"path":2003,"stem":2004},"Nuxt 2 End-of-Life (EOL)","/blog/nuxt2-eol","blog/4.nuxt2-eol",{"title":2006,"path":2007,"stem":2008},"Introducing Nuxt 3 Beta","/blog/nuxt3-beta","blog/4.nuxt3-beta",{"title":2010,"path":2011,"stem":2012},"Going Full Static","/blog/going-full-static","blog/5.going-full-static",{"title":2014,"path":2015,"stem":2016},"Introducing Smart Prefetching","/blog/introducing-smart-prefetching","blog/6.introducing-smart-prefetching",{"title":2018,"path":2019,"stem":2020},"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":2022,"path":2023,"stem":2024},"Nuxt 2 Static Improvements","/blog/nuxt-static-improvements","blog/8.nuxt-static-improvements",{"title":2026,"path":2027,"stem":2028},"Nuxt 2: From Terminal to Browser","/blog/nuxtjs-from-terminal-to-browser","blog/9.nuxtjs-from-terminal-to-browser",{"v5":2030,"v4":2030,"v3":2031,"v2":2032},"4.3.1","3.21.1","2.18.1",{"id":2034,"title":1986,"authors":2035,"body":2042,"category":4162,"date":4163,"description":4164,"draft":108,"extension":4165,"image":2077,"meta":4166,"navigation":1196,"path":1987,"seo":4167,"stem":1988,"tags":6,"__hash__":4168},"blog/blog/26.nuxt-scripts.md",[2036],{"name":2037,"avatar":2038,"to":2040,"twitter":2041},"Harlan Wilton",{"src":2039},"https://github.com/harlan-zw.png","https://github.com/harlan-zw","harlan_zw",{"type":2043,"value":2044,"toc":4143},"minimark",[2045,2063,2066,2078,2083,2092,2101,2115,2118,2122,2135,2144,2147,2150,2155,2167,2172,2248,2251,2254,2267,2789,2793,2796,2812,2833,2846,2855,2864,2867,2870,2877,2881,2885,2895,2901,2928,2931,2939,3217,3221,3229,3236,3243,3252,3315,3319,3344,3353,3356,3795,3799,3812,3815,3833,3962,3966,3969,3983,3986,4025,4032,4036,4039,4046,4049,4079,4082,4086,4095,4099,4129,4132,4139],[2046,2047,2048,2049,2056,2057,2062],"p",{},"The Nuxt team, in collaboration with the ",[2050,2051,2055],"a",{"href":2052,"rel":2053},"https://developer.chrome.com/aurora",[2054],"nofollow","Chrome Aurora"," team at Google, is excited to announce the public beta release of ",[2050,2058,2061],{"href":2059,"rel":2060},"https://scripts.nuxt.com",[2054],"Nuxt Scripts",".",[2046,2064,2065],{},"Nuxt Scripts is a better way to work with third-party scripts, providing improved performance, privacy, security, and developer experience.",[2046,2067,2068],{},[2069,2070],"img",{"alt":2071,"className":2072,"src":2077},"Nuxt Scripts Banner",[2073,2074,2075,2076],"border","border-gray-200","dark:border-gray-700","rounded-lg","/assets/blog/nuxt-scripts/banner.png",[2079,2080,2082],"h2",{"id":2081},"getting-to-nuxt-scripts","Getting to Nuxt Scripts",[2046,2084,2085,2086,2091],{},"Over a year ago, Daniel published the initial ",[2050,2087,2090],{"href":2088,"rel":2089},"https://github.com/nuxt/nuxt/discussions/22016",[2054],"Nuxt Scripts RFC",". The RFC proposed a module that would \"allow third-party scripts to be managed and optimized, following best practices for performant and compliant websites\".",[2046,2093,2094,2095,2100],{},"Having ",[2050,2096,2099],{"href":2097,"rel":2098},"https://github.com/harlan-zw/nuxt-delay-hydration",[2054],"personal experience"," with solving performance issues related to third-party scripts, I knew how difficult these performance optimizations could be. Nonetheless, I was keen to tackle the problem and took over the project.",[2046,2102,2103,2104,2109,2110,2062],{},"With the RFC as the seed of the idea, I started prototyping what it could ",[2050,2105,2108],{"href":2106,"rel":2107},"https://github.com/nuxt/nuxt/discussions/22016#discussioncomment-6527001",[2054],"look like"," using ",[2050,2111,2114],{"href":2112,"rel":2113},"https://unhead.unjs.io/",[2054],"Unhead",[2046,2116,2117],{},"Thinking about what I wanted to build exactly, I found that the real issue wasn't just how to load \"optimized\" third-party scripts but how to make working with third-party scripts a better experience overall.",[2079,2119,2121],{"id":2120},"why-build-a-third-party-script-module","Why Build a Third-Party Script Module?",[2046,2123,2124,2129,2130,2062],{},[2050,2125,2128],{"href":2126,"rel":2127},"https://almanac.httparchive.org/en/2022/third-parties#prevalence",[2054],"94% of sites use at least one third-party provider",", with the average site having ",[2050,2131,2134],{"href":2132,"rel":2133},"https://docs.google.com/spreadsheets/d/1YqoRRsyiNsrEabVLu2nRU98JIG_0zLLuoQhC2nX8xbM/edit?gid=1428106498#gid=1428106498",[2054],"five third-party providers",[2046,2136,2137,2138,2143],{},"We know that third-party scripts aren't perfect; they ",[2050,2139,2142],{"href":2140,"rel":2141},"https://web.dev/articles/optimizing-content-efficiency-loading-third-party-javascript#",[2054],"slow down the web",", cause privacy and security issues, and are a pain to work with.",[2046,2145,2146],{},"However, they are fundamentally useful and aren't going anywhere soon.",[2046,2148,2149],{},"By exploring the issues with third-party scripts, we can see where improvements can be made.",[2151,2152,2154],"h3",{"id":2153},"developer-experience-a-full-stack-headache","😒 Developer Experience: A Full-Stack Headache",[2046,2156,2157,2158,2162,2163,2166],{},"Let's walk through adding a third-party script to your Nuxt app using a fictional ",[2159,2160,2161],"code",{},"tracker.js"," script that adds a ",[2159,2164,2165],{},"track"," function to the window.",[2046,2168,2169,2170,2062],{},"We start by loading the script using ",[2159,2171,531],{},[2173,2174,2179],"pre",{"className":2175,"code":2176,"language":2177,"meta":2178,"style":2178},"language-ts shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","useHead({ script: [{ src: '/tracker.js', defer: true }] })\n","ts","",[2159,2180,2181],{"__ignoreMap":2178},[2182,2183,2186,2189,2193,2197,2201,2204,2207,2209,2212,2214,2217,2221,2224,2227,2230,2232,2236,2239,2242,2245],"span",{"class":2184,"line":2185},"line",1,[2182,2187,531],{"class":2188},"s3cPz",[2182,2190,2192],{"class":2191},"sZSNi","(",[2182,2194,2196],{"class":2195},"sDfIl","{",[2182,2198,2200],{"class":2199},"sRlkE"," script",[2182,2202,2203],{"class":2195},":",[2182,2205,2206],{"class":2191}," [",[2182,2208,2196],{"class":2195},[2182,2210,2211],{"class":2199}," src",[2182,2213,2203],{"class":2195},[2182,2215,2216],{"class":2195}," '",[2182,2218,2220],{"class":2219},"sGFVr","/tracker.js",[2182,2222,2223],{"class":2195},"'",[2182,2225,2226],{"class":2195},",",[2182,2228,2229],{"class":2199}," defer",[2182,2231,2203],{"class":2195},[2182,2233,2235],{"class":2234},"sbKd-"," true",[2182,2237,2238],{"class":2195}," }",[2182,2240,2241],{"class":2191},"] ",[2182,2243,2244],{"class":2195},"}",[2182,2246,2247],{"class":2191},")\n",[2046,2249,2250],{},"However, let's now try to get the script functionality working in our app.",[2046,2252,2253],{},"The following steps are common when working with third-party scripts in Nuxt:",[2255,2256,2257,2261,2264],"ul",{},[2258,2259,2260],"li",{},"Everything has to be wrapped for SSR safety.",[2258,2262,2263],{},"Flaky checks for if the script has loaded.",[2258,2265,2266],{},"Augmenting the window object for types.",[2268,2269,2270,2354,2455,2595],"code-group",{},[2173,2271,2276],{"className":2272,"code":2273,"filename":2274,"language":2275,"meta":2178,"style":2178},"language-vue shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","\u003Cscript setup>\n// ❌ Oops, window is not defined! \n// 💡 The window can't be directly accessed if we use SSR in Nuxt.\n// 👉 We need to make this SSR safe\nwindow.track('page_view', useRoute().path)\n\u003C/script>\n","1: SSR Safety","vue",[2159,2277,2278,2293,2300,2306,2312,2344],{"__ignoreMap":2178},[2182,2279,2280,2283,2286,2290],{"class":2184,"line":2185},[2182,2281,2282],{"class":2195},"\u003C",[2182,2284,2285],{"class":2199},"script",[2182,2287,2289],{"class":2288},"smZ93"," setup",[2182,2291,2292],{"class":2195},">\n",[2182,2294,2296],{"class":2184,"line":2295},2,[2182,2297,2299],{"class":2298},"sWuyu","// ❌ Oops, window is not defined! \n",[2182,2301,2303],{"class":2184,"line":2302},3,[2182,2304,2305],{"class":2298},"// 💡 The window can't be directly accessed if we use SSR in Nuxt.\n",[2182,2307,2309],{"class":2184,"line":2308},4,[2182,2310,2311],{"class":2298},"// 👉 We need to make this SSR safe\n",[2182,2313,2315,2318,2320,2322,2324,2326,2329,2331,2333,2336,2339,2341],{"class":2184,"line":2314},5,[2182,2316,2317],{"class":2191},"window",[2182,2319,2062],{"class":2195},[2182,2321,2165],{"class":2188},[2182,2323,2192],{"class":2191},[2182,2325,2223],{"class":2195},[2182,2327,2328],{"class":2219},"page_view",[2182,2330,2223],{"class":2195},[2182,2332,2226],{"class":2195},[2182,2334,2335],{"class":2188}," useRoute",[2182,2337,2338],{"class":2191},"()",[2182,2340,2062],{"class":2195},[2182,2342,2343],{"class":2191},"path)\n",[2182,2345,2347,2350,2352],{"class":2184,"line":2346},6,[2182,2348,2349],{"class":2195},"\u003C/",[2182,2351,2285],{"class":2199},[2182,2353,2292],{"class":2195},[2173,2355,2358],{"className":2272,"code":2356,"filename":2357,"language":2275,"meta":2178,"style":2178},"\u003Cscript setup>\nif (import.meta.client) {\n  // ❌ Oops, the script hasn't finished loading yet!\n  // 💡 A `defer` script may not be available while our Nuxt app hydrates.\n  // 👉 We need to wait for the script to be loaded\n  window.track('page_view', useRoute().path)\n}\n\u003C/script>\n","2: Script Timing",[2159,2359,2360,2370,2395,2400,2405,2410,2440,2446],{"__ignoreMap":2178},[2182,2361,2362,2364,2366,2368],{"class":2184,"line":2185},[2182,2363,2282],{"class":2195},[2182,2365,2285],{"class":2199},[2182,2367,2289],{"class":2288},[2182,2369,2292],{"class":2195},[2182,2371,2372,2376,2379,2382,2384,2387,2389,2392],{"class":2184,"line":2295},[2182,2373,2375],{"class":2374},"s8R28","if",[2182,2377,2378],{"class":2191}," (",[2182,2380,2381],{"class":2374},"import",[2182,2383,2062],{"class":2195},[2182,2385,2386],{"class":2191},"meta",[2182,2388,2062],{"class":2195},[2182,2390,2391],{"class":2191},"client) ",[2182,2393,2394],{"class":2195},"{\n",[2182,2396,2397],{"class":2184,"line":2302},[2182,2398,2399],{"class":2298},"  // ❌ Oops, the script hasn't finished loading yet!\n",[2182,2401,2402],{"class":2184,"line":2308},[2182,2403,2404],{"class":2298},"  // 💡 A `defer` script may not be available while our Nuxt app hydrates.\n",[2182,2406,2407],{"class":2184,"line":2314},[2182,2408,2409],{"class":2298},"  // 👉 We need to wait for the script to be loaded\n",[2182,2411,2412,2415,2417,2419,2421,2423,2425,2427,2429,2431,2433,2435,2438],{"class":2184,"line":2346},[2182,2413,2414],{"class":2191},"  window",[2182,2416,2062],{"class":2195},[2182,2418,2165],{"class":2188},[2182,2420,2192],{"class":2199},[2182,2422,2223],{"class":2195},[2182,2424,2328],{"class":2219},[2182,2426,2223],{"class":2195},[2182,2428,2226],{"class":2195},[2182,2430,2335],{"class":2188},[2182,2432,2338],{"class":2199},[2182,2434,2062],{"class":2195},[2182,2436,2437],{"class":2191},"path",[2182,2439,2247],{"class":2199},[2182,2441,2443],{"class":2184,"line":2442},7,[2182,2444,2445],{"class":2195},"}\n",[2182,2447,2449,2451,2453],{"class":2184,"line":2448},8,[2182,2450,2349],{"class":2195},[2182,2452,2285],{"class":2199},[2182,2454,2292],{"class":2195},[2173,2456,2459],{"className":2272,"code":2457,"filename":2458,"language":2275,"meta":2178,"style":2178},"\u003Cscript lang=\"ts\" setup>\nif (import.meta.client) {\n  useTimeoutFn(() => {\n    // ✅ It's working!\n    // ❌ Oops, types are broken.\n    // 💡 The `window` has strict types and nothing is defined yet.\n    // 👉 We need to manually augment the window\n    window.track('page_view', useRoute().path)\n  }, 1000 /* should be loaded in 1 second!? */)\n}\n\u003C/script>\n","3: Broken types",[2159,2460,2461,2484,2502,2517,2522,2527,2532,2537,2566,2581,2586],{"__ignoreMap":2178},[2182,2462,2463,2465,2467,2470,2473,2476,2478,2480,2482],{"class":2184,"line":2185},[2182,2464,2282],{"class":2195},[2182,2466,2285],{"class":2199},[2182,2468,2469],{"class":2288}," lang",[2182,2471,2472],{"class":2195},"=",[2182,2474,2475],{"class":2195},"\"",[2182,2477,2177],{"class":2219},[2182,2479,2475],{"class":2195},[2182,2481,2289],{"class":2288},[2182,2483,2292],{"class":2195},[2182,2485,2486,2488,2490,2492,2494,2496,2498,2500],{"class":2184,"line":2295},[2182,2487,2375],{"class":2374},[2182,2489,2378],{"class":2191},[2182,2491,2381],{"class":2374},[2182,2493,2062],{"class":2195},[2182,2495,2386],{"class":2191},[2182,2497,2062],{"class":2195},[2182,2499,2391],{"class":2191},[2182,2501,2394],{"class":2195},[2182,2503,2504,2507,2509,2511,2514],{"class":2184,"line":2302},[2182,2505,2506],{"class":2188},"  useTimeoutFn",[2182,2508,2192],{"class":2199},[2182,2510,2338],{"class":2195},[2182,2512,2513],{"class":2288}," =>",[2182,2515,2516],{"class":2195}," {\n",[2182,2518,2519],{"class":2184,"line":2308},[2182,2520,2521],{"class":2298},"    // ✅ It's working!\n",[2182,2523,2524],{"class":2184,"line":2314},[2182,2525,2526],{"class":2298},"    // ❌ Oops, types are broken.\n",[2182,2528,2529],{"class":2184,"line":2346},[2182,2530,2531],{"class":2298},"    // 💡 The `window` has strict types and nothing is defined yet.\n",[2182,2533,2534],{"class":2184,"line":2442},[2182,2535,2536],{"class":2298},"    // 👉 We need to manually augment the window\n",[2182,2538,2539,2542,2544,2546,2548,2550,2552,2554,2556,2558,2560,2562,2564],{"class":2184,"line":2448},[2182,2540,2541],{"class":2191},"    window",[2182,2543,2062],{"class":2195},[2182,2545,2165],{"class":2188},[2182,2547,2192],{"class":2199},[2182,2549,2223],{"class":2195},[2182,2551,2328],{"class":2219},[2182,2553,2223],{"class":2195},[2182,2555,2226],{"class":2195},[2182,2557,2335],{"class":2188},[2182,2559,2338],{"class":2199},[2182,2561,2062],{"class":2195},[2182,2563,2437],{"class":2191},[2182,2565,2247],{"class":2199},[2182,2567,2569,2572,2576,2579],{"class":2184,"line":2568},9,[2182,2570,2571],{"class":2195},"  },",[2182,2573,2575],{"class":2574},"sYRBq"," 1000",[2182,2577,2578],{"class":2298}," /* should be loaded in 1 second!? */",[2182,2580,2247],{"class":2199},[2182,2582,2584],{"class":2184,"line":2583},10,[2182,2585,2445],{"class":2195},[2182,2587,2589,2591,2593],{"class":2184,"line":2588},11,[2182,2590,2349],{"class":2195},[2182,2592,2285],{"class":2199},[2182,2594,2292],{"class":2195},[2173,2596,2599],{"className":2272,"code":2597,"filename":2598,"language":2275,"meta":2178,"style":2178},"\u003Cscript lang=\"ts\" setup>\ndeclare global {\n  interface Window {\n    track: (e: string, p: string) => void\n  }\n}\nif (import.meta.client) {\n  useTimeoutFn(() => {\n    // ✅ It's working and types are valid! \n    // ❌ Oops, ad-blockers, GDPR and duplicate scripts\n    // 💡 There's a lot of hidden complexity in third-party scripts\n    // 👉 We need a better API\n    window.track('page_view', useRoute().path)\n  }, 1000)\n}\n\u003C/script>\n","4: It works?",[2159,2600,2601,2621,2631,2642,2677,2682,2686,2704,2716,2721,2726,2731,2737,2766,2775,2780],{"__ignoreMap":2178},[2182,2602,2603,2605,2607,2609,2611,2613,2615,2617,2619],{"class":2184,"line":2185},[2182,2604,2282],{"class":2195},[2182,2606,2285],{"class":2199},[2182,2608,2469],{"class":2288},[2182,2610,2472],{"class":2195},[2182,2612,2475],{"class":2195},[2182,2614,2177],{"class":2219},[2182,2616,2475],{"class":2195},[2182,2618,2289],{"class":2288},[2182,2620,2292],{"class":2195},[2182,2622,2623,2626,2629],{"class":2184,"line":2295},[2182,2624,2625],{"class":2288},"declare",[2182,2627,2628],{"class":2191}," global ",[2182,2630,2394],{"class":2195},[2182,2632,2633,2636,2640],{"class":2184,"line":2302},[2182,2634,2635],{"class":2288},"  interface",[2182,2637,2639],{"class":2638},"s52Pk"," Window",[2182,2641,2516],{"class":2195},[2182,2643,2644,2647,2649,2651,2655,2657,2660,2662,2665,2667,2669,2672,2674],{"class":2184,"line":2308},[2182,2645,2646],{"class":2199},"    track",[2182,2648,2203],{"class":2195},[2182,2650,2378],{"class":2195},[2182,2652,2654],{"class":2653},"s1nJG","e",[2182,2656,2203],{"class":2195},[2182,2658,2659],{"class":2638}," string",[2182,2661,2226],{"class":2195},[2182,2663,2664],{"class":2653}," p",[2182,2666,2203],{"class":2195},[2182,2668,2659],{"class":2638},[2182,2670,2671],{"class":2195},")",[2182,2673,2513],{"class":2288},[2182,2675,2676],{"class":2638}," void\n",[2182,2678,2679],{"class":2184,"line":2314},[2182,2680,2681],{"class":2195},"  }\n",[2182,2683,2684],{"class":2184,"line":2346},[2182,2685,2445],{"class":2195},[2182,2687,2688,2690,2692,2694,2696,2698,2700,2702],{"class":2184,"line":2442},[2182,2689,2375],{"class":2374},[2182,2691,2378],{"class":2191},[2182,2693,2381],{"class":2374},[2182,2695,2062],{"class":2195},[2182,2697,2386],{"class":2191},[2182,2699,2062],{"class":2195},[2182,2701,2391],{"class":2191},[2182,2703,2394],{"class":2195},[2182,2705,2706,2708,2710,2712,2714],{"class":2184,"line":2448},[2182,2707,2506],{"class":2188},[2182,2709,2192],{"class":2199},[2182,2711,2338],{"class":2195},[2182,2713,2513],{"class":2288},[2182,2715,2516],{"class":2195},[2182,2717,2718],{"class":2184,"line":2568},[2182,2719,2720],{"class":2298},"    // ✅ It's working and types are valid! \n",[2182,2722,2723],{"class":2184,"line":2583},[2182,2724,2725],{"class":2298},"    // ❌ Oops, ad-blockers, GDPR and duplicate scripts\n",[2182,2727,2728],{"class":2184,"line":2588},[2182,2729,2730],{"class":2298},"    // 💡 There's a lot of hidden complexity in third-party scripts\n",[2182,2732,2734],{"class":2184,"line":2733},12,[2182,2735,2736],{"class":2298},"    // 👉 We need a better API\n",[2182,2738,2740,2742,2744,2746,2748,2750,2752,2754,2756,2758,2760,2762,2764],{"class":2184,"line":2739},13,[2182,2741,2541],{"class":2191},[2182,2743,2062],{"class":2195},[2182,2745,2165],{"class":2188},[2182,2747,2192],{"class":2199},[2182,2749,2223],{"class":2195},[2182,2751,2328],{"class":2219},[2182,2753,2223],{"class":2195},[2182,2755,2226],{"class":2195},[2182,2757,2335],{"class":2188},[2182,2759,2338],{"class":2199},[2182,2761,2062],{"class":2195},[2182,2763,2437],{"class":2191},[2182,2765,2247],{"class":2199},[2182,2767,2769,2771,2773],{"class":2184,"line":2768},14,[2182,2770,2571],{"class":2195},[2182,2772,2575],{"class":2574},[2182,2774,2247],{"class":2199},[2182,2776,2778],{"class":2184,"line":2777},15,[2182,2779,2445],{"class":2195},[2182,2781,2783,2785,2787],{"class":2184,"line":2782},16,[2182,2784,2349],{"class":2195},[2182,2786,2285],{"class":2199},[2182,2788,2292],{"class":2195},[2151,2790,2792],{"id":2791},"performance-why-cant-i-get-100-on-lighthouse","🐌 Performance: \"Why can't I get 100 on Lighthouse?\"",[2046,2794,2795],{},"For a visitor to start interacting with your Nuxt site, the app bundle needs to be downloaded and Vue needs to hydrate the app instance.",[2046,2797,2798,2799,2802,2803,2806,2807,2062],{},"Loading third-party scripts can interfere with this hydration process, even when using ",[2159,2800,2801],{},"async"," or ",[2159,2804,2805],{},"defer",". This slows down the network and blocks the main thread, leading to a degraded user experience and poor ",[2050,2808,2811],{"href":2809,"rel":2810},"https://web.dev/vitals/",[2054],"Core Web Vitals",[2046,2813,2814,2815,2820,2821,2826,2827,2832],{},"The ",[2050,2816,2819],{"href":2817,"rel":2818},"https://developer.chrome.com/docs/crux",[2054],"Chrome User Experience Report"," shows Nuxt sites with numerous third-party resources typically have poorer ",[2050,2822,2825],{"href":2823,"rel":2824},"https://web.dev/articles/inp",[2054],"Interaction to Next Paint (INP)"," and ",[2050,2828,2831],{"href":2829,"rel":2830},"https://web.dev/articles/lcp",[2054],"Largest Contentful Paint (LCP)"," scores.",[2046,2834,2835,2836,2841,2842,2062],{},"To see how third-party scripts degrade performance, we can look at the ",[2050,2837,2840],{"href":2838,"rel":2839},"https://almanac.httparchive.org/en/2022/third-parties#impact-on-performance",[2054],"Web Almanac 2022",". The report shows that the top 10 third-party scripts ",[2843,2844,2845],"strong",{},"average median blocking time is 1.4 seconds",[2151,2847,2849,2850,2854],{"id":2848},"️-privacy-security-do-no-evil","🛡️ Privacy & Security: Do ",[2851,2852,2853],"em",{},"no"," evil?",[2046,2856,2857,2858,2863],{},"Of the top 10,000 sites, 58% of them have third-party scripts that ",[2050,2859,2862],{"href":2860,"rel":2861},"https://www3.cs.stonybrook.edu/~mikepo/papers/firstparty.www21.pdf",[2054],"exchange tracking IDs stored in external cookies",", meaning they can track users across sites even with third-party cookies disabled.",[2046,2865,2866],{},"While in many cases our hands are tied with the providers we use, we should try to minimize the amount of our end-users' data that we're leaking where possible.",[2046,2868,2869],{},"When we do take on the privacy implications, it can then be difficult to accurately convey these in our privacy policies and build the consent management required to comply with regulations such as GDPR.",[2046,2871,2872,2873,2876],{},"Security when using third-party scripts is also a concern. Third-party scripts are common attack vectors for malicious actors, most do not provide ",[2159,2874,2875],{},"integrity"," hashes for their scripts, meaning they can be compromised and inject malicious code into your app at any time.",[2079,2878,2880],{"id":2879},"what-does-nuxt-scripts-do-about-these-issues","What does Nuxt Scripts do about these issues?",[2151,2882,2884],{"id":2883},"composable-usescript","Composable: useScript",[2046,2886,2887,2888,2891,2892,2062],{},"This composable sits between the ",[2159,2889,2890],{},"\u003Cscript>"," tag and the functionality added to ",[2159,2893,2894],{},"window.{thirdPartyKey}",[2046,2896,2897,2898,2900],{},"For the ",[2159,2899,2890],{}," tag, the composable:",[2255,2902,2903,2906,2909,2919],{},[2258,2904,2905],{},"Gives full visibility into the script's loading and error states",[2258,2907,2908],{},"Loads scripts as Nuxt is hydrating the app by default, for slightly better performance.",[2258,2910,2911,2912,2826,2915,2918],{},"Restricts ",[2159,2913,2914],{},"crossorigin",[2159,2916,2917],{},"referrerpolicy"," to improve privacy and security.",[2258,2920,2921,2922,2927],{},"Provides a way to ",[2050,2923,2926],{"href":2924,"rel":2925},"https://scripts.nuxt.com/docs/guides/script-triggers",[2054],"delay loading the script"," until you need it.",[2046,2929,2930],{},"For the scripts API, it:",[2255,2932,2933,2936],{},[2258,2934,2935],{},"Provides full type-safety around the script's functions",[2258,2937,2938],{},"Adds a proxy layer allowing your app to run when the script functions in unsafe contexts (SSR, before the script is loaded, the script is blocked)",[2268,2940,2941,3160],{},[2173,2942,2945],{"className":2175,"code":2943,"filename":2944,"language":2177,"meta":2178,"style":2178},"const { proxy, onLoaded } = useScript('/hello.js', {\n  trigger: 'onNuxtReady',\n  use() {\n    return window.helloWorld\n  }\n})\n\nonLoaded(({ greeting }) => {\n  // ✅ script is loaded! Hooks into Vue lifecycle\n})\n\n// ✅ OR use the proxy API - SSR friendly, called when script is loaded\nproxy.greeting() // Hello, World!\n\ndeclare global {\n  interface Window {\n    helloWorld: {\n      greeting: () => 'Hello World!'\n    }\n  }\n}\n","hello.ts",[2159,2946,2947,2984,3000,3009,3022,3026,3032,3037,3057,3062,3068,3072,3077,3093,3097,3105,3113,3123,3144,3150,3155],{"__ignoreMap":2178},[2182,2948,2949,2952,2955,2958,2960,2963,2965,2968,2971,2973,2975,2978,2980,2982],{"class":2184,"line":2185},[2182,2950,2951],{"class":2288},"const",[2182,2953,2954],{"class":2195}," {",[2182,2956,2957],{"class":2191}," proxy",[2182,2959,2226],{"class":2195},[2182,2961,2962],{"class":2191}," onLoaded ",[2182,2964,2244],{"class":2195},[2182,2966,2967],{"class":2195}," =",[2182,2969,2970],{"class":2188}," useScript",[2182,2972,2192],{"class":2191},[2182,2974,2223],{"class":2195},[2182,2976,2977],{"class":2219},"/hello.js",[2182,2979,2223],{"class":2195},[2182,2981,2226],{"class":2195},[2182,2983,2516],{"class":2195},[2182,2985,2986,2989,2991,2993,2995,2997],{"class":2184,"line":2295},[2182,2987,2988],{"class":2199},"  trigger",[2182,2990,2203],{"class":2195},[2182,2992,2216],{"class":2195},[2182,2994,698],{"class":2219},[2182,2996,2223],{"class":2195},[2182,2998,2999],{"class":2195},",\n",[2182,3001,3002,3005,3007],{"class":2184,"line":2302},[2182,3003,3004],{"class":2199},"  use",[2182,3006,2338],{"class":2195},[2182,3008,2516],{"class":2195},[2182,3010,3011,3014,3017,3019],{"class":2184,"line":2308},[2182,3012,3013],{"class":2374},"    return",[2182,3015,3016],{"class":2191}," window",[2182,3018,2062],{"class":2195},[2182,3020,3021],{"class":2191},"helloWorld\n",[2182,3023,3024],{"class":2184,"line":2314},[2182,3025,2681],{"class":2195},[2182,3027,3028,3030],{"class":2184,"line":2346},[2182,3029,2244],{"class":2195},[2182,3031,2247],{"class":2191},[2182,3033,3034],{"class":2184,"line":2442},[2182,3035,3036],{"emptyLinePlaceholder":1196},"\n",[2182,3038,3039,3042,3044,3047,3050,3053,3055],{"class":2184,"line":2448},[2182,3040,3041],{"class":2188},"onLoaded",[2182,3043,2192],{"class":2191},[2182,3045,3046],{"class":2195},"({",[2182,3048,3049],{"class":2653}," greeting",[2182,3051,3052],{"class":2195}," })",[2182,3054,2513],{"class":2288},[2182,3056,2516],{"class":2195},[2182,3058,3059],{"class":2184,"line":2568},[2182,3060,3061],{"class":2298},"  // ✅ script is loaded! Hooks into Vue lifecycle\n",[2182,3063,3064,3066],{"class":2184,"line":2583},[2182,3065,2244],{"class":2195},[2182,3067,2247],{"class":2191},[2182,3069,3070],{"class":2184,"line":2588},[2182,3071,3036],{"emptyLinePlaceholder":1196},[2182,3073,3074],{"class":2184,"line":2733},[2182,3075,3076],{"class":2298},"// ✅ OR use the proxy API - SSR friendly, called when script is loaded\n",[2182,3078,3079,3082,3084,3087,3090],{"class":2184,"line":2739},[2182,3080,3081],{"class":2191},"proxy",[2182,3083,2062],{"class":2195},[2182,3085,3086],{"class":2188},"greeting",[2182,3088,3089],{"class":2191},"() ",[2182,3091,3092],{"class":2298},"// Hello, World!\n",[2182,3094,3095],{"class":2184,"line":2768},[2182,3096,3036],{"emptyLinePlaceholder":1196},[2182,3098,3099,3101,3103],{"class":2184,"line":2777},[2182,3100,2625],{"class":2288},[2182,3102,2628],{"class":2191},[2182,3104,2394],{"class":2195},[2182,3106,3107,3109,3111],{"class":2184,"line":2782},[2182,3108,2635],{"class":2288},[2182,3110,2639],{"class":2638},[2182,3112,2516],{"class":2195},[2182,3114,3116,3119,3121],{"class":2184,"line":3115},17,[2182,3117,3118],{"class":2199},"    helloWorld",[2182,3120,2203],{"class":2195},[2182,3122,2516],{"class":2195},[2182,3124,3126,3129,3131,3134,3136,3138,3141],{"class":2184,"line":3125},18,[2182,3127,3128],{"class":2199},"      greeting",[2182,3130,2203],{"class":2195},[2182,3132,3133],{"class":2195}," ()",[2182,3135,2513],{"class":2288},[2182,3137,2216],{"class":2195},[2182,3139,3140],{"class":2219},"Hello World!",[2182,3142,3143],{"class":2195},"'\n",[2182,3145,3147],{"class":2184,"line":3146},19,[2182,3148,3149],{"class":2195},"    }\n",[2182,3151,3153],{"class":2184,"line":3152},20,[2182,3154,2681],{"class":2195},[2182,3156,3158],{"class":2184,"line":3157},21,[2182,3159,2445],{"class":2195},[2173,3161,3164],{"className":2175,"code":3162,"filename":3163,"language":2177,"meta":2178,"style":2178},"window.helloWorld = {\n  greeting() {\n    console.log('Hello, World!')\n  }\n}\n","hello.js",[2159,3165,3166,3179,3188,3209,3213],{"__ignoreMap":2178},[2182,3167,3168,3170,3172,3175,3177],{"class":2184,"line":2185},[2182,3169,2317],{"class":2191},[2182,3171,2062],{"class":2195},[2182,3173,3174],{"class":2191},"helloWorld ",[2182,3176,2472],{"class":2195},[2182,3178,2516],{"class":2195},[2182,3180,3181,3184,3186],{"class":2184,"line":2295},[2182,3182,3183],{"class":2199},"  greeting",[2182,3185,2338],{"class":2195},[2182,3187,2516],{"class":2195},[2182,3189,3190,3193,3195,3198,3200,3202,3205,3207],{"class":2184,"line":2302},[2182,3191,3192],{"class":2191},"    console",[2182,3194,2062],{"class":2195},[2182,3196,3197],{"class":2188},"log",[2182,3199,2192],{"class":2199},[2182,3201,2223],{"class":2195},[2182,3203,3204],{"class":2219},"Hello, World!",[2182,3206,2223],{"class":2195},[2182,3208,2247],{"class":2199},[2182,3210,3211],{"class":2184,"line":2308},[2182,3212,2681],{"class":2195},[2182,3214,3215],{"class":2184,"line":2314},[2182,3216,2445],{"class":2195},[2151,3218,3220],{"id":3219},"script-registry","Script Registry",[2046,3222,2814,3223,3228],{},[2050,3224,3227],{"href":3225,"rel":3226},"https://scripts.nuxt.com/scripts",[2054],"script registry"," is a collection of first-party integrations for common third-party scripts. As of release, we support 21 scripts, with more to come.",[2046,3230,3231],{},[2069,3232],{"alt":3233,"className":3234,"src":3235},"Nuxt Scripts Registry",[2073,2074,2075,2076],"/assets/blog/nuxt-scripts/registry.png",[2046,3237,3238,3239,3242],{},"These registry scripts are fine-tuned wrappers around ",[2159,3240,3241],{},"useScript"," with full type-safety, runtime validation of the script options (dev only) and environment variable support",[2046,3244,3245,3246,3251],{},"For example, we can look at the ",[2050,3247,3250],{"href":3248,"rel":3249},"https://scripts.nuxt.com/scripts/analytics/fathom-analytics",[2054],"Fathom Analytics"," script.",[2173,3253,3255],{"className":2175,"code":3254,"language":2177,"meta":2178,"style":2178},"const { proxy } = useScriptFathomAnalytics({\n  // ✅ options are validated at runtime\n  site: undefined\n})\n// ✅ typed\nproxy.trackPageview()\n",[2159,3256,3257,3277,3282,3292,3298,3303],{"__ignoreMap":2178},[2182,3258,3259,3261,3263,3266,3268,3270,3273,3275],{"class":2184,"line":2185},[2182,3260,2951],{"class":2288},[2182,3262,2954],{"class":2195},[2182,3264,3265],{"class":2191}," proxy ",[2182,3267,2244],{"class":2195},[2182,3269,2967],{"class":2195},[2182,3271,3272],{"class":2188}," useScriptFathomAnalytics",[2182,3274,2192],{"class":2191},[2182,3276,2394],{"class":2195},[2182,3278,3279],{"class":2184,"line":2295},[2182,3280,3281],{"class":2298},"  // ✅ options are validated at runtime\n",[2182,3283,3284,3287,3289],{"class":2184,"line":2302},[2182,3285,3286],{"class":2199},"  site",[2182,3288,2203],{"class":2195},[2182,3290,3291],{"class":2195}," undefined\n",[2182,3293,3294,3296],{"class":2184,"line":2308},[2182,3295,2244],{"class":2195},[2182,3297,2247],{"class":2191},[2182,3299,3300],{"class":2184,"line":2314},[2182,3301,3302],{"class":2298},"// ✅ typed\n",[2182,3304,3305,3307,3309,3312],{"class":2184,"line":2346},[2182,3306,3081],{"class":2191},[2182,3308,2062],{"class":2195},[2182,3310,3311],{"class":2188},"trackPageview",[2182,3313,3314],{"class":2191},"()\n",[2151,3316,3318],{"id":3317},"facade-components","Facade Components",[2046,3320,3321,3322,3327,3328,3333,3334,2826,3339,2062],{},"The registry includes several ",[2050,3323,3326],{"href":3324,"rel":3325},"https://scripts.nuxt.com/docs/guides/facade-components",[2054],"facade components",", such as\n",[2050,3329,3332],{"href":3330,"rel":3331},"https://scripts.nuxt.com/scripts/content/google-maps",[2054],"Google Maps",", ",[2050,3335,3338],{"href":3336,"rel":3337},"https://scripts.nuxt.com/scripts/content/youtube-player",[2054],"YouTube",[2050,3340,3343],{"href":3341,"rel":3342},"https://scripts.nuxt.com/scripts/support/intercom",[2054],"Intercom",[2046,3345,3346,3347,3352],{},"Facade components are \"fake\" components that get hydrated when the third-party script loads. Facade components\nhave trade-offs but can drastically improve your performance. See the ",[2050,3348,3351],{"href":3349,"rel":3350},"https://scripts.nuxt.com/docs/guides/facade-components#what-are-facade-components",[2054],"What are Facade Components?","\nguide for more information.",[2046,3354,3355],{},"Nuxt Scripts provides facade components as accessible but headless, meaning they are not styled by default but add the necessary\na16y data.",[3357,3358,3359,3366],"tabs",{},[3360,3361,3363],"tabs-item",{"label":3362},"Output",[3364,3365],"youtube-demo",{},[3360,3367,3369],{"label":3368},"Input",[2173,3370,3372],{"className":2272,"code":3371,"language":2275,"meta":2178,"style":2178},"\u003Cscript setup lang=\"ts\">\nconst isLoaded = ref(false)\nconst isPlaying = ref(false)\nconst video = ref()\nfunction play() {\n  video.value?.player.playVideo()\n}\nfunction stateChange(state) {\n  isPlaying.value = state.data === 1\n}\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CScriptYouTubePlayer ref=\"video\" video-id=\"d_IFKP1Ofq0\" @ready=\"isLoaded = true\" @state-change=\"stateChange\">\n    \u003Ctemplate #awaitingLoad>\n      \u003Cdiv class=\"absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 h-[48px] w-[68px]\">\n        \u003Csvg height=\"100%\" version=\"1.1\" viewBox=\"0 0 68 48\" width=\"100%\">\u003Cpath d=\"M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z\" fill=\"#f00\" />\u003Cpath d=\"M 45,24 27,14 27,34\" fill=\"#fff\" />\u003C/svg>\n      \u003C/div>\n    \u003C/template>\n  \u003C/ScriptYouTubePlayer>\n\u003C/template>\n",[2159,3373,3374,3394,3413,3430,3443,3455,3478,3482,3498,3523,3527,3535,3539,3548,3605,3620,3642,3760,3769,3778,3787],{"__ignoreMap":2178},[2182,3375,3376,3378,3380,3382,3384,3386,3388,3390,3392],{"class":2184,"line":2185},[2182,3377,2282],{"class":2195},[2182,3379,2285],{"class":2199},[2182,3381,2289],{"class":2288},[2182,3383,2469],{"class":2288},[2182,3385,2472],{"class":2195},[2182,3387,2475],{"class":2195},[2182,3389,2177],{"class":2219},[2182,3391,2475],{"class":2195},[2182,3393,2292],{"class":2195},[2182,3395,3396,3398,3401,3403,3406,3408,3411],{"class":2184,"line":2295},[2182,3397,2951],{"class":2288},[2182,3399,3400],{"class":2191}," isLoaded ",[2182,3402,2472],{"class":2195},[2182,3404,3405],{"class":2188}," ref",[2182,3407,2192],{"class":2191},[2182,3409,3410],{"class":2234},"false",[2182,3412,2247],{"class":2191},[2182,3414,3415,3417,3420,3422,3424,3426,3428],{"class":2184,"line":2302},[2182,3416,2951],{"class":2288},[2182,3418,3419],{"class":2191}," isPlaying ",[2182,3421,2472],{"class":2195},[2182,3423,3405],{"class":2188},[2182,3425,2192],{"class":2191},[2182,3427,3410],{"class":2234},[2182,3429,2247],{"class":2191},[2182,3431,3432,3434,3437,3439,3441],{"class":2184,"line":2308},[2182,3433,2951],{"class":2288},[2182,3435,3436],{"class":2191}," video ",[2182,3438,2472],{"class":2195},[2182,3440,3405],{"class":2188},[2182,3442,3314],{"class":2191},[2182,3444,3445,3448,3451,3453],{"class":2184,"line":2314},[2182,3446,3447],{"class":2288},"function",[2182,3449,3450],{"class":2188}," play",[2182,3452,2338],{"class":2195},[2182,3454,2516],{"class":2195},[2182,3456,3457,3460,3462,3465,3468,3471,3473,3476],{"class":2184,"line":2346},[2182,3458,3459],{"class":2191},"  video",[2182,3461,2062],{"class":2195},[2182,3463,3464],{"class":2191},"value",[2182,3466,3467],{"class":2195},"?.",[2182,3469,3470],{"class":2191},"player",[2182,3472,2062],{"class":2195},[2182,3474,3475],{"class":2188},"playVideo",[2182,3477,3314],{"class":2199},[2182,3479,3480],{"class":2184,"line":2442},[2182,3481,2445],{"class":2195},[2182,3483,3484,3486,3489,3491,3494,3496],{"class":2184,"line":2448},[2182,3485,3447],{"class":2288},[2182,3487,3488],{"class":2188}," stateChange",[2182,3490,2192],{"class":2195},[2182,3492,3493],{"class":2653},"state",[2182,3495,2671],{"class":2195},[2182,3497,2516],{"class":2195},[2182,3499,3500,3503,3505,3507,3509,3512,3514,3517,3520],{"class":2184,"line":2568},[2182,3501,3502],{"class":2191},"  isPlaying",[2182,3504,2062],{"class":2195},[2182,3506,3464],{"class":2191},[2182,3508,2967],{"class":2195},[2182,3510,3511],{"class":2191}," state",[2182,3513,2062],{"class":2195},[2182,3515,3516],{"class":2191},"data",[2182,3518,3519],{"class":2195}," ===",[2182,3521,3522],{"class":2574}," 1\n",[2182,3524,3525],{"class":2184,"line":2583},[2182,3526,2445],{"class":2195},[2182,3528,3529,3531,3533],{"class":2184,"line":2588},[2182,3530,2349],{"class":2195},[2182,3532,2285],{"class":2199},[2182,3534,2292],{"class":2195},[2182,3536,3537],{"class":2184,"line":2733},[2182,3538,3036],{"emptyLinePlaceholder":1196},[2182,3540,3541,3543,3546],{"class":2184,"line":2739},[2182,3542,2282],{"class":2195},[2182,3544,3545],{"class":2199},"template",[2182,3547,2292],{"class":2195},[2182,3549,3550,3553,3556,3558,3560,3562,3565,3567,3570,3572,3574,3577,3579,3582,3584,3586,3589,3591,3594,3596,3598,3601,3603],{"class":2184,"line":2768},[2182,3551,3552],{"class":2195},"  \u003C",[2182,3554,3555],{"class":2199},"ScriptYouTubePlayer",[2182,3557,3405],{"class":2288},[2182,3559,2472],{"class":2195},[2182,3561,2475],{"class":2195},[2182,3563,3564],{"class":2219},"video",[2182,3566,2475],{"class":2195},[2182,3568,3569],{"class":2288}," video-id",[2182,3571,2472],{"class":2195},[2182,3573,2475],{"class":2195},[2182,3575,3576],{"class":2219},"d_IFKP1Ofq0",[2182,3578,2475],{"class":2195},[2182,3580,3581],{"class":2288}," @ready",[2182,3583,2472],{"class":2195},[2182,3585,2475],{"class":2195},[2182,3587,3588],{"class":2219},"isLoaded = true",[2182,3590,2475],{"class":2195},[2182,3592,3593],{"class":2288}," @state-change",[2182,3595,2472],{"class":2195},[2182,3597,2475],{"class":2195},[2182,3599,3600],{"class":2219},"stateChange",[2182,3602,2475],{"class":2195},[2182,3604,2292],{"class":2195},[2182,3606,3607,3610,3612,3615,3618],{"class":2184,"line":2777},[2182,3608,3609],{"class":2195},"    \u003C",[2182,3611,3545],{"class":2199},[2182,3613,3614],{"class":2195}," #",[2182,3616,3617],{"class":2288},"awaitingLoad",[2182,3619,2292],{"class":2195},[2182,3621,3622,3625,3628,3631,3633,3635,3638,3640],{"class":2184,"line":2782},[2182,3623,3624],{"class":2195},"      \u003C",[2182,3626,3627],{"class":2199},"div",[2182,3629,3630],{"class":2288}," class",[2182,3632,2472],{"class":2195},[2182,3634,2475],{"class":2195},[2182,3636,3637],{"class":2219},"absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 h-[48px] w-[68px]",[2182,3639,2475],{"class":2195},[2182,3641,2292],{"class":2195},[2182,3643,3644,3647,3650,3653,3655,3657,3660,3662,3665,3667,3669,3672,3674,3677,3679,3681,3684,3686,3689,3691,3693,3695,3697,3700,3702,3705,3707,3709,3712,3714,3717,3719,3721,3724,3726,3729,3731,3733,3735,3737,3740,3742,3744,3746,3748,3751,3753,3756,3758],{"class":2184,"line":3115},[2182,3645,3646],{"class":2195},"        \u003C",[2182,3648,3649],{"class":2199},"svg",[2182,3651,3652],{"class":2288}," height",[2182,3654,2472],{"class":2195},[2182,3656,2475],{"class":2195},[2182,3658,3659],{"class":2219},"100%",[2182,3661,2475],{"class":2195},[2182,3663,3664],{"class":2288}," version",[2182,3666,2472],{"class":2195},[2182,3668,2475],{"class":2195},[2182,3670,3671],{"class":2219},"1.1",[2182,3673,2475],{"class":2195},[2182,3675,3676],{"class":2288}," viewBox",[2182,3678,2472],{"class":2195},[2182,3680,2475],{"class":2195},[2182,3682,3683],{"class":2219},"0 0 68 48",[2182,3685,2475],{"class":2195},[2182,3687,3688],{"class":2288}," width",[2182,3690,2472],{"class":2195},[2182,3692,2475],{"class":2195},[2182,3694,3659],{"class":2219},[2182,3696,2475],{"class":2195},[2182,3698,3699],{"class":2195},">\u003C",[2182,3701,2437],{"class":2199},[2182,3703,3704],{"class":2288}," d",[2182,3706,2472],{"class":2195},[2182,3708,2475],{"class":2195},[2182,3710,3711],{"class":2219},"M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z",[2182,3713,2475],{"class":2195},[2182,3715,3716],{"class":2288}," fill",[2182,3718,2472],{"class":2195},[2182,3720,2475],{"class":2195},[2182,3722,3723],{"class":2219},"#f00",[2182,3725,2475],{"class":2195},[2182,3727,3728],{"class":2195}," />\u003C",[2182,3730,2437],{"class":2199},[2182,3732,3704],{"class":2288},[2182,3734,2472],{"class":2195},[2182,3736,2475],{"class":2195},[2182,3738,3739],{"class":2219},"M 45,24 27,14 27,34",[2182,3741,2475],{"class":2195},[2182,3743,3716],{"class":2288},[2182,3745,2472],{"class":2195},[2182,3747,2475],{"class":2195},[2182,3749,3750],{"class":2219},"#fff",[2182,3752,2475],{"class":2195},[2182,3754,3755],{"class":2195}," />\u003C/",[2182,3757,3649],{"class":2199},[2182,3759,2292],{"class":2195},[2182,3761,3762,3765,3767],{"class":2184,"line":3125},[2182,3763,3764],{"class":2195},"      \u003C/",[2182,3766,3627],{"class":2199},[2182,3768,2292],{"class":2195},[2182,3770,3771,3774,3776],{"class":2184,"line":3146},[2182,3772,3773],{"class":2195},"    \u003C/",[2182,3775,3545],{"class":2199},[2182,3777,2292],{"class":2195},[2182,3779,3780,3783,3785],{"class":2184,"line":3152},[2182,3781,3782],{"class":2195},"  \u003C/",[2182,3784,3555],{"class":2199},[2182,3786,2292],{"class":2195},[2182,3788,3789,3791,3793],{"class":2184,"line":3157},[2182,3790,2349],{"class":2195},[2182,3792,3545],{"class":2199},[2182,3794,2292],{"class":2195},[2151,3796,3798],{"id":3797},"consent-management-element-event-triggers","Consent Management & Element Event Triggers",[2046,3800,2814,3801,3803,3804,3807,3808,3811],{},[2159,3802,3241],{}," composable gives you full control over how and when your scripts are loaded, by either providing a custom ",[2159,3805,3806],{},"trigger"," or manually calling the ",[2159,3809,3810],{},"load()"," function.",[2046,3813,3814],{},"Building on top of this, Nuxt Scripts provides advanced triggers to make it even easier.",[2255,3816,3817,3825],{},[2258,3818,3819,3824],{},[2050,3820,3823],{"href":3821,"rel":3822},"https://scripts.nuxt.com/docs/guides/consent",[2054],"Consent Management"," - Load scripts only after the user has given consent such as with a cookie banner.",[2258,3826,3827,3832],{},[2050,3828,3831],{"href":3829,"rel":3830},"https://scripts.nuxt.com/docs/guides/script-triggers#element-event-triggers",[2054],"Element Event Triggers"," - Load scripts based on user interactions such as scrolling, clicking, or form submissions.",[2173,3834,3836],{"className":2175,"code":3835,"language":2177,"meta":2178,"style":2178},"const cookieConsentTrigger = useScriptTriggerConsent()\nconst { proxy } = useScript\u003C{ greeting: () => void }>('/hello.js', {\n  // script will only be loaded once the consent has been accepted\n  trigger: cookieConsentTrigger\n})\n// ...\nfunction acceptCookies() {\n  cookieConsentTrigger.accept()\n}\n// greeting() is queued until the user accepts cookies\nproxy.greeting()\n",[2159,3837,3838,3852,3895,3900,3909,3915,3920,3931,3943,3947,3952],{"__ignoreMap":2178},[2182,3839,3840,3842,3845,3847,3850],{"class":2184,"line":2185},[2182,3841,2951],{"class":2288},[2182,3843,3844],{"class":2191}," cookieConsentTrigger ",[2182,3846,2472],{"class":2195},[2182,3848,3849],{"class":2188}," useScriptTriggerConsent",[2182,3851,3314],{"class":2191},[2182,3853,3854,3856,3858,3860,3862,3864,3866,3869,3871,3873,3875,3877,3880,3883,3885,3887,3889,3891,3893],{"class":2184,"line":2295},[2182,3855,2951],{"class":2288},[2182,3857,2954],{"class":2195},[2182,3859,3265],{"class":2191},[2182,3861,2244],{"class":2195},[2182,3863,2967],{"class":2195},[2182,3865,2970],{"class":2188},[2182,3867,3868],{"class":2195},"\u003C{",[2182,3870,3049],{"class":2199},[2182,3872,2203],{"class":2195},[2182,3874,3133],{"class":2195},[2182,3876,2513],{"class":2288},[2182,3878,3879],{"class":2638}," void",[2182,3881,3882],{"class":2195}," }>",[2182,3884,2192],{"class":2191},[2182,3886,2223],{"class":2195},[2182,3888,2977],{"class":2219},[2182,3890,2223],{"class":2195},[2182,3892,2226],{"class":2195},[2182,3894,2516],{"class":2195},[2182,3896,3897],{"class":2184,"line":2302},[2182,3898,3899],{"class":2298},"  // script will only be loaded once the consent has been accepted\n",[2182,3901,3902,3904,3906],{"class":2184,"line":2308},[2182,3903,2988],{"class":2199},[2182,3905,2203],{"class":2195},[2182,3907,3908],{"class":2191}," cookieConsentTrigger\n",[2182,3910,3911,3913],{"class":2184,"line":2314},[2182,3912,2244],{"class":2195},[2182,3914,2247],{"class":2191},[2182,3916,3917],{"class":2184,"line":2346},[2182,3918,3919],{"class":2298},"// ...\n",[2182,3921,3922,3924,3927,3929],{"class":2184,"line":2442},[2182,3923,3447],{"class":2288},[2182,3925,3926],{"class":2188}," acceptCookies",[2182,3928,2338],{"class":2195},[2182,3930,2516],{"class":2195},[2182,3932,3933,3936,3938,3941],{"class":2184,"line":2448},[2182,3934,3935],{"class":2191},"  cookieConsentTrigger",[2182,3937,2062],{"class":2195},[2182,3939,3940],{"class":2188},"accept",[2182,3942,3314],{"class":2199},[2182,3944,3945],{"class":2184,"line":2568},[2182,3946,2445],{"class":2195},[2182,3948,3949],{"class":2184,"line":2583},[2182,3950,3951],{"class":2298},"// greeting() is queued until the user accepts cookies\n",[2182,3953,3954,3956,3958,3960],{"class":2184,"line":2588},[2182,3955,3081],{"class":2191},[2182,3957,2062],{"class":2195},[2182,3959,3086],{"class":2188},[2182,3961,3314],{"class":2191},[2151,3963,3965],{"id":3964},"bundling-scripts","Bundling Scripts",[2046,3967,3968],{},"In many cases, we're loading third-party scripts from a domain that we don't control. This can lead to a number of issues:",[2255,3970,3971,3974,3977,3980],{},[2258,3972,3973],{},"Privacy: The third-party script can track users across sites.",[2258,3975,3976],{},"Security: The third-party script can be compromised and inject malicious code.",[2258,3978,3979],{},"Performance: Extra DNS lookups will slow down the page load.",[2258,3981,3982],{},"Developer Experience: Consented scripts may be blocked by ad blockers.",[2046,3984,3985],{},"To mitigate this, Nuxt Scripts provides a way to bundle third-party scripts into your public directory without any extra work.",[2173,3987,3989],{"className":2175,"code":3988,"language":2177,"meta":2178,"style":2178},"useScript('https://cdn.jsdelivr.net/npm/js-confetti@latest/dist/js-confetti.browser.js', {\n  bundle: true,\n})\n",[2159,3990,3991,4008,4019],{"__ignoreMap":2178},[2182,3992,3993,3995,3997,3999,4002,4004,4006],{"class":2184,"line":2185},[2182,3994,3241],{"class":2188},[2182,3996,2192],{"class":2191},[2182,3998,2223],{"class":2195},[2182,4000,4001],{"class":2219},"https://cdn.jsdelivr.net/npm/js-confetti@latest/dist/js-confetti.browser.js",[2182,4003,2223],{"class":2195},[2182,4005,2226],{"class":2195},[2182,4007,2516],{"class":2195},[2182,4009,4010,4013,4015,4017],{"class":2184,"line":2295},[2182,4011,4012],{"class":2199},"  bundle",[2182,4014,2203],{"class":2195},[2182,4016,2235],{"class":2234},[2182,4018,2999],{"class":2195},[2182,4020,4021,4023],{"class":2184,"line":2302},[2182,4022,2244],{"class":2195},[2182,4024,2247],{"class":2191},[2046,4026,4027,4028,4031],{},"The script will now be served from ",[2159,4029,4030],{},"/_scripts/{hash}"," on your own domain.",[2079,4033,4035],{"id":4034},"to-be-continued","To be continued",[2046,4037,4038],{},"As we saw, there are many opportunities to improve third-party scripts for developers and end-users.",[2046,4040,4041,4042,4045],{},"The initial release of Nuxt Scripts has solved ",[2851,4043,4044],{},"some"," of these issues, but there's still a lot of work ahead of us.",[2046,4047,4048],{},"The next items on the roadmap are:",[2255,4050,4051,4058,4065,4072],{},[2258,4052,4053],{},[2050,4054,4057],{"href":4055,"rel":4056},"https://github.com/nuxt/scripts/issues/182",[2054],"Add web worker support (Partytown)",[2258,4059,4060],{},[2050,4061,4064],{"href":4062,"rel":4063},"https://github.com/nuxt/scripts/issues/44",[2054],"More Live Chat Facade Components",[2258,4066,4067],{},[2050,4068,4071],{"href":4069,"rel":4070},"https://github.com/nuxt/scripts/issues/87",[2054],"Offload Scripts To Nuxt Server Proxy",[2258,4073,4074],{},[2050,4075,4078],{"href":4076,"rel":4077},"https://github.com/nuxt/scripts/issues/131",[2054],"Iframe Script Sandboxing",[2046,4080,4081],{},"We'd love to have your contribution and support.",[2079,4083,4085],{"id":4084},"getting-started","Getting started",[2046,4087,4088,4089,4094],{},"To get started with Nuxt Scripts, we've created a ",[2050,4090,4093],{"href":4091,"rel":4092},"https://scripts.nuxt.com/docs/getting-started/confetti-tutorial",[2054],"tutorial"," to help you get up and running.",[2079,4096,4098],{"id":4097},"credits","Credits",[2255,4100,4101,4108,4116,4123],{},[2258,4102,4103,4107],{},[2050,4104,4106],{"href":2040,"rel":4105},[2054],"Harlan Wilton - Nuxt"," (author)",[2258,4109,4110,4115],{},[2050,4111,4114],{"href":4112,"rel":4113},"https://github.com/huang-julien",[2054],"Julien Huang - Nuxt"," (contributor)",[2258,4117,4118,4115],{},[2050,4119,4122],{"href":4120,"rel":4121},"https://github.com/danielroe",[2054],"Daniel Roe - Nuxt",[2258,4124,4125,4115],{},[2050,4126,4128],{"href":2052,"rel":4127},[2054],"Chrome Aurora - Google",[2046,4130,4131],{},"And a big thank you to the early contributors.",[2046,4133,4134],{},[2069,4135],{"alt":4136,"className":4137,"src":4138},"Nuxt Scripts Contributors",[2073,2074,2075,2076],"/assets/blog/nuxt-scripts/contributors.png",[4140,4141,4142],"style",{},"html pre.shiki code .s3cPz, html code.shiki .s3cPz{--shiki-light:#6182B8;--shiki-default:#6182B8;--shiki-dark:#82AAFF}html pre.shiki code .sZSNi, html code.shiki .sZSNi{--shiki-light:#90A4AE;--shiki-default:#90A4AE;--shiki-dark:#BABED8}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 .sGFVr, html code.shiki .sGFVr{--shiki-light:#91B859;--shiki-default:#91B859;--shiki-dark:#C3E88D}html pre.shiki code .sbKd-, html code.shiki .sbKd-{--shiki-light:#FF5370;--shiki-default:#FF5370;--shiki-dark:#FF9CAC}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 .smZ93, html code.shiki .smZ93{--shiki-light:#9C3EDA;--shiki-default:#9C3EDA;--shiki-dark:#C792EA}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 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 .sYRBq, html code.shiki .sYRBq{--shiki-light:#F76D47;--shiki-default:#F76D47;--shiki-dark:#F78C6C}html pre.shiki code .s52Pk, html code.shiki .s52Pk{--shiki-light:#E2931D;--shiki-default:#E2931D;--shiki-dark:#FFCB6B}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}",{"title":2178,"searchDepth":2295,"depth":2295,"links":4144},[4145,4146,4152,4159,4160,4161],{"id":2081,"depth":2295,"text":2082},{"id":2120,"depth":2295,"text":2121,"children":4147},[4148,4149,4150],{"id":2153,"depth":2302,"text":2154},{"id":2791,"depth":2302,"text":2792},{"id":2848,"depth":2302,"text":4151},"🛡️ Privacy & Security: Do no evil?",{"id":2879,"depth":2295,"text":2880,"children":4153},[4154,4155,4156,4157,4158],{"id":2883,"depth":2302,"text":2884},{"id":3219,"depth":2302,"text":3220},{"id":3317,"depth":2302,"text":3318},{"id":3797,"depth":2302,"text":3798},{"id":3964,"depth":2302,"text":3965},{"id":4034,"depth":2295,"text":4035},{"id":4084,"depth":2295,"text":4085},{"id":4097,"depth":2295,"text":4098},"Release","2024-08-20T00:00:00.000Z","Nuxt Scripts provides better performance, privacy, security, and developer experience for third-party scripts.","md",{},{"title":1986,"description":4164},"I2I1SZLpKeGKt-rtqQi98uzN9_ppn3Em2PIYuB2qE5E",[4170,4172],{"title":1990,"path":1991,"stem":1992,"description":4171,"children":-1},"Discover Nuxt Icon v1 - a modern, versatile, and customizable icon solution for your Nuxt projects.",{"title":2002,"path":2003,"stem":2004,"description":4173,"children":-1},"Nuxt 2 will reach End of Life (EOL) on June 30th, 2024. We've partnered with HeroDevs on offering Never-Ending Support (NES).",1772450168114]