[{"data":1,"prerenderedAt":4165},["ShallowReactive",2],{"$fGCo9l1hMtNdUiA6QzdUX5X3kLqaWcC5t2kdz4LrvCvc":3,"versions":2020,"-blog-nuxt-scripts":2024,"-blog-nuxt-scripts-surround":4160},[4,1120,1931],{"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,1403,1761,1838,1860,1894],{"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,1318,1328,1353,1369],{"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,1312,1315],{"title":295,"path":1310,"stem":1311,"titleTemplate":6},"/docs/4.x/guide/best-practices/hydration","docs/4.x/3.guide/2.best-practices/hydration",{"title":299,"path":1313,"stem":1314,"titleTemplate":6},"/docs/4.x/guide/best-practices/performance","docs/4.x/3.guide/2.best-practices/performance",{"title":303,"path":1316,"stem":1317,"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":1319,"stem":1320,"children":1321,"page":108},"/docs/4.x/guide/ai","docs/4.x/3.guide/3.ai",[1322,1325],{"title":314,"path":1323,"stem":1324,"titleTemplate":6},"/docs/4.x/guide/ai/mcp","docs/4.x/3.guide/3.ai/1.mcp",{"title":318,"path":1326,"stem":1327,"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":1329,"stem":1330,"children":1331,"page":108},"/docs/4.x/guide/modules","docs/4.x/3.guide/4.modules",[1332,1335,1338,1341,1344,1347,1350],{"title":329,"path":1333,"stem":1334,"titleTemplate":6},"/docs/4.x/guide/modules/getting-started","docs/4.x/3.guide/4.modules/1.getting-started",{"title":333,"path":1336,"stem":1337,"titleTemplate":6},"/docs/4.x/guide/modules/module-anatomy","docs/4.x/3.guide/4.modules/2.module-anatomy",{"title":337,"path":1339,"stem":1340,"titleTemplate":6},"/docs/4.x/guide/modules/recipes-basics","docs/4.x/3.guide/4.modules/3.recipes-basics",{"title":341,"path":1342,"stem":1343,"titleTemplate":6},"/docs/4.x/guide/modules/recipes-advanced","docs/4.x/3.guide/4.modules/4.recipes-advanced",{"title":345,"path":1345,"stem":1346,"titleTemplate":6},"/docs/4.x/guide/modules/testing","docs/4.x/3.guide/4.modules/5.testing",{"title":349,"path":1348,"stem":1349,"titleTemplate":6},"/docs/4.x/guide/modules/best-practices","docs/4.x/3.guide/4.modules/6.best-practices",{"title":353,"path":1351,"stem":1352,"titleTemplate":6},"/docs/4.x/guide/modules/ecosystem","docs/4.x/3.guide/4.modules/7.ecosystem",{"title":357,"titleTemplate":358,"icon":359,"path":1354,"stem":1355,"children":1356,"page":108},"/docs/4.x/guide/recipes","docs/4.x/3.guide/5.recipes",[1357,1360,1363,1366],{"title":364,"path":1358,"stem":1359,"titleTemplate":6},"/docs/4.x/guide/recipes/custom-routing","docs/4.x/3.guide/5.recipes/1.custom-routing",{"title":368,"path":1361,"stem":1362,"titleTemplate":6},"/docs/4.x/guide/recipes/vite-plugin","docs/4.x/3.guide/5.recipes/2.vite-plugin",{"title":372,"path":1364,"stem":1365,"titleTemplate":6},"/docs/4.x/guide/recipes/custom-usefetch","docs/4.x/3.guide/5.recipes/3.custom-usefetch",{"title":376,"path":1367,"stem":1368,"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":1370,"stem":1371,"children":1372,"page":108},"/docs/4.x/guide/going-further","docs/4.x/3.guide/6.going-further",[1373,1376,1379,1382,1385,1388,1391,1394,1397,1400],{"title":387,"path":1374,"stem":1375,"titleTemplate":6},"/docs/4.x/guide/going-further/events","docs/4.x/3.guide/6.going-further/1.events",{"title":391,"path":1377,"stem":1378,"titleTemplate":6},"/docs/4.x/guide/going-further/experimental-features","docs/4.x/3.guide/6.going-further/1.experimental-features",{"title":395,"path":1380,"stem":1381,"titleTemplate":6},"/docs/4.x/guide/going-further/features","docs/4.x/3.guide/6.going-further/1.features",{"title":399,"path":1383,"stem":1384,"titleTemplate":6},"/docs/4.x/guide/going-further/runtime-config","docs/4.x/3.guide/6.going-further/10.runtime-config",{"title":403,"path":1386,"stem":1387,"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":1389,"stem":1390,"titleTemplate":6},"/docs/4.x/guide/going-further/hooks","docs/4.x/3.guide/6.going-further/2.hooks",{"title":411,"path":1392,"stem":1393,"titleTemplate":6},"/docs/4.x/guide/going-further/kit","docs/4.x/3.guide/6.going-further/4.kit",{"title":415,"path":1395,"stem":1396,"titleTemplate":6},"/docs/4.x/guide/going-further/nuxt-app","docs/4.x/3.guide/6.going-further/6.nuxt-app",{"title":419,"path":1398,"stem":1399,"titleTemplate":6},"/docs/4.x/guide/going-further/layers","docs/4.x/3.guide/6.going-further/7.layers",{"title":423,"path":1401,"stem":1402,"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":1404,"stem":1405,"children":1406,"page":108},"/docs/4.x/api","docs/4.x/4.api",[1407,1456,1547,1638,1690,1748,1758],{"title":434,"titleTemplate":435,"icon":324,"path":1408,"stem":1409,"children":1410,"page":108},"/docs/4.x/api/components","docs/4.x/4.api/1.components",[1411,1414,1417,1420,1423,1426,1429,1432,1435,1438,1441,1444,1447,1450,1453],{"title":440,"path":1412,"stem":1413,"titleTemplate":6},"/docs/4.x/api/components/client-only","docs/4.x/4.api/1.components/1.client-only",{"title":444,"path":1415,"stem":1416,"titleTemplate":6},"/docs/4.x/api/components/dev-only","docs/4.x/4.api/1.components/1.dev-only",{"title":448,"path":1418,"stem":1419,"titleTemplate":6},"/docs/4.x/api/components/nuxt-client-fallback","docs/4.x/4.api/1.components/1.nuxt-client-fallback",{"title":452,"path":1421,"stem":1422,"titleTemplate":6},"/docs/4.x/api/components/nuxt-picture","docs/4.x/4.api/1.components/10.nuxt-picture",{"title":456,"path":1424,"stem":1425,"titleTemplate":6},"/docs/4.x/api/components/teleports","docs/4.x/4.api/1.components/11.teleports",{"title":460,"path":1427,"stem":1428,"titleTemplate":6},"/docs/4.x/api/components/nuxt-route-announcer","docs/4.x/4.api/1.components/12.nuxt-route-announcer",{"title":464,"path":1430,"stem":1431,"titleTemplate":6},"/docs/4.x/api/components/nuxt-time","docs/4.x/4.api/1.components/13.nuxt-time",{"title":468,"path":1433,"stem":1434,"titleTemplate":6},"/docs/4.x/api/components/nuxt-page","docs/4.x/4.api/1.components/2.nuxt-page",{"title":472,"path":1436,"stem":1437,"titleTemplate":6},"/docs/4.x/api/components/nuxt-layout","docs/4.x/4.api/1.components/3.nuxt-layout",{"title":476,"path":1439,"stem":1440,"titleTemplate":6},"/docs/4.x/api/components/nuxt-link","docs/4.x/4.api/1.components/4.nuxt-link",{"title":480,"path":1442,"stem":1443,"titleTemplate":6},"/docs/4.x/api/components/nuxt-loading-indicator","docs/4.x/4.api/1.components/5.nuxt-loading-indicator",{"title":484,"path":1445,"stem":1446,"titleTemplate":6},"/docs/4.x/api/components/nuxt-error-boundary","docs/4.x/4.api/1.components/6.nuxt-error-boundary",{"title":488,"path":1448,"stem":1449,"titleTemplate":6},"/docs/4.x/api/components/nuxt-welcome","docs/4.x/4.api/1.components/7.nuxt-welcome",{"title":492,"path":1451,"stem":1452,"titleTemplate":6},"/docs/4.x/api/components/nuxt-island","docs/4.x/4.api/1.components/8.nuxt-island",{"title":496,"path":1454,"stem":1455,"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":1457,"stem":1458,"children":1459,"page":108},"/docs/4.x/api/composables","docs/4.x/4.api/2.composables",[1460,1463,1466,1469,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],{"title":507,"path":1461,"stem":1462,"titleTemplate":6},"/docs/4.x/api/composables/on-prehydrate","docs/4.x/4.api/2.composables/on-prehydrate",{"title":511,"path":1464,"stem":1465,"titleTemplate":6},"/docs/4.x/api/composables/use-app-config","docs/4.x/4.api/2.composables/use-app-config",{"title":515,"path":1467,"stem":1468,"titleTemplate":6},"/docs/4.x/api/composables/use-async-data","docs/4.x/4.api/2.composables/use-async-data",{"title":519,"path":1470,"stem":1471,"titleTemplate":6},"/docs/4.x/api/composables/use-cookie","docs/4.x/4.api/2.composables/use-cookie",{"title":523,"path":1473,"stem":1474,"titleTemplate":6},"/docs/4.x/api/composables/use-error","docs/4.x/4.api/2.composables/use-error",{"title":527,"path":1476,"stem":1477,"titleTemplate":6},"/docs/4.x/api/composables/use-fetch","docs/4.x/4.api/2.composables/use-fetch",{"title":531,"path":1479,"stem":1480,"titleTemplate":6},"/docs/4.x/api/composables/use-head","docs/4.x/4.api/2.composables/use-head",{"title":535,"path":1482,"stem":1483,"titleTemplate":6},"/docs/4.x/api/composables/use-head-safe","docs/4.x/4.api/2.composables/use-head-safe",{"title":539,"path":1485,"stem":1486,"titleTemplate":6},"/docs/4.x/api/composables/use-hydration","docs/4.x/4.api/2.composables/use-hydration",{"title":543,"path":1488,"stem":1489,"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":1491,"stem":1492,"titleTemplate":6},"/docs/4.x/api/composables/use-lazy-fetch","docs/4.x/4.api/2.composables/use-lazy-fetch",{"title":551,"path":1494,"stem":1495,"titleTemplate":6},"/docs/4.x/api/composables/use-loading-indicator","docs/4.x/4.api/2.composables/use-loading-indicator",{"title":555,"path":1497,"stem":1498,"titleTemplate":6},"/docs/4.x/api/composables/use-nuxt-app","docs/4.x/4.api/2.composables/use-nuxt-app",{"title":559,"path":1500,"stem":1501,"titleTemplate":6},"/docs/4.x/api/composables/use-nuxt-data","docs/4.x/4.api/2.composables/use-nuxt-data",{"title":563,"path":1503,"stem":1504,"titleTemplate":6},"/docs/4.x/api/composables/use-preview-mode","docs/4.x/4.api/2.composables/use-preview-mode",{"title":567,"path":1506,"stem":1507,"titleTemplate":6},"/docs/4.x/api/composables/use-request-event","docs/4.x/4.api/2.composables/use-request-event",{"title":571,"path":1509,"stem":1510,"titleTemplate":6},"/docs/4.x/api/composables/use-request-fetch","docs/4.x/4.api/2.composables/use-request-fetch",{"title":575,"path":1512,"stem":1513,"titleTemplate":6},"/docs/4.x/api/composables/use-request-header","docs/4.x/4.api/2.composables/use-request-header",{"title":579,"path":1515,"stem":1516,"titleTemplate":6},"/docs/4.x/api/composables/use-request-headers","docs/4.x/4.api/2.composables/use-request-headers",{"title":583,"path":1518,"stem":1519,"titleTemplate":6},"/docs/4.x/api/composables/use-request-url","docs/4.x/4.api/2.composables/use-request-url",{"title":587,"path":1521,"stem":1522,"titleTemplate":6},"/docs/4.x/api/composables/use-response-header","docs/4.x/4.api/2.composables/use-response-header",{"title":591,"path":1524,"stem":1525,"titleTemplate":6},"/docs/4.x/api/composables/use-route","docs/4.x/4.api/2.composables/use-route",{"title":595,"path":1527,"stem":1528,"titleTemplate":6},"/docs/4.x/api/composables/use-route-announcer","docs/4.x/4.api/2.composables/use-route-announcer",{"title":599,"path":1530,"stem":1531,"titleTemplate":6},"/docs/4.x/api/composables/use-router","docs/4.x/4.api/2.composables/use-router",{"title":603,"path":1533,"stem":1534,"titleTemplate":6},"/docs/4.x/api/composables/use-runtime-config","docs/4.x/4.api/2.composables/use-runtime-config",{"title":607,"path":1536,"stem":1537,"titleTemplate":6},"/docs/4.x/api/composables/use-runtime-hook","docs/4.x/4.api/2.composables/use-runtime-hook",{"title":611,"path":1539,"stem":1540,"titleTemplate":6},"/docs/4.x/api/composables/use-seo-meta","docs/4.x/4.api/2.composables/use-seo-meta",{"title":615,"path":1542,"stem":1543,"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":1545,"stem":1546,"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":1548,"stem":1549,"children":1550,"page":108},"/docs/4.x/api/utils","docs/4.x/4.api/3.utils",[1551,1554,1557,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],{"title":630,"path":1552,"stem":1553,"titleTemplate":6},"/docs/4.x/api/utils/dollarfetch","docs/4.x/4.api/3.utils/$fetch",{"title":634,"path":1555,"stem":1556,"titleTemplate":6},"/docs/4.x/api/utils/abort-navigation","docs/4.x/4.api/3.utils/abort-navigation",{"title":638,"path":1558,"stem":1559,"titleTemplate":6},"/docs/4.x/api/utils/add-route-middleware","docs/4.x/4.api/3.utils/add-route-middleware",{"title":642,"path":1561,"stem":1562,"titleTemplate":6},"/docs/4.x/api/utils/call-once","docs/4.x/4.api/3.utils/call-once",{"title":646,"path":1564,"stem":1565,"titleTemplate":6},"/docs/4.x/api/utils/clear-error","docs/4.x/4.api/3.utils/clear-error",{"title":650,"path":1567,"stem":1568,"titleTemplate":6},"/docs/4.x/api/utils/clear-nuxt-data","docs/4.x/4.api/3.utils/clear-nuxt-data",{"title":654,"path":1570,"stem":1571,"titleTemplate":6},"/docs/4.x/api/utils/clear-nuxt-state","docs/4.x/4.api/3.utils/clear-nuxt-state",{"title":658,"path":1573,"stem":1574,"titleTemplate":6},"/docs/4.x/api/utils/create-error","docs/4.x/4.api/3.utils/create-error",{"title":662,"path":1576,"stem":1577,"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":1579,"stem":1580,"titleTemplate":6},"/docs/4.x/api/utils/define-nuxt-component","docs/4.x/4.api/3.utils/define-nuxt-component",{"title":670,"path":1582,"stem":1583,"titleTemplate":6},"/docs/4.x/api/utils/define-nuxt-plugin","docs/4.x/4.api/3.utils/define-nuxt-plugin",{"title":674,"path":1585,"stem":1586,"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":1588,"stem":1589,"titleTemplate":6},"/docs/4.x/api/utils/define-page-meta","docs/4.x/4.api/3.utils/define-page-meta",{"title":682,"path":1591,"stem":1592,"titleTemplate":6},"/docs/4.x/api/utils/define-route-rules","docs/4.x/4.api/3.utils/define-route-rules",{"title":686,"path":1594,"stem":1595,"titleTemplate":6},"/docs/4.x/api/utils/navigate-to","docs/4.x/4.api/3.utils/navigate-to",{"title":690,"path":1597,"stem":1598,"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":1600,"stem":1601,"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":1603,"stem":1604,"titleTemplate":6},"/docs/4.x/api/utils/on-nuxt-ready","docs/4.x/4.api/3.utils/on-nuxt-ready",{"title":702,"path":1606,"stem":1607,"titleTemplate":6},"/docs/4.x/api/utils/prefetch-components","docs/4.x/4.api/3.utils/prefetch-components",{"title":706,"path":1609,"stem":1610,"titleTemplate":6},"/docs/4.x/api/utils/preload-components","docs/4.x/4.api/3.utils/preload-components",{"title":710,"path":1612,"stem":1613,"titleTemplate":6},"/docs/4.x/api/utils/preload-route-components","docs/4.x/4.api/3.utils/preload-route-components",{"title":714,"path":1615,"stem":1616,"titleTemplate":6},"/docs/4.x/api/utils/prerender-routes","docs/4.x/4.api/3.utils/prerender-routes",{"title":718,"path":1618,"stem":1619,"titleTemplate":6},"/docs/4.x/api/utils/refresh-cookie","docs/4.x/4.api/3.utils/refresh-cookie",{"title":722,"path":1621,"stem":1622,"titleTemplate":6},"/docs/4.x/api/utils/refresh-nuxt-data","docs/4.x/4.api/3.utils/refresh-nuxt-data",{"title":726,"path":1624,"stem":1625,"titleTemplate":6},"/docs/4.x/api/utils/reload-nuxt-app","docs/4.x/4.api/3.utils/reload-nuxt-app",{"title":730,"path":1627,"stem":1628,"titleTemplate":6},"/docs/4.x/api/utils/set-page-layout","docs/4.x/4.api/3.utils/set-page-layout",{"title":734,"path":1630,"stem":1631,"titleTemplate":6},"/docs/4.x/api/utils/set-response-status","docs/4.x/4.api/3.utils/set-response-status",{"title":738,"path":1633,"stem":1634,"titleTemplate":6},"/docs/4.x/api/utils/show-error","docs/4.x/4.api/3.utils/show-error",{"title":742,"path":1636,"stem":1637,"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":1639,"stem":1640,"children":1641,"page":108},"/docs/4.x/api/commands","docs/4.x/4.api/4.commands",[1642,1645,1648,1651,1654,1657,1660,1663,1666,1669,1672,1675,1678,1681,1684,1687],{"title":753,"path":1643,"stem":1644,"titleTemplate":6},"/docs/4.x/api/commands/add","docs/4.x/4.api/4.commands/add",{"title":757,"path":1646,"stem":1647,"titleTemplate":6},"/docs/4.x/api/commands/analyze","docs/4.x/4.api/4.commands/analyze",{"title":761,"path":1649,"stem":1650,"titleTemplate":6},"/docs/4.x/api/commands/build","docs/4.x/4.api/4.commands/build",{"title":765,"path":1652,"stem":1653,"titleTemplate":6},"/docs/4.x/api/commands/build-module","docs/4.x/4.api/4.commands/build-module",{"title":769,"path":1655,"stem":1656,"titleTemplate":6},"/docs/4.x/api/commands/cleanup","docs/4.x/4.api/4.commands/cleanup",{"title":773,"path":1658,"stem":1659,"titleTemplate":6},"/docs/4.x/api/commands/dev","docs/4.x/4.api/4.commands/dev",{"title":777,"path":1661,"stem":1662,"titleTemplate":6},"/docs/4.x/api/commands/devtools","docs/4.x/4.api/4.commands/devtools",{"title":781,"path":1664,"stem":1665,"titleTemplate":6},"/docs/4.x/api/commands/generate","docs/4.x/4.api/4.commands/generate",{"title":785,"path":1667,"stem":1668,"titleTemplate":6},"/docs/4.x/api/commands/info","docs/4.x/4.api/4.commands/info",{"title":789,"path":1670,"stem":1671,"titleTemplate":6},"/docs/4.x/api/commands/init","docs/4.x/4.api/4.commands/init",{"title":793,"path":1673,"stem":1674,"titleTemplate":6},"/docs/4.x/api/commands/module","docs/4.x/4.api/4.commands/module",{"title":797,"path":1676,"stem":1677,"titleTemplate":6},"/docs/4.x/api/commands/prepare","docs/4.x/4.api/4.commands/prepare",{"title":801,"path":1679,"stem":1680,"titleTemplate":6},"/docs/4.x/api/commands/preview","docs/4.x/4.api/4.commands/preview",{"title":805,"path":1682,"stem":1683,"titleTemplate":6},"/docs/4.x/api/commands/test","docs/4.x/4.api/4.commands/test",{"title":809,"path":1685,"stem":1686,"titleTemplate":6},"/docs/4.x/api/commands/typecheck","docs/4.x/4.api/4.commands/typecheck",{"title":813,"path":1688,"stem":1689,"titleTemplate":6},"/docs/4.x/api/commands/upgrade","docs/4.x/4.api/4.commands/upgrade",{"title":411,"titleTemplate":817,"icon":818,"path":1691,"stem":1692,"children":1693,"page":108},"/docs/4.x/api/kit","docs/4.x/4.api/5.kit",[1694,1697,1700,1703,1706,1709,1712,1715,1718,1721,1724,1727,1730,1733,1736,1739,1742,1745],{"title":276,"path":1695,"stem":1696,"titleTemplate":6},"/docs/4.x/api/kit/modules","docs/4.x/4.api/5.kit/1.modules",{"title":399,"path":1698,"stem":1699,"titleTemplate":6},"/docs/4.x/api/kit/runtime-config","docs/4.x/4.api/5.kit/10.runtime-config",{"title":829,"path":1701,"stem":1702,"titleTemplate":6},"/docs/4.x/api/kit/templates","docs/4.x/4.api/5.kit/10.templates",{"title":833,"path":1704,"stem":1705,"titleTemplate":6},"/docs/4.x/api/kit/nitro","docs/4.x/4.api/5.kit/11.nitro",{"title":837,"path":1707,"stem":1708,"titleTemplate":6},"/docs/4.x/api/kit/resolving","docs/4.x/4.api/5.kit/12.resolving",{"title":841,"path":1710,"stem":1711,"titleTemplate":6},"/docs/4.x/api/kit/logging","docs/4.x/4.api/5.kit/13.logging",{"title":845,"path":1713,"stem":1714,"titleTemplate":6},"/docs/4.x/api/kit/builder","docs/4.x/4.api/5.kit/14.builder",{"title":849,"path":1716,"stem":1717,"titleTemplate":6},"/docs/4.x/api/kit/examples","docs/4.x/4.api/5.kit/15.examples",{"title":84,"path":1719,"stem":1720,"titleTemplate":6},"/docs/4.x/api/kit/layers","docs/4.x/4.api/5.kit/16.layers",{"title":856,"path":1722,"stem":1723,"titleTemplate":6},"/docs/4.x/api/kit/programmatic","docs/4.x/4.api/5.kit/2.programmatic",{"title":860,"path":1725,"stem":1726,"titleTemplate":6},"/docs/4.x/api/kit/compatibility","docs/4.x/4.api/5.kit/3.compatibility",{"title":268,"path":1728,"stem":1729,"titleTemplate":6},"/docs/4.x/api/kit/autoimports","docs/4.x/4.api/5.kit/4.autoimports",{"title":434,"path":1731,"stem":1732,"titleTemplate":6},"/docs/4.x/api/kit/components","docs/4.x/4.api/5.kit/5.components",{"title":870,"path":1734,"stem":1735,"titleTemplate":6},"/docs/4.x/api/kit/context","docs/4.x/4.api/5.kit/6.context",{"title":874,"path":1737,"stem":1738,"titleTemplate":6},"/docs/4.x/api/kit/pages","docs/4.x/4.api/5.kit/7.pages",{"title":878,"path":1740,"stem":1741,"titleTemplate":6},"/docs/4.x/api/kit/layout","docs/4.x/4.api/5.kit/8.layout",{"title":882,"path":1743,"stem":1744,"titleTemplate":6},"/docs/4.x/api/kit/head","docs/4.x/4.api/5.kit/9.head",{"title":886,"path":1746,"stem":1747,"titleTemplate":6},"/docs/4.x/api/kit/plugins","docs/4.x/4.api/5.kit/9.plugins",{"title":890,"titleTemplate":6,"icon":891,"path":1749,"stem":1750,"children":1751,"page":108},"/docs/4.x/api/advanced","docs/4.x/4.api/6.advanced",[1752,1755],{"title":407,"path":1753,"stem":1754,"titleTemplate":6},"/docs/4.x/api/advanced/hooks","docs/4.x/4.api/6.advanced/1.hooks",{"title":899,"path":1756,"stem":1757,"titleTemplate":6},"/docs/4.x/api/advanced/import-meta","docs/4.x/4.api/6.advanced/2.import-meta",{"title":903,"path":1759,"stem":1760,"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":1762,"stem":1763,"children":1764,"page":108},"/docs/4.x/examples","docs/4.x/4.examples",[1765,1768,1787,1800,1831],{"title":914,"path":1766,"stem":1767,"titleTemplate":6},"/docs/4.x/examples/hello-world","docs/4.x/4.examples/0.hello-world",{"title":395,"path":1769,"stem":1770,"children":1771,"page":108},"/docs/4.x/examples/features","docs/4.x/4.examples/1.features",[1772,1775,1778,1781,1784],{"title":922,"path":1773,"stem":1774,"titleTemplate":6},"/docs/4.x/examples/features/auto-imports","docs/4.x/4.examples/1.features/1.auto-imports",{"title":64,"path":1776,"stem":1777,"titleTemplate":6},"/docs/4.x/examples/features/data-fetching","docs/4.x/4.examples/1.features/2.data-fetching",{"title":69,"path":1779,"stem":1780,"titleTemplate":6},"/docs/4.x/examples/features/state-management","docs/4.x/4.examples/1.features/3.state-management",{"title":932,"path":1782,"stem":1783,"titleTemplate":6},"/docs/4.x/examples/features/meta-tags","docs/4.x/4.examples/1.features/4.meta-tags",{"title":936,"path":1785,"stem":1786,"titleTemplate":6},"/docs/4.x/examples/features/layouts","docs/4.x/4.examples/1.features/5.layouts",{"title":49,"path":1788,"stem":1789,"children":1790,"page":108},"/docs/4.x/examples/routing","docs/4.x/4.examples/2.routing",[1791,1794,1797],{"title":944,"path":1792,"stem":1793,"titleTemplate":6},"/docs/4.x/examples/routing/middleware","docs/4.x/4.examples/2.routing/middleware",{"title":874,"path":1795,"stem":1796,"titleTemplate":6},"/docs/4.x/examples/routing/pages","docs/4.x/4.examples/2.routing/pages",{"title":951,"path":1798,"stem":1799,"titleTemplate":6},"/docs/4.x/examples/routing/universal-router","docs/4.x/4.examples/2.routing/universal-router",{"title":890,"path":1801,"stem":1802,"children":1803,"page":108},"/docs/4.x/examples/advanced","docs/4.x/4.examples/4.advanced",[1804,1807,1810,1813,1816,1819,1822,1825,1828],{"title":84,"path":1805,"stem":1806,"titleTemplate":6},"/docs/4.x/examples/advanced/config-extends","docs/4.x/4.examples/4.advanced/config-extends",{"title":74,"path":1808,"stem":1809,"titleTemplate":6},"/docs/4.x/examples/advanced/error-handling","docs/4.x/4.examples/4.advanced/error-handling",{"title":965,"path":1811,"stem":1812,"titleTemplate":6},"/docs/4.x/examples/advanced/jsx","docs/4.x/4.examples/4.advanced/jsx",{"title":969,"path":1814,"stem":1815,"titleTemplate":6},"/docs/4.x/examples/advanced/locale","docs/4.x/4.examples/4.advanced/locale",{"title":973,"path":1817,"stem":1818,"titleTemplate":6},"/docs/4.x/examples/advanced/module-extend-pages","docs/4.x/4.examples/4.advanced/module-extend-pages",{"title":977,"path":1820,"stem":1821,"titleTemplate":6},"/docs/4.x/examples/advanced/teleport","docs/4.x/4.examples/4.advanced/teleport",{"title":99,"path":1823,"stem":1824,"titleTemplate":6},"/docs/4.x/examples/advanced/testing","docs/4.x/4.examples/4.advanced/testing",{"title":519,"path":1826,"stem":1827,"titleTemplate":6},"/docs/4.x/examples/advanced/use-cookie","docs/4.x/4.examples/4.advanced/use-cookie",{"title":987,"path":1829,"stem":1830,"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":1832,"stem":1833,"children":1834,"page":108},"/docs/4.x/examples/experimental","docs/4.x/4.examples/7.experimental",[1835],{"title":996,"path":1836,"stem":1837,"titleTemplate":6},"/docs/4.x/examples/experimental/wasm","docs/4.x/4.examples/7.experimental/wasm",{"title":1000,"titleTemplate":1001,"icon":1002,"path":1839,"stem":1840,"children":1841,"page":108},"/docs/4.x/community","docs/4.x/5.community",[1842,1845,1848,1851,1854,1857],{"title":1007,"path":1843,"stem":1844,"titleTemplate":6,"icon":1010},"/docs/4.x/community/getting-help","docs/4.x/5.community/2.getting-help",{"title":1012,"path":1846,"stem":1847,"titleTemplate":6,"icon":1015},"/docs/4.x/community/reporting-bugs","docs/4.x/5.community/3.reporting-bugs",{"title":1017,"path":1849,"stem":1850,"titleTemplate":6,"icon":1020},"/docs/4.x/community/contribution","docs/4.x/5.community/4.contribution",{"title":1022,"path":1852,"stem":1853,"titleTemplate":6,"icon":1025},"/docs/4.x/community/framework-contribution","docs/4.x/5.community/5.framework-contribution",{"title":1027,"path":1855,"stem":1856,"titleTemplate":6,"icon":1030},"/docs/4.x/community/roadmap","docs/4.x/5.community/6.roadmap",{"title":1032,"path":1858,"stem":1859,"titleTemplate":6,"icon":1035},"/docs/4.x/community/changelog","docs/4.x/5.community/7.changelog",{"title":1037,"titleTemplate":1038,"icon":1039,"path":1861,"stem":1862,"children":1863,"page":108},"/docs/4.x/bridge","docs/4.x/6.bridge",[1864,1867,1870,1873,1876,1879,1882,1885,1888,1891],{"title":1044,"path":1865,"stem":1866,"titleTemplate":6},"/docs/4.x/bridge/overview","docs/4.x/6.bridge/1.overview",{"title":29,"path":1868,"stem":1869,"titleTemplate":6},"/docs/4.x/bridge/configuration","docs/4.x/6.bridge/10.configuration",{"title":280,"path":1871,"stem":1872,"titleTemplate":6},"/docs/4.x/bridge/typescript","docs/4.x/6.bridge/2.typescript",{"title":1054,"path":1874,"stem":1875,"titleTemplate":6},"/docs/4.x/bridge/bridge-composition-api","docs/4.x/6.bridge/3.bridge-composition-api",{"title":1058,"path":1877,"stem":1878,"titleTemplate":6},"/docs/4.x/bridge/plugins-and-middleware","docs/4.x/6.bridge/4.plugins-and-middleware",{"title":1062,"path":1880,"stem":1881,"titleTemplate":6},"/docs/4.x/bridge/nuxt3-compatible-api","docs/4.x/6.bridge/5.nuxt3-compatible-api",{"title":932,"path":1883,"stem":1884,"titleTemplate":6},"/docs/4.x/bridge/meta","docs/4.x/6.bridge/6.meta",{"title":399,"path":1886,"stem":1887,"titleTemplate":6},"/docs/4.x/bridge/runtime-config","docs/4.x/6.bridge/7.runtime-config",{"title":833,"path":1889,"stem":1890,"titleTemplate":6},"/docs/4.x/bridge/nitro","docs/4.x/6.bridge/8.nitro",{"title":1075,"path":1892,"stem":1893,"titleTemplate":6},"/docs/4.x/bridge/vite","docs/4.x/6.bridge/9.vite",{"title":1079,"titleTemplate":1080,"icon":107,"path":1895,"stem":1896,"children":1897,"page":108},"/docs/4.x/migration","docs/4.x/7.migration",[1898,1901,1904,1907,1910,1913,1916,1919,1922,1925,1928],{"title":1044,"path":1899,"stem":1900,"titleTemplate":6},"/docs/4.x/migration/overview","docs/4.x/7.migration/1.overview",{"title":1088,"path":1902,"stem":1903,"titleTemplate":6},"/docs/4.x/migration/bundling","docs/4.x/7.migration/10.bundling",{"title":79,"path":1905,"stem":1906,"titleTemplate":6},"/docs/4.x/migration/server","docs/4.x/7.migration/11.server",{"title":29,"path":1908,"stem":1909,"titleTemplate":6},"/docs/4.x/migration/configuration","docs/4.x/7.migration/2.configuration",{"title":276,"path":1911,"stem":1912,"titleTemplate":6},"/docs/4.x/migration/module-authors","docs/4.x/7.migration/20.module-authors",{"title":922,"path":1914,"stem":1915,"titleTemplate":6},"/docs/4.x/migration/auto-imports","docs/4.x/7.migration/3.auto-imports",{"title":932,"path":1917,"stem":1918,"titleTemplate":6},"/docs/4.x/migration/meta","docs/4.x/7.migration/4.meta",{"title":1058,"path":1920,"stem":1921,"titleTemplate":6},"/docs/4.x/migration/plugins-and-middleware","docs/4.x/7.migration/5.plugins-and-middleware",{"title":1110,"path":1923,"stem":1924,"titleTemplate":6},"/docs/4.x/migration/pages-and-layouts","docs/4.x/7.migration/6.pages-and-layouts",{"title":1114,"path":1926,"stem":1927,"titleTemplate":6},"/docs/4.x/migration/component-options","docs/4.x/7.migration/7.component-options",{"title":399,"path":1929,"stem":1930,"titleTemplate":6},"/docs/4.x/migration/runtime-config","docs/4.x/7.migration/8.runtime-config",{"title":1932,"path":1933,"stem":1934,"children":1935,"page":108},"Blog","/blog","blog",[1936,1940,1944,1948,1952,1956,1960,1964,1968,1972,1976,1980,1984,1988,1992,1996,2000,2004,2008,2012,2016],{"title":1937,"path":1938,"stem":1939},"Announcing 3.0","/blog/v3","blog/1.v3",{"title":1941,"path":1942,"stem":1943},"Nuxt 3.3","/blog/v3-3","blog/10.v3-3",{"title":1945,"path":1946,"stem":1947},"Nuxt 3.4","/blog/v3-4","blog/11.v3-4",{"title":1949,"path":1950,"stem":1951},"Nuxt 3.5","/blog/v3-5","blog/12.v3-5",{"title":1953,"path":1954,"stem":1955},"Nuxt 3.6","/blog/v3-6","blog/13.v3-6",{"title":1957,"path":1958,"stem":1959},"Nuxt on the Edge","/blog/nuxt-on-the-edge","blog/14.nuxt-on-the-edge",{"title":1961,"path":1962,"stem":1963},"Nuxt DevTools v1.0","/blog/nuxt-devtools-v1-0","blog/18.nuxt-devtools-v1-0",{"title":1965,"path":1966,"stem":1967},"Nuxt: A vision for 2023","/blog/vision-2023","blog/2.vision-2023",{"title":1969,"path":1970,"stem":1971},"The Evolution of Shiki v1.0","/blog/shiki-v1","blog/21.shiki-v1",{"title":1973,"path":1974,"stem":1975},"Refreshed Nuxt ESLint Integrations","/blog/eslint-module","blog/24.eslint-module",{"title":1977,"path":1978,"stem":1979},"Introducing Nuxt Scripts","/blog/nuxt-scripts","blog/26.nuxt-scripts",{"title":1981,"path":1982,"stem":1983},"Introducing Nuxt Icon v1","/blog/nuxt-icon-v1-0","blog/29.nuxt-icon-v1-0",{"title":1985,"path":1986,"stem":1987},"Introducing Nuxt DevTools","/blog/introducing-nuxt-devtools","blog/3.introducing-nuxt-devtools",{"title":1989,"path":1990,"stem":1991},"Announcing Nuxt 3 Release Candidate","/blog/nuxt3-rc","blog/3.nuxt3-rc",{"title":1993,"path":1994,"stem":1995},"Nuxt 2 End-of-Life (EOL)","/blog/nuxt2-eol","blog/4.nuxt2-eol",{"title":1997,"path":1998,"stem":1999},"Introducing Nuxt 3 Beta","/blog/nuxt3-beta","blog/4.nuxt3-beta",{"title":2001,"path":2002,"stem":2003},"Going Full Static","/blog/going-full-static","blog/5.going-full-static",{"title":2005,"path":2006,"stem":2007},"Introducing Smart Prefetching","/blog/introducing-smart-prefetching","blog/6.introducing-smart-prefetching",{"title":2009,"path":2010,"stem":2011},"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":2013,"path":2014,"stem":2015},"Nuxt 2 Static Improvements","/blog/nuxt-static-improvements","blog/8.nuxt-static-improvements",{"title":2017,"path":2018,"stem":2019},"Nuxt 2: From Terminal to Browser","/blog/nuxtjs-from-terminal-to-browser","blog/9.nuxtjs-from-terminal-to-browser",{"v3":2021,"v4":2022,"v2":2023},"3.21.1","4.3.1","2.18.1",{"id":2025,"title":1977,"authors":2026,"body":2033,"category":4153,"date":4154,"description":4155,"draft":108,"extension":4156,"image":2068,"meta":4157,"navigation":1196,"path":1978,"seo":4158,"stem":1979,"tags":6,"__hash__":4159},"blog/blog/26.nuxt-scripts.md",[2027],{"name":2028,"avatar":2029,"to":2031,"twitter":2032},"Harlan Wilton",{"src":2030},"https://github.com/harlan-zw.png","https://github.com/harlan-zw","harlan_zw",{"type":2034,"value":2035,"toc":4134},"minimark",[2036,2054,2057,2069,2074,2083,2092,2106,2109,2113,2126,2135,2138,2141,2146,2158,2163,2239,2242,2245,2258,2780,2784,2787,2803,2824,2837,2846,2855,2858,2861,2868,2872,2876,2886,2892,2919,2922,2930,3208,3212,3220,3227,3234,3243,3306,3310,3335,3344,3347,3786,3790,3803,3806,3824,3953,3957,3960,3974,3977,4016,4023,4027,4030,4037,4040,4070,4073,4077,4086,4090,4120,4123,4130],[2037,2038,2039,2040,2047,2048,2053],"p",{},"The Nuxt team, in collaboration with the ",[2041,2042,2046],"a",{"href":2043,"rel":2044},"https://developer.chrome.com/aurora",[2045],"nofollow","Chrome Aurora"," team at Google, is excited to announce the public beta release of ",[2041,2049,2052],{"href":2050,"rel":2051},"https://scripts.nuxt.com",[2045],"Nuxt Scripts",".",[2037,2055,2056],{},"Nuxt Scripts is a better way to work with third-party scripts, providing improved performance, privacy, security, and developer experience.",[2037,2058,2059],{},[2060,2061],"img",{"alt":2062,"className":2063,"src":2068},"Nuxt Scripts Banner",[2064,2065,2066,2067],"border","border-gray-200","dark:border-gray-700","rounded-lg","/assets/blog/nuxt-scripts/banner.png",[2070,2071,2073],"h2",{"id":2072},"getting-to-nuxt-scripts","Getting to Nuxt Scripts",[2037,2075,2076,2077,2082],{},"Over a year ago, Daniel published the initial ",[2041,2078,2081],{"href":2079,"rel":2080},"https://github.com/nuxt/nuxt/discussions/22016",[2045],"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\".",[2037,2084,2085,2086,2091],{},"Having ",[2041,2087,2090],{"href":2088,"rel":2089},"https://github.com/harlan-zw/nuxt-delay-hydration",[2045],"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.",[2037,2093,2094,2095,2100,2101,2053],{},"With the RFC as the seed of the idea, I started prototyping what it could ",[2041,2096,2099],{"href":2097,"rel":2098},"https://github.com/nuxt/nuxt/discussions/22016#discussioncomment-6527001",[2045],"look like"," using ",[2041,2102,2105],{"href":2103,"rel":2104},"https://unhead.unjs.io/",[2045],"Unhead",[2037,2107,2108],{},"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.",[2070,2110,2112],{"id":2111},"why-build-a-third-party-script-module","Why Build a Third-Party Script Module?",[2037,2114,2115,2120,2121,2053],{},[2041,2116,2119],{"href":2117,"rel":2118},"https://almanac.httparchive.org/en/2022/third-parties#prevalence",[2045],"94% of sites use at least one third-party provider",", with the average site having ",[2041,2122,2125],{"href":2123,"rel":2124},"https://docs.google.com/spreadsheets/d/1YqoRRsyiNsrEabVLu2nRU98JIG_0zLLuoQhC2nX8xbM/edit?gid=1428106498#gid=1428106498",[2045],"five third-party providers",[2037,2127,2128,2129,2134],{},"We know that third-party scripts aren't perfect; they ",[2041,2130,2133],{"href":2131,"rel":2132},"https://web.dev/articles/optimizing-content-efficiency-loading-third-party-javascript#",[2045],"slow down the web",", cause privacy and security issues, and are a pain to work with.",[2037,2136,2137],{},"However, they are fundamentally useful and aren't going anywhere soon.",[2037,2139,2140],{},"By exploring the issues with third-party scripts, we can see where improvements can be made.",[2142,2143,2145],"h3",{"id":2144},"developer-experience-a-full-stack-headache","😒 Developer Experience: A Full-Stack Headache",[2037,2147,2148,2149,2153,2154,2157],{},"Let's walk through adding a third-party script to your Nuxt app using a fictional ",[2150,2151,2152],"code",{},"tracker.js"," script that adds a ",[2150,2155,2156],{},"track"," function to the window.",[2037,2159,2160,2161,2053],{},"We start by loading the script using ",[2150,2162,531],{},[2164,2165,2170],"pre",{"className":2166,"code":2167,"language":2168,"meta":2169,"style":2169},"language-ts shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","useHead({ script: [{ src: '/tracker.js', defer: true }] })\n","ts","",[2150,2171,2172],{"__ignoreMap":2169},[2173,2174,2177,2180,2184,2188,2192,2195,2198,2200,2203,2205,2208,2212,2215,2218,2221,2223,2227,2230,2233,2236],"span",{"class":2175,"line":2176},"line",1,[2173,2178,531],{"class":2179},"s3cPz",[2173,2181,2183],{"class":2182},"sZSNi","(",[2173,2185,2187],{"class":2186},"sDfIl","{",[2173,2189,2191],{"class":2190},"sRlkE"," script",[2173,2193,2194],{"class":2186},":",[2173,2196,2197],{"class":2182}," [",[2173,2199,2187],{"class":2186},[2173,2201,2202],{"class":2190}," src",[2173,2204,2194],{"class":2186},[2173,2206,2207],{"class":2186}," '",[2173,2209,2211],{"class":2210},"sGFVr","/tracker.js",[2173,2213,2214],{"class":2186},"'",[2173,2216,2217],{"class":2186},",",[2173,2219,2220],{"class":2190}," defer",[2173,2222,2194],{"class":2186},[2173,2224,2226],{"class":2225},"sbKd-"," true",[2173,2228,2229],{"class":2186}," }",[2173,2231,2232],{"class":2182},"] ",[2173,2234,2235],{"class":2186},"}",[2173,2237,2238],{"class":2182},")\n",[2037,2240,2241],{},"However, let's now try to get the script functionality working in our app.",[2037,2243,2244],{},"The following steps are common when working with third-party scripts in Nuxt:",[2246,2247,2248,2252,2255],"ul",{},[2249,2250,2251],"li",{},"Everything has to be wrapped for SSR safety.",[2249,2253,2254],{},"Flaky checks for if the script has loaded.",[2249,2256,2257],{},"Augmenting the window object for types.",[2259,2260,2261,2345,2446,2586],"code-group",{},[2164,2262,2267],{"className":2263,"code":2264,"filename":2265,"language":2266,"meta":2169,"style":2169},"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",[2150,2268,2269,2284,2291,2297,2303,2335],{"__ignoreMap":2169},[2173,2270,2271,2274,2277,2281],{"class":2175,"line":2176},[2173,2272,2273],{"class":2186},"\u003C",[2173,2275,2276],{"class":2190},"script",[2173,2278,2280],{"class":2279},"smZ93"," setup",[2173,2282,2283],{"class":2186},">\n",[2173,2285,2287],{"class":2175,"line":2286},2,[2173,2288,2290],{"class":2289},"sWuyu","// ❌ Oops, window is not defined! \n",[2173,2292,2294],{"class":2175,"line":2293},3,[2173,2295,2296],{"class":2289},"// 💡 The window can't be directly accessed if we use SSR in Nuxt.\n",[2173,2298,2300],{"class":2175,"line":2299},4,[2173,2301,2302],{"class":2289},"// 👉 We need to make this SSR safe\n",[2173,2304,2306,2309,2311,2313,2315,2317,2320,2322,2324,2327,2330,2332],{"class":2175,"line":2305},5,[2173,2307,2308],{"class":2182},"window",[2173,2310,2053],{"class":2186},[2173,2312,2156],{"class":2179},[2173,2314,2183],{"class":2182},[2173,2316,2214],{"class":2186},[2173,2318,2319],{"class":2210},"page_view",[2173,2321,2214],{"class":2186},[2173,2323,2217],{"class":2186},[2173,2325,2326],{"class":2179}," useRoute",[2173,2328,2329],{"class":2182},"()",[2173,2331,2053],{"class":2186},[2173,2333,2334],{"class":2182},"path)\n",[2173,2336,2338,2341,2343],{"class":2175,"line":2337},6,[2173,2339,2340],{"class":2186},"\u003C/",[2173,2342,2276],{"class":2190},[2173,2344,2283],{"class":2186},[2164,2346,2349],{"className":2263,"code":2347,"filename":2348,"language":2266,"meta":2169,"style":2169},"\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",[2150,2350,2351,2361,2386,2391,2396,2401,2431,2437],{"__ignoreMap":2169},[2173,2352,2353,2355,2357,2359],{"class":2175,"line":2176},[2173,2354,2273],{"class":2186},[2173,2356,2276],{"class":2190},[2173,2358,2280],{"class":2279},[2173,2360,2283],{"class":2186},[2173,2362,2363,2367,2370,2373,2375,2378,2380,2383],{"class":2175,"line":2286},[2173,2364,2366],{"class":2365},"s8R28","if",[2173,2368,2369],{"class":2182}," (",[2173,2371,2372],{"class":2365},"import",[2173,2374,2053],{"class":2186},[2173,2376,2377],{"class":2182},"meta",[2173,2379,2053],{"class":2186},[2173,2381,2382],{"class":2182},"client) ",[2173,2384,2385],{"class":2186},"{\n",[2173,2387,2388],{"class":2175,"line":2293},[2173,2389,2390],{"class":2289},"  // ❌ Oops, the script hasn't finished loading yet!\n",[2173,2392,2393],{"class":2175,"line":2299},[2173,2394,2395],{"class":2289},"  // 💡 A `defer` script may not be available while our Nuxt app hydrates.\n",[2173,2397,2398],{"class":2175,"line":2305},[2173,2399,2400],{"class":2289},"  // 👉 We need to wait for the script to be loaded\n",[2173,2402,2403,2406,2408,2410,2412,2414,2416,2418,2420,2422,2424,2426,2429],{"class":2175,"line":2337},[2173,2404,2405],{"class":2182},"  window",[2173,2407,2053],{"class":2186},[2173,2409,2156],{"class":2179},[2173,2411,2183],{"class":2190},[2173,2413,2214],{"class":2186},[2173,2415,2319],{"class":2210},[2173,2417,2214],{"class":2186},[2173,2419,2217],{"class":2186},[2173,2421,2326],{"class":2179},[2173,2423,2329],{"class":2190},[2173,2425,2053],{"class":2186},[2173,2427,2428],{"class":2182},"path",[2173,2430,2238],{"class":2190},[2173,2432,2434],{"class":2175,"line":2433},7,[2173,2435,2436],{"class":2186},"}\n",[2173,2438,2440,2442,2444],{"class":2175,"line":2439},8,[2173,2441,2340],{"class":2186},[2173,2443,2276],{"class":2190},[2173,2445,2283],{"class":2186},[2164,2447,2450],{"className":2263,"code":2448,"filename":2449,"language":2266,"meta":2169,"style":2169},"\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",[2150,2451,2452,2475,2493,2508,2513,2518,2523,2528,2557,2572,2577],{"__ignoreMap":2169},[2173,2453,2454,2456,2458,2461,2464,2467,2469,2471,2473],{"class":2175,"line":2176},[2173,2455,2273],{"class":2186},[2173,2457,2276],{"class":2190},[2173,2459,2460],{"class":2279}," lang",[2173,2462,2463],{"class":2186},"=",[2173,2465,2466],{"class":2186},"\"",[2173,2468,2168],{"class":2210},[2173,2470,2466],{"class":2186},[2173,2472,2280],{"class":2279},[2173,2474,2283],{"class":2186},[2173,2476,2477,2479,2481,2483,2485,2487,2489,2491],{"class":2175,"line":2286},[2173,2478,2366],{"class":2365},[2173,2480,2369],{"class":2182},[2173,2482,2372],{"class":2365},[2173,2484,2053],{"class":2186},[2173,2486,2377],{"class":2182},[2173,2488,2053],{"class":2186},[2173,2490,2382],{"class":2182},[2173,2492,2385],{"class":2186},[2173,2494,2495,2498,2500,2502,2505],{"class":2175,"line":2293},[2173,2496,2497],{"class":2179},"  useTimeoutFn",[2173,2499,2183],{"class":2190},[2173,2501,2329],{"class":2186},[2173,2503,2504],{"class":2279}," =>",[2173,2506,2507],{"class":2186}," {\n",[2173,2509,2510],{"class":2175,"line":2299},[2173,2511,2512],{"class":2289},"    // ✅ It's working!\n",[2173,2514,2515],{"class":2175,"line":2305},[2173,2516,2517],{"class":2289},"    // ❌ Oops, types are broken.\n",[2173,2519,2520],{"class":2175,"line":2337},[2173,2521,2522],{"class":2289},"    // 💡 The `window` has strict types and nothing is defined yet.\n",[2173,2524,2525],{"class":2175,"line":2433},[2173,2526,2527],{"class":2289},"    // 👉 We need to manually augment the window\n",[2173,2529,2530,2533,2535,2537,2539,2541,2543,2545,2547,2549,2551,2553,2555],{"class":2175,"line":2439},[2173,2531,2532],{"class":2182},"    window",[2173,2534,2053],{"class":2186},[2173,2536,2156],{"class":2179},[2173,2538,2183],{"class":2190},[2173,2540,2214],{"class":2186},[2173,2542,2319],{"class":2210},[2173,2544,2214],{"class":2186},[2173,2546,2217],{"class":2186},[2173,2548,2326],{"class":2179},[2173,2550,2329],{"class":2190},[2173,2552,2053],{"class":2186},[2173,2554,2428],{"class":2182},[2173,2556,2238],{"class":2190},[2173,2558,2560,2563,2567,2570],{"class":2175,"line":2559},9,[2173,2561,2562],{"class":2186},"  },",[2173,2564,2566],{"class":2565},"sYRBq"," 1000",[2173,2568,2569],{"class":2289}," /* should be loaded in 1 second!? */",[2173,2571,2238],{"class":2190},[2173,2573,2575],{"class":2175,"line":2574},10,[2173,2576,2436],{"class":2186},[2173,2578,2580,2582,2584],{"class":2175,"line":2579},11,[2173,2581,2340],{"class":2186},[2173,2583,2276],{"class":2190},[2173,2585,2283],{"class":2186},[2164,2587,2590],{"className":2263,"code":2588,"filename":2589,"language":2266,"meta":2169,"style":2169},"\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?",[2150,2591,2592,2612,2622,2633,2668,2673,2677,2695,2707,2712,2717,2722,2728,2757,2766,2771],{"__ignoreMap":2169},[2173,2593,2594,2596,2598,2600,2602,2604,2606,2608,2610],{"class":2175,"line":2176},[2173,2595,2273],{"class":2186},[2173,2597,2276],{"class":2190},[2173,2599,2460],{"class":2279},[2173,2601,2463],{"class":2186},[2173,2603,2466],{"class":2186},[2173,2605,2168],{"class":2210},[2173,2607,2466],{"class":2186},[2173,2609,2280],{"class":2279},[2173,2611,2283],{"class":2186},[2173,2613,2614,2617,2620],{"class":2175,"line":2286},[2173,2615,2616],{"class":2279},"declare",[2173,2618,2619],{"class":2182}," global ",[2173,2621,2385],{"class":2186},[2173,2623,2624,2627,2631],{"class":2175,"line":2293},[2173,2625,2626],{"class":2279},"  interface",[2173,2628,2630],{"class":2629},"s52Pk"," Window",[2173,2632,2507],{"class":2186},[2173,2634,2635,2638,2640,2642,2646,2648,2651,2653,2656,2658,2660,2663,2665],{"class":2175,"line":2299},[2173,2636,2637],{"class":2190},"    track",[2173,2639,2194],{"class":2186},[2173,2641,2369],{"class":2186},[2173,2643,2645],{"class":2644},"s1nJG","e",[2173,2647,2194],{"class":2186},[2173,2649,2650],{"class":2629}," string",[2173,2652,2217],{"class":2186},[2173,2654,2655],{"class":2644}," p",[2173,2657,2194],{"class":2186},[2173,2659,2650],{"class":2629},[2173,2661,2662],{"class":2186},")",[2173,2664,2504],{"class":2279},[2173,2666,2667],{"class":2629}," void\n",[2173,2669,2670],{"class":2175,"line":2305},[2173,2671,2672],{"class":2186},"  }\n",[2173,2674,2675],{"class":2175,"line":2337},[2173,2676,2436],{"class":2186},[2173,2678,2679,2681,2683,2685,2687,2689,2691,2693],{"class":2175,"line":2433},[2173,2680,2366],{"class":2365},[2173,2682,2369],{"class":2182},[2173,2684,2372],{"class":2365},[2173,2686,2053],{"class":2186},[2173,2688,2377],{"class":2182},[2173,2690,2053],{"class":2186},[2173,2692,2382],{"class":2182},[2173,2694,2385],{"class":2186},[2173,2696,2697,2699,2701,2703,2705],{"class":2175,"line":2439},[2173,2698,2497],{"class":2179},[2173,2700,2183],{"class":2190},[2173,2702,2329],{"class":2186},[2173,2704,2504],{"class":2279},[2173,2706,2507],{"class":2186},[2173,2708,2709],{"class":2175,"line":2559},[2173,2710,2711],{"class":2289},"    // ✅ It's working and types are valid! \n",[2173,2713,2714],{"class":2175,"line":2574},[2173,2715,2716],{"class":2289},"    // ❌ Oops, ad-blockers, GDPR and duplicate scripts\n",[2173,2718,2719],{"class":2175,"line":2579},[2173,2720,2721],{"class":2289},"    // 💡 There's a lot of hidden complexity in third-party scripts\n",[2173,2723,2725],{"class":2175,"line":2724},12,[2173,2726,2727],{"class":2289},"    // 👉 We need a better API\n",[2173,2729,2731,2733,2735,2737,2739,2741,2743,2745,2747,2749,2751,2753,2755],{"class":2175,"line":2730},13,[2173,2732,2532],{"class":2182},[2173,2734,2053],{"class":2186},[2173,2736,2156],{"class":2179},[2173,2738,2183],{"class":2190},[2173,2740,2214],{"class":2186},[2173,2742,2319],{"class":2210},[2173,2744,2214],{"class":2186},[2173,2746,2217],{"class":2186},[2173,2748,2326],{"class":2179},[2173,2750,2329],{"class":2190},[2173,2752,2053],{"class":2186},[2173,2754,2428],{"class":2182},[2173,2756,2238],{"class":2190},[2173,2758,2760,2762,2764],{"class":2175,"line":2759},14,[2173,2761,2562],{"class":2186},[2173,2763,2566],{"class":2565},[2173,2765,2238],{"class":2190},[2173,2767,2769],{"class":2175,"line":2768},15,[2173,2770,2436],{"class":2186},[2173,2772,2774,2776,2778],{"class":2175,"line":2773},16,[2173,2775,2340],{"class":2186},[2173,2777,2276],{"class":2190},[2173,2779,2283],{"class":2186},[2142,2781,2783],{"id":2782},"performance-why-cant-i-get-100-on-lighthouse","🐌 Performance: \"Why can't I get 100 on Lighthouse?\"",[2037,2785,2786],{},"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.",[2037,2788,2789,2790,2793,2794,2797,2798,2053],{},"Loading third-party scripts can interfere with this hydration process, even when using ",[2150,2791,2792],{},"async"," or ",[2150,2795,2796],{},"defer",". This slows down the network and blocks the main thread, leading to a degraded user experience and poor ",[2041,2799,2802],{"href":2800,"rel":2801},"https://web.dev/vitals/",[2045],"Core Web Vitals",[2037,2804,2805,2806,2811,2812,2817,2818,2823],{},"The ",[2041,2807,2810],{"href":2808,"rel":2809},"https://developer.chrome.com/docs/crux",[2045],"Chrome User Experience Report"," shows Nuxt sites with numerous third-party resources typically have poorer ",[2041,2813,2816],{"href":2814,"rel":2815},"https://web.dev/articles/inp",[2045],"Interaction to Next Paint (INP)"," and ",[2041,2819,2822],{"href":2820,"rel":2821},"https://web.dev/articles/lcp",[2045],"Largest Contentful Paint (LCP)"," scores.",[2037,2825,2826,2827,2832,2833,2053],{},"To see how third-party scripts degrade performance, we can look at the ",[2041,2828,2831],{"href":2829,"rel":2830},"https://almanac.httparchive.org/en/2022/third-parties#impact-on-performance",[2045],"Web Almanac 2022",". The report shows that the top 10 third-party scripts ",[2834,2835,2836],"strong",{},"average median blocking time is 1.4 seconds",[2142,2838,2840,2841,2845],{"id":2839},"️-privacy-security-do-no-evil","🛡️ Privacy & Security: Do ",[2842,2843,2844],"em",{},"no"," evil?",[2037,2847,2848,2849,2854],{},"Of the top 10,000 sites, 58% of them have third-party scripts that ",[2041,2850,2853],{"href":2851,"rel":2852},"https://www3.cs.stonybrook.edu/~mikepo/papers/firstparty.www21.pdf",[2045],"exchange tracking IDs stored in external cookies",", meaning they can track users across sites even with third-party cookies disabled.",[2037,2856,2857],{},"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.",[2037,2859,2860],{},"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.",[2037,2862,2863,2864,2867],{},"Security when using third-party scripts is also a concern. Third-party scripts are common attack vectors for malicious actors, most do not provide ",[2150,2865,2866],{},"integrity"," hashes for their scripts, meaning they can be compromised and inject malicious code into your app at any time.",[2070,2869,2871],{"id":2870},"what-does-nuxt-scripts-do-about-these-issues","What does Nuxt Scripts do about these issues?",[2142,2873,2875],{"id":2874},"composable-usescript","Composable: useScript",[2037,2877,2878,2879,2882,2883,2053],{},"This composable sits between the ",[2150,2880,2881],{},"\u003Cscript>"," tag and the functionality added to ",[2150,2884,2885],{},"window.{thirdPartyKey}",[2037,2887,2888,2889,2891],{},"For the ",[2150,2890,2881],{}," tag, the composable:",[2246,2893,2894,2897,2900,2910],{},[2249,2895,2896],{},"Gives full visibility into the script's loading and error states",[2249,2898,2899],{},"Loads scripts as Nuxt is hydrating the app by default, for slightly better performance.",[2249,2901,2902,2903,2817,2906,2909],{},"Restricts ",[2150,2904,2905],{},"crossorigin",[2150,2907,2908],{},"referrerpolicy"," to improve privacy and security.",[2249,2911,2912,2913,2918],{},"Provides a way to ",[2041,2914,2917],{"href":2915,"rel":2916},"https://scripts.nuxt.com/docs/guides/script-triggers",[2045],"delay loading the script"," until you need it.",[2037,2920,2921],{},"For the scripts API, it:",[2246,2923,2924,2927],{},[2249,2925,2926],{},"Provides full type-safety around the script's functions",[2249,2928,2929],{},"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)",[2259,2931,2932,3151],{},[2164,2933,2936],{"className":2166,"code":2934,"filename":2935,"language":2168,"meta":2169,"style":2169},"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",[2150,2937,2938,2975,2991,3000,3013,3017,3023,3028,3048,3053,3059,3063,3068,3084,3088,3096,3104,3114,3135,3141,3146],{"__ignoreMap":2169},[2173,2939,2940,2943,2946,2949,2951,2954,2956,2959,2962,2964,2966,2969,2971,2973],{"class":2175,"line":2176},[2173,2941,2942],{"class":2279},"const",[2173,2944,2945],{"class":2186}," {",[2173,2947,2948],{"class":2182}," proxy",[2173,2950,2217],{"class":2186},[2173,2952,2953],{"class":2182}," onLoaded ",[2173,2955,2235],{"class":2186},[2173,2957,2958],{"class":2186}," =",[2173,2960,2961],{"class":2179}," useScript",[2173,2963,2183],{"class":2182},[2173,2965,2214],{"class":2186},[2173,2967,2968],{"class":2210},"/hello.js",[2173,2970,2214],{"class":2186},[2173,2972,2217],{"class":2186},[2173,2974,2507],{"class":2186},[2173,2976,2977,2980,2982,2984,2986,2988],{"class":2175,"line":2286},[2173,2978,2979],{"class":2190},"  trigger",[2173,2981,2194],{"class":2186},[2173,2983,2207],{"class":2186},[2173,2985,698],{"class":2210},[2173,2987,2214],{"class":2186},[2173,2989,2990],{"class":2186},",\n",[2173,2992,2993,2996,2998],{"class":2175,"line":2293},[2173,2994,2995],{"class":2190},"  use",[2173,2997,2329],{"class":2186},[2173,2999,2507],{"class":2186},[2173,3001,3002,3005,3008,3010],{"class":2175,"line":2299},[2173,3003,3004],{"class":2365},"    return",[2173,3006,3007],{"class":2182}," window",[2173,3009,2053],{"class":2186},[2173,3011,3012],{"class":2182},"helloWorld\n",[2173,3014,3015],{"class":2175,"line":2305},[2173,3016,2672],{"class":2186},[2173,3018,3019,3021],{"class":2175,"line":2337},[2173,3020,2235],{"class":2186},[2173,3022,2238],{"class":2182},[2173,3024,3025],{"class":2175,"line":2433},[2173,3026,3027],{"emptyLinePlaceholder":1196},"\n",[2173,3029,3030,3033,3035,3038,3041,3044,3046],{"class":2175,"line":2439},[2173,3031,3032],{"class":2179},"onLoaded",[2173,3034,2183],{"class":2182},[2173,3036,3037],{"class":2186},"({",[2173,3039,3040],{"class":2644}," greeting",[2173,3042,3043],{"class":2186}," })",[2173,3045,2504],{"class":2279},[2173,3047,2507],{"class":2186},[2173,3049,3050],{"class":2175,"line":2559},[2173,3051,3052],{"class":2289},"  // ✅ script is loaded! Hooks into Vue lifecycle\n",[2173,3054,3055,3057],{"class":2175,"line":2574},[2173,3056,2235],{"class":2186},[2173,3058,2238],{"class":2182},[2173,3060,3061],{"class":2175,"line":2579},[2173,3062,3027],{"emptyLinePlaceholder":1196},[2173,3064,3065],{"class":2175,"line":2724},[2173,3066,3067],{"class":2289},"// ✅ OR use the proxy API - SSR friendly, called when script is loaded\n",[2173,3069,3070,3073,3075,3078,3081],{"class":2175,"line":2730},[2173,3071,3072],{"class":2182},"proxy",[2173,3074,2053],{"class":2186},[2173,3076,3077],{"class":2179},"greeting",[2173,3079,3080],{"class":2182},"() ",[2173,3082,3083],{"class":2289},"// Hello, World!\n",[2173,3085,3086],{"class":2175,"line":2759},[2173,3087,3027],{"emptyLinePlaceholder":1196},[2173,3089,3090,3092,3094],{"class":2175,"line":2768},[2173,3091,2616],{"class":2279},[2173,3093,2619],{"class":2182},[2173,3095,2385],{"class":2186},[2173,3097,3098,3100,3102],{"class":2175,"line":2773},[2173,3099,2626],{"class":2279},[2173,3101,2630],{"class":2629},[2173,3103,2507],{"class":2186},[2173,3105,3107,3110,3112],{"class":2175,"line":3106},17,[2173,3108,3109],{"class":2190},"    helloWorld",[2173,3111,2194],{"class":2186},[2173,3113,2507],{"class":2186},[2173,3115,3117,3120,3122,3125,3127,3129,3132],{"class":2175,"line":3116},18,[2173,3118,3119],{"class":2190},"      greeting",[2173,3121,2194],{"class":2186},[2173,3123,3124],{"class":2186}," ()",[2173,3126,2504],{"class":2279},[2173,3128,2207],{"class":2186},[2173,3130,3131],{"class":2210},"Hello World!",[2173,3133,3134],{"class":2186},"'\n",[2173,3136,3138],{"class":2175,"line":3137},19,[2173,3139,3140],{"class":2186},"    }\n",[2173,3142,3144],{"class":2175,"line":3143},20,[2173,3145,2672],{"class":2186},[2173,3147,3149],{"class":2175,"line":3148},21,[2173,3150,2436],{"class":2186},[2164,3152,3155],{"className":2166,"code":3153,"filename":3154,"language":2168,"meta":2169,"style":2169},"window.helloWorld = {\n  greeting() {\n    console.log('Hello, World!')\n  }\n}\n","hello.js",[2150,3156,3157,3170,3179,3200,3204],{"__ignoreMap":2169},[2173,3158,3159,3161,3163,3166,3168],{"class":2175,"line":2176},[2173,3160,2308],{"class":2182},[2173,3162,2053],{"class":2186},[2173,3164,3165],{"class":2182},"helloWorld ",[2173,3167,2463],{"class":2186},[2173,3169,2507],{"class":2186},[2173,3171,3172,3175,3177],{"class":2175,"line":2286},[2173,3173,3174],{"class":2190},"  greeting",[2173,3176,2329],{"class":2186},[2173,3178,2507],{"class":2186},[2173,3180,3181,3184,3186,3189,3191,3193,3196,3198],{"class":2175,"line":2293},[2173,3182,3183],{"class":2182},"    console",[2173,3185,2053],{"class":2186},[2173,3187,3188],{"class":2179},"log",[2173,3190,2183],{"class":2190},[2173,3192,2214],{"class":2186},[2173,3194,3195],{"class":2210},"Hello, World!",[2173,3197,2214],{"class":2186},[2173,3199,2238],{"class":2190},[2173,3201,3202],{"class":2175,"line":2299},[2173,3203,2672],{"class":2186},[2173,3205,3206],{"class":2175,"line":2305},[2173,3207,2436],{"class":2186},[2142,3209,3211],{"id":3210},"script-registry","Script Registry",[2037,3213,2805,3214,3219],{},[2041,3215,3218],{"href":3216,"rel":3217},"https://scripts.nuxt.com/scripts",[2045],"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.",[2037,3221,3222],{},[2060,3223],{"alt":3224,"className":3225,"src":3226},"Nuxt Scripts Registry",[2064,2065,2066,2067],"/assets/blog/nuxt-scripts/registry.png",[2037,3228,3229,3230,3233],{},"These registry scripts are fine-tuned wrappers around ",[2150,3231,3232],{},"useScript"," with full type-safety, runtime validation of the script options (dev only) and environment variable support",[2037,3235,3236,3237,3242],{},"For example, we can look at the ",[2041,3238,3241],{"href":3239,"rel":3240},"https://scripts.nuxt.com/scripts/analytics/fathom-analytics",[2045],"Fathom Analytics"," script.",[2164,3244,3246],{"className":2166,"code":3245,"language":2168,"meta":2169,"style":2169},"const { proxy } = useScriptFathomAnalytics({\n  // ✅ options are validated at runtime\n  site: undefined\n})\n// ✅ typed\nproxy.trackPageview()\n",[2150,3247,3248,3268,3273,3283,3289,3294],{"__ignoreMap":2169},[2173,3249,3250,3252,3254,3257,3259,3261,3264,3266],{"class":2175,"line":2176},[2173,3251,2942],{"class":2279},[2173,3253,2945],{"class":2186},[2173,3255,3256],{"class":2182}," proxy ",[2173,3258,2235],{"class":2186},[2173,3260,2958],{"class":2186},[2173,3262,3263],{"class":2179}," useScriptFathomAnalytics",[2173,3265,2183],{"class":2182},[2173,3267,2385],{"class":2186},[2173,3269,3270],{"class":2175,"line":2286},[2173,3271,3272],{"class":2289},"  // ✅ options are validated at runtime\n",[2173,3274,3275,3278,3280],{"class":2175,"line":2293},[2173,3276,3277],{"class":2190},"  site",[2173,3279,2194],{"class":2186},[2173,3281,3282],{"class":2186}," undefined\n",[2173,3284,3285,3287],{"class":2175,"line":2299},[2173,3286,2235],{"class":2186},[2173,3288,2238],{"class":2182},[2173,3290,3291],{"class":2175,"line":2305},[2173,3292,3293],{"class":2289},"// ✅ typed\n",[2173,3295,3296,3298,3300,3303],{"class":2175,"line":2337},[2173,3297,3072],{"class":2182},[2173,3299,2053],{"class":2186},[2173,3301,3302],{"class":2179},"trackPageview",[2173,3304,3305],{"class":2182},"()\n",[2142,3307,3309],{"id":3308},"facade-components","Facade Components",[2037,3311,3312,3313,3318,3319,3324,3325,2817,3330,2053],{},"The registry includes several ",[2041,3314,3317],{"href":3315,"rel":3316},"https://scripts.nuxt.com/docs/guides/facade-components",[2045],"facade components",", such as\n",[2041,3320,3323],{"href":3321,"rel":3322},"https://scripts.nuxt.com/scripts/content/google-maps",[2045],"Google Maps",", ",[2041,3326,3329],{"href":3327,"rel":3328},"https://scripts.nuxt.com/scripts/content/youtube-player",[2045],"YouTube",[2041,3331,3334],{"href":3332,"rel":3333},"https://scripts.nuxt.com/scripts/support/intercom",[2045],"Intercom",[2037,3336,3337,3338,3343],{},"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 ",[2041,3339,3342],{"href":3340,"rel":3341},"https://scripts.nuxt.com/docs/guides/facade-components#what-are-facade-components",[2045],"What are Facade Components?","\nguide for more information.",[2037,3345,3346],{},"Nuxt Scripts provides facade components as accessible but headless, meaning they are not styled by default but add the necessary\na16y data.",[3348,3349,3350,3357],"tabs",{},[3351,3352,3354],"tabs-item",{"label":3353},"Output",[3355,3356],"youtube-demo",{},[3351,3358,3360],{"label":3359},"Input",[2164,3361,3363],{"className":2263,"code":3362,"language":2266,"meta":2169,"style":2169},"\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",[2150,3364,3365,3385,3404,3421,3434,3446,3469,3473,3489,3514,3518,3526,3530,3539,3596,3611,3633,3751,3760,3769,3778],{"__ignoreMap":2169},[2173,3366,3367,3369,3371,3373,3375,3377,3379,3381,3383],{"class":2175,"line":2176},[2173,3368,2273],{"class":2186},[2173,3370,2276],{"class":2190},[2173,3372,2280],{"class":2279},[2173,3374,2460],{"class":2279},[2173,3376,2463],{"class":2186},[2173,3378,2466],{"class":2186},[2173,3380,2168],{"class":2210},[2173,3382,2466],{"class":2186},[2173,3384,2283],{"class":2186},[2173,3386,3387,3389,3392,3394,3397,3399,3402],{"class":2175,"line":2286},[2173,3388,2942],{"class":2279},[2173,3390,3391],{"class":2182}," isLoaded ",[2173,3393,2463],{"class":2186},[2173,3395,3396],{"class":2179}," ref",[2173,3398,2183],{"class":2182},[2173,3400,3401],{"class":2225},"false",[2173,3403,2238],{"class":2182},[2173,3405,3406,3408,3411,3413,3415,3417,3419],{"class":2175,"line":2293},[2173,3407,2942],{"class":2279},[2173,3409,3410],{"class":2182}," isPlaying ",[2173,3412,2463],{"class":2186},[2173,3414,3396],{"class":2179},[2173,3416,2183],{"class":2182},[2173,3418,3401],{"class":2225},[2173,3420,2238],{"class":2182},[2173,3422,3423,3425,3428,3430,3432],{"class":2175,"line":2299},[2173,3424,2942],{"class":2279},[2173,3426,3427],{"class":2182}," video ",[2173,3429,2463],{"class":2186},[2173,3431,3396],{"class":2179},[2173,3433,3305],{"class":2182},[2173,3435,3436,3439,3442,3444],{"class":2175,"line":2305},[2173,3437,3438],{"class":2279},"function",[2173,3440,3441],{"class":2179}," play",[2173,3443,2329],{"class":2186},[2173,3445,2507],{"class":2186},[2173,3447,3448,3451,3453,3456,3459,3462,3464,3467],{"class":2175,"line":2337},[2173,3449,3450],{"class":2182},"  video",[2173,3452,2053],{"class":2186},[2173,3454,3455],{"class":2182},"value",[2173,3457,3458],{"class":2186},"?.",[2173,3460,3461],{"class":2182},"player",[2173,3463,2053],{"class":2186},[2173,3465,3466],{"class":2179},"playVideo",[2173,3468,3305],{"class":2190},[2173,3470,3471],{"class":2175,"line":2433},[2173,3472,2436],{"class":2186},[2173,3474,3475,3477,3480,3482,3485,3487],{"class":2175,"line":2439},[2173,3476,3438],{"class":2279},[2173,3478,3479],{"class":2179}," stateChange",[2173,3481,2183],{"class":2186},[2173,3483,3484],{"class":2644},"state",[2173,3486,2662],{"class":2186},[2173,3488,2507],{"class":2186},[2173,3490,3491,3494,3496,3498,3500,3503,3505,3508,3511],{"class":2175,"line":2559},[2173,3492,3493],{"class":2182},"  isPlaying",[2173,3495,2053],{"class":2186},[2173,3497,3455],{"class":2182},[2173,3499,2958],{"class":2186},[2173,3501,3502],{"class":2182}," state",[2173,3504,2053],{"class":2186},[2173,3506,3507],{"class":2182},"data",[2173,3509,3510],{"class":2186}," ===",[2173,3512,3513],{"class":2565}," 1\n",[2173,3515,3516],{"class":2175,"line":2574},[2173,3517,2436],{"class":2186},[2173,3519,3520,3522,3524],{"class":2175,"line":2579},[2173,3521,2340],{"class":2186},[2173,3523,2276],{"class":2190},[2173,3525,2283],{"class":2186},[2173,3527,3528],{"class":2175,"line":2724},[2173,3529,3027],{"emptyLinePlaceholder":1196},[2173,3531,3532,3534,3537],{"class":2175,"line":2730},[2173,3533,2273],{"class":2186},[2173,3535,3536],{"class":2190},"template",[2173,3538,2283],{"class":2186},[2173,3540,3541,3544,3547,3549,3551,3553,3556,3558,3561,3563,3565,3568,3570,3573,3575,3577,3580,3582,3585,3587,3589,3592,3594],{"class":2175,"line":2759},[2173,3542,3543],{"class":2186},"  \u003C",[2173,3545,3546],{"class":2190},"ScriptYouTubePlayer",[2173,3548,3396],{"class":2279},[2173,3550,2463],{"class":2186},[2173,3552,2466],{"class":2186},[2173,3554,3555],{"class":2210},"video",[2173,3557,2466],{"class":2186},[2173,3559,3560],{"class":2279}," video-id",[2173,3562,2463],{"class":2186},[2173,3564,2466],{"class":2186},[2173,3566,3567],{"class":2210},"d_IFKP1Ofq0",[2173,3569,2466],{"class":2186},[2173,3571,3572],{"class":2279}," @ready",[2173,3574,2463],{"class":2186},[2173,3576,2466],{"class":2186},[2173,3578,3579],{"class":2210},"isLoaded = true",[2173,3581,2466],{"class":2186},[2173,3583,3584],{"class":2279}," @state-change",[2173,3586,2463],{"class":2186},[2173,3588,2466],{"class":2186},[2173,3590,3591],{"class":2210},"stateChange",[2173,3593,2466],{"class":2186},[2173,3595,2283],{"class":2186},[2173,3597,3598,3601,3603,3606,3609],{"class":2175,"line":2768},[2173,3599,3600],{"class":2186},"    \u003C",[2173,3602,3536],{"class":2190},[2173,3604,3605],{"class":2186}," #",[2173,3607,3608],{"class":2279},"awaitingLoad",[2173,3610,2283],{"class":2186},[2173,3612,3613,3616,3619,3622,3624,3626,3629,3631],{"class":2175,"line":2773},[2173,3614,3615],{"class":2186},"      \u003C",[2173,3617,3618],{"class":2190},"div",[2173,3620,3621],{"class":2279}," class",[2173,3623,2463],{"class":2186},[2173,3625,2466],{"class":2186},[2173,3627,3628],{"class":2210},"absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 h-[48px] w-[68px]",[2173,3630,2466],{"class":2186},[2173,3632,2283],{"class":2186},[2173,3634,3635,3638,3641,3644,3646,3648,3651,3653,3656,3658,3660,3663,3665,3668,3670,3672,3675,3677,3680,3682,3684,3686,3688,3691,3693,3696,3698,3700,3703,3705,3708,3710,3712,3715,3717,3720,3722,3724,3726,3728,3731,3733,3735,3737,3739,3742,3744,3747,3749],{"class":2175,"line":3106},[2173,3636,3637],{"class":2186},"        \u003C",[2173,3639,3640],{"class":2190},"svg",[2173,3642,3643],{"class":2279}," height",[2173,3645,2463],{"class":2186},[2173,3647,2466],{"class":2186},[2173,3649,3650],{"class":2210},"100%",[2173,3652,2466],{"class":2186},[2173,3654,3655],{"class":2279}," version",[2173,3657,2463],{"class":2186},[2173,3659,2466],{"class":2186},[2173,3661,3662],{"class":2210},"1.1",[2173,3664,2466],{"class":2186},[2173,3666,3667],{"class":2279}," viewBox",[2173,3669,2463],{"class":2186},[2173,3671,2466],{"class":2186},[2173,3673,3674],{"class":2210},"0 0 68 48",[2173,3676,2466],{"class":2186},[2173,3678,3679],{"class":2279}," width",[2173,3681,2463],{"class":2186},[2173,3683,2466],{"class":2186},[2173,3685,3650],{"class":2210},[2173,3687,2466],{"class":2186},[2173,3689,3690],{"class":2186},">\u003C",[2173,3692,2428],{"class":2190},[2173,3694,3695],{"class":2279}," d",[2173,3697,2463],{"class":2186},[2173,3699,2466],{"class":2186},[2173,3701,3702],{"class":2210},"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",[2173,3704,2466],{"class":2186},[2173,3706,3707],{"class":2279}," fill",[2173,3709,2463],{"class":2186},[2173,3711,2466],{"class":2186},[2173,3713,3714],{"class":2210},"#f00",[2173,3716,2466],{"class":2186},[2173,3718,3719],{"class":2186}," />\u003C",[2173,3721,2428],{"class":2190},[2173,3723,3695],{"class":2279},[2173,3725,2463],{"class":2186},[2173,3727,2466],{"class":2186},[2173,3729,3730],{"class":2210},"M 45,24 27,14 27,34",[2173,3732,2466],{"class":2186},[2173,3734,3707],{"class":2279},[2173,3736,2463],{"class":2186},[2173,3738,2466],{"class":2186},[2173,3740,3741],{"class":2210},"#fff",[2173,3743,2466],{"class":2186},[2173,3745,3746],{"class":2186}," />\u003C/",[2173,3748,3640],{"class":2190},[2173,3750,2283],{"class":2186},[2173,3752,3753,3756,3758],{"class":2175,"line":3116},[2173,3754,3755],{"class":2186},"      \u003C/",[2173,3757,3618],{"class":2190},[2173,3759,2283],{"class":2186},[2173,3761,3762,3765,3767],{"class":2175,"line":3137},[2173,3763,3764],{"class":2186},"    \u003C/",[2173,3766,3536],{"class":2190},[2173,3768,2283],{"class":2186},[2173,3770,3771,3774,3776],{"class":2175,"line":3143},[2173,3772,3773],{"class":2186},"  \u003C/",[2173,3775,3546],{"class":2190},[2173,3777,2283],{"class":2186},[2173,3779,3780,3782,3784],{"class":2175,"line":3148},[2173,3781,2340],{"class":2186},[2173,3783,3536],{"class":2190},[2173,3785,2283],{"class":2186},[2142,3787,3789],{"id":3788},"consent-management-element-event-triggers","Consent Management & Element Event Triggers",[2037,3791,2805,3792,3794,3795,3798,3799,3802],{},[2150,3793,3232],{}," composable gives you full control over how and when your scripts are loaded, by either providing a custom ",[2150,3796,3797],{},"trigger"," or manually calling the ",[2150,3800,3801],{},"load()"," function.",[2037,3804,3805],{},"Building on top of this, Nuxt Scripts provides advanced triggers to make it even easier.",[2246,3807,3808,3816],{},[2249,3809,3810,3815],{},[2041,3811,3814],{"href":3812,"rel":3813},"https://scripts.nuxt.com/docs/guides/consent",[2045],"Consent Management"," - Load scripts only after the user has given consent such as with a cookie banner.",[2249,3817,3818,3823],{},[2041,3819,3822],{"href":3820,"rel":3821},"https://scripts.nuxt.com/docs/guides/script-triggers#element-event-triggers",[2045],"Element Event Triggers"," - Load scripts based on user interactions such as scrolling, clicking, or form submissions.",[2164,3825,3827],{"className":2166,"code":3826,"language":2168,"meta":2169,"style":2169},"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",[2150,3828,3829,3843,3886,3891,3900,3906,3911,3922,3934,3938,3943],{"__ignoreMap":2169},[2173,3830,3831,3833,3836,3838,3841],{"class":2175,"line":2176},[2173,3832,2942],{"class":2279},[2173,3834,3835],{"class":2182}," cookieConsentTrigger ",[2173,3837,2463],{"class":2186},[2173,3839,3840],{"class":2179}," useScriptTriggerConsent",[2173,3842,3305],{"class":2182},[2173,3844,3845,3847,3849,3851,3853,3855,3857,3860,3862,3864,3866,3868,3871,3874,3876,3878,3880,3882,3884],{"class":2175,"line":2286},[2173,3846,2942],{"class":2279},[2173,3848,2945],{"class":2186},[2173,3850,3256],{"class":2182},[2173,3852,2235],{"class":2186},[2173,3854,2958],{"class":2186},[2173,3856,2961],{"class":2179},[2173,3858,3859],{"class":2186},"\u003C{",[2173,3861,3040],{"class":2190},[2173,3863,2194],{"class":2186},[2173,3865,3124],{"class":2186},[2173,3867,2504],{"class":2279},[2173,3869,3870],{"class":2629}," void",[2173,3872,3873],{"class":2186}," }>",[2173,3875,2183],{"class":2182},[2173,3877,2214],{"class":2186},[2173,3879,2968],{"class":2210},[2173,3881,2214],{"class":2186},[2173,3883,2217],{"class":2186},[2173,3885,2507],{"class":2186},[2173,3887,3888],{"class":2175,"line":2293},[2173,3889,3890],{"class":2289},"  // script will only be loaded once the consent has been accepted\n",[2173,3892,3893,3895,3897],{"class":2175,"line":2299},[2173,3894,2979],{"class":2190},[2173,3896,2194],{"class":2186},[2173,3898,3899],{"class":2182}," cookieConsentTrigger\n",[2173,3901,3902,3904],{"class":2175,"line":2305},[2173,3903,2235],{"class":2186},[2173,3905,2238],{"class":2182},[2173,3907,3908],{"class":2175,"line":2337},[2173,3909,3910],{"class":2289},"// ...\n",[2173,3912,3913,3915,3918,3920],{"class":2175,"line":2433},[2173,3914,3438],{"class":2279},[2173,3916,3917],{"class":2179}," acceptCookies",[2173,3919,2329],{"class":2186},[2173,3921,2507],{"class":2186},[2173,3923,3924,3927,3929,3932],{"class":2175,"line":2439},[2173,3925,3926],{"class":2182},"  cookieConsentTrigger",[2173,3928,2053],{"class":2186},[2173,3930,3931],{"class":2179},"accept",[2173,3933,3305],{"class":2190},[2173,3935,3936],{"class":2175,"line":2559},[2173,3937,2436],{"class":2186},[2173,3939,3940],{"class":2175,"line":2574},[2173,3941,3942],{"class":2289},"// greeting() is queued until the user accepts cookies\n",[2173,3944,3945,3947,3949,3951],{"class":2175,"line":2579},[2173,3946,3072],{"class":2182},[2173,3948,2053],{"class":2186},[2173,3950,3077],{"class":2179},[2173,3952,3305],{"class":2182},[2142,3954,3956],{"id":3955},"bundling-scripts","Bundling Scripts",[2037,3958,3959],{},"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:",[2246,3961,3962,3965,3968,3971],{},[2249,3963,3964],{},"Privacy: The third-party script can track users across sites.",[2249,3966,3967],{},"Security: The third-party script can be compromised and inject malicious code.",[2249,3969,3970],{},"Performance: Extra DNS lookups will slow down the page load.",[2249,3972,3973],{},"Developer Experience: Consented scripts may be blocked by ad blockers.",[2037,3975,3976],{},"To mitigate this, Nuxt Scripts provides a way to bundle third-party scripts into your public directory without any extra work.",[2164,3978,3980],{"className":2166,"code":3979,"language":2168,"meta":2169,"style":2169},"useScript('https://cdn.jsdelivr.net/npm/js-confetti@latest/dist/js-confetti.browser.js', {\n  bundle: true,\n})\n",[2150,3981,3982,3999,4010],{"__ignoreMap":2169},[2173,3983,3984,3986,3988,3990,3993,3995,3997],{"class":2175,"line":2176},[2173,3985,3232],{"class":2179},[2173,3987,2183],{"class":2182},[2173,3989,2214],{"class":2186},[2173,3991,3992],{"class":2210},"https://cdn.jsdelivr.net/npm/js-confetti@latest/dist/js-confetti.browser.js",[2173,3994,2214],{"class":2186},[2173,3996,2217],{"class":2186},[2173,3998,2507],{"class":2186},[2173,4000,4001,4004,4006,4008],{"class":2175,"line":2286},[2173,4002,4003],{"class":2190},"  bundle",[2173,4005,2194],{"class":2186},[2173,4007,2226],{"class":2225},[2173,4009,2990],{"class":2186},[2173,4011,4012,4014],{"class":2175,"line":2293},[2173,4013,2235],{"class":2186},[2173,4015,2238],{"class":2182},[2037,4017,4018,4019,4022],{},"The script will now be served from ",[2150,4020,4021],{},"/_scripts/{hash}"," on your own domain.",[2070,4024,4026],{"id":4025},"to-be-continued","To be continued",[2037,4028,4029],{},"As we saw, there are many opportunities to improve third-party scripts for developers and end-users.",[2037,4031,4032,4033,4036],{},"The initial release of Nuxt Scripts has solved ",[2842,4034,4035],{},"some"," of these issues, but there's still a lot of work ahead of us.",[2037,4038,4039],{},"The next items on the roadmap are:",[2246,4041,4042,4049,4056,4063],{},[2249,4043,4044],{},[2041,4045,4048],{"href":4046,"rel":4047},"https://github.com/nuxt/scripts/issues/182",[2045],"Add web worker support (Partytown)",[2249,4050,4051],{},[2041,4052,4055],{"href":4053,"rel":4054},"https://github.com/nuxt/scripts/issues/44",[2045],"More Live Chat Facade Components",[2249,4057,4058],{},[2041,4059,4062],{"href":4060,"rel":4061},"https://github.com/nuxt/scripts/issues/87",[2045],"Offload Scripts To Nuxt Server Proxy",[2249,4064,4065],{},[2041,4066,4069],{"href":4067,"rel":4068},"https://github.com/nuxt/scripts/issues/131",[2045],"Iframe Script Sandboxing",[2037,4071,4072],{},"We'd love to have your contribution and support.",[2070,4074,4076],{"id":4075},"getting-started","Getting started",[2037,4078,4079,4080,4085],{},"To get started with Nuxt Scripts, we've created a ",[2041,4081,4084],{"href":4082,"rel":4083},"https://scripts.nuxt.com/docs/getting-started/confetti-tutorial",[2045],"tutorial"," to help you get up and running.",[2070,4087,4089],{"id":4088},"credits","Credits",[2246,4091,4092,4099,4107,4114],{},[2249,4093,4094,4098],{},[2041,4095,4097],{"href":2031,"rel":4096},[2045],"Harlan Wilton - Nuxt"," (author)",[2249,4100,4101,4106],{},[2041,4102,4105],{"href":4103,"rel":4104},"https://github.com/huang-julien",[2045],"Julien Huang - Nuxt"," (contributor)",[2249,4108,4109,4106],{},[2041,4110,4113],{"href":4111,"rel":4112},"https://github.com/danielroe",[2045],"Daniel Roe - Nuxt",[2249,4115,4116,4106],{},[2041,4117,4119],{"href":2043,"rel":4118},[2045],"Chrome Aurora - Google",[2037,4121,4122],{},"And a big thank you to the early contributors.",[2037,4124,4125],{},[2060,4126],{"alt":4127,"className":4128,"src":4129},"Nuxt Scripts Contributors",[2064,2065,2066,2067],"/assets/blog/nuxt-scripts/contributors.png",[4131,4132,4133],"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":2169,"searchDepth":2286,"depth":2286,"links":4135},[4136,4137,4143,4150,4151,4152],{"id":2072,"depth":2286,"text":2073},{"id":2111,"depth":2286,"text":2112,"children":4138},[4139,4140,4141],{"id":2144,"depth":2293,"text":2145},{"id":2782,"depth":2293,"text":2783},{"id":2839,"depth":2293,"text":4142},"🛡️ Privacy & Security: Do no evil?",{"id":2870,"depth":2286,"text":2871,"children":4144},[4145,4146,4147,4148,4149],{"id":2874,"depth":2293,"text":2875},{"id":3210,"depth":2293,"text":3211},{"id":3308,"depth":2293,"text":3309},{"id":3788,"depth":2293,"text":3789},{"id":3955,"depth":2293,"text":3956},{"id":4025,"depth":2286,"text":4026},{"id":4075,"depth":2286,"text":4076},{"id":4088,"depth":2286,"text":4089},"Release","2024-08-20T00:00:00.000Z","Nuxt Scripts provides better performance, privacy, security, and developer experience for third-party scripts.","md",{},{"title":1977,"description":4155},"I2I1SZLpKeGKt-rtqQi98uzN9_ppn3Em2PIYuB2qE5E",[4161,4163],{"title":1981,"path":1982,"stem":1983,"description":4162,"children":-1},"Discover Nuxt Icon v1 - a modern, versatile, and customizable icon solution for your Nuxt projects.",{"title":1993,"path":1994,"stem":1995,"description":4164,"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).",1771414202184]