[{"data":1,"prerenderedAt":2935},["ShallowReactive",2],{"navigation":3,"-docs-guide-directory-structure-plugins":1107,"-docs-guide-directory-structure-plugins-surround":2930},[4,1018],{"title":5,"titleTemplate":6,"icon":7,"path":8,"stem":9,"children":10,"page":108},"Docs",null,"i-lucide-bookmark","/docs","docs",[11,109,345,805,897,934,976],{"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/getting-started","docs/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/getting-started/introduction","docs/1.getting-started/01.introduction","i-lucide-info",{"title":24,"path":25,"stem":26,"titleTemplate":6,"icon":27},"Installation","/docs/getting-started/installation","docs/1.getting-started/02.installation","i-lucide-play",{"title":29,"path":30,"stem":31,"titleTemplate":6,"icon":32},"Configuration","/docs/getting-started/configuration","docs/1.getting-started/03.configuration","i-lucide-cog",{"title":34,"path":35,"stem":36,"titleTemplate":6,"icon":37},"Views","/docs/getting-started/views","docs/1.getting-started/04.views","i-lucide-panels-top-left",{"title":39,"path":40,"stem":41,"titleTemplate":6,"icon":42},"Assets","/docs/getting-started/assets","docs/1.getting-started/05.assets","i-lucide-image",{"title":44,"path":45,"stem":46,"titleTemplate":6,"icon":47},"Styling","/docs/getting-started/styling","docs/1.getting-started/06.styling","i-lucide-palette",{"title":49,"path":50,"stem":51,"titleTemplate":6,"icon":52},"Routing","/docs/getting-started/routing","docs/1.getting-started/07.routing","i-lucide-milestone",{"title":54,"path":55,"stem":56,"titleTemplate":6,"icon":57},"SEO and Meta","/docs/getting-started/seo-meta","docs/1.getting-started/08.seo-meta","i-lucide-file-search",{"title":59,"path":60,"stem":61,"titleTemplate":6,"icon":62},"Transitions","/docs/getting-started/transitions","docs/1.getting-started/09.transitions","i-lucide-toggle-right",{"title":64,"path":65,"stem":66,"titleTemplate":6,"icon":67},"Data Fetching","/docs/getting-started/data-fetching","docs/1.getting-started/10.data-fetching","i-lucide-cable",{"title":69,"path":70,"stem":71,"titleTemplate":6,"icon":72},"State Management","/docs/getting-started/state-management","docs/1.getting-started/11.state-management","i-lucide-database",{"title":74,"path":75,"stem":76,"titleTemplate":6,"icon":77},"Error Handling","/docs/getting-started/error-handling","docs/1.getting-started/12.error-handling","i-lucide-bug-off",{"title":79,"path":80,"stem":81,"titleTemplate":6,"icon":82},"Server","/docs/getting-started/server","docs/1.getting-started/13.server","i-lucide-pc-case",{"title":84,"path":85,"stem":86,"titleTemplate":6,"icon":87},"Layers","/docs/getting-started/layers","docs/1.getting-started/14.layers","i-lucide-layers",{"title":89,"path":90,"stem":91,"titleTemplate":6,"icon":92},"Prerendering","/docs/getting-started/prerendering","docs/1.getting-started/15.prerendering","i-lucide-file-code-2",{"title":94,"path":95,"stem":96,"titleTemplate":6,"icon":97},"Deployment","/docs/getting-started/deployment","docs/1.getting-started/16.deployment","i-lucide-cloud",{"title":99,"path":100,"stem":101,"titleTemplate":6,"icon":102},"Testing","/docs/getting-started/testing","docs/1.getting-started/17.testing","i-lucide-circle-check",{"title":104,"path":105,"stem":106,"titleTemplate":6,"icon":107},"Upgrade Guide","/docs/getting-started/upgrade","docs/1.getting-started/18.upgrade","i-lucide-circle-arrow-up",false,{"title":110,"titleTemplate":6,"icon":111,"path":112,"stem":113,"children":114,"page":108},"Guide","i-lucide-book-open","/docs/guide","docs/2.guide",[115,158,271,322],{"title":116,"titleTemplate":117,"icon":118,"path":119,"stem":120,"children":121,"page":108},"Key Concepts","%s · Nuxt Concepts","i-lucide-medal","/docs/guide/concepts","docs/2.guide/1.concepts",[122,126,130,134,138,142,146,150,154],{"title":123,"path":124,"stem":125,"titleTemplate":6},"Auto-imports","/docs/guide/concepts/auto-imports","docs/2.guide/1.concepts/1.auto-imports",{"title":127,"path":128,"stem":129,"titleTemplate":6},"Nuxt Lifecycle","/docs/guide/concepts/nuxt-lifecycle","docs/2.guide/1.concepts/10.nuxt-lifecycle",{"title":131,"path":132,"stem":133,"titleTemplate":6},"Vue.js Development","/docs/guide/concepts/vuejs-development","docs/2.guide/1.concepts/2.vuejs-development",{"title":135,"path":136,"stem":137,"titleTemplate":6},"Rendering Modes","/docs/guide/concepts/rendering","docs/2.guide/1.concepts/3.rendering",{"title":139,"path":140,"stem":141,"titleTemplate":6},"Server Engine","/docs/guide/concepts/server-engine","docs/2.guide/1.concepts/4.server-engine",{"title":143,"path":144,"stem":145,"titleTemplate":6},"Modules","/docs/guide/concepts/modules","docs/2.guide/1.concepts/5.modules",{"title":147,"path":148,"stem":149,"titleTemplate":6},"ES Modules","/docs/guide/concepts/esm","docs/2.guide/1.concepts/7.esm",{"title":151,"path":152,"stem":153,"titleTemplate":6},"TypeScript","/docs/guide/concepts/typescript","docs/2.guide/1.concepts/8.typescript",{"title":155,"path":156,"stem":157,"titleTemplate":6},"Code Style","/docs/guide/concepts/code-style","docs/2.guide/1.concepts/9.code-style",{"title":159,"titleTemplate":160,"icon":161,"path":162,"stem":163,"children":164,"page":108},"Directory Structure","%s · Nuxt Directory Structure","i-lucide-folders","/docs/guide/directory-structure","docs/2.guide/2.directory-structure",[165,170,174,178,182,186,190,194,198,202,206,210,214,218,222,226,230,235,239,243,247,251,255,259,263,267],{"title":166,"path":167,"stem":168,"titleTemplate":6,"icon":169},".nuxt","/docs/guide/directory-structure/nuxt","docs/2.guide/2.directory-structure/0.nuxt","i-lucide-folder",{"title":171,"path":172,"stem":173,"titleTemplate":6,"icon":169},".output","/docs/guide/directory-structure/output","docs/2.guide/2.directory-structure/0.output",{"title":175,"path":176,"stem":177,"titleTemplate":6,"icon":169},"assets","/docs/guide/directory-structure/assets","docs/2.guide/2.directory-structure/1.assets",{"title":179,"path":180,"stem":181,"titleTemplate":6,"icon":169},"components","/docs/guide/directory-structure/components","docs/2.guide/2.directory-structure/1.components",{"title":183,"path":184,"stem":185,"titleTemplate":6,"icon":169},"composables","/docs/guide/directory-structure/composables","docs/2.guide/2.directory-structure/1.composables",{"title":187,"path":188,"stem":189,"titleTemplate":6,"icon":169},"content","/docs/guide/directory-structure/content","docs/2.guide/2.directory-structure/1.content",{"title":191,"path":192,"stem":193,"titleTemplate":6,"icon":169},"layouts","/docs/guide/directory-structure/layouts","docs/2.guide/2.directory-structure/1.layouts",{"title":195,"path":196,"stem":197,"titleTemplate":6,"icon":169},"middleware","/docs/guide/directory-structure/middleware","docs/2.guide/2.directory-structure/1.middleware",{"title":199,"path":200,"stem":201,"titleTemplate":6,"icon":169},"modules","/docs/guide/directory-structure/modules","docs/2.guide/2.directory-structure/1.modules",{"title":203,"path":204,"stem":205,"titleTemplate":6,"icon":169},"node_modules","/docs/guide/directory-structure/node_modules","docs/2.guide/2.directory-structure/1.node_modules",{"title":207,"path":208,"stem":209,"titleTemplate":6,"icon":169},"pages","/docs/guide/directory-structure/pages","docs/2.guide/2.directory-structure/1.pages",{"title":211,"path":212,"stem":213,"titleTemplate":6,"icon":169},"plugins","/docs/guide/directory-structure/plugins","docs/2.guide/2.directory-structure/1.plugins",{"title":215,"path":216,"stem":217,"titleTemplate":6,"icon":169},"public","/docs/guide/directory-structure/public","docs/2.guide/2.directory-structure/1.public",{"title":219,"path":220,"stem":221,"titleTemplate":6,"icon":169},"server","/docs/guide/directory-structure/server","docs/2.guide/2.directory-structure/1.server",{"title":223,"path":224,"stem":225,"titleTemplate":6,"icon":169},"shared","/docs/guide/directory-structure/shared","docs/2.guide/2.directory-structure/1.shared",{"title":227,"path":228,"stem":229,"titleTemplate":6,"icon":169},"utils","/docs/guide/directory-structure/utils","docs/2.guide/2.directory-structure/1.utils",{"title":231,"path":232,"stem":233,"titleTemplate":6,"icon":234},".env","/docs/guide/directory-structure/env","docs/2.guide/2.directory-structure/2.env","i-lucide-file",{"title":236,"path":237,"stem":238,"titleTemplate":6,"icon":234},".gitignore","/docs/guide/directory-structure/gitignore","docs/2.guide/2.directory-structure/2.gitignore",{"title":240,"path":241,"stem":242,"titleTemplate":6,"icon":234},".nuxtignore","/docs/guide/directory-structure/nuxtignore","docs/2.guide/2.directory-structure/2.nuxtignore",{"title":244,"path":245,"stem":246,"titleTemplate":6,"icon":234},".nuxtrc","/docs/guide/directory-structure/nuxtrc","docs/2.guide/2.directory-structure/2.nuxtrc",{"title":248,"path":249,"stem":250,"titleTemplate":6,"icon":234},"app.vue","/docs/guide/directory-structure/app","docs/2.guide/2.directory-structure/3.app",{"title":252,"path":253,"stem":254,"titleTemplate":6,"icon":234},"app.config.ts","/docs/guide/directory-structure/app-config","docs/2.guide/2.directory-structure/3.app-config",{"title":256,"path":257,"stem":258,"titleTemplate":6,"icon":234},"error.vue","/docs/guide/directory-structure/error","docs/2.guide/2.directory-structure/3.error",{"title":260,"path":261,"stem":262,"titleTemplate":6,"icon":234},"nuxt.config.ts","/docs/guide/directory-structure/nuxt-config","docs/2.guide/2.directory-structure/3.nuxt-config",{"title":264,"path":265,"stem":266,"titleTemplate":6,"icon":234},"package.json","/docs/guide/directory-structure/package","docs/2.guide/2.directory-structure/3.package",{"title":268,"path":269,"stem":270,"titleTemplate":6,"icon":234},"tsconfig.json","/docs/guide/directory-structure/tsconfig","docs/2.guide/2.directory-structure/3.tsconfig",{"title":272,"titleTemplate":273,"icon":274,"path":275,"stem":276,"children":277,"page":108},"Going Further","%s · Nuxt Advanced","i-lucide-star","/docs/guide/going-further","docs/2.guide/3.going-further",[278,282,286,290,294,298,302,306,310,314,318],{"title":279,"path":280,"stem":281,"titleTemplate":6},"Experimental Features","/docs/guide/going-further/experimental-features","docs/2.guide/3.going-further/1.experimental-features",{"title":283,"path":284,"stem":285,"titleTemplate":6},"Features","/docs/guide/going-further/features","docs/2.guide/3.going-further/1.features",{"title":287,"path":288,"stem":289,"titleTemplate":6},"How Nuxt Works?","/docs/guide/going-further/internals","docs/2.guide/3.going-further/1.internals",{"title":291,"path":292,"stem":293,"titleTemplate":6},"Runtime Config","/docs/guide/going-further/runtime-config","docs/2.guide/3.going-further/10.runtime-config",{"title":295,"path":296,"stem":297,"titleTemplate":6},"Nightly Release Channel","/docs/guide/going-further/nightly-release-channel","docs/2.guide/3.going-further/11.nightly-release-channel",{"title":299,"path":300,"stem":301,"titleTemplate":6},"Lifecycle Hooks","/docs/guide/going-further/hooks","docs/2.guide/3.going-further/2.hooks",{"title":303,"path":304,"stem":305,"titleTemplate":6},"Module Author Guide","/docs/guide/going-further/modules","docs/2.guide/3.going-further/3.modules",{"title":307,"path":308,"stem":309,"titleTemplate":6},"Nuxt Kit","/docs/guide/going-further/kit","docs/2.guide/3.going-further/4.kit",{"title":311,"path":312,"stem":313,"titleTemplate":6},"NuxtApp","/docs/guide/going-further/nuxt-app","docs/2.guide/3.going-further/6.nuxt-app",{"title":315,"path":316,"stem":317,"titleTemplate":6},"Authoring Nuxt Layers","/docs/guide/going-further/layers","docs/2.guide/3.going-further/7.layers",{"title":319,"path":320,"stem":321,"titleTemplate":6},"Debugging","/docs/guide/going-further/debugging","docs/2.guide/3.going-further/9.debugging",{"title":323,"titleTemplate":324,"icon":325,"path":326,"stem":327,"children":328,"page":108},"Recipes","%s · Recipes","i-lucide-cooking-pot","/docs/guide/recipes","docs/2.guide/4.recipes",[329,333,337,341],{"title":330,"path":331,"stem":332,"titleTemplate":6},"Custom Routing","/docs/guide/recipes/custom-routing","docs/2.guide/4.recipes/1.custom-routing",{"title":334,"path":335,"stem":336,"titleTemplate":6},"Vite Plugins","/docs/guide/recipes/vite-plugin","docs/2.guide/4.recipes/2.vite-plugin",{"title":338,"path":339,"stem":340,"titleTemplate":6},"Custom useFetch","/docs/guide/recipes/custom-usefetch","docs/2.guide/4.recipes/3.custom-usefetch",{"title":342,"path":343,"stem":344,"titleTemplate":6},"Sessions and Authentication","/docs/guide/recipes/sessions-and-authentication","docs/2.guide/4.recipes/4.sessions-and-authentication",{"title":346,"titleTemplate":347,"icon":348,"path":349,"stem":350,"children":351,"page":108},"API","%s · Nuxt API","i-lucide-code-xml","/docs/api","docs/3.api",[352,416,539,654,721,787,800],{"title":353,"titleTemplate":354,"icon":355,"path":356,"stem":357,"children":358,"page":108},"Components","%s · Nuxt Components","i-lucide-box","/docs/api/components","docs/3.api/1.components",[359,363,367,371,375,379,384,388,392,396,400,404,408,412],{"title":360,"path":361,"stem":362,"titleTemplate":6},"\u003CClientOnly>","/docs/api/components/client-only","docs/3.api/1.components/1.client-only",{"title":364,"path":365,"stem":366,"titleTemplate":6},"\u003CDevOnly>","/docs/api/components/dev-only","docs/3.api/1.components/1.dev-only",{"title":368,"path":369,"stem":370,"titleTemplate":6},"\u003CNuxtClientFallback>","/docs/api/components/nuxt-client-fallback","docs/3.api/1.components/1.nuxt-client-fallback",{"title":372,"path":373,"stem":374,"titleTemplate":6},"\u003CNuxtPicture>","/docs/api/components/nuxt-picture","docs/3.api/1.components/10.nuxt-picture",{"title":376,"path":377,"stem":378,"titleTemplate":6},"\u003CTeleport>","/docs/api/components/teleports","docs/3.api/1.components/11.teleports",{"title":380,"path":381,"stem":382,"titleTemplate":6,"badge":383},"\u003CNuxtRouteAnnouncer>","/docs/api/components/nuxt-route-announcer","docs/3.api/1.components/12.nuxt-route-announcer","New",{"title":385,"path":386,"stem":387,"titleTemplate":6},"\u003CNuxtPage>","/docs/api/components/nuxt-page","docs/3.api/1.components/2.nuxt-page",{"title":389,"path":390,"stem":391,"titleTemplate":6},"\u003CNuxtLayout>","/docs/api/components/nuxt-layout","docs/3.api/1.components/3.nuxt-layout",{"title":393,"path":394,"stem":395,"titleTemplate":6},"\u003CNuxtLink>","/docs/api/components/nuxt-link","docs/3.api/1.components/4.nuxt-link",{"title":397,"path":398,"stem":399,"titleTemplate":6},"\u003CNuxtLoadingIndicator>","/docs/api/components/nuxt-loading-indicator","docs/3.api/1.components/5.nuxt-loading-indicator",{"title":401,"path":402,"stem":403,"titleTemplate":6},"\u003CNuxtErrorBoundary>","/docs/api/components/nuxt-error-boundary","docs/3.api/1.components/6.nuxt-error-boundary",{"title":405,"path":406,"stem":407,"titleTemplate":6},"\u003CNuxtWelcome>","/docs/api/components/nuxt-welcome","docs/3.api/1.components/7.nuxt-welcome",{"title":409,"path":410,"stem":411,"titleTemplate":6},"\u003CNuxtIsland>","/docs/api/components/nuxt-island","docs/3.api/1.components/8.nuxt-island",{"title":413,"path":414,"stem":415,"titleTemplate":6},"\u003CNuxtImg>","/docs/api/components/nuxt-img","docs/3.api/1.components/9.nuxt-img",{"title":417,"titleTemplate":418,"icon":419,"path":420,"stem":421,"children":422,"page":108},"Composables","%s · Nuxt Composables","i-lucide-arrow-left-right","/docs/api/composables","docs/3.api/2.composables",[423,427,431,435,439,443,447,451,455,459,463,467,471,475,479,483,487,491,495,499,503,507,511,515,519,523,527,531,535],{"title":424,"path":425,"stem":426,"titleTemplate":6},"onPrehydrate","/docs/api/composables/on-prehydrate","docs/3.api/2.composables/on-prehydrate",{"title":428,"path":429,"stem":430,"titleTemplate":6},"useAppConfig","/docs/api/composables/use-app-config","docs/3.api/2.composables/use-app-config",{"title":432,"path":433,"stem":434,"titleTemplate":6},"useAsyncData","/docs/api/composables/use-async-data","docs/3.api/2.composables/use-async-data",{"title":436,"path":437,"stem":438,"titleTemplate":6},"useCookie","/docs/api/composables/use-cookie","docs/3.api/2.composables/use-cookie",{"title":440,"path":441,"stem":442,"titleTemplate":6},"useError","/docs/api/composables/use-error","docs/3.api/2.composables/use-error",{"title":444,"path":445,"stem":446,"titleTemplate":6},"useFetch","/docs/api/composables/use-fetch","docs/3.api/2.composables/use-fetch",{"title":448,"path":449,"stem":450,"titleTemplate":6},"useHead","/docs/api/composables/use-head","docs/3.api/2.composables/use-head",{"title":452,"path":453,"stem":454,"titleTemplate":6},"useHeadSafe","/docs/api/composables/use-head-safe","docs/3.api/2.composables/use-head-safe",{"title":456,"path":457,"stem":458,"titleTemplate":6},"useHydration","/docs/api/composables/use-hydration","docs/3.api/2.composables/use-hydration",{"title":460,"path":461,"stem":462,"titleTemplate":6},"useLazyAsyncData","/docs/api/composables/use-lazy-async-data","docs/3.api/2.composables/use-lazy-async-data",{"title":464,"path":465,"stem":466,"titleTemplate":6},"useLazyFetch","/docs/api/composables/use-lazy-fetch","docs/3.api/2.composables/use-lazy-fetch",{"title":468,"path":469,"stem":470,"titleTemplate":6},"useLoadingIndicator","/docs/api/composables/use-loading-indicator","docs/3.api/2.composables/use-loading-indicator",{"title":472,"path":473,"stem":474,"titleTemplate":6},"useNuxtApp","/docs/api/composables/use-nuxt-app","docs/3.api/2.composables/use-nuxt-app",{"title":476,"path":477,"stem":478,"titleTemplate":6},"useNuxtData","/docs/api/composables/use-nuxt-data","docs/3.api/2.composables/use-nuxt-data",{"title":480,"path":481,"stem":482,"titleTemplate":6},"usePreviewMode","/docs/api/composables/use-preview-mode","docs/3.api/2.composables/use-preview-mode",{"title":484,"path":485,"stem":486,"titleTemplate":6},"useRequestEvent","/docs/api/composables/use-request-event","docs/3.api/2.composables/use-request-event",{"title":488,"path":489,"stem":490,"titleTemplate":6},"useRequestFetch","/docs/api/composables/use-request-fetch","docs/3.api/2.composables/use-request-fetch",{"title":492,"path":493,"stem":494,"titleTemplate":6},"useRequestHeader","/docs/api/composables/use-request-header","docs/3.api/2.composables/use-request-header",{"title":496,"path":497,"stem":498,"titleTemplate":6},"useRequestHeaders","/docs/api/composables/use-request-headers","docs/3.api/2.composables/use-request-headers",{"title":500,"path":501,"stem":502,"titleTemplate":6},"useRequestURL","/docs/api/composables/use-request-url","docs/3.api/2.composables/use-request-url",{"title":504,"path":505,"stem":506,"titleTemplate":6},"useResponseHeader","/docs/api/composables/use-response-header","docs/3.api/2.composables/use-response-header",{"title":508,"path":509,"stem":510,"titleTemplate":6},"useRoute","/docs/api/composables/use-route","docs/3.api/2.composables/use-route",{"title":512,"path":513,"stem":514,"titleTemplate":6,"badge":383},"useRouteAnnouncer","/docs/api/composables/use-route-announcer","docs/3.api/2.composables/use-route-announcer",{"title":516,"path":517,"stem":518,"titleTemplate":6},"useRouter","/docs/api/composables/use-router","docs/3.api/2.composables/use-router",{"title":520,"path":521,"stem":522,"titleTemplate":6},"useRuntimeConfig","/docs/api/composables/use-runtime-config","docs/3.api/2.composables/use-runtime-config",{"title":524,"path":525,"stem":526,"titleTemplate":6},"useRuntimeHook","/docs/api/composables/use-runtime-hook","docs/3.api/2.composables/use-runtime-hook",{"title":528,"path":529,"stem":530,"titleTemplate":6},"useSeoMeta","/docs/api/composables/use-seo-meta","docs/3.api/2.composables/use-seo-meta",{"title":532,"path":533,"stem":534,"titleTemplate":6},"useServerSeoMeta","/docs/api/composables/use-server-seo-meta","docs/3.api/2.composables/use-server-seo-meta",{"title":536,"path":537,"stem":538,"titleTemplate":6},"useState","/docs/api/composables/use-state","docs/3.api/2.composables/use-state",{"title":540,"titleTemplate":541,"icon":542,"path":543,"stem":544,"children":545,"page":108},"Utils","%s · Nuxt Utils","i-lucide-square-function","/docs/api/utils","docs/3.api/3.utils",[546,550,554,558,562,566,570,574,578,582,586,590,594,598,602,606,610,614,618,622,626,630,634,638,642,646,650],{"title":547,"path":548,"stem":549,"titleTemplate":6},"$fetch","/docs/api/utils/dollarfetch","docs/3.api/3.utils/$fetch",{"title":551,"path":552,"stem":553,"titleTemplate":6},"abortNavigation","/docs/api/utils/abort-navigation","docs/3.api/3.utils/abort-navigation",{"title":555,"path":556,"stem":557,"titleTemplate":6},"addRouteMiddleware","/docs/api/utils/add-route-middleware","docs/3.api/3.utils/add-route-middleware",{"title":559,"path":560,"stem":561,"titleTemplate":6,"badge":383},"callOnce","/docs/api/utils/call-once","docs/3.api/3.utils/call-once",{"title":563,"path":564,"stem":565,"titleTemplate":6},"clearError","/docs/api/utils/clear-error","docs/3.api/3.utils/clear-error",{"title":567,"path":568,"stem":569,"titleTemplate":6},"clearNuxtData","/docs/api/utils/clear-nuxt-data","docs/3.api/3.utils/clear-nuxt-data",{"title":571,"path":572,"stem":573,"titleTemplate":6},"clearNuxtState","/docs/api/utils/clear-nuxt-state","docs/3.api/3.utils/clear-nuxt-state",{"title":575,"path":576,"stem":577,"titleTemplate":6},"createError","/docs/api/utils/create-error","docs/3.api/3.utils/create-error",{"title":579,"path":580,"stem":581,"titleTemplate":6},"defineNuxtComponent","/docs/api/utils/define-nuxt-component","docs/3.api/3.utils/define-nuxt-component",{"title":583,"path":584,"stem":585,"titleTemplate":6},"defineNuxtRouteMiddleware","/docs/api/utils/define-nuxt-route-middleware","docs/3.api/3.utils/define-nuxt-route-middleware",{"title":587,"path":588,"stem":589,"titleTemplate":6},"definePageMeta","/docs/api/utils/define-page-meta","docs/3.api/3.utils/define-page-meta",{"title":591,"path":592,"stem":593,"titleTemplate":6},"defineRouteRules","/docs/api/utils/define-route-rules","docs/3.api/3.utils/define-route-rules",{"title":595,"path":596,"stem":597,"titleTemplate":6},"navigateTo","/docs/api/utils/navigate-to","docs/3.api/3.utils/navigate-to",{"title":599,"path":600,"stem":601,"titleTemplate":6},"onBeforeRouteLeave","/docs/api/utils/on-before-route-leave","docs/3.api/3.utils/on-before-route-leave",{"title":603,"path":604,"stem":605,"titleTemplate":6},"onBeforeRouteUpdate","/docs/api/utils/on-before-route-update","docs/3.api/3.utils/on-before-route-update",{"title":607,"path":608,"stem":609,"titleTemplate":6},"onNuxtReady","/docs/api/utils/on-nuxt-ready","docs/3.api/3.utils/on-nuxt-ready",{"title":611,"path":612,"stem":613,"titleTemplate":6},"prefetchComponents","/docs/api/utils/prefetch-components","docs/3.api/3.utils/prefetch-components",{"title":615,"path":616,"stem":617,"titleTemplate":6},"preloadComponents","/docs/api/utils/preload-components","docs/3.api/3.utils/preload-components",{"title":619,"path":620,"stem":621,"titleTemplate":6},"preloadRouteComponents","/docs/api/utils/preload-route-components","docs/3.api/3.utils/preload-route-components",{"title":623,"path":624,"stem":625,"titleTemplate":6},"prerenderRoutes","/docs/api/utils/prerender-routes","docs/3.api/3.utils/prerender-routes",{"title":627,"path":628,"stem":629,"titleTemplate":6,"badge":383},"refreshCookie","/docs/api/utils/refresh-cookie","docs/3.api/3.utils/refresh-cookie",{"title":631,"path":632,"stem":633,"titleTemplate":6},"refreshNuxtData","/docs/api/utils/refresh-nuxt-data","docs/3.api/3.utils/refresh-nuxt-data",{"title":635,"path":636,"stem":637,"titleTemplate":6},"reloadNuxtApp","/docs/api/utils/reload-nuxt-app","docs/3.api/3.utils/reload-nuxt-app",{"title":639,"path":640,"stem":641,"titleTemplate":6},"setPageLayout","/docs/api/utils/set-page-layout","docs/3.api/3.utils/set-page-layout",{"title":643,"path":644,"stem":645,"titleTemplate":6},"setResponseStatus","/docs/api/utils/set-response-status","docs/3.api/3.utils/set-response-status",{"title":647,"path":648,"stem":649,"titleTemplate":6},"showError","/docs/api/utils/show-error","docs/3.api/3.utils/show-error",{"title":651,"path":652,"stem":653,"titleTemplate":6},"updateAppConfig","/docs/api/utils/update-app-config","docs/3.api/3.utils/update-app-config",{"title":655,"titleTemplate":656,"icon":657,"path":658,"stem":659,"children":660,"page":108},"Commands","%s · Nuxt Commands","i-lucide-square-terminal","/docs/api/commands","docs/3.api/4.commands",[661,665,669,673,677,681,685,689,693,697,701,705,709,713,717],{"title":662,"path":663,"stem":664,"titleTemplate":6},"nuxi add","/docs/api/commands/add","docs/3.api/4.commands/add",{"title":666,"path":667,"stem":668,"titleTemplate":6},"nuxi analyze","/docs/api/commands/analyze","docs/3.api/4.commands/analyze",{"title":670,"path":671,"stem":672,"titleTemplate":6},"nuxi build","/docs/api/commands/build","docs/3.api/4.commands/build",{"title":674,"path":675,"stem":676,"titleTemplate":6},"nuxi build-module","/docs/api/commands/build-module","docs/3.api/4.commands/build-module",{"title":678,"path":679,"stem":680,"titleTemplate":6},"nuxi cleanup","/docs/api/commands/cleanup","docs/3.api/4.commands/cleanup",{"title":682,"path":683,"stem":684,"titleTemplate":6},"nuxi dev","/docs/api/commands/dev","docs/3.api/4.commands/dev",{"title":686,"path":687,"stem":688,"titleTemplate":6},"nuxi devtools","/docs/api/commands/devtools","docs/3.api/4.commands/devtools",{"title":690,"path":691,"stem":692,"titleTemplate":6},"nuxi generate","/docs/api/commands/generate","docs/3.api/4.commands/generate",{"title":694,"path":695,"stem":696,"titleTemplate":6},"nuxi info","/docs/api/commands/info","docs/3.api/4.commands/info",{"title":698,"path":699,"stem":700,"titleTemplate":6},"nuxi init","/docs/api/commands/init","docs/3.api/4.commands/init",{"title":702,"path":703,"stem":704,"titleTemplate":6},"nuxi module","/docs/api/commands/module","docs/3.api/4.commands/module",{"title":706,"path":707,"stem":708,"titleTemplate":6},"nuxi prepare","/docs/api/commands/prepare","docs/3.api/4.commands/prepare",{"title":710,"path":711,"stem":712,"titleTemplate":6},"nuxi preview","/docs/api/commands/preview","docs/3.api/4.commands/preview",{"title":714,"path":715,"stem":716,"titleTemplate":6},"nuxi typecheck","/docs/api/commands/typecheck","docs/3.api/4.commands/typecheck",{"title":718,"path":719,"stem":720,"titleTemplate":6},"nuxi upgrade","/docs/api/commands/upgrade","docs/3.api/4.commands/upgrade",{"title":307,"titleTemplate":722,"icon":723,"path":724,"stem":725,"children":726,"page":108},"%s · Nuxt Kit","i-lucide-package","/docs/api/kit","docs/3.api/5.kit",[727,730,733,737,741,745,749,753,757,761,765,768,771,775,779,783],{"title":143,"path":728,"stem":729,"titleTemplate":6},"/docs/api/kit/modules","docs/3.api/5.kit/1.modules",{"title":291,"path":731,"stem":732,"titleTemplate":6},"/docs/api/kit/runtime-config","docs/3.api/5.kit/10.runtime-config",{"title":734,"path":735,"stem":736,"titleTemplate":6},"Templates","/docs/api/kit/templates","docs/3.api/5.kit/10.templates",{"title":738,"path":739,"stem":740,"titleTemplate":6},"Nitro","/docs/api/kit/nitro","docs/3.api/5.kit/11.nitro",{"title":742,"path":743,"stem":744,"titleTemplate":6},"Resolving","/docs/api/kit/resolving","docs/3.api/5.kit/12.resolving",{"title":746,"path":747,"stem":748,"titleTemplate":6},"Logging","/docs/api/kit/logging","docs/3.api/5.kit/13.logging",{"title":750,"path":751,"stem":752,"titleTemplate":6},"Builder","/docs/api/kit/builder","docs/3.api/5.kit/14.builder",{"title":754,"path":755,"stem":756,"titleTemplate":6},"Examples","/docs/api/kit/examples","docs/3.api/5.kit/15.examples",{"title":758,"path":759,"stem":760,"titleTemplate":6},"Programmatic Usage","/docs/api/kit/programmatic","docs/3.api/5.kit/2.programmatic",{"title":762,"path":763,"stem":764,"titleTemplate":6},"Compatibility","/docs/api/kit/compatibility","docs/3.api/5.kit/3.compatibility",{"title":123,"path":766,"stem":767,"titleTemplate":6},"/docs/api/kit/autoimports","docs/3.api/5.kit/4.autoimports",{"title":353,"path":769,"stem":770,"titleTemplate":6},"/docs/api/kit/components","docs/3.api/5.kit/5.components",{"title":772,"path":773,"stem":774,"titleTemplate":6},"Context","/docs/api/kit/context","docs/3.api/5.kit/6.context",{"title":776,"path":777,"stem":778,"titleTemplate":6},"Pages","/docs/api/kit/pages","docs/3.api/5.kit/7.pages",{"title":780,"path":781,"stem":782,"titleTemplate":6},"Layout","/docs/api/kit/layout","docs/3.api/5.kit/8.layout",{"title":784,"path":785,"stem":786,"titleTemplate":6},"Plugins","/docs/api/kit/plugins","docs/3.api/5.kit/9.plugins",{"title":788,"titleTemplate":6,"icon":789,"path":790,"stem":791,"children":792,"page":108},"Advanced","i-lucide-brain","/docs/api/advanced","docs/3.api/6.advanced",[793,796],{"title":299,"path":794,"stem":795,"titleTemplate":6},"/docs/api/advanced/hooks","docs/3.api/6.advanced/1.hooks",{"title":797,"path":798,"stem":799,"titleTemplate":6},"Import meta","/docs/api/advanced/import-meta","docs/3.api/6.advanced/2.import-meta",{"title":801,"path":802,"stem":803,"titleTemplate":804,"icon":32},"Nuxt Configuration","/docs/api/nuxt-config","docs/3.api/6.nuxt-config","%s",{"title":754,"titleTemplate":806,"icon":807,"path":808,"stem":809,"children":810,"page":108},"%s · Nuxt Examples","i-lucide-app-window-mac","/docs/examples","docs/4.examples",[811,815,837,852,888],{"title":812,"path":813,"stem":814,"titleTemplate":6},"Hello World","/docs/examples/hello-world","docs/4.examples/0.hello-world",{"title":283,"path":816,"stem":817,"children":818,"page":108},"/docs/examples/features","docs/4.examples/1.features",[819,823,826,829,833],{"title":820,"path":821,"stem":822,"titleTemplate":6},"Auto Imports","/docs/examples/features/auto-imports","docs/4.examples/1.features/1.auto-imports",{"title":64,"path":824,"stem":825,"titleTemplate":6},"/docs/examples/features/data-fetching","docs/4.examples/1.features/2.data-fetching",{"title":69,"path":827,"stem":828,"titleTemplate":6},"/docs/examples/features/state-management","docs/4.examples/1.features/3.state-management",{"title":830,"path":831,"stem":832,"titleTemplate":6},"Meta Tags","/docs/examples/features/meta-tags","docs/4.examples/1.features/4.meta-tags",{"title":834,"path":835,"stem":836,"titleTemplate":6},"Layouts","/docs/examples/features/layouts","docs/4.examples/1.features/5.layouts",{"title":49,"path":838,"stem":839,"children":840,"page":108},"/docs/examples/routing","docs/4.examples/2.routing",[841,845,848],{"title":842,"path":843,"stem":844,"titleTemplate":6},"Middleware","/docs/examples/routing/middleware","docs/4.examples/2.routing/middleware",{"title":776,"path":846,"stem":847,"titleTemplate":6},"/docs/examples/routing/pages","docs/4.examples/2.routing/pages",{"title":849,"path":850,"stem":851,"titleTemplate":6},"Universal Router","/docs/examples/routing/universal-router","docs/4.examples/2.routing/universal-router",{"title":788,"path":853,"stem":854,"children":855,"page":108},"/docs/examples/advanced","docs/4.examples/4.advanced",[856,859,862,866,870,874,878,881,884],{"title":84,"path":857,"stem":858,"titleTemplate":6},"/docs/examples/advanced/config-extends","docs/4.examples/4.advanced/config-extends",{"title":74,"path":860,"stem":861,"titleTemplate":6},"/docs/examples/advanced/error-handling","docs/4.examples/4.advanced/error-handling",{"title":863,"path":864,"stem":865,"titleTemplate":6},"JSX / TSX","/docs/examples/advanced/jsx","docs/4.examples/4.advanced/jsx",{"title":867,"path":868,"stem":869,"titleTemplate":6},"Locale","/docs/examples/advanced/locale","docs/4.examples/4.advanced/locale",{"title":871,"path":872,"stem":873,"titleTemplate":6},"Module Extend Pages","/docs/examples/advanced/module-extend-pages","docs/4.examples/4.advanced/module-extend-pages",{"title":875,"path":876,"stem":877,"titleTemplate":6},"Teleport","/docs/examples/advanced/teleport","docs/4.examples/4.advanced/teleport",{"title":99,"path":879,"stem":880,"titleTemplate":6},"/docs/examples/advanced/testing","docs/4.examples/4.advanced/testing",{"title":436,"path":882,"stem":883,"titleTemplate":6},"/docs/examples/advanced/use-cookie","docs/4.examples/4.advanced/use-cookie",{"title":885,"path":886,"stem":887,"titleTemplate":6},"Use Custom Fetch Composable","/docs/examples/advanced/use-custom-fetch-composable","docs/4.examples/4.advanced/use-custom-fetch-composable",{"title":889,"path":890,"stem":891,"children":892,"page":108},"Experimental","/docs/examples/experimental","docs/4.examples/7.experimental",[893],{"title":894,"path":895,"stem":896,"titleTemplate":6},"WASM","/docs/examples/experimental/wasm","docs/4.examples/7.experimental/wasm",{"title":898,"titleTemplate":899,"icon":900,"path":901,"stem":902,"children":903,"page":108},"Community","%s · Nuxt Community","i-lucide-messages-square","/docs/community","docs/5.community",[904,909,914,919,924,929],{"title":905,"path":906,"stem":907,"titleTemplate":6,"icon":908},"Getting Help","/docs/community/getting-help","docs/5.community/2.getting-help","i-lucide-life-buoy",{"title":910,"path":911,"stem":912,"titleTemplate":6,"icon":913},"Reporting Bugs","/docs/community/reporting-bugs","docs/5.community/3.reporting-bugs","i-lucide-bug",{"title":915,"path":916,"stem":917,"titleTemplate":6,"icon":918},"Contribution","/docs/community/contribution","docs/5.community/4.contribution","i-lucide-git-pull-request",{"title":920,"path":921,"stem":922,"titleTemplate":6,"icon":923},"Framework","/docs/community/framework-contribution","docs/5.community/5.framework-contribution","i-lucide-github",{"title":925,"path":926,"stem":927,"titleTemplate":6,"icon":928},"Roadmap","/docs/community/roadmap","docs/5.community/6.roadmap","i-lucide-map",{"title":930,"path":931,"stem":932,"titleTemplate":6,"icon":933},"Releases","/docs/community/changelog","docs/5.community/7.changelog","i-lucide-bell-dot",{"title":935,"titleTemplate":936,"icon":937,"path":938,"stem":939,"children":940,"page":108},"Migrate to Nuxt Bridge","Migrate to Nuxt Bridge: %s","i-lucide-ship","/docs/bridge","docs/6.bridge",[941,945,948,951,955,959,963,966,969,972],{"title":942,"path":943,"stem":944,"titleTemplate":6},"Overview","/docs/bridge/overview","docs/6.bridge/1.overview",{"title":29,"path":946,"stem":947,"titleTemplate":6},"/docs/bridge/configuration","docs/6.bridge/10.configuration",{"title":151,"path":949,"stem":950,"titleTemplate":6},"/docs/bridge/typescript","docs/6.bridge/2.typescript",{"title":952,"path":953,"stem":954,"titleTemplate":6},"Legacy Composition API","/docs/bridge/bridge-composition-api","docs/6.bridge/3.bridge-composition-api",{"title":956,"path":957,"stem":958,"titleTemplate":6},"Plugins and Middleware","/docs/bridge/plugins-and-middleware","docs/6.bridge/4.plugins-and-middleware",{"title":960,"path":961,"stem":962,"titleTemplate":6},"New Composition API","/docs/bridge/nuxt3-compatible-api","docs/6.bridge/5.nuxt3-compatible-api",{"title":830,"path":964,"stem":965,"titleTemplate":6},"/docs/bridge/meta","docs/6.bridge/6.meta",{"title":291,"path":967,"stem":968,"titleTemplate":6},"/docs/bridge/runtime-config","docs/6.bridge/7.runtime-config",{"title":738,"path":970,"stem":971,"titleTemplate":6},"/docs/bridge/nitro","docs/6.bridge/8.nitro",{"title":973,"path":974,"stem":975,"titleTemplate":6},"Vite","/docs/bridge/vite","docs/6.bridge/9.vite",{"title":977,"titleTemplate":978,"icon":107,"path":979,"stem":980,"children":981,"page":108},"Migrate to Nuxt 3","Migrate to Nuxt 3: %s","/docs/migration","docs/7.migration",[982,985,989,992,995,998,1001,1004,1007,1011,1015],{"title":942,"path":983,"stem":984,"titleTemplate":6},"/docs/migration/overview","docs/7.migration/1.overview",{"title":986,"path":987,"stem":988,"titleTemplate":6},"Build Tooling","/docs/migration/bundling","docs/7.migration/10.bundling",{"title":79,"path":990,"stem":991,"titleTemplate":6},"/docs/migration/server","docs/7.migration/11.server",{"title":29,"path":993,"stem":994,"titleTemplate":6},"/docs/migration/configuration","docs/7.migration/2.configuration",{"title":143,"path":996,"stem":997,"titleTemplate":6},"/docs/migration/module-authors","docs/7.migration/20.module-authors",{"title":820,"path":999,"stem":1000,"titleTemplate":6},"/docs/migration/auto-imports","docs/7.migration/3.auto-imports",{"title":830,"path":1002,"stem":1003,"titleTemplate":6},"/docs/migration/meta","docs/7.migration/4.meta",{"title":956,"path":1005,"stem":1006,"titleTemplate":6},"/docs/migration/plugins-and-middleware","docs/7.migration/5.plugins-and-middleware",{"title":1008,"path":1009,"stem":1010,"titleTemplate":6},"Pages and Layouts","/docs/migration/pages-and-layouts","docs/7.migration/6.pages-and-layouts",{"title":1012,"path":1013,"stem":1014,"titleTemplate":6},"Component Options","/docs/migration/component-options","docs/7.migration/7.component-options",{"title":291,"path":1016,"stem":1017,"titleTemplate":6},"/docs/migration/runtime-config","docs/7.migration/8.runtime-config",{"title":1019,"path":1020,"stem":1021,"children":1022,"page":108},"Blog","/blog","blog",[1023,1027,1031,1035,1039,1043,1047,1051,1055,1059,1063,1067,1071,1075,1079,1083,1087,1091,1095,1099,1103],{"title":1024,"path":1025,"stem":1026},"Announcing 3.0","/blog/v3","blog/1.v3",{"title":1028,"path":1029,"stem":1030},"Nuxt 3.3","/blog/v3-3","blog/10.v3-3",{"title":1032,"path":1033,"stem":1034},"Nuxt 3.4","/blog/v3-4","blog/11.v3-4",{"title":1036,"path":1037,"stem":1038},"Nuxt 3.5","/blog/v3-5","blog/12.v3-5",{"title":1040,"path":1041,"stem":1042},"Nuxt 3.6","/blog/v3-6","blog/13.v3-6",{"title":1044,"path":1045,"stem":1046},"Nuxt on the Edge","/blog/nuxt-on-the-edge","blog/14.nuxt-on-the-edge",{"title":1048,"path":1049,"stem":1050},"Nuxt DevTools v1.0","/blog/nuxt-devtools-v1-0","blog/18.nuxt-devtools-v1-0",{"title":1052,"path":1053,"stem":1054},"Nuxt: A vision for 2023","/blog/vision-2023","blog/2.vision-2023",{"title":1056,"path":1057,"stem":1058},"The Evolution of Shiki v1.0","/blog/shiki-v1","blog/21.shiki-v1",{"title":1060,"path":1061,"stem":1062},"Refreshed Nuxt ESLint Integrations","/blog/eslint-module","blog/24.eslint-module",{"title":1064,"path":1065,"stem":1066},"Introducing Nuxt Scripts","/blog/nuxt-scripts","blog/26.nuxt-scripts",{"title":1068,"path":1069,"stem":1070},"Introducing Nuxt Icon v1","/blog/nuxt-icon-v1-0","blog/29.nuxt-icon-v1-0",{"title":1072,"path":1073,"stem":1074},"Introducing Nuxt DevTools","/blog/introducing-nuxt-devtools","blog/3.introducing-nuxt-devtools",{"title":1076,"path":1077,"stem":1078},"Announcing Nuxt 3 Release Candidate","/blog/nuxt3-rc","blog/3.nuxt3-rc",{"title":1080,"path":1081,"stem":1082},"Nuxt 2 End-of-Life (EOL)","/blog/nuxt2-eol","blog/4.nuxt2-eol",{"title":1084,"path":1085,"stem":1086},"Introducing Nuxt 3 Beta","/blog/nuxt3-beta","blog/4.nuxt3-beta",{"title":1088,"path":1089,"stem":1090},"Going Full Static","/blog/going-full-static","blog/5.going-full-static",{"title":1092,"path":1093,"stem":1094},"Introducing Smart Prefetching","/blog/introducing-smart-prefetching","blog/6.introducing-smart-prefetching",{"title":1096,"path":1097,"stem":1098},"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":1100,"path":1101,"stem":1102},"Nuxt 2 Static Improvements","/blog/nuxt-static-improvements","blog/8.nuxt-static-improvements",{"title":1104,"path":1105,"stem":1106},"Nuxt 2: From Terminal to Browser","/blog/nuxtjs-from-terminal-to-browser","blog/9.nuxtjs-from-terminal-to-browser",{"id":1108,"title":211,"body":1109,"description":2923,"extension":2924,"links":6,"meta":2925,"navigation":2927,"path":212,"seo":2928,"stem":213,"titleTemplate":6,"__hash__":2929},"docs/docs/2.guide/2.directory-structure/1.plugins.md",{"type":1110,"value":1111,"toc":2907},"minimal",[1112,1121,1131,1144,1149,1152,1267,1278,1291,1367,1371,1380,1419,1424,1427,1615,1624,1637,1641,1644,1674,1684,1687,1703,1707,1711,1718,1791,1795,1802,1885,1889,1897,1943,1946,1961,1978,1982,1994,2199,2202,2316,2326,2353,2357,2364,2379,2382,2505,2520,2524,2533,2536,2608,2611,2745,2749,2752,2881,2897,2903],[1113,1114,1115,1116,1120],"p",{},"Nuxt automatically reads the files in the ",[1117,1118,1119],"code",{},"plugins/"," directory and loads them at the creation of the Vue application.",[1122,1123,1124],"note",{},[1113,1125,1126,1127,1130],{},"All plugins inside are auto-registered, you don't need to add them to your ",[1117,1128,1129],{},"nuxt.config"," separately.",[1122,1132,1133],{},[1113,1134,1135,1136,1139,1140,1143],{},"You can use ",[1117,1137,1138],{},".server"," or ",[1117,1141,1142],{},".client"," suffix in the file name to load a plugin only on the server or client side.",[1145,1146,1148],"h2",{"id":1147},"registered-plugins","Registered Plugins",[1113,1150,1151],{},"Only files at the top level of the directory (or index files within any subdirectories) will be auto-registered as plugins.",[1153,1154,1160],"pre",{"className":1155,"code":1156,"filename":1157,"language":1158,"meta":1159,"style":1159},"language-bash shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","-| plugins/\n---| foo.ts      // scanned\n---| bar/\n-----| baz.ts    // not scanned\n-----| foz.vue   // not scanned\n-----| index.ts  // currently scanned but deprecated\n","Directory structure","bash","",[1117,1161,1162,1178,1196,1206,1225,1242],{"__ignoreMap":1159},[1163,1164,1167,1171,1175],"span",{"class":1165,"line":1166},"line",1,[1163,1168,1170],{"class":1169},"sT2Ow","-",[1163,1172,1174],{"class":1173},"sYp4K","|",[1163,1176,1177],{"class":1169}," plugins/\n",[1163,1179,1181,1184,1186,1189,1193],{"class":1165,"line":1180},2,[1163,1182,1183],{"class":1169},"---",[1163,1185,1174],{"class":1173},[1163,1187,1188],{"class":1169}," foo.ts",[1163,1190,1192],{"class":1191},"s5UST","      //",[1163,1194,1195],{"class":1191}," scanned\n",[1163,1197,1199,1201,1203],{"class":1165,"line":1198},3,[1163,1200,1183],{"class":1169},[1163,1202,1174],{"class":1173},[1163,1204,1205],{"class":1169}," bar/\n",[1163,1207,1209,1212,1214,1217,1220,1223],{"class":1165,"line":1208},4,[1163,1210,1211],{"class":1169},"-----",[1163,1213,1174],{"class":1173},[1163,1215,1216],{"class":1169}," baz.ts",[1163,1218,1219],{"class":1191},"    //",[1163,1221,1222],{"class":1191}," not",[1163,1224,1195],{"class":1191},[1163,1226,1228,1230,1232,1235,1238,1240],{"class":1165,"line":1227},5,[1163,1229,1211],{"class":1169},[1163,1231,1174],{"class":1173},[1163,1233,1234],{"class":1169}," foz.vue",[1163,1236,1237],{"class":1191},"   //",[1163,1239,1222],{"class":1191},[1163,1241,1195],{"class":1191},[1163,1243,1245,1247,1249,1252,1255,1258,1261,1264],{"class":1165,"line":1244},6,[1163,1246,1211],{"class":1169},[1163,1248,1174],{"class":1173},[1163,1250,1251],{"class":1169}," index.ts",[1163,1253,1254],{"class":1191},"  //",[1163,1256,1257],{"class":1191}," currently",[1163,1259,1260],{"class":1191}," scanned",[1163,1262,1263],{"class":1191}," but",[1163,1265,1266],{"class":1191}," deprecated\n",[1113,1268,1269,1270,1273,1274,1277],{},"Only ",[1117,1271,1272],{},"foo.ts"," and ",[1117,1275,1276],{},"bar/index.ts"," would be registered.",[1113,1279,1280,1281,1287,1288,1290],{},"To add plugins in subdirectories, you can use the ",[1282,1283,1285],"a",{"href":1284},"/docs/api/nuxt-config#plugins-1",[1117,1286,211],{}," option in ",[1117,1289,260],{},":",[1153,1292,1297],{"className":1293,"code":1294,"filename":260,"language":1295,"meta":1296,"style":1159},"language-ts shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","export default defineNuxtConfig({\n  plugins: [\n    '~/plugins/bar/baz',\n    '~/plugins/bar/foz'\n  ]\n})\n","ts","twoslash",[1117,1298,1299,1319,1330,1344,1354,1359],{"__ignoreMap":1159},[1163,1300,1301,1305,1308,1312,1316],{"class":1165,"line":1166},[1163,1302,1304],{"class":1303},"sFVN2","export",[1163,1306,1307],{"class":1303}," default",[1163,1309,1311],{"class":1310},"szd4z"," defineNuxtConfig",[1163,1313,1315],{"class":1314},"spdxX","(",[1163,1317,1318],{"class":1173},"{\n",[1163,1320,1321,1325,1327],{"class":1165,"line":1180},[1163,1322,1324],{"class":1323},"sQ5dg","  plugins",[1163,1326,1290],{"class":1173},[1163,1328,1329],{"class":1314}," [\n",[1163,1331,1332,1335,1338,1341],{"class":1165,"line":1198},[1163,1333,1334],{"class":1173},"    '",[1163,1336,1337],{"class":1191},"~/plugins/bar/baz",[1163,1339,1340],{"class":1173},"'",[1163,1342,1343],{"class":1173},",\n",[1163,1345,1346,1348,1351],{"class":1165,"line":1208},[1163,1347,1334],{"class":1173},[1163,1349,1350],{"class":1191},"~/plugins/bar/foz",[1163,1352,1353],{"class":1173},"'\n",[1163,1355,1356],{"class":1165,"line":1227},[1163,1357,1358],{"class":1314},"  ]\n",[1163,1360,1361,1364],{"class":1165,"line":1244},[1163,1362,1363],{"class":1173},"}",[1163,1365,1366],{"class":1314},")\n",[1145,1368,1370],{"id":1369},"creating-plugins","Creating Plugins",[1113,1372,1373,1374,1379],{},"The only argument passed to a plugin is ",[1282,1375,1376],{"href":473},[1117,1377,1378],{},"nuxtApp",".",[1153,1381,1384],{"className":1293,"code":1382,"filename":1383,"language":1295,"meta":1296,"style":1159},"export default defineNuxtPlugin(nuxtApp => {\n  // Doing something with nuxtApp\n})\n","plugins/hello.ts",[1117,1385,1386,1407,1413],{"__ignoreMap":1159},[1163,1387,1388,1390,1392,1395,1397,1400,1404],{"class":1165,"line":1166},[1163,1389,1304],{"class":1303},[1163,1391,1307],{"class":1303},[1163,1393,1394],{"class":1310}," defineNuxtPlugin",[1163,1396,1315],{"class":1314},[1163,1398,1378],{"class":1399},"ssYd4",[1163,1401,1403],{"class":1402},"sRBFq"," =>",[1163,1405,1406],{"class":1173}," {\n",[1163,1408,1409],{"class":1165,"line":1180},[1163,1410,1412],{"class":1411},"svXlt","  // Doing something with nuxtApp\n",[1163,1414,1415,1417],{"class":1165,"line":1198},[1163,1416,1363],{"class":1173},[1163,1418,1366],{"class":1314},[1420,1421,1423],"h3",{"id":1422},"object-syntax-plugins","Object Syntax Plugins",[1113,1425,1426],{},"It is also possible to define a plugin using an object syntax, for more advanced use cases. For example:",[1153,1428,1430],{"className":1293,"code":1429,"filename":1383,"language":1295,"meta":1296,"style":1159},"export default defineNuxtPlugin({\n  name: 'my-plugin',\n  enforce: 'pre', // or 'post'\n  async setup (nuxtApp) {\n    // this is the equivalent of a normal functional plugin\n  },\n  hooks: {\n    // You can directly register Nuxt app runtime hooks here\n    'app:created'() {\n      const nuxtApp = useNuxtApp()\n      // do something in the hook\n    }\n  },\n  env: {\n    // Set this value to `false` if you don't want the plugin to run when rendering server-only or island components.\n    islands: true\n  }\n})\n",[1117,1431,1432,1444,1461,1480,1498,1503,1508,1518,1524,1539,1557,1563,1569,1574,1584,1590,1602,1608],{"__ignoreMap":1159},[1163,1433,1434,1436,1438,1440,1442],{"class":1165,"line":1166},[1163,1435,1304],{"class":1303},[1163,1437,1307],{"class":1303},[1163,1439,1394],{"class":1310},[1163,1441,1315],{"class":1314},[1163,1443,1318],{"class":1173},[1163,1445,1446,1449,1451,1454,1457,1459],{"class":1165,"line":1180},[1163,1447,1448],{"class":1323},"  name",[1163,1450,1290],{"class":1173},[1163,1452,1453],{"class":1173}," '",[1163,1455,1456],{"class":1191},"my-plugin",[1163,1458,1340],{"class":1173},[1163,1460,1343],{"class":1173},[1163,1462,1463,1466,1468,1470,1472,1474,1477],{"class":1165,"line":1198},[1163,1464,1465],{"class":1323},"  enforce",[1163,1467,1290],{"class":1173},[1163,1469,1453],{"class":1173},[1163,1471,1153],{"class":1191},[1163,1473,1340],{"class":1173},[1163,1475,1476],{"class":1173},",",[1163,1478,1479],{"class":1411}," // or 'post'\n",[1163,1481,1482,1485,1488,1491,1493,1496],{"class":1165,"line":1208},[1163,1483,1484],{"class":1402},"  async",[1163,1486,1487],{"class":1323}," setup",[1163,1489,1490],{"class":1173}," (",[1163,1492,1378],{"class":1399},[1163,1494,1495],{"class":1173},")",[1163,1497,1406],{"class":1173},[1163,1499,1500],{"class":1165,"line":1227},[1163,1501,1502],{"class":1411},"    // this is the equivalent of a normal functional plugin\n",[1163,1504,1505],{"class":1165,"line":1244},[1163,1506,1507],{"class":1173},"  },\n",[1163,1509,1511,1514,1516],{"class":1165,"line":1510},7,[1163,1512,1513],{"class":1323},"  hooks",[1163,1515,1290],{"class":1173},[1163,1517,1406],{"class":1173},[1163,1519,1521],{"class":1165,"line":1520},8,[1163,1522,1523],{"class":1411},"    // You can directly register Nuxt app runtime hooks here\n",[1163,1525,1527,1529,1532,1534,1537],{"class":1165,"line":1526},9,[1163,1528,1334],{"class":1173},[1163,1530,1531],{"class":1191},"app:created",[1163,1533,1340],{"class":1173},[1163,1535,1536],{"class":1173},"()",[1163,1538,1406],{"class":1173},[1163,1540,1542,1545,1548,1551,1554],{"class":1165,"line":1541},10,[1163,1543,1544],{"class":1402},"      const",[1163,1546,1547],{"class":1314}," nuxtApp",[1163,1549,1550],{"class":1173}," =",[1163,1552,1553],{"class":1310}," useNuxtApp",[1163,1555,1556],{"class":1323},"()\n",[1163,1558,1560],{"class":1165,"line":1559},11,[1163,1561,1562],{"class":1411},"      // do something in the hook\n",[1163,1564,1566],{"class":1165,"line":1565},12,[1163,1567,1568],{"class":1173},"    }\n",[1163,1570,1572],{"class":1165,"line":1571},13,[1163,1573,1507],{"class":1173},[1163,1575,1577,1580,1582],{"class":1165,"line":1576},14,[1163,1578,1579],{"class":1323},"  env",[1163,1581,1290],{"class":1173},[1163,1583,1406],{"class":1173},[1163,1585,1587],{"class":1165,"line":1586},15,[1163,1588,1589],{"class":1411},"    // Set this value to `false` if you don't want the plugin to run when rendering server-only or island components.\n",[1163,1591,1593,1596,1598],{"class":1165,"line":1592},16,[1163,1594,1595],{"class":1323},"    islands",[1163,1597,1290],{"class":1173},[1163,1599,1601],{"class":1600},"sagxc"," true\n",[1163,1603,1605],{"class":1165,"line":1604},17,[1163,1606,1607],{"class":1173},"  }\n",[1163,1609,1611,1613],{"class":1165,"line":1610},18,[1163,1612,1363],{"class":1173},[1163,1614,1366],{"class":1314},[1616,1617,1621],"tip",{"icon":1618,"target":1619,"to":1620},"i-lucide-video","_blank","https://www.youtube.com/watch?v=2aXZyXB1QGQ",[1113,1622,1623],{},"Watch a video from Alexander Lichter about the Object Syntax for Nuxt plugins.",[1122,1625,1626],{},[1113,1627,1628,1629,1632,1633,1636],{},"If you are using the object-syntax, the properties are statically analyzed to produce a more optimized build. So you should not define them at runtime. ",[1630,1631],"br",{},"\nFor example, setting ",[1117,1634,1635],{},"enforce: import.meta.server ? 'pre' : 'post'"," would defeat any future optimization Nuxt is able to do for your plugins.\nNuxt does statically pre-load any hook listeners when using object-syntax, allowing you to define hooks without needing to worry about order of plugin registration.",[1145,1638,1640],{"id":1639},"registration-order","Registration Order",[1113,1642,1643],{},"You can control the order in which plugins are registered by prefixing with 'alphabetical' numbering to the file names.",[1153,1645,1647],{"className":1155,"code":1646,"filename":1157,"language":1158,"meta":1159,"style":1159},"plugins/\n | - 01.myPlugin.ts\n | - 02.myOtherPlugin.ts\n",[1117,1648,1649,1654,1665],{"__ignoreMap":1159},[1163,1650,1651],{"class":1165,"line":1166},[1163,1652,1653],{"class":1169},"plugins/\n",[1163,1655,1656,1659,1662],{"class":1165,"line":1180},[1163,1657,1658],{"class":1173}," |",[1163,1660,1661],{"class":1169}," -",[1163,1663,1664],{"class":1191}," 01.myPlugin.ts\n",[1163,1666,1667,1669,1671],{"class":1165,"line":1198},[1163,1668,1658],{"class":1173},[1163,1670,1661],{"class":1169},[1163,1672,1673],{"class":1191}," 02.myOtherPlugin.ts\n",[1113,1675,1676,1677,1680,1681,1379],{},"In this example, ",[1117,1678,1679],{},"02.myOtherPlugin.ts"," will be able to access anything that was injected by ",[1117,1682,1683],{},"01.myPlugin.ts",[1113,1685,1686],{},"This is useful in situations where you have a plugin that depends on another plugin.",[1122,1688,1689],{},[1113,1690,1691,1692,1695,1696,1699,1700,1379],{},"In case you're new to 'alphabetical' numbering, remember that filenames are sorted as strings, not as numeric values. For example, ",[1117,1693,1694],{},"10.myPlugin.ts"," would come before ",[1117,1697,1698],{},"2.myOtherPlugin.ts",". This is why the example prefixes single digit numbers with ",[1117,1701,1702],{},"0",[1145,1704,1706],{"id":1705},"loading-strategy","Loading Strategy",[1420,1708,1710],{"id":1709},"parallel-plugins","Parallel Plugins",[1113,1712,1713,1714,1717],{},"By default, Nuxt loads plugins sequentially. You can define a plugin as ",[1117,1715,1716],{},"parallel"," so Nuxt won't wait until the end of the plugin's execution before loading the next plugin.",[1153,1719,1722],{"className":1293,"code":1720,"filename":1721,"language":1295,"meta":1296,"style":1159},"export default defineNuxtPlugin({\n  name: 'my-plugin',\n  parallel: true,\n  async setup (nuxtApp) {\n    // the next plugin will be executed immediately\n  }\n})\n","plugins/my-plugin.ts",[1117,1723,1724,1736,1750,1762,1776,1781,1785],{"__ignoreMap":1159},[1163,1725,1726,1728,1730,1732,1734],{"class":1165,"line":1166},[1163,1727,1304],{"class":1303},[1163,1729,1307],{"class":1303},[1163,1731,1394],{"class":1310},[1163,1733,1315],{"class":1314},[1163,1735,1318],{"class":1173},[1163,1737,1738,1740,1742,1744,1746,1748],{"class":1165,"line":1180},[1163,1739,1448],{"class":1323},[1163,1741,1290],{"class":1173},[1163,1743,1453],{"class":1173},[1163,1745,1456],{"class":1191},[1163,1747,1340],{"class":1173},[1163,1749,1343],{"class":1173},[1163,1751,1752,1755,1757,1760],{"class":1165,"line":1198},[1163,1753,1754],{"class":1323},"  parallel",[1163,1756,1290],{"class":1173},[1163,1758,1759],{"class":1600}," true",[1163,1761,1343],{"class":1173},[1163,1763,1764,1766,1768,1770,1772,1774],{"class":1165,"line":1208},[1163,1765,1484],{"class":1402},[1163,1767,1487],{"class":1323},[1163,1769,1490],{"class":1173},[1163,1771,1378],{"class":1399},[1163,1773,1495],{"class":1173},[1163,1775,1406],{"class":1173},[1163,1777,1778],{"class":1165,"line":1227},[1163,1779,1780],{"class":1411},"    // the next plugin will be executed immediately\n",[1163,1782,1783],{"class":1165,"line":1244},[1163,1784,1607],{"class":1173},[1163,1786,1787,1789],{"class":1165,"line":1510},[1163,1788,1363],{"class":1173},[1163,1790,1366],{"class":1314},[1420,1792,1794],{"id":1793},"plugins-with-dependencies","Plugins With Dependencies",[1113,1796,1797,1798,1801],{},"If a plugin needs to wait for another plugin before it runs, you can add the plugin's name to the ",[1117,1799,1800],{},"dependsOn"," array.",[1153,1803,1806],{"className":1293,"code":1804,"filename":1805,"language":1295,"meta":1296,"style":1159},"export default defineNuxtPlugin({\n  name: 'depends-on-my-plugin',\n  dependsOn: ['my-plugin'],\n  async setup (nuxtApp) {\n    // this plugin will wait for the end of `my-plugin`'s execution before it runs\n  }\n})\n","plugins/depending-on-my-plugin.ts",[1117,1807,1808,1820,1835,1856,1870,1875,1879],{"__ignoreMap":1159},[1163,1809,1810,1812,1814,1816,1818],{"class":1165,"line":1166},[1163,1811,1304],{"class":1303},[1163,1813,1307],{"class":1303},[1163,1815,1394],{"class":1310},[1163,1817,1315],{"class":1314},[1163,1819,1318],{"class":1173},[1163,1821,1822,1824,1826,1828,1831,1833],{"class":1165,"line":1180},[1163,1823,1448],{"class":1323},[1163,1825,1290],{"class":1173},[1163,1827,1453],{"class":1173},[1163,1829,1830],{"class":1191},"depends-on-my-plugin",[1163,1832,1340],{"class":1173},[1163,1834,1343],{"class":1173},[1163,1836,1837,1840,1842,1845,1847,1849,1851,1854],{"class":1165,"line":1198},[1163,1838,1839],{"class":1323},"  dependsOn",[1163,1841,1290],{"class":1173},[1163,1843,1844],{"class":1314}," [",[1163,1846,1340],{"class":1173},[1163,1848,1456],{"class":1191},[1163,1850,1340],{"class":1173},[1163,1852,1853],{"class":1314},"]",[1163,1855,1343],{"class":1173},[1163,1857,1858,1860,1862,1864,1866,1868],{"class":1165,"line":1208},[1163,1859,1484],{"class":1402},[1163,1861,1487],{"class":1323},[1163,1863,1490],{"class":1173},[1163,1865,1378],{"class":1399},[1163,1867,1495],{"class":1173},[1163,1869,1406],{"class":1173},[1163,1871,1872],{"class":1165,"line":1227},[1163,1873,1874],{"class":1411},"    // this plugin will wait for the end of `my-plugin`'s execution before it runs\n",[1163,1876,1877],{"class":1165,"line":1244},[1163,1878,1607],{"class":1173},[1163,1880,1881,1883],{"class":1165,"line":1510},[1163,1882,1363],{"class":1173},[1163,1884,1366],{"class":1314},[1145,1886,1888],{"id":1887},"using-composables","Using Composables",[1113,1890,1135,1891,1893,1894,1896],{},[1282,1892,183],{"href":184}," as well as ",[1282,1895,227],{"href":228}," within Nuxt plugins:",[1153,1898,1900],{"className":1293,"code":1899,"filename":1383,"language":1295,"meta":1159,"style":1159},"export default defineNuxtPlugin((nuxtApp) => {\n  const foo = useFoo()\n})\n",[1117,1901,1902,1922,1937],{"__ignoreMap":1159},[1163,1903,1904,1906,1908,1910,1912,1914,1916,1918,1920],{"class":1165,"line":1166},[1163,1905,1304],{"class":1303},[1163,1907,1307],{"class":1303},[1163,1909,1394],{"class":1310},[1163,1911,1315],{"class":1314},[1163,1913,1315],{"class":1173},[1163,1915,1378],{"class":1399},[1163,1917,1495],{"class":1173},[1163,1919,1403],{"class":1402},[1163,1921,1406],{"class":1173},[1163,1923,1924,1927,1930,1932,1935],{"class":1165,"line":1180},[1163,1925,1926],{"class":1402},"  const",[1163,1928,1929],{"class":1314}," foo",[1163,1931,1550],{"class":1173},[1163,1933,1934],{"class":1310}," useFoo",[1163,1936,1556],{"class":1323},[1163,1938,1939,1941],{"class":1165,"line":1198},[1163,1940,1363],{"class":1173},[1163,1942,1366],{"class":1314},[1113,1944,1945],{},"However, keep in mind there are some limitations and differences:",[1947,1948,1949,1958],"important",{},[1113,1950,1951,1955,1956],{},[1952,1953,1954],"strong",{},"If a composable depends on another plugin registered later, it might not work."," ",[1630,1957],{},[1113,1959,1960],{},"Plugins are called in order sequentially and before everything else. You might use a composable that depends on another plugin which has not been called yet.",[1947,1962,1963,1970],{},[1113,1964,1965,1955,1968],{},[1952,1966,1967],{},"If a composable depends on the Vue.js lifecycle, it won't work.",[1630,1969],{},[1113,1971,1972,1973,1977],{},"Normally, Vue.js composables are bound to the current component instance while plugins are only bound to ",[1282,1974,1975],{"href":473},[1117,1976,1378],{}," instance.",[1145,1979,1981],{"id":1980},"providing-helpers","Providing Helpers",[1113,1983,1984,1985,1989,1990,1993],{},"If you would like to provide a helper on the ",[1282,1986,1987],{"href":473},[1117,1988,311],{}," instance, return it from the plugin under a ",[1117,1991,1992],{},"provide"," key.",[1995,1996,1997,2088],"code-group",{},[1153,1998,2000],{"className":1293,"code":1999,"filename":1383,"language":1295,"meta":1296,"style":1159},"export default defineNuxtPlugin(() => {\n  return {\n    provide: {\n      hello: (msg: string) => `Hello ${msg}!`\n    }\n  }\n})\n",[1117,2001,2002,2018,2025,2034,2074,2078,2082],{"__ignoreMap":1159},[1163,2003,2004,2006,2008,2010,2012,2014,2016],{"class":1165,"line":1166},[1163,2005,1304],{"class":1303},[1163,2007,1307],{"class":1303},[1163,2009,1394],{"class":1310},[1163,2011,1315],{"class":1314},[1163,2013,1536],{"class":1173},[1163,2015,1403],{"class":1402},[1163,2017,1406],{"class":1173},[1163,2019,2020,2023],{"class":1165,"line":1180},[1163,2021,2022],{"class":1303},"  return",[1163,2024,1406],{"class":1173},[1163,2026,2027,2030,2032],{"class":1165,"line":1198},[1163,2028,2029],{"class":1323},"    provide",[1163,2031,1290],{"class":1173},[1163,2033,1406],{"class":1173},[1163,2035,2036,2039,2041,2043,2046,2048,2051,2053,2055,2058,2061,2064,2066,2068,2071],{"class":1165,"line":1208},[1163,2037,2038],{"class":1310},"      hello",[1163,2040,1290],{"class":1173},[1163,2042,1490],{"class":1173},[1163,2044,2045],{"class":1399},"msg",[1163,2047,1290],{"class":1173},[1163,2049,2050],{"class":1169}," string",[1163,2052,1495],{"class":1173},[1163,2054,1403],{"class":1402},[1163,2056,2057],{"class":1173}," `",[1163,2059,2060],{"class":1191},"Hello ",[1163,2062,2063],{"class":1173},"${",[1163,2065,2045],{"class":1314},[1163,2067,1363],{"class":1173},[1163,2069,2070],{"class":1191},"!",[1163,2072,2073],{"class":1173},"`\n",[1163,2075,2076],{"class":1165,"line":1227},[1163,2077,1568],{"class":1173},[1163,2079,2080],{"class":1165,"line":1244},[1163,2081,1607],{"class":1173},[1163,2083,2084,2086],{"class":1165,"line":1510},[1163,2085,1363],{"class":1173},[1163,2087,1366],{"class":1314},[1153,2089,2092],{"className":1293,"code":2090,"filename":2091,"language":1295,"meta":1296,"style":1159},"export default defineNuxtPlugin({\n  name: 'hello',\n  setup () {\n    return {\n      provide: {\n        hello: (msg: string) => `Hello ${msg}!`\n      }\n    }\n  }\n})\n","plugins/hello-object-syntax.ts",[1117,2093,2094,2106,2121,2131,2138,2147,2180,2185,2189,2193],{"__ignoreMap":1159},[1163,2095,2096,2098,2100,2102,2104],{"class":1165,"line":1166},[1163,2097,1304],{"class":1303},[1163,2099,1307],{"class":1303},[1163,2101,1394],{"class":1310},[1163,2103,1315],{"class":1314},[1163,2105,1318],{"class":1173},[1163,2107,2108,2110,2112,2114,2117,2119],{"class":1165,"line":1180},[1163,2109,1448],{"class":1323},[1163,2111,1290],{"class":1173},[1163,2113,1453],{"class":1173},[1163,2115,2116],{"class":1191},"hello",[1163,2118,1340],{"class":1173},[1163,2120,1343],{"class":1173},[1163,2122,2123,2126,2129],{"class":1165,"line":1198},[1163,2124,2125],{"class":1323},"  setup",[1163,2127,2128],{"class":1173}," ()",[1163,2130,1406],{"class":1173},[1163,2132,2133,2136],{"class":1165,"line":1208},[1163,2134,2135],{"class":1303},"    return",[1163,2137,1406],{"class":1173},[1163,2139,2140,2143,2145],{"class":1165,"line":1227},[1163,2141,2142],{"class":1323},"      provide",[1163,2144,1290],{"class":1173},[1163,2146,1406],{"class":1173},[1163,2148,2149,2152,2154,2156,2158,2160,2162,2164,2166,2168,2170,2172,2174,2176,2178],{"class":1165,"line":1244},[1163,2150,2151],{"class":1310},"        hello",[1163,2153,1290],{"class":1173},[1163,2155,1490],{"class":1173},[1163,2157,2045],{"class":1399},[1163,2159,1290],{"class":1173},[1163,2161,2050],{"class":1169},[1163,2163,1495],{"class":1173},[1163,2165,1403],{"class":1402},[1163,2167,2057],{"class":1173},[1163,2169,2060],{"class":1191},[1163,2171,2063],{"class":1173},[1163,2173,2045],{"class":1314},[1163,2175,1363],{"class":1173},[1163,2177,2070],{"class":1191},[1163,2179,2073],{"class":1173},[1163,2181,2182],{"class":1165,"line":1510},[1163,2183,2184],{"class":1173},"      }\n",[1163,2186,2187],{"class":1165,"line":1520},[1163,2188,1568],{"class":1173},[1163,2190,2191],{"class":1165,"line":1526},[1163,2192,1607],{"class":1173},[1163,2194,2195,2197],{"class":1165,"line":1541},[1163,2196,1363],{"class":1173},[1163,2198,1366],{"class":1314},[1113,2200,2201],{},"You can then use the helper in your components:",[1153,2203,2208],{"className":2204,"code":2205,"filename":2206,"language":2207,"meta":1159,"style":1159},"language-vue shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","\u003Cscript setup lang=\"ts\">\n// alternatively, you can also use it here\nconst { $hello } = useNuxtApp()\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cdiv>\n    {{ $hello('world') }}\n  \u003C/div>\n\u003C/template>\n","components/Hello.vue","vue",[1117,2209,2210,2236,2241,2260,2269,2275,2284,2294,2299,2308],{"__ignoreMap":1159},[1163,2211,2212,2215,2218,2220,2223,2226,2229,2231,2233],{"class":1165,"line":1166},[1163,2213,2214],{"class":1173},"\u003C",[1163,2216,2217],{"class":1323},"script",[1163,2219,1487],{"class":1402},[1163,2221,2222],{"class":1402}," lang",[1163,2224,2225],{"class":1173},"=",[1163,2227,2228],{"class":1173},"\"",[1163,2230,1295],{"class":1191},[1163,2232,2228],{"class":1173},[1163,2234,2235],{"class":1173},">\n",[1163,2237,2238],{"class":1165,"line":1180},[1163,2239,2240],{"class":1411},"// alternatively, you can also use it here\n",[1163,2242,2243,2246,2249,2252,2254,2256,2258],{"class":1165,"line":1198},[1163,2244,2245],{"class":1402},"const",[1163,2247,2248],{"class":1173}," {",[1163,2250,2251],{"class":1314}," $hello ",[1163,2253,1363],{"class":1173},[1163,2255,1550],{"class":1173},[1163,2257,1553],{"class":1310},[1163,2259,1556],{"class":1314},[1163,2261,2262,2265,2267],{"class":1165,"line":1208},[1163,2263,2264],{"class":1173},"\u003C/",[1163,2266,2217],{"class":1323},[1163,2268,2235],{"class":1173},[1163,2270,2271],{"class":1165,"line":1227},[1163,2272,2274],{"emptyLinePlaceholder":2273},true,"\n",[1163,2276,2277,2279,2282],{"class":1165,"line":1244},[1163,2278,2214],{"class":1173},[1163,2280,2281],{"class":1323},"template",[1163,2283,2235],{"class":1173},[1163,2285,2286,2289,2292],{"class":1165,"line":1510},[1163,2287,2288],{"class":1173},"  \u003C",[1163,2290,2291],{"class":1323},"div",[1163,2293,2235],{"class":1173},[1163,2295,2296],{"class":1165,"line":1520},[1163,2297,2298],{"class":1314},"    {{ $hello('world') }}\n",[1163,2300,2301,2304,2306],{"class":1165,"line":1526},[1163,2302,2303],{"class":1173},"  \u003C/",[1163,2305,2291],{"class":1323},[1163,2307,2235],{"class":1173},[1163,2309,2310,2312,2314],{"class":1165,"line":1541},[1163,2311,2264],{"class":1173},[1163,2313,2281],{"class":1323},[1163,2315,2235],{"class":1173},[1947,2317,2318],{},[1113,2319,2320,2321,2325],{},"Note that we highly recommend using ",[1282,2322,2323],{"href":184},[1117,2324,183],{}," instead of providing helpers to avoid polluting the global namespace and keep your main bundle entry small.",[2327,2328,2329],"warning",{},[1113,2330,2331,1955,2344,2346,2347,1379],{},[1952,2332,2333,2334,1139,2337,2340,2341,1379],{},"If your plugin provides a ",[1117,2335,2336],{},"ref",[1117,2338,2339],{},"computed",", it will not be unwrapped in a component ",[1117,2342,2343],{},"\u003Ctemplate>",[1630,2345],{},"\nThis is due to how Vue works with refs that aren't top-level to the template. You can read more about it ",[1282,2348,2352],{"href":2349,"rel":2350},"https://vuejs.org/guide/essentials/reactivity-fundamentals.html#caveat-when-unwrapping-in-templates",[2351],"nofollow","in the Vue documentation",[1145,2354,2356],{"id":2355},"typing-plugins","Typing Plugins",[1113,2358,2359,2360,2363],{},"If you return your helpers from the plugin, they will be typed automatically; you'll find them typed for the return of ",[1117,2361,2362],{},"useNuxtApp()"," and within your templates.",[1122,2365,2366],{},[1113,2367,2368,2369,2373,2374,2378],{},"If you need to use a provided helper ",[2370,2371,2372],"em",{},"within"," another plugin, you can call ",[1282,2375,2376],{"href":473},[1117,2377,2362],{}," to get the typed version. But in general, this should be avoided unless you are certain of the plugins' order.",[1113,2380,2381],{},"For advanced use-cases, you can declare the type of injected properties like this:",[1153,2383,2386],{"className":1293,"code":2384,"filename":2385,"language":1295,"meta":1159,"style":1159},"declare module '#app' {\n  interface NuxtApp {\n    $hello (msg: string): string\n  }\n}\n\ndeclare module 'vue' {\n  interface ComponentCustomProperties {\n    $hello (msg: string): string\n  }\n}\n\nexport {}\n","index.d.ts",[1117,2387,2388,2405,2415,2434,2438,2443,2447,2461,2470,2486,2490,2494,2498],{"__ignoreMap":1159},[1163,2389,2390,2393,2396,2398,2401,2403],{"class":1165,"line":1166},[1163,2391,2392],{"class":1402},"declare",[1163,2394,2395],{"class":1402}," module",[1163,2397,1453],{"class":1173},[1163,2399,2400],{"class":1191},"#app",[1163,2402,1340],{"class":1173},[1163,2404,1406],{"class":1173},[1163,2406,2407,2410,2413],{"class":1165,"line":1180},[1163,2408,2409],{"class":1402},"  interface",[1163,2411,2412],{"class":1169}," NuxtApp",[1163,2414,1406],{"class":1173},[1163,2416,2417,2420,2422,2424,2426,2428,2431],{"class":1165,"line":1198},[1163,2418,2419],{"class":1323},"    $hello ",[1163,2421,1315],{"class":1173},[1163,2423,2045],{"class":1399},[1163,2425,1290],{"class":1173},[1163,2427,2050],{"class":1169},[1163,2429,2430],{"class":1173},"):",[1163,2432,2433],{"class":1169}," string\n",[1163,2435,2436],{"class":1165,"line":1208},[1163,2437,1607],{"class":1173},[1163,2439,2440],{"class":1165,"line":1227},[1163,2441,2442],{"class":1173},"}\n",[1163,2444,2445],{"class":1165,"line":1244},[1163,2446,2274],{"emptyLinePlaceholder":2273},[1163,2448,2449,2451,2453,2455,2457,2459],{"class":1165,"line":1510},[1163,2450,2392],{"class":1402},[1163,2452,2395],{"class":1402},[1163,2454,1453],{"class":1173},[1163,2456,2207],{"class":1191},[1163,2458,1340],{"class":1173},[1163,2460,1406],{"class":1173},[1163,2462,2463,2465,2468],{"class":1165,"line":1520},[1163,2464,2409],{"class":1402},[1163,2466,2467],{"class":1169}," ComponentCustomProperties",[1163,2469,1406],{"class":1173},[1163,2471,2472,2474,2476,2478,2480,2482,2484],{"class":1165,"line":1526},[1163,2473,2419],{"class":1323},[1163,2475,1315],{"class":1173},[1163,2477,2045],{"class":1399},[1163,2479,1290],{"class":1173},[1163,2481,2050],{"class":1169},[1163,2483,2430],{"class":1173},[1163,2485,2433],{"class":1169},[1163,2487,2488],{"class":1165,"line":1541},[1163,2489,1607],{"class":1173},[1163,2491,2492],{"class":1165,"line":1559},[1163,2493,2442],{"class":1173},[1163,2495,2496],{"class":1165,"line":1565},[1163,2497,2274],{"emptyLinePlaceholder":2273},[1163,2499,2500,2502],{"class":1165,"line":1571},[1163,2501,1304],{"class":1303},[1163,2503,2504],{"class":1173}," {}\n",[1122,2506,2507],{},[1113,2508,2509,2510,2513,2514,2519],{},"If you are using WebStorm, you may need to augment ",[1117,2511,2512],{},"@vue/runtime-core"," until ",[1282,2515,2518],{"href":2516,"rel":2517},"https://youtrack.jetbrains.com/issue/WEB-59818/VUE-TypeScript-WS-PS-does-not-correctly-display-type-of-globally-injected-properties",[2351],"this issue"," is resolved.",[1145,2521,2523],{"id":2522},"vue-plugins","Vue Plugins",[1113,2525,2526,2527,2532],{},"If you want to use Vue plugins, like ",[1282,2528,2531],{"href":2529,"rel":2530},"https://github.com/MatteoGabriele/vue-gtag",[2351],"vue-gtag"," to add Google Analytics tags, you can use a Nuxt plugin to do so.",[1113,2534,2535],{},"First, install the Vue plugin dependency:",[1995,2537,2538,2557,2575,2592],{},[1153,2539,2542],{"className":1155,"code":2540,"filename":2541,"language":1158,"meta":1159,"style":1159},"npm install --save-dev vue-gtag-next\n","npm",[1117,2543,2544],{"__ignoreMap":1159},[1163,2545,2546,2548,2551,2554],{"class":1165,"line":1166},[1163,2547,2541],{"class":1169},[1163,2549,2550],{"class":1191}," install",[1163,2552,2553],{"class":1191}," --save-dev",[1163,2555,2556],{"class":1191}," vue-gtag-next\n",[1153,2558,2561],{"className":1155,"code":2559,"filename":2560,"language":1158,"meta":1159,"style":1159},"yarn add --dev vue-gtag-next\n","yarn",[1117,2562,2563],{"__ignoreMap":1159},[1163,2564,2565,2567,2570,2573],{"class":1165,"line":1166},[1163,2566,2560],{"class":1169},[1163,2568,2569],{"class":1191}," add",[1163,2571,2572],{"class":1191}," --dev",[1163,2574,2556],{"class":1191},[1153,2576,2579],{"className":1155,"code":2577,"filename":2578,"language":1158,"meta":1159,"style":1159},"pnpm add -D vue-gtag-next\n","pnpm",[1117,2580,2581],{"__ignoreMap":1159},[1163,2582,2583,2585,2587,2590],{"class":1165,"line":1166},[1163,2584,2578],{"class":1169},[1163,2586,2569],{"class":1191},[1163,2588,2589],{"class":1191}," -D",[1163,2591,2556],{"class":1191},[1153,2593,2596],{"className":1155,"code":2594,"filename":2595,"language":1158,"meta":1159,"style":1159},"bun add -D vue-gtag-next\n","bun",[1117,2597,2598],{"__ignoreMap":1159},[1163,2599,2600,2602,2604,2606],{"class":1165,"line":1166},[1163,2601,2595],{"class":1169},[1163,2603,2569],{"class":1191},[1163,2605,2589],{"class":1191},[1163,2607,2556],{"class":1191},[1113,2609,2610],{},"Then create a plugin file:",[1153,2612,2615],{"className":1293,"code":2613,"filename":2614,"language":1295,"meta":1159,"style":1159},"import VueGtag, { trackRouter } from 'vue-gtag-next'\n\nexport default defineNuxtPlugin((nuxtApp) => {\n  nuxtApp.vueApp.use(VueGtag, {\n    property: {\n      id: 'GA_MEASUREMENT_ID'\n    }\n  })\n  trackRouter(useRouter())\n})\n","plugins/vue-gtag.client.ts",[1117,2616,2617,2645,2649,2669,2693,2702,2716,2720,2727,2739],{"__ignoreMap":1159},[1163,2618,2619,2622,2625,2627,2629,2632,2635,2638,2640,2643],{"class":1165,"line":1166},[1163,2620,2621],{"class":1303},"import",[1163,2623,2624],{"class":1314}," VueGtag",[1163,2626,1476],{"class":1173},[1163,2628,2248],{"class":1173},[1163,2630,2631],{"class":1314}," trackRouter",[1163,2633,2634],{"class":1173}," }",[1163,2636,2637],{"class":1303}," from",[1163,2639,1453],{"class":1173},[1163,2641,2642],{"class":1191},"vue-gtag-next",[1163,2644,1353],{"class":1173},[1163,2646,2647],{"class":1165,"line":1180},[1163,2648,2274],{"emptyLinePlaceholder":2273},[1163,2650,2651,2653,2655,2657,2659,2661,2663,2665,2667],{"class":1165,"line":1198},[1163,2652,1304],{"class":1303},[1163,2654,1307],{"class":1303},[1163,2656,1394],{"class":1310},[1163,2658,1315],{"class":1314},[1163,2660,1315],{"class":1173},[1163,2662,1378],{"class":1399},[1163,2664,1495],{"class":1173},[1163,2666,1403],{"class":1402},[1163,2668,1406],{"class":1173},[1163,2670,2671,2674,2676,2679,2681,2684,2686,2689,2691],{"class":1165,"line":1208},[1163,2672,2673],{"class":1314},"  nuxtApp",[1163,2675,1379],{"class":1173},[1163,2677,2678],{"class":1314},"vueApp",[1163,2680,1379],{"class":1173},[1163,2682,2683],{"class":1310},"use",[1163,2685,1315],{"class":1323},[1163,2687,2688],{"class":1314},"VueGtag",[1163,2690,1476],{"class":1173},[1163,2692,1406],{"class":1173},[1163,2694,2695,2698,2700],{"class":1165,"line":1227},[1163,2696,2697],{"class":1323},"    property",[1163,2699,1290],{"class":1173},[1163,2701,1406],{"class":1173},[1163,2703,2704,2707,2709,2711,2714],{"class":1165,"line":1244},[1163,2705,2706],{"class":1323},"      id",[1163,2708,1290],{"class":1173},[1163,2710,1453],{"class":1173},[1163,2712,2713],{"class":1191},"GA_MEASUREMENT_ID",[1163,2715,1353],{"class":1173},[1163,2717,2718],{"class":1165,"line":1510},[1163,2719,1568],{"class":1173},[1163,2721,2722,2725],{"class":1165,"line":1520},[1163,2723,2724],{"class":1173},"  }",[1163,2726,1366],{"class":1323},[1163,2728,2729,2732,2734,2736],{"class":1165,"line":1526},[1163,2730,2731],{"class":1310},"  trackRouter",[1163,2733,1315],{"class":1323},[1163,2735,516],{"class":1310},[1163,2737,2738],{"class":1323},"())\n",[1163,2740,2741,2743],{"class":1165,"line":1541},[1163,2742,1363],{"class":1173},[1163,2744,1366],{"class":1314},[1145,2746,2748],{"id":2747},"vue-directives","Vue Directives",[1113,2750,2751],{},"Similarly, you can register a custom Vue directive in a plugin.",[1153,2753,2756],{"className":1293,"code":2754,"filename":2755,"language":1295,"meta":1296,"style":1159},"export default defineNuxtPlugin((nuxtApp) => {\n  nuxtApp.vueApp.directive('focus', {\n    mounted (el) {\n      el.focus()\n    },\n    getSSRProps (binding, vnode) {\n      // you can provide SSR-specific props here\n      return {}\n    }\n  })\n})\n","plugins/my-directive.ts",[1117,2757,2758,2778,2804,2818,2829,2834,2853,2858,2865,2869,2875],{"__ignoreMap":1159},[1163,2759,2760,2762,2764,2766,2768,2770,2772,2774,2776],{"class":1165,"line":1166},[1163,2761,1304],{"class":1303},[1163,2763,1307],{"class":1303},[1163,2765,1394],{"class":1310},[1163,2767,1315],{"class":1314},[1163,2769,1315],{"class":1173},[1163,2771,1378],{"class":1399},[1163,2773,1495],{"class":1173},[1163,2775,1403],{"class":1402},[1163,2777,1406],{"class":1173},[1163,2779,2780,2782,2784,2786,2788,2791,2793,2795,2798,2800,2802],{"class":1165,"line":1180},[1163,2781,2673],{"class":1314},[1163,2783,1379],{"class":1173},[1163,2785,2678],{"class":1314},[1163,2787,1379],{"class":1173},[1163,2789,2790],{"class":1310},"directive",[1163,2792,1315],{"class":1323},[1163,2794,1340],{"class":1173},[1163,2796,2797],{"class":1191},"focus",[1163,2799,1340],{"class":1173},[1163,2801,1476],{"class":1173},[1163,2803,1406],{"class":1173},[1163,2805,2806,2809,2811,2814,2816],{"class":1165,"line":1198},[1163,2807,2808],{"class":1323},"    mounted ",[1163,2810,1315],{"class":1173},[1163,2812,2813],{"class":1399},"el",[1163,2815,1495],{"class":1173},[1163,2817,1406],{"class":1173},[1163,2819,2820,2823,2825,2827],{"class":1165,"line":1208},[1163,2821,2822],{"class":1314},"      el",[1163,2824,1379],{"class":1173},[1163,2826,2797],{"class":1310},[1163,2828,1556],{"class":1323},[1163,2830,2831],{"class":1165,"line":1227},[1163,2832,2833],{"class":1173},"    },\n",[1163,2835,2836,2839,2841,2844,2846,2849,2851],{"class":1165,"line":1244},[1163,2837,2838],{"class":1323},"    getSSRProps ",[1163,2840,1315],{"class":1173},[1163,2842,2843],{"class":1399},"binding",[1163,2845,1476],{"class":1173},[1163,2847,2848],{"class":1399}," vnode",[1163,2850,1495],{"class":1173},[1163,2852,1406],{"class":1173},[1163,2854,2855],{"class":1165,"line":1510},[1163,2856,2857],{"class":1411},"      // you can provide SSR-specific props here\n",[1163,2859,2860,2863],{"class":1165,"line":1520},[1163,2861,2862],{"class":1303},"      return",[1163,2864,2504],{"class":1173},[1163,2866,2867],{"class":1165,"line":1526},[1163,2868,1568],{"class":1173},[1163,2870,2871,2873],{"class":1165,"line":1541},[1163,2872,2724],{"class":1173},[1163,2874,1366],{"class":1323},[1163,2876,2877,2879],{"class":1165,"line":1559},[1163,2878,1363],{"class":1173},[1163,2880,1366],{"class":1314},[2327,2882,2883],{},[1113,2884,2885,2886,2889,2890,2893,2894,1379],{},"If you register a Vue directive, you ",[2370,2887,2888],{},"must"," register it on both client and server side unless you are only using it when rendering one side. If the directive only makes sense from a client side, you can always move it to ",[1117,2891,2892],{},"~/plugins/my-directive.client.ts"," and provide a 'stub' directive for the server in ",[1117,2895,2896],{},"~/plugins/my-directive.server.ts",[2898,2899],"read-more",{"icon":2900,"target":1619,"title":2901,"to":2902},"i-simple-icons-vuedotjs","Custom Directives on Vue Docs","https://vuejs.org/guide/reusability/custom-directives.html",[2904,2905,2906],"style",{},"html pre.shiki code .sT2Ow, html code.shiki .sT2Ow{--shiki-light:#E2931D;--shiki-default:#E2931D;--shiki-dark:#FFCB6B}html pre.shiki code .sYp4K, html code.shiki .sYp4K{--shiki-light:#39ADB5;--shiki-default:#39ADB5;--shiki-dark:#89DDFF}html pre.shiki code .s5UST, html code.shiki .s5UST{--shiki-light:#91B859;--shiki-default:#91B859;--shiki-dark:#C3E88D}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 .sFVN2, html code.shiki .sFVN2{--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 .szd4z, html code.shiki .szd4z{--shiki-light:#6182B8;--shiki-default:#6182B8;--shiki-dark:#82AAFF}html pre.shiki code .spdxX, html code.shiki .spdxX{--shiki-light:#90A4AE;--shiki-default:#90A4AE;--shiki-dark:#BABED8}html pre.shiki code .ssYd4, html code.shiki .ssYd4{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#90A4AE;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sRBFq, html code.shiki .sRBFq{--shiki-light:#9C3EDA;--shiki-default:#9C3EDA;--shiki-dark:#C792EA}html pre.shiki code .sQ5dg, html code.shiki .sQ5dg{--shiki-light:#E53935;--shiki-default:#E53935;--shiki-dark:#F07178}html pre.shiki code .svXlt, html code.shiki .svXlt{--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 .sagxc, html code.shiki .sagxc{--shiki-light:#FF5370;--shiki-default:#FF5370;--shiki-dark:#FF9CAC}",{"title":1159,"searchDepth":1180,"depth":1180,"links":2908},[2909,2910,2913,2914,2918,2919,2920,2921,2922],{"id":1147,"depth":1180,"text":1148},{"id":1369,"depth":1180,"text":1370,"children":2911},[2912],{"id":1422,"depth":1198,"text":1423},{"id":1639,"depth":1180,"text":1640},{"id":1705,"depth":1180,"text":1706,"children":2915},[2916,2917],{"id":1709,"depth":1198,"text":1710},{"id":1793,"depth":1198,"text":1794},{"id":1887,"depth":1180,"text":1888},{"id":1980,"depth":1180,"text":1981},{"id":2355,"depth":1180,"text":2356},{"id":2522,"depth":1180,"text":2523},{"id":2747,"depth":1180,"text":2748},"Nuxt has a plugins system to use Vue plugins and more at the creation of your Vue application.","md",{"head":2926},{"title":1119},{"icon":169},{"title":211,"description":2923},"uQu4XH4M6R",[2931,2933],{"title":207,"path":208,"stem":209,"description":2932,"icon":169,"children":-1},"Nuxt provides file-based routing to create routes within your web application.",{"title":215,"path":216,"stem":217,"description":2934,"icon":169,"children":-1},"The public/ directory is used to serve your website's static assets.",1742651362413]