[{"data":1,"prerenderedAt":6377},["ShallowReactive",2],{"$fGCo9l1hMtNdUiA6QzdUX5X3kLqaWcC5t2kdz4LrvCvc":3,"versions":2842,"-docs-4-x-directory-structure-app-components":2847,"-docs-4-x-directory-structure-app-components-surround":6372},[4,1120,1940,2753],{"title":5,"titleTemplate":6,"icon":7,"path":8,"stem":9,"children":10,"page":108},"Docs",null,"i-lucide-book-marked","/docs/3.x","docs/3.x",[11,109,246,426,907,999,1036,1078],{"title":12,"titleTemplate":13,"icon":14,"path":15,"stem":16,"children":17,"page":108},"Get Started","%s · Get Started with Nuxt","i-lucide-rocket","/docs/3.x/getting-started","docs/3.x/1.getting-started",[18,23,28,33,38,43,48,53,58,63,68,73,78,83,88,93,98,103],{"title":19,"path":20,"stem":21,"titleTemplate":6,"icon":22},"Introduction","/docs/3.x/getting-started/introduction","docs/3.x/1.getting-started/01.introduction","i-lucide-info",{"title":24,"path":25,"stem":26,"titleTemplate":6,"icon":27},"Installation","/docs/3.x/getting-started/installation","docs/3.x/1.getting-started/02.installation","i-lucide-play",{"title":29,"path":30,"stem":31,"titleTemplate":6,"icon":32},"Configuration","/docs/3.x/getting-started/configuration","docs/3.x/1.getting-started/03.configuration","i-lucide-cog",{"title":34,"path":35,"stem":36,"titleTemplate":6,"icon":37},"Views","/docs/3.x/getting-started/views","docs/3.x/1.getting-started/04.views","i-lucide-panels-top-left",{"title":39,"path":40,"stem":41,"titleTemplate":6,"icon":42},"Assets","/docs/3.x/getting-started/assets","docs/3.x/1.getting-started/05.assets","i-lucide-image",{"title":44,"path":45,"stem":46,"titleTemplate":6,"icon":47},"Styling","/docs/3.x/getting-started/styling","docs/3.x/1.getting-started/06.styling","i-lucide-palette",{"title":49,"path":50,"stem":51,"titleTemplate":6,"icon":52},"Routing","/docs/3.x/getting-started/routing","docs/3.x/1.getting-started/07.routing","i-lucide-milestone",{"title":54,"path":55,"stem":56,"titleTemplate":6,"icon":57},"SEO and Meta","/docs/3.x/getting-started/seo-meta","docs/3.x/1.getting-started/08.seo-meta","i-lucide-file-search",{"title":59,"path":60,"stem":61,"titleTemplate":6,"icon":62},"Transitions","/docs/3.x/getting-started/transitions","docs/3.x/1.getting-started/09.transitions","i-lucide-toggle-right",{"title":64,"path":65,"stem":66,"titleTemplate":6,"icon":67},"Data Fetching","/docs/3.x/getting-started/data-fetching","docs/3.x/1.getting-started/10.data-fetching","i-lucide-cable",{"title":69,"path":70,"stem":71,"titleTemplate":6,"icon":72},"State Management","/docs/3.x/getting-started/state-management","docs/3.x/1.getting-started/11.state-management","i-lucide-database",{"title":74,"path":75,"stem":76,"titleTemplate":6,"icon":77},"Error Handling","/docs/3.x/getting-started/error-handling","docs/3.x/1.getting-started/12.error-handling","i-lucide-bug-off",{"title":79,"path":80,"stem":81,"titleTemplate":6,"icon":82},"Server","/docs/3.x/getting-started/server","docs/3.x/1.getting-started/13.server","i-lucide-pc-case",{"title":84,"path":85,"stem":86,"titleTemplate":6,"icon":87},"Layers","/docs/3.x/getting-started/layers","docs/3.x/1.getting-started/14.layers","i-lucide-layers",{"title":89,"path":90,"stem":91,"titleTemplate":6,"icon":92},"Prerendering","/docs/3.x/getting-started/prerendering","docs/3.x/1.getting-started/15.prerendering","i-lucide-file-code-2",{"title":94,"path":95,"stem":96,"titleTemplate":6,"icon":97},"Deployment","/docs/3.x/getting-started/deployment","docs/3.x/1.getting-started/16.deployment","i-lucide-cloud",{"title":99,"path":100,"stem":101,"titleTemplate":6,"icon":102},"Testing","/docs/3.x/getting-started/testing","docs/3.x/1.getting-started/17.testing","i-lucide-circle-check",{"title":104,"path":105,"stem":106,"titleTemplate":6,"icon":107},"Upgrade Guide","/docs/3.x/getting-started/upgrade","docs/3.x/1.getting-started/18.upgrade","i-lucide-circle-arrow-up",false,{"title":110,"titleTemplate":111,"icon":112,"path":113,"stem":114,"children":115,"page":108},"Directory Structure","%s · Nuxt Directory Structure","i-vscode-icons-default-folder","/docs/3.x/directory-structure","docs/3.x/2.directory-structure",[116,121,126,131,136,141,146,151,156,161,165,170,174,179,184,189,194,199,204,209,214,218,223,228,232,236,241],{"title":117,"path":118,"stem":119,"titleTemplate":6,"icon":120},".nuxt","/docs/3.x/directory-structure/nuxt","docs/3.x/2.directory-structure/0.nuxt","i-vscode-icons-folder-type-temp",{"title":122,"path":123,"stem":124,"titleTemplate":6,"icon":125},".output","/docs/3.x/directory-structure/output","docs/3.x/2.directory-structure/0.output","i-vscode-icons-folder-type-package",{"title":127,"path":128,"stem":129,"titleTemplate":6,"icon":130},"assets","/docs/3.x/directory-structure/assets","docs/3.x/2.directory-structure/1.assets","i-vscode-icons-folder-type-asset",{"title":132,"path":133,"stem":134,"titleTemplate":6,"icon":135},"components","/docs/3.x/directory-structure/components","docs/3.x/2.directory-structure/1.components","i-vscode-icons-folder-type-component",{"title":137,"path":138,"stem":139,"titleTemplate":6,"icon":140},"composables","/docs/3.x/directory-structure/composables","docs/3.x/2.directory-structure/1.composables","i-vscode-icons-folder-type-src",{"title":142,"path":143,"stem":144,"titleTemplate":6,"icon":145},"content","/docs/3.x/directory-structure/content","docs/3.x/2.directory-structure/1.content","i-vscode-icons-folder-type-log",{"title":147,"path":148,"stem":149,"titleTemplate":6,"icon":150},"layers","/docs/3.x/directory-structure/layers","docs/3.x/2.directory-structure/1.layers","i-vscode-icons-folder-type-nuxt",{"title":152,"path":153,"stem":154,"titleTemplate":6,"icon":155},"layouts","/docs/3.x/directory-structure/layouts","docs/3.x/2.directory-structure/1.layouts","i-vscode-icons-folder-type-view",{"title":157,"path":158,"stem":159,"titleTemplate":6,"icon":160},"middleware","/docs/3.x/directory-structure/middleware","docs/3.x/2.directory-structure/1.middleware","i-vscode-icons-folder-type-middleware",{"title":162,"path":163,"stem":164,"titleTemplate":6,"icon":150},"modules","/docs/3.x/directory-structure/modules","docs/3.x/2.directory-structure/1.modules",{"title":166,"path":167,"stem":168,"titleTemplate":6,"icon":169},"node_modules","/docs/3.x/directory-structure/node_modules","docs/3.x/2.directory-structure/1.node_modules","i-vscode-icons-folder-type-node",{"title":171,"path":172,"stem":173,"titleTemplate":6,"icon":155},"pages","/docs/3.x/directory-structure/pages","docs/3.x/2.directory-structure/1.pages",{"title":175,"path":176,"stem":177,"titleTemplate":6,"icon":178},"plugins","/docs/3.x/directory-structure/plugins","docs/3.x/2.directory-structure/1.plugins","i-vscode-icons-folder-type-plugin",{"title":180,"path":181,"stem":182,"titleTemplate":6,"icon":183},"public","/docs/3.x/directory-structure/public","docs/3.x/2.directory-structure/1.public","i-vscode-icons-folder-type-public",{"title":185,"path":186,"stem":187,"titleTemplate":6,"icon":188},"server","/docs/3.x/directory-structure/server","docs/3.x/2.directory-structure/1.server","i-vscode-icons-folder-type-server",{"title":190,"path":191,"stem":192,"titleTemplate":6,"icon":193},"shared","/docs/3.x/directory-structure/shared","docs/3.x/2.directory-structure/1.shared","i-vscode-icons-folder-type-shared",{"title":195,"path":196,"stem":197,"titleTemplate":6,"icon":198},"utils","/docs/3.x/directory-structure/utils","docs/3.x/2.directory-structure/1.utils","i-vscode-icons-folder-type-tools",{"title":200,"path":201,"stem":202,"titleTemplate":6,"icon":203},".env","/docs/3.x/directory-structure/env","docs/3.x/2.directory-structure/2.env","i-vscode-icons-file-type-dotenv",{"title":205,"path":206,"stem":207,"titleTemplate":6,"icon":208},".gitignore","/docs/3.x/directory-structure/gitignore","docs/3.x/2.directory-structure/2.gitignore","i-vscode-icons-file-type-git",{"title":210,"path":211,"stem":212,"titleTemplate":6,"icon":213},".nuxtignore","/docs/3.x/directory-structure/nuxtignore","docs/3.x/2.directory-structure/2.nuxtignore","i-vscode-icons-file-type-nuxt",{"title":215,"path":216,"stem":217,"titleTemplate":6,"icon":213},".nuxtrc","/docs/3.x/directory-structure/nuxtrc","docs/3.x/2.directory-structure/2.nuxtrc",{"title":219,"path":220,"stem":221,"titleTemplate":6,"icon":222},"app.vue","/docs/3.x/directory-structure/app","docs/3.x/2.directory-structure/3.app","i-vscode-icons-file-type-vue",{"title":224,"path":225,"stem":226,"titleTemplate":6,"icon":227},"app.config.ts","/docs/3.x/directory-structure/app-config","docs/3.x/2.directory-structure/3.app-config","i-vscode-icons-file-type-light-config",{"title":229,"path":230,"stem":231,"titleTemplate":6,"icon":222},"error.vue","/docs/3.x/directory-structure/error","docs/3.x/2.directory-structure/3.error",{"title":233,"path":234,"stem":235,"titleTemplate":6,"icon":213},"nuxt.config.ts","/docs/3.x/directory-structure/nuxt-config","docs/3.x/2.directory-structure/3.nuxt-config",{"title":237,"path":238,"stem":239,"titleTemplate":6,"icon":240},"package.json","/docs/3.x/directory-structure/package","docs/3.x/2.directory-structure/3.package","i-vscode-icons-file-type-npm",{"title":242,"path":243,"stem":244,"titleTemplate":6,"icon":245},"tsconfig.json","/docs/3.x/directory-structure/tsconfig","docs/3.x/2.directory-structure/3.tsconfig","i-vscode-icons-file-type-tsconfig",{"title":247,"titleTemplate":6,"icon":248,"path":249,"stem":250,"children":251,"page":108},"Guide","i-lucide-book-open","/docs/3.x/guide","docs/3.x/3.guide",[252,287,306,321,356,379],{"title":253,"titleTemplate":254,"icon":255,"path":256,"stem":257,"children":258,"page":108},"Key Concepts","%s · Nuxt Concepts","i-lucide-medal","/docs/3.x/guide/concepts","docs/3.x/3.guide/1.concepts",[259,263,267,271,275,279,283],{"title":260,"path":261,"stem":262,"titleTemplate":6},"Rendering Modes","/docs/3.x/guide/concepts/rendering","docs/3.x/3.guide/1.concepts/1.rendering",{"title":264,"path":265,"stem":266,"titleTemplate":6},"Nuxt Lifecycle","/docs/3.x/guide/concepts/nuxt-lifecycle","docs/3.x/3.guide/1.concepts/2.nuxt-lifecycle",{"title":268,"path":269,"stem":270,"titleTemplate":6},"Auto-imports","/docs/3.x/guide/concepts/auto-imports","docs/3.x/3.guide/1.concepts/3.auto-imports",{"title":272,"path":273,"stem":274,"titleTemplate":6},"Server Engine","/docs/3.x/guide/concepts/server-engine","docs/3.x/3.guide/1.concepts/4.server-engine",{"title":276,"path":277,"stem":278,"titleTemplate":6},"Modules","/docs/3.x/guide/concepts/modules","docs/3.x/3.guide/1.concepts/5.modules",{"title":280,"path":281,"stem":282,"titleTemplate":6},"TypeScript","/docs/3.x/guide/concepts/typescript","docs/3.x/3.guide/1.concepts/8.typescript",{"title":284,"path":285,"stem":286,"titleTemplate":6},"Code Style","/docs/3.x/guide/concepts/code-style","docs/3.x/3.guide/1.concepts/9.code-style",{"title":288,"titleTemplate":289,"icon":290,"path":291,"stem":292,"children":293,"page":108},"Best Practices","%s · Best Practices","i-lucide-square-check","/docs/3.x/guide/best-practices","docs/3.x/3.guide/2.best-practices",[294,298,302],{"title":295,"path":296,"stem":297,"titleTemplate":6},"Nuxt and hydration","/docs/3.x/guide/best-practices/hydration","docs/3.x/3.guide/2.best-practices/hydration",{"title":299,"path":300,"stem":301,"titleTemplate":6},"Nuxt Performance","/docs/3.x/guide/best-practices/performance","docs/3.x/3.guide/2.best-practices/performance",{"title":303,"path":304,"stem":305,"titleTemplate":6},"Nuxt Plugins","/docs/3.x/guide/best-practices/plugins","docs/3.x/3.guide/2.best-practices/plugins",{"title":307,"titleTemplate":308,"icon":309,"path":310,"stem":311,"children":312,"page":108},"Working with AI","Working with AI: %s","i-lucide-bot","/docs/3.x/guide/ai","docs/3.x/3.guide/3.ai",[313,317],{"title":314,"path":315,"stem":316,"titleTemplate":6},"MCP Server","/docs/3.x/guide/ai/mcp","docs/3.x/3.guide/3.ai/1.mcp",{"title":318,"path":319,"stem":320,"titleTemplate":6},"LLMs.txt","/docs/3.x/guide/ai/llms-txt","docs/3.x/3.guide/3.ai/2.llms-txt",{"title":322,"titleTemplate":323,"icon":324,"path":325,"stem":326,"children":327,"page":108},"Module Author Guide","%s · Nuxt Modules Author Guide","i-lucide-box","/docs/3.x/guide/modules","docs/3.x/3.guide/4.modules",[328,332,336,340,344,348,352],{"title":329,"path":330,"stem":331,"titleTemplate":6},"Create Your First Module","/docs/3.x/guide/modules/getting-started","docs/3.x/3.guide/4.modules/1.getting-started",{"title":333,"path":334,"stem":335,"titleTemplate":6},"Understand Module Structure","/docs/3.x/guide/modules/module-anatomy","docs/3.x/3.guide/4.modules/2.module-anatomy",{"title":337,"path":338,"stem":339,"titleTemplate":6},"Add Plugins, Components & More","/docs/3.x/guide/modules/recipes-basics","docs/3.x/3.guide/4.modules/3.recipes-basics",{"title":341,"path":342,"stem":343,"titleTemplate":6},"Use Hooks & Extend Types","/docs/3.x/guide/modules/recipes-advanced","docs/3.x/3.guide/4.modules/4.recipes-advanced",{"title":345,"path":346,"stem":347,"titleTemplate":6},"Test Your Module","/docs/3.x/guide/modules/testing","docs/3.x/3.guide/4.modules/5.testing",{"title":349,"path":350,"stem":351,"titleTemplate":6},"Follow Best Practices","/docs/3.x/guide/modules/best-practices","docs/3.x/3.guide/4.modules/6.best-practices",{"title":353,"path":354,"stem":355,"titleTemplate":6},"Publish & Share Your Module","/docs/3.x/guide/modules/ecosystem","docs/3.x/3.guide/4.modules/7.ecosystem",{"title":357,"titleTemplate":358,"icon":359,"path":360,"stem":361,"children":362,"page":108},"Recipes","%s · Recipes","i-lucide-cooking-pot","/docs/3.x/guide/recipes","docs/3.x/3.guide/5.recipes",[363,367,371,375],{"title":364,"path":365,"stem":366,"titleTemplate":6},"Custom Routing","/docs/3.x/guide/recipes/custom-routing","docs/3.x/3.guide/5.recipes/1.custom-routing",{"title":368,"path":369,"stem":370,"titleTemplate":6},"Vite Plugins","/docs/3.x/guide/recipes/vite-plugin","docs/3.x/3.guide/5.recipes/2.vite-plugin",{"title":372,"path":373,"stem":374,"titleTemplate":6},"Custom useFetch","/docs/3.x/guide/recipes/custom-usefetch","docs/3.x/3.guide/5.recipes/3.custom-usefetch",{"title":376,"path":377,"stem":378,"titleTemplate":6},"Sessions and Authentication","/docs/3.x/guide/recipes/sessions-and-authentication","docs/3.x/3.guide/5.recipes/4.sessions-and-authentication",{"title":380,"titleTemplate":381,"icon":382,"path":383,"stem":384,"children":385,"page":108},"Going Further","%s · Nuxt Advanced","i-lucide-star","/docs/3.x/guide/going-further","docs/3.x/3.guide/6.going-further",[386,390,394,398,402,406,410,414,418,422],{"title":387,"path":388,"stem":389,"titleTemplate":6},"Custom Events","/docs/3.x/guide/going-further/events","docs/3.x/3.guide/6.going-further/1.events",{"title":391,"path":392,"stem":393,"titleTemplate":6},"Experimental Features","/docs/3.x/guide/going-further/experimental-features","docs/3.x/3.guide/6.going-further/1.experimental-features",{"title":395,"path":396,"stem":397,"titleTemplate":6},"Features","/docs/3.x/guide/going-further/features","docs/3.x/3.guide/6.going-further/1.features",{"title":399,"path":400,"stem":401,"titleTemplate":6},"Runtime Config","/docs/3.x/guide/going-further/runtime-config","docs/3.x/3.guide/6.going-further/10.runtime-config",{"title":403,"path":404,"stem":405,"titleTemplate":6},"Nightly Release Channel","/docs/3.x/guide/going-further/nightly-release-channel","docs/3.x/3.guide/6.going-further/11.nightly-release-channel",{"title":407,"path":408,"stem":409,"titleTemplate":6},"Lifecycle Hooks","/docs/3.x/guide/going-further/hooks","docs/3.x/3.guide/6.going-further/2.hooks",{"title":411,"path":412,"stem":413,"titleTemplate":6},"Nuxt Kit","/docs/3.x/guide/going-further/kit","docs/3.x/3.guide/6.going-further/4.kit",{"title":415,"path":416,"stem":417,"titleTemplate":6},"NuxtApp","/docs/3.x/guide/going-further/nuxt-app","docs/3.x/3.guide/6.going-further/6.nuxt-app",{"title":419,"path":420,"stem":421,"titleTemplate":6},"Authoring Nuxt Layers","/docs/3.x/guide/going-further/layers","docs/3.x/3.guide/6.going-further/7.layers",{"title":423,"path":424,"stem":425,"titleTemplate":6},"Debugging","/docs/3.x/guide/going-further/debugging","docs/3.x/3.guide/6.going-further/9.debugging",{"title":427,"titleTemplate":428,"icon":429,"path":430,"stem":431,"children":432,"page":108},"API","%s · Nuxt API","i-lucide-code-xml","/docs/3.x/api","docs/3.x/4.api",[433,499,622,745,816,889,902],{"title":434,"titleTemplate":435,"icon":324,"path":436,"stem":437,"children":438,"page":108},"Components","%s · Nuxt Components","/docs/3.x/api/components","docs/3.x/4.api/1.components",[439,443,447,451,455,459,463,467,471,475,479,483,487,491,495],{"title":440,"path":441,"stem":442,"titleTemplate":6},"\u003CClientOnly>","/docs/3.x/api/components/client-only","docs/3.x/4.api/1.components/1.client-only",{"title":444,"path":445,"stem":446,"titleTemplate":6},"\u003CDevOnly>","/docs/3.x/api/components/dev-only","docs/3.x/4.api/1.components/1.dev-only",{"title":448,"path":449,"stem":450,"titleTemplate":6},"\u003CNuxtClientFallback>","/docs/3.x/api/components/nuxt-client-fallback","docs/3.x/4.api/1.components/1.nuxt-client-fallback",{"title":452,"path":453,"stem":454,"titleTemplate":6},"\u003CNuxtPicture>","/docs/3.x/api/components/nuxt-picture","docs/3.x/4.api/1.components/10.nuxt-picture",{"title":456,"path":457,"stem":458,"titleTemplate":6},"\u003CTeleport>","/docs/3.x/api/components/teleports","docs/3.x/4.api/1.components/11.teleports",{"title":460,"path":461,"stem":462,"titleTemplate":6},"\u003CNuxtRouteAnnouncer>","/docs/3.x/api/components/nuxt-route-announcer","docs/3.x/4.api/1.components/12.nuxt-route-announcer",{"title":464,"path":465,"stem":466,"titleTemplate":6},"\u003CNuxtTime>","/docs/3.x/api/components/nuxt-time","docs/3.x/4.api/1.components/13.nuxt-time",{"title":468,"path":469,"stem":470,"titleTemplate":6},"\u003CNuxtPage>","/docs/3.x/api/components/nuxt-page","docs/3.x/4.api/1.components/2.nuxt-page",{"title":472,"path":473,"stem":474,"titleTemplate":6},"\u003CNuxtLayout>","/docs/3.x/api/components/nuxt-layout","docs/3.x/4.api/1.components/3.nuxt-layout",{"title":476,"path":477,"stem":478,"titleTemplate":6},"\u003CNuxtLink>","/docs/3.x/api/components/nuxt-link","docs/3.x/4.api/1.components/4.nuxt-link",{"title":480,"path":481,"stem":482,"titleTemplate":6},"\u003CNuxtLoadingIndicator>","/docs/3.x/api/components/nuxt-loading-indicator","docs/3.x/4.api/1.components/5.nuxt-loading-indicator",{"title":484,"path":485,"stem":486,"titleTemplate":6},"\u003CNuxtErrorBoundary>","/docs/3.x/api/components/nuxt-error-boundary","docs/3.x/4.api/1.components/6.nuxt-error-boundary",{"title":488,"path":489,"stem":490,"titleTemplate":6},"\u003CNuxtWelcome>","/docs/3.x/api/components/nuxt-welcome","docs/3.x/4.api/1.components/7.nuxt-welcome",{"title":492,"path":493,"stem":494,"titleTemplate":6},"\u003CNuxtIsland>","/docs/3.x/api/components/nuxt-island","docs/3.x/4.api/1.components/8.nuxt-island",{"title":496,"path":497,"stem":498,"titleTemplate":6},"\u003CNuxtImg>","/docs/3.x/api/components/nuxt-img","docs/3.x/4.api/1.components/9.nuxt-img",{"title":500,"titleTemplate":501,"icon":502,"path":503,"stem":504,"children":505,"page":108},"Composables","%s · Nuxt Composables","i-lucide-arrow-left-right","/docs/3.x/api/composables","docs/3.x/4.api/2.composables",[506,510,514,518,522,526,530,534,538,542,546,550,554,558,562,566,570,574,578,582,586,590,594,598,602,606,610,614,618],{"title":507,"path":508,"stem":509,"titleTemplate":6},"onPrehydrate","/docs/3.x/api/composables/on-prehydrate","docs/3.x/4.api/2.composables/on-prehydrate",{"title":511,"path":512,"stem":513,"titleTemplate":6},"useAppConfig","/docs/3.x/api/composables/use-app-config","docs/3.x/4.api/2.composables/use-app-config",{"title":515,"path":516,"stem":517,"titleTemplate":6},"useAsyncData","/docs/3.x/api/composables/use-async-data","docs/3.x/4.api/2.composables/use-async-data",{"title":519,"path":520,"stem":521,"titleTemplate":6},"useCookie","/docs/3.x/api/composables/use-cookie","docs/3.x/4.api/2.composables/use-cookie",{"title":523,"path":524,"stem":525,"titleTemplate":6},"useError","/docs/3.x/api/composables/use-error","docs/3.x/4.api/2.composables/use-error",{"title":527,"path":528,"stem":529,"titleTemplate":6},"useFetch","/docs/3.x/api/composables/use-fetch","docs/3.x/4.api/2.composables/use-fetch",{"title":531,"path":532,"stem":533,"titleTemplate":6},"useHead","/docs/3.x/api/composables/use-head","docs/3.x/4.api/2.composables/use-head",{"title":535,"path":536,"stem":537,"titleTemplate":6},"useHeadSafe","/docs/3.x/api/composables/use-head-safe","docs/3.x/4.api/2.composables/use-head-safe",{"title":539,"path":540,"stem":541,"titleTemplate":6},"useHydration","/docs/3.x/api/composables/use-hydration","docs/3.x/4.api/2.composables/use-hydration",{"title":543,"path":544,"stem":545,"titleTemplate":6},"useLazyAsyncData","/docs/3.x/api/composables/use-lazy-async-data","docs/3.x/4.api/2.composables/use-lazy-async-data",{"title":547,"path":548,"stem":549,"titleTemplate":6},"useLazyFetch","/docs/3.x/api/composables/use-lazy-fetch","docs/3.x/4.api/2.composables/use-lazy-fetch",{"title":551,"path":552,"stem":553,"titleTemplate":6},"useLoadingIndicator","/docs/3.x/api/composables/use-loading-indicator","docs/3.x/4.api/2.composables/use-loading-indicator",{"title":555,"path":556,"stem":557,"titleTemplate":6},"useNuxtApp","/docs/3.x/api/composables/use-nuxt-app","docs/3.x/4.api/2.composables/use-nuxt-app",{"title":559,"path":560,"stem":561,"titleTemplate":6},"useNuxtData","/docs/3.x/api/composables/use-nuxt-data","docs/3.x/4.api/2.composables/use-nuxt-data",{"title":563,"path":564,"stem":565,"titleTemplate":6},"usePreviewMode","/docs/3.x/api/composables/use-preview-mode","docs/3.x/4.api/2.composables/use-preview-mode",{"title":567,"path":568,"stem":569,"titleTemplate":6},"useRequestEvent","/docs/3.x/api/composables/use-request-event","docs/3.x/4.api/2.composables/use-request-event",{"title":571,"path":572,"stem":573,"titleTemplate":6},"useRequestFetch","/docs/3.x/api/composables/use-request-fetch","docs/3.x/4.api/2.composables/use-request-fetch",{"title":575,"path":576,"stem":577,"titleTemplate":6},"useRequestHeader","/docs/3.x/api/composables/use-request-header","docs/3.x/4.api/2.composables/use-request-header",{"title":579,"path":580,"stem":581,"titleTemplate":6},"useRequestHeaders","/docs/3.x/api/composables/use-request-headers","docs/3.x/4.api/2.composables/use-request-headers",{"title":583,"path":584,"stem":585,"titleTemplate":6},"useRequestURL","/docs/3.x/api/composables/use-request-url","docs/3.x/4.api/2.composables/use-request-url",{"title":587,"path":588,"stem":589,"titleTemplate":6},"useResponseHeader","/docs/3.x/api/composables/use-response-header","docs/3.x/4.api/2.composables/use-response-header",{"title":591,"path":592,"stem":593,"titleTemplate":6},"useRoute","/docs/3.x/api/composables/use-route","docs/3.x/4.api/2.composables/use-route",{"title":595,"path":596,"stem":597,"titleTemplate":6},"useRouteAnnouncer","/docs/3.x/api/composables/use-route-announcer","docs/3.x/4.api/2.composables/use-route-announcer",{"title":599,"path":600,"stem":601,"titleTemplate":6},"useRouter","/docs/3.x/api/composables/use-router","docs/3.x/4.api/2.composables/use-router",{"title":603,"path":604,"stem":605,"titleTemplate":6},"useRuntimeConfig","/docs/3.x/api/composables/use-runtime-config","docs/3.x/4.api/2.composables/use-runtime-config",{"title":607,"path":608,"stem":609,"titleTemplate":6},"useRuntimeHook","/docs/3.x/api/composables/use-runtime-hook","docs/3.x/4.api/2.composables/use-runtime-hook",{"title":611,"path":612,"stem":613,"titleTemplate":6},"useSeoMeta","/docs/3.x/api/composables/use-seo-meta","docs/3.x/4.api/2.composables/use-seo-meta",{"title":615,"path":616,"stem":617,"titleTemplate":6},"useServerSeoMeta","/docs/3.x/api/composables/use-server-seo-meta","docs/3.x/4.api/2.composables/use-server-seo-meta",{"title":619,"path":620,"stem":621,"titleTemplate":6},"useState","/docs/3.x/api/composables/use-state","docs/3.x/4.api/2.composables/use-state",{"title":623,"titleTemplate":624,"icon":625,"path":626,"stem":627,"children":628,"page":108},"Utils","%s · Nuxt Utils","i-lucide-square-function","/docs/3.x/api/utils","docs/3.x/4.api/3.utils",[629,633,637,641,645,649,653,657,661,665,669,673,677,681,685,689,693,697,701,705,709,713,717,721,725,729,733,737,741],{"title":630,"path":631,"stem":632,"titleTemplate":6},"$fetch","/docs/3.x/api/utils/dollarfetch","docs/3.x/4.api/3.utils/$fetch",{"title":634,"path":635,"stem":636,"titleTemplate":6},"abortNavigation","/docs/3.x/api/utils/abort-navigation","docs/3.x/4.api/3.utils/abort-navigation",{"title":638,"path":639,"stem":640,"titleTemplate":6},"addRouteMiddleware","/docs/3.x/api/utils/add-route-middleware","docs/3.x/4.api/3.utils/add-route-middleware",{"title":642,"path":643,"stem":644,"titleTemplate":6},"callOnce","/docs/3.x/api/utils/call-once","docs/3.x/4.api/3.utils/call-once",{"title":646,"path":647,"stem":648,"titleTemplate":6},"clearError","/docs/3.x/api/utils/clear-error","docs/3.x/4.api/3.utils/clear-error",{"title":650,"path":651,"stem":652,"titleTemplate":6},"clearNuxtData","/docs/3.x/api/utils/clear-nuxt-data","docs/3.x/4.api/3.utils/clear-nuxt-data",{"title":654,"path":655,"stem":656,"titleTemplate":6},"clearNuxtState","/docs/3.x/api/utils/clear-nuxt-state","docs/3.x/4.api/3.utils/clear-nuxt-state",{"title":658,"path":659,"stem":660,"titleTemplate":6},"createError","/docs/3.x/api/utils/create-error","docs/3.x/4.api/3.utils/create-error",{"title":662,"path":663,"stem":664,"titleTemplate":6},"defineLazyHydrationComponent","/docs/3.x/api/utils/define-lazy-hydration-component","docs/3.x/4.api/3.utils/define-lazy-hydration-component",{"title":666,"path":667,"stem":668,"titleTemplate":6},"defineNuxtComponent","/docs/3.x/api/utils/define-nuxt-component","docs/3.x/4.api/3.utils/define-nuxt-component",{"title":670,"path":671,"stem":672,"titleTemplate":6},"defineNuxtPlugin","/docs/3.x/api/utils/define-nuxt-plugin","docs/3.x/4.api/3.utils/define-nuxt-plugin",{"title":674,"path":675,"stem":676,"titleTemplate":6},"defineNuxtRouteMiddleware","/docs/3.x/api/utils/define-nuxt-route-middleware","docs/3.x/4.api/3.utils/define-nuxt-route-middleware",{"title":678,"path":679,"stem":680,"titleTemplate":6},"definePageMeta","/docs/3.x/api/utils/define-page-meta","docs/3.x/4.api/3.utils/define-page-meta",{"title":682,"path":683,"stem":684,"titleTemplate":6},"defineRouteRules","/docs/3.x/api/utils/define-route-rules","docs/3.x/4.api/3.utils/define-route-rules",{"title":686,"path":687,"stem":688,"titleTemplate":6},"navigateTo","/docs/3.x/api/utils/navigate-to","docs/3.x/4.api/3.utils/navigate-to",{"title":690,"path":691,"stem":692,"titleTemplate":6},"onBeforeRouteLeave","/docs/3.x/api/utils/on-before-route-leave","docs/3.x/4.api/3.utils/on-before-route-leave",{"title":694,"path":695,"stem":696,"titleTemplate":6},"onBeforeRouteUpdate","/docs/3.x/api/utils/on-before-route-update","docs/3.x/4.api/3.utils/on-before-route-update",{"title":698,"path":699,"stem":700,"titleTemplate":6},"onNuxtReady","/docs/3.x/api/utils/on-nuxt-ready","docs/3.x/4.api/3.utils/on-nuxt-ready",{"title":702,"path":703,"stem":704,"titleTemplate":6},"prefetchComponents","/docs/3.x/api/utils/prefetch-components","docs/3.x/4.api/3.utils/prefetch-components",{"title":706,"path":707,"stem":708,"titleTemplate":6},"preloadComponents","/docs/3.x/api/utils/preload-components","docs/3.x/4.api/3.utils/preload-components",{"title":710,"path":711,"stem":712,"titleTemplate":6},"preloadRouteComponents","/docs/3.x/api/utils/preload-route-components","docs/3.x/4.api/3.utils/preload-route-components",{"title":714,"path":715,"stem":716,"titleTemplate":6},"prerenderRoutes","/docs/3.x/api/utils/prerender-routes","docs/3.x/4.api/3.utils/prerender-routes",{"title":718,"path":719,"stem":720,"titleTemplate":6},"refreshCookie","/docs/3.x/api/utils/refresh-cookie","docs/3.x/4.api/3.utils/refresh-cookie",{"title":722,"path":723,"stem":724,"titleTemplate":6},"refreshNuxtData","/docs/3.x/api/utils/refresh-nuxt-data","docs/3.x/4.api/3.utils/refresh-nuxt-data",{"title":726,"path":727,"stem":728,"titleTemplate":6},"reloadNuxtApp","/docs/3.x/api/utils/reload-nuxt-app","docs/3.x/4.api/3.utils/reload-nuxt-app",{"title":730,"path":731,"stem":732,"titleTemplate":6},"setPageLayout","/docs/3.x/api/utils/set-page-layout","docs/3.x/4.api/3.utils/set-page-layout",{"title":734,"path":735,"stem":736,"titleTemplate":6},"setResponseStatus","/docs/3.x/api/utils/set-response-status","docs/3.x/4.api/3.utils/set-response-status",{"title":738,"path":739,"stem":740,"titleTemplate":6},"showError","/docs/3.x/api/utils/show-error","docs/3.x/4.api/3.utils/show-error",{"title":742,"path":743,"stem":744,"titleTemplate":6},"updateAppConfig","/docs/3.x/api/utils/update-app-config","docs/3.x/4.api/3.utils/update-app-config",{"title":746,"titleTemplate":747,"icon":748,"path":749,"stem":750,"children":751,"page":108},"Commands","%s · Nuxt Commands","i-lucide-square-terminal","/docs/3.x/api/commands","docs/3.x/4.api/4.commands",[752,756,760,764,768,772,776,780,784,788,792,796,800,804,808,812],{"title":753,"path":754,"stem":755,"titleTemplate":6},"nuxt add","/docs/3.x/api/commands/add","docs/3.x/4.api/4.commands/add",{"title":757,"path":758,"stem":759,"titleTemplate":6},"nuxt analyze","/docs/3.x/api/commands/analyze","docs/3.x/4.api/4.commands/analyze",{"title":761,"path":762,"stem":763,"titleTemplate":6},"nuxt build","/docs/3.x/api/commands/build","docs/3.x/4.api/4.commands/build",{"title":765,"path":766,"stem":767,"titleTemplate":6},"nuxt build-module","/docs/3.x/api/commands/build-module","docs/3.x/4.api/4.commands/build-module",{"title":769,"path":770,"stem":771,"titleTemplate":6},"nuxt cleanup","/docs/3.x/api/commands/cleanup","docs/3.x/4.api/4.commands/cleanup",{"title":773,"path":774,"stem":775,"titleTemplate":6},"nuxt dev","/docs/3.x/api/commands/dev","docs/3.x/4.api/4.commands/dev",{"title":777,"path":778,"stem":779,"titleTemplate":6},"nuxt devtools","/docs/3.x/api/commands/devtools","docs/3.x/4.api/4.commands/devtools",{"title":781,"path":782,"stem":783,"titleTemplate":6},"nuxt generate","/docs/3.x/api/commands/generate","docs/3.x/4.api/4.commands/generate",{"title":785,"path":786,"stem":787,"titleTemplate":6},"nuxt info","/docs/3.x/api/commands/info","docs/3.x/4.api/4.commands/info",{"title":789,"path":790,"stem":791,"titleTemplate":6},"create nuxt","/docs/3.x/api/commands/init","docs/3.x/4.api/4.commands/init",{"title":793,"path":794,"stem":795,"titleTemplate":6},"nuxt module","/docs/3.x/api/commands/module","docs/3.x/4.api/4.commands/module",{"title":797,"path":798,"stem":799,"titleTemplate":6},"nuxt prepare","/docs/3.x/api/commands/prepare","docs/3.x/4.api/4.commands/prepare",{"title":801,"path":802,"stem":803,"titleTemplate":6},"nuxt preview","/docs/3.x/api/commands/preview","docs/3.x/4.api/4.commands/preview",{"title":805,"path":806,"stem":807,"titleTemplate":6},"nuxt test","/docs/3.x/api/commands/test","docs/3.x/4.api/4.commands/test",{"title":809,"path":810,"stem":811,"titleTemplate":6},"nuxt typecheck","/docs/3.x/api/commands/typecheck","docs/3.x/4.api/4.commands/typecheck",{"title":813,"path":814,"stem":815,"titleTemplate":6},"nuxt upgrade","/docs/3.x/api/commands/upgrade","docs/3.x/4.api/4.commands/upgrade",{"title":411,"titleTemplate":817,"icon":818,"path":819,"stem":820,"children":821,"page":108},"%s · Nuxt Kit","i-lucide-package","/docs/3.x/api/kit","docs/3.x/4.api/5.kit",[822,825,828,832,836,840,844,848,852,855,859,863,866,869,873,877,881,885],{"title":276,"path":823,"stem":824,"titleTemplate":6},"/docs/3.x/api/kit/modules","docs/3.x/4.api/5.kit/1.modules",{"title":399,"path":826,"stem":827,"titleTemplate":6},"/docs/3.x/api/kit/runtime-config","docs/3.x/4.api/5.kit/10.runtime-config",{"title":829,"path":830,"stem":831,"titleTemplate":6},"Templates","/docs/3.x/api/kit/templates","docs/3.x/4.api/5.kit/10.templates",{"title":833,"path":834,"stem":835,"titleTemplate":6},"Nitro","/docs/3.x/api/kit/nitro","docs/3.x/4.api/5.kit/11.nitro",{"title":837,"path":838,"stem":839,"titleTemplate":6},"Resolving","/docs/3.x/api/kit/resolving","docs/3.x/4.api/5.kit/12.resolving",{"title":841,"path":842,"stem":843,"titleTemplate":6},"Logging","/docs/3.x/api/kit/logging","docs/3.x/4.api/5.kit/13.logging",{"title":845,"path":846,"stem":847,"titleTemplate":6},"Builder","/docs/3.x/api/kit/builder","docs/3.x/4.api/5.kit/14.builder",{"title":849,"path":850,"stem":851,"titleTemplate":6},"Examples","/docs/3.x/api/kit/examples","docs/3.x/4.api/5.kit/15.examples",{"title":84,"path":853,"stem":854,"titleTemplate":6},"/docs/3.x/api/kit/layers","docs/3.x/4.api/5.kit/16.layers",{"title":856,"path":857,"stem":858,"titleTemplate":6},"Programmatic Usage","/docs/3.x/api/kit/programmatic","docs/3.x/4.api/5.kit/2.programmatic",{"title":860,"path":861,"stem":862,"titleTemplate":6},"Compatibility","/docs/3.x/api/kit/compatibility","docs/3.x/4.api/5.kit/3.compatibility",{"title":268,"path":864,"stem":865,"titleTemplate":6},"/docs/3.x/api/kit/autoimports","docs/3.x/4.api/5.kit/4.autoimports",{"title":434,"path":867,"stem":868,"titleTemplate":6},"/docs/3.x/api/kit/components","docs/3.x/4.api/5.kit/5.components",{"title":870,"path":871,"stem":872,"titleTemplate":6},"Context","/docs/3.x/api/kit/context","docs/3.x/4.api/5.kit/6.context",{"title":874,"path":875,"stem":876,"titleTemplate":6},"Pages","/docs/3.x/api/kit/pages","docs/3.x/4.api/5.kit/7.pages",{"title":878,"path":879,"stem":880,"titleTemplate":6},"Layout","/docs/3.x/api/kit/layout","docs/3.x/4.api/5.kit/8.layout",{"title":882,"path":883,"stem":884,"titleTemplate":6},"Head","/docs/3.x/api/kit/head","docs/3.x/4.api/5.kit/9.head",{"title":886,"path":887,"stem":888,"titleTemplate":6},"Plugins","/docs/3.x/api/kit/plugins","docs/3.x/4.api/5.kit/9.plugins",{"title":890,"titleTemplate":6,"icon":891,"path":892,"stem":893,"children":894,"page":108},"Advanced","i-lucide-brain","/docs/3.x/api/advanced","docs/3.x/4.api/6.advanced",[895,898],{"title":407,"path":896,"stem":897,"titleTemplate":6},"/docs/3.x/api/advanced/hooks","docs/3.x/4.api/6.advanced/1.hooks",{"title":899,"path":900,"stem":901,"titleTemplate":6},"Import meta","/docs/3.x/api/advanced/import-meta","docs/3.x/4.api/6.advanced/2.import-meta",{"title":903,"path":904,"stem":905,"titleTemplate":906,"icon":32},"Nuxt Configuration","/docs/3.x/api/nuxt-config","docs/3.x/4.api/6.nuxt-config","%s",{"title":849,"titleTemplate":908,"icon":909,"path":910,"stem":911,"children":912,"page":108},"%s · Nuxt Examples","i-lucide-app-window-mac","/docs/3.x/examples","docs/3.x/4.examples",[913,917,939,954,990],{"title":914,"path":915,"stem":916,"titleTemplate":6},"Hello World","/docs/3.x/examples/hello-world","docs/3.x/4.examples/0.hello-world",{"title":395,"path":918,"stem":919,"children":920,"page":108},"/docs/3.x/examples/features","docs/3.x/4.examples/1.features",[921,925,928,931,935],{"title":922,"path":923,"stem":924,"titleTemplate":6},"Auto Imports","/docs/3.x/examples/features/auto-imports","docs/3.x/4.examples/1.features/1.auto-imports",{"title":64,"path":926,"stem":927,"titleTemplate":6},"/docs/3.x/examples/features/data-fetching","docs/3.x/4.examples/1.features/2.data-fetching",{"title":69,"path":929,"stem":930,"titleTemplate":6},"/docs/3.x/examples/features/state-management","docs/3.x/4.examples/1.features/3.state-management",{"title":932,"path":933,"stem":934,"titleTemplate":6},"Meta Tags","/docs/3.x/examples/features/meta-tags","docs/3.x/4.examples/1.features/4.meta-tags",{"title":936,"path":937,"stem":938,"titleTemplate":6},"Layouts","/docs/3.x/examples/features/layouts","docs/3.x/4.examples/1.features/5.layouts",{"title":49,"path":940,"stem":941,"children":942,"page":108},"/docs/3.x/examples/routing","docs/3.x/4.examples/2.routing",[943,947,950],{"title":944,"path":945,"stem":946,"titleTemplate":6},"Middleware","/docs/3.x/examples/routing/middleware","docs/3.x/4.examples/2.routing/middleware",{"title":874,"path":948,"stem":949,"titleTemplate":6},"/docs/3.x/examples/routing/pages","docs/3.x/4.examples/2.routing/pages",{"title":951,"path":952,"stem":953,"titleTemplate":6},"Universal Router","/docs/3.x/examples/routing/universal-router","docs/3.x/4.examples/2.routing/universal-router",{"title":890,"path":955,"stem":956,"children":957,"page":108},"/docs/3.x/examples/advanced","docs/3.x/4.examples/4.advanced",[958,961,964,968,972,976,980,983,986],{"title":84,"path":959,"stem":960,"titleTemplate":6},"/docs/3.x/examples/advanced/config-extends","docs/3.x/4.examples/4.advanced/config-extends",{"title":74,"path":962,"stem":963,"titleTemplate":6},"/docs/3.x/examples/advanced/error-handling","docs/3.x/4.examples/4.advanced/error-handling",{"title":965,"path":966,"stem":967,"titleTemplate":6},"JSX / TSX","/docs/3.x/examples/advanced/jsx","docs/3.x/4.examples/4.advanced/jsx",{"title":969,"path":970,"stem":971,"titleTemplate":6},"Locale","/docs/3.x/examples/advanced/locale","docs/3.x/4.examples/4.advanced/locale",{"title":973,"path":974,"stem":975,"titleTemplate":6},"Module Extend Pages","/docs/3.x/examples/advanced/module-extend-pages","docs/3.x/4.examples/4.advanced/module-extend-pages",{"title":977,"path":978,"stem":979,"titleTemplate":6},"Teleport","/docs/3.x/examples/advanced/teleport","docs/3.x/4.examples/4.advanced/teleport",{"title":99,"path":981,"stem":982,"titleTemplate":6},"/docs/3.x/examples/advanced/testing","docs/3.x/4.examples/4.advanced/testing",{"title":519,"path":984,"stem":985,"titleTemplate":6},"/docs/3.x/examples/advanced/use-cookie","docs/3.x/4.examples/4.advanced/use-cookie",{"title":987,"path":988,"stem":989,"titleTemplate":6},"Use Custom Fetch Composable","/docs/3.x/examples/advanced/use-custom-fetch-composable","docs/3.x/4.examples/4.advanced/use-custom-fetch-composable",{"title":991,"path":992,"stem":993,"children":994,"page":108},"Experimental","/docs/3.x/examples/experimental","docs/3.x/4.examples/7.experimental",[995],{"title":996,"path":997,"stem":998,"titleTemplate":6},"WASM","/docs/3.x/examples/experimental/wasm","docs/3.x/4.examples/7.experimental/wasm",{"title":1000,"titleTemplate":1001,"icon":1002,"path":1003,"stem":1004,"children":1005,"page":108},"Community","%s · Nuxt Community","i-lucide-messages-square","/docs/3.x/community","docs/3.x/5.community",[1006,1011,1016,1021,1026,1031],{"title":1007,"path":1008,"stem":1009,"titleTemplate":6,"icon":1010},"Getting Help","/docs/3.x/community/getting-help","docs/3.x/5.community/2.getting-help","i-lucide-life-buoy",{"title":1012,"path":1013,"stem":1014,"titleTemplate":6,"icon":1015},"Reporting Bugs","/docs/3.x/community/reporting-bugs","docs/3.x/5.community/3.reporting-bugs","i-lucide-bug",{"title":1017,"path":1018,"stem":1019,"titleTemplate":6,"icon":1020},"Contribution","/docs/3.x/community/contribution","docs/3.x/5.community/4.contribution","i-lucide-git-pull-request",{"title":1022,"path":1023,"stem":1024,"titleTemplate":6,"icon":1025},"Framework","/docs/3.x/community/framework-contribution","docs/3.x/5.community/5.framework-contribution","i-lucide-github",{"title":1027,"path":1028,"stem":1029,"titleTemplate":6,"icon":1030},"Roadmap","/docs/3.x/community/roadmap","docs/3.x/5.community/6.roadmap","i-lucide-map",{"title":1032,"path":1033,"stem":1034,"titleTemplate":6,"icon":1035},"Releases","/docs/3.x/community/changelog","docs/3.x/5.community/7.changelog","i-lucide-bell-dot",{"title":1037,"titleTemplate":1038,"icon":1039,"path":1040,"stem":1041,"children":1042,"page":108},"Migrate to Nuxt Bridge","Migrate to Nuxt Bridge: %s","i-lucide-ship","/docs/3.x/bridge","docs/3.x/6.bridge",[1043,1047,1050,1053,1057,1061,1065,1068,1071,1074],{"title":1044,"path":1045,"stem":1046,"titleTemplate":6},"Overview","/docs/3.x/bridge/overview","docs/3.x/6.bridge/1.overview",{"title":29,"path":1048,"stem":1049,"titleTemplate":6},"/docs/3.x/bridge/configuration","docs/3.x/6.bridge/10.configuration",{"title":280,"path":1051,"stem":1052,"titleTemplate":6},"/docs/3.x/bridge/typescript","docs/3.x/6.bridge/2.typescript",{"title":1054,"path":1055,"stem":1056,"titleTemplate":6},"Legacy Composition API","/docs/3.x/bridge/bridge-composition-api","docs/3.x/6.bridge/3.bridge-composition-api",{"title":1058,"path":1059,"stem":1060,"titleTemplate":6},"Plugins and Middleware","/docs/3.x/bridge/plugins-and-middleware","docs/3.x/6.bridge/4.plugins-and-middleware",{"title":1062,"path":1063,"stem":1064,"titleTemplate":6},"New Composition API","/docs/3.x/bridge/nuxt3-compatible-api","docs/3.x/6.bridge/5.nuxt3-compatible-api",{"title":932,"path":1066,"stem":1067,"titleTemplate":6},"/docs/3.x/bridge/meta","docs/3.x/6.bridge/6.meta",{"title":399,"path":1069,"stem":1070,"titleTemplate":6},"/docs/3.x/bridge/runtime-config","docs/3.x/6.bridge/7.runtime-config",{"title":833,"path":1072,"stem":1073,"titleTemplate":6},"/docs/3.x/bridge/nitro","docs/3.x/6.bridge/8.nitro",{"title":1075,"path":1076,"stem":1077,"titleTemplate":6},"Vite","/docs/3.x/bridge/vite","docs/3.x/6.bridge/9.vite",{"title":1079,"titleTemplate":1080,"icon":107,"path":1081,"stem":1082,"children":1083,"page":108},"Migrate to Nuxt 3","Migrate to Nuxt 3: %s","/docs/3.x/migration","docs/3.x/7.migration",[1084,1087,1091,1094,1097,1100,1103,1106,1109,1113,1117],{"title":1044,"path":1085,"stem":1086,"titleTemplate":6},"/docs/3.x/migration/overview","docs/3.x/7.migration/1.overview",{"title":1088,"path":1089,"stem":1090,"titleTemplate":6},"Build Tooling","/docs/3.x/migration/bundling","docs/3.x/7.migration/10.bundling",{"title":79,"path":1092,"stem":1093,"titleTemplate":6},"/docs/3.x/migration/server","docs/3.x/7.migration/11.server",{"title":29,"path":1095,"stem":1096,"titleTemplate":6},"/docs/3.x/migration/configuration","docs/3.x/7.migration/2.configuration",{"title":276,"path":1098,"stem":1099,"titleTemplate":6},"/docs/3.x/migration/module-authors","docs/3.x/7.migration/20.module-authors",{"title":922,"path":1101,"stem":1102,"titleTemplate":6},"/docs/3.x/migration/auto-imports","docs/3.x/7.migration/3.auto-imports",{"title":932,"path":1104,"stem":1105,"titleTemplate":6},"/docs/3.x/migration/meta","docs/3.x/7.migration/4.meta",{"title":1058,"path":1107,"stem":1108,"titleTemplate":6},"/docs/3.x/migration/plugins-and-middleware","docs/3.x/7.migration/5.plugins-and-middleware",{"title":1110,"path":1111,"stem":1112,"titleTemplate":6},"Pages and Layouts","/docs/3.x/migration/pages-and-layouts","docs/3.x/7.migration/6.pages-and-layouts",{"title":1114,"path":1115,"stem":1116,"titleTemplate":6},"Component Options","/docs/3.x/migration/component-options","docs/3.x/7.migration/7.component-options",{"title":399,"path":1118,"stem":1119,"titleTemplate":6},"/docs/3.x/migration/runtime-config","docs/3.x/7.migration/8.runtime-config",{"title":5,"titleTemplate":6,"icon":7,"path":1121,"stem":1122,"children":1123,"page":108},"/docs/4.x","docs/4.x",[1124,1182,1276,1404,1770,1847,1869,1903],{"title":12,"titleTemplate":13,"icon":14,"path":1125,"stem":1126,"children":1127,"page":108},"/docs/4.x/getting-started","docs/4.x/1.getting-started",[1128,1131,1134,1137,1140,1143,1146,1149,1152,1155,1158,1161,1164,1167,1170,1173,1176,1179],{"title":19,"path":1129,"stem":1130,"titleTemplate":6,"icon":22},"/docs/4.x/getting-started/introduction","docs/4.x/1.getting-started/01.introduction",{"title":24,"path":1132,"stem":1133,"titleTemplate":6,"icon":27},"/docs/4.x/getting-started/installation","docs/4.x/1.getting-started/02.installation",{"title":29,"path":1135,"stem":1136,"titleTemplate":6,"icon":32},"/docs/4.x/getting-started/configuration","docs/4.x/1.getting-started/03.configuration",{"title":34,"path":1138,"stem":1139,"titleTemplate":6,"icon":37},"/docs/4.x/getting-started/views","docs/4.x/1.getting-started/04.views",{"title":39,"path":1141,"stem":1142,"titleTemplate":6,"icon":42},"/docs/4.x/getting-started/assets","docs/4.x/1.getting-started/05.assets",{"title":44,"path":1144,"stem":1145,"titleTemplate":6,"icon":47},"/docs/4.x/getting-started/styling","docs/4.x/1.getting-started/06.styling",{"title":49,"path":1147,"stem":1148,"titleTemplate":6,"icon":52},"/docs/4.x/getting-started/routing","docs/4.x/1.getting-started/07.routing",{"title":54,"path":1150,"stem":1151,"titleTemplate":6,"icon":57},"/docs/4.x/getting-started/seo-meta","docs/4.x/1.getting-started/08.seo-meta",{"title":59,"path":1153,"stem":1154,"titleTemplate":6,"icon":62},"/docs/4.x/getting-started/transitions","docs/4.x/1.getting-started/09.transitions",{"title":64,"path":1156,"stem":1157,"titleTemplate":6,"icon":67},"/docs/4.x/getting-started/data-fetching","docs/4.x/1.getting-started/10.data-fetching",{"title":69,"path":1159,"stem":1160,"titleTemplate":6,"icon":72},"/docs/4.x/getting-started/state-management","docs/4.x/1.getting-started/11.state-management",{"title":74,"path":1162,"stem":1163,"titleTemplate":6,"icon":77},"/docs/4.x/getting-started/error-handling","docs/4.x/1.getting-started/12.error-handling",{"title":79,"path":1165,"stem":1166,"titleTemplate":6,"icon":82},"/docs/4.x/getting-started/server","docs/4.x/1.getting-started/13.server",{"title":84,"path":1168,"stem":1169,"titleTemplate":6,"icon":87},"/docs/4.x/getting-started/layers","docs/4.x/1.getting-started/14.layers",{"title":89,"path":1171,"stem":1172,"titleTemplate":6,"icon":92},"/docs/4.x/getting-started/prerendering","docs/4.x/1.getting-started/15.prerendering",{"title":94,"path":1174,"stem":1175,"titleTemplate":6,"icon":97},"/docs/4.x/getting-started/deployment","docs/4.x/1.getting-started/16.deployment",{"title":99,"path":1177,"stem":1178,"titleTemplate":6,"icon":102},"/docs/4.x/getting-started/testing","docs/4.x/1.getting-started/17.testing",{"title":104,"path":1180,"stem":1181,"titleTemplate":6,"icon":107},"/docs/4.x/getting-started/upgrade","docs/4.x/1.getting-started/18.upgrade",{"title":110,"titleTemplate":111,"icon":112,"path":1183,"stem":1184,"children":1185,"page":108},"/docs/4.x/directory-structure","docs/4.x/2.directory-structure",[1186,1189,1192,1234,1237,1240,1243,1246,1249,1252,1255,1258,1261,1264,1267,1270,1273],{"title":117,"path":1187,"stem":1188,"titleTemplate":6,"icon":120},"/docs/4.x/directory-structure/nuxt","docs/4.x/2.directory-structure/0.nuxt",{"title":122,"path":1190,"stem":1191,"titleTemplate":6,"icon":125},"/docs/4.x/directory-structure/output","docs/4.x/2.directory-structure/0.output",{"title":1193,"titleTemplate":111,"head":1194,"defaultOpen":1196,"icon":1197,"path":1198,"stem":1199,"children":1200,"page":108},"app",{"title":1195},"app/",true,"i-vscode-icons-folder-type-app","/docs/4.x/directory-structure/app","docs/4.x/2.directory-structure/1.app",[1201,1204,1207,1210,1213,1216,1219,1222,1225,1228,1231],{"title":127,"path":1202,"stem":1203,"titleTemplate":6,"icon":130},"/docs/4.x/directory-structure/app/assets","docs/4.x/2.directory-structure/1.app/1.assets",{"title":132,"path":1205,"stem":1206,"titleTemplate":6,"icon":135},"/docs/4.x/directory-structure/app/components","docs/4.x/2.directory-structure/1.app/1.components",{"title":137,"path":1208,"stem":1209,"titleTemplate":6,"icon":140},"/docs/4.x/directory-structure/app/composables","docs/4.x/2.directory-structure/1.app/1.composables",{"title":152,"path":1211,"stem":1212,"titleTemplate":6,"icon":155},"/docs/4.x/directory-structure/app/layouts","docs/4.x/2.directory-structure/1.app/1.layouts",{"title":157,"path":1214,"stem":1215,"titleTemplate":6,"icon":160},"/docs/4.x/directory-structure/app/middleware","docs/4.x/2.directory-structure/1.app/1.middleware",{"title":171,"path":1217,"stem":1218,"titleTemplate":6,"icon":155},"/docs/4.x/directory-structure/app/pages","docs/4.x/2.directory-structure/1.app/1.pages",{"title":175,"path":1220,"stem":1221,"titleTemplate":6,"icon":178},"/docs/4.x/directory-structure/app/plugins","docs/4.x/2.directory-structure/1.app/1.plugins",{"title":195,"path":1223,"stem":1224,"titleTemplate":6,"icon":198},"/docs/4.x/directory-structure/app/utils","docs/4.x/2.directory-structure/1.app/1.utils",{"title":219,"path":1226,"stem":1227,"titleTemplate":6,"icon":222},"/docs/4.x/directory-structure/app/app","docs/4.x/2.directory-structure/1.app/3.app",{"title":224,"path":1229,"stem":1230,"titleTemplate":6,"icon":227},"/docs/4.x/directory-structure/app/app-config","docs/4.x/2.directory-structure/1.app/3.app-config",{"title":229,"path":1232,"stem":1233,"titleTemplate":6,"icon":222},"/docs/4.x/directory-structure/app/error","docs/4.x/2.directory-structure/1.app/3.error",{"title":142,"path":1235,"stem":1236,"titleTemplate":6,"icon":145},"/docs/4.x/directory-structure/content","docs/4.x/2.directory-structure/1.content",{"title":147,"path":1238,"stem":1239,"titleTemplate":6,"icon":150},"/docs/4.x/directory-structure/layers","docs/4.x/2.directory-structure/1.layers",{"title":162,"path":1241,"stem":1242,"titleTemplate":6,"icon":150},"/docs/4.x/directory-structure/modules","docs/4.x/2.directory-structure/1.modules",{"title":166,"path":1244,"stem":1245,"titleTemplate":6,"icon":169},"/docs/4.x/directory-structure/node_modules","docs/4.x/2.directory-structure/1.node_modules",{"title":180,"path":1247,"stem":1248,"titleTemplate":6,"icon":183},"/docs/4.x/directory-structure/public","docs/4.x/2.directory-structure/1.public",{"title":185,"path":1250,"stem":1251,"titleTemplate":6,"icon":188},"/docs/4.x/directory-structure/server","docs/4.x/2.directory-structure/1.server",{"title":190,"path":1253,"stem":1254,"titleTemplate":6,"icon":193},"/docs/4.x/directory-structure/shared","docs/4.x/2.directory-structure/1.shared",{"title":200,"path":1256,"stem":1257,"titleTemplate":6,"icon":203},"/docs/4.x/directory-structure/env","docs/4.x/2.directory-structure/2.env",{"title":205,"path":1259,"stem":1260,"titleTemplate":6,"icon":208},"/docs/4.x/directory-structure/gitignore","docs/4.x/2.directory-structure/2.gitignore",{"title":210,"path":1262,"stem":1263,"titleTemplate":6,"icon":213},"/docs/4.x/directory-structure/nuxtignore","docs/4.x/2.directory-structure/2.nuxtignore",{"title":215,"path":1265,"stem":1266,"titleTemplate":6,"icon":213},"/docs/4.x/directory-structure/nuxtrc","docs/4.x/2.directory-structure/2.nuxtrc",{"title":233,"path":1268,"stem":1269,"titleTemplate":6,"icon":213},"/docs/4.x/directory-structure/nuxt-config","docs/4.x/2.directory-structure/3.nuxt-config",{"title":237,"path":1271,"stem":1272,"titleTemplate":6,"icon":240},"/docs/4.x/directory-structure/package","docs/4.x/2.directory-structure/3.package",{"title":242,"path":1274,"stem":1275,"titleTemplate":6,"icon":245},"/docs/4.x/directory-structure/tsconfig","docs/4.x/2.directory-structure/3.tsconfig",{"title":247,"titleTemplate":6,"icon":248,"path":1277,"stem":1278,"children":1279,"page":108},"/docs/4.x/guide","docs/4.x/3.guide",[1280,1305,1319,1329,1354,1370],{"title":253,"titleTemplate":254,"icon":255,"path":1281,"stem":1282,"children":1283,"page":108},"/docs/4.x/guide/concepts","docs/4.x/3.guide/1.concepts",[1284,1287,1290,1293,1296,1299,1302],{"title":260,"path":1285,"stem":1286,"titleTemplate":6},"/docs/4.x/guide/concepts/rendering","docs/4.x/3.guide/1.concepts/1.rendering",{"title":264,"path":1288,"stem":1289,"titleTemplate":6},"/docs/4.x/guide/concepts/nuxt-lifecycle","docs/4.x/3.guide/1.concepts/2.nuxt-lifecycle",{"title":268,"path":1291,"stem":1292,"titleTemplate":6},"/docs/4.x/guide/concepts/auto-imports","docs/4.x/3.guide/1.concepts/3.auto-imports",{"title":272,"path":1294,"stem":1295,"titleTemplate":6},"/docs/4.x/guide/concepts/server-engine","docs/4.x/3.guide/1.concepts/4.server-engine",{"title":276,"path":1297,"stem":1298,"titleTemplate":6},"/docs/4.x/guide/concepts/modules","docs/4.x/3.guide/1.concepts/5.modules",{"title":280,"path":1300,"stem":1301,"titleTemplate":6},"/docs/4.x/guide/concepts/typescript","docs/4.x/3.guide/1.concepts/8.typescript",{"title":284,"path":1303,"stem":1304,"titleTemplate":6},"/docs/4.x/guide/concepts/code-style","docs/4.x/3.guide/1.concepts/9.code-style",{"title":288,"titleTemplate":289,"icon":290,"path":1306,"stem":1307,"children":1308,"page":108},"/docs/4.x/guide/best-practices","docs/4.x/3.guide/2.best-practices",[1309,1313,1316],{"title":1310,"path":1311,"stem":1312,"titleTemplate":6},"Nuxt and Hydration","/docs/4.x/guide/best-practices/hydration","docs/4.x/3.guide/2.best-practices/hydration",{"title":299,"path":1314,"stem":1315,"titleTemplate":6},"/docs/4.x/guide/best-practices/performance","docs/4.x/3.guide/2.best-practices/performance",{"title":303,"path":1317,"stem":1318,"titleTemplate":6},"/docs/4.x/guide/best-practices/plugins","docs/4.x/3.guide/2.best-practices/plugins",{"title":307,"titleTemplate":308,"icon":309,"path":1320,"stem":1321,"children":1322,"page":108},"/docs/4.x/guide/ai","docs/4.x/3.guide/3.ai",[1323,1326],{"title":314,"path":1324,"stem":1325,"titleTemplate":6},"/docs/4.x/guide/ai/mcp","docs/4.x/3.guide/3.ai/1.mcp",{"title":318,"path":1327,"stem":1328,"titleTemplate":6},"/docs/4.x/guide/ai/llms-txt","docs/4.x/3.guide/3.ai/2.llms-txt",{"title":322,"titleTemplate":323,"icon":324,"path":1330,"stem":1331,"children":1332,"page":108},"/docs/4.x/guide/modules","docs/4.x/3.guide/4.modules",[1333,1336,1339,1342,1345,1348,1351],{"title":329,"path":1334,"stem":1335,"titleTemplate":6},"/docs/4.x/guide/modules/getting-started","docs/4.x/3.guide/4.modules/1.getting-started",{"title":333,"path":1337,"stem":1338,"titleTemplate":6},"/docs/4.x/guide/modules/module-anatomy","docs/4.x/3.guide/4.modules/2.module-anatomy",{"title":337,"path":1340,"stem":1341,"titleTemplate":6},"/docs/4.x/guide/modules/recipes-basics","docs/4.x/3.guide/4.modules/3.recipes-basics",{"title":341,"path":1343,"stem":1344,"titleTemplate":6},"/docs/4.x/guide/modules/recipes-advanced","docs/4.x/3.guide/4.modules/4.recipes-advanced",{"title":345,"path":1346,"stem":1347,"titleTemplate":6},"/docs/4.x/guide/modules/testing","docs/4.x/3.guide/4.modules/5.testing",{"title":349,"path":1349,"stem":1350,"titleTemplate":6},"/docs/4.x/guide/modules/best-practices","docs/4.x/3.guide/4.modules/6.best-practices",{"title":353,"path":1352,"stem":1353,"titleTemplate":6},"/docs/4.x/guide/modules/ecosystem","docs/4.x/3.guide/4.modules/7.ecosystem",{"title":357,"titleTemplate":358,"icon":359,"path":1355,"stem":1356,"children":1357,"page":108},"/docs/4.x/guide/recipes","docs/4.x/3.guide/5.recipes",[1358,1361,1364,1367],{"title":364,"path":1359,"stem":1360,"titleTemplate":6},"/docs/4.x/guide/recipes/custom-routing","docs/4.x/3.guide/5.recipes/1.custom-routing",{"title":368,"path":1362,"stem":1363,"titleTemplate":6},"/docs/4.x/guide/recipes/vite-plugin","docs/4.x/3.guide/5.recipes/2.vite-plugin",{"title":372,"path":1365,"stem":1366,"titleTemplate":6},"/docs/4.x/guide/recipes/custom-usefetch","docs/4.x/3.guide/5.recipes/3.custom-usefetch",{"title":376,"path":1368,"stem":1369,"titleTemplate":6},"/docs/4.x/guide/recipes/sessions-and-authentication","docs/4.x/3.guide/5.recipes/4.sessions-and-authentication",{"title":380,"titleTemplate":381,"icon":382,"path":1371,"stem":1372,"children":1373,"page":108},"/docs/4.x/guide/going-further","docs/4.x/3.guide/6.going-further",[1374,1377,1380,1383,1386,1389,1392,1395,1398,1401],{"title":387,"path":1375,"stem":1376,"titleTemplate":6},"/docs/4.x/guide/going-further/events","docs/4.x/3.guide/6.going-further/1.events",{"title":391,"path":1378,"stem":1379,"titleTemplate":6},"/docs/4.x/guide/going-further/experimental-features","docs/4.x/3.guide/6.going-further/1.experimental-features",{"title":395,"path":1381,"stem":1382,"titleTemplate":6},"/docs/4.x/guide/going-further/features","docs/4.x/3.guide/6.going-further/1.features",{"title":399,"path":1384,"stem":1385,"titleTemplate":6},"/docs/4.x/guide/going-further/runtime-config","docs/4.x/3.guide/6.going-further/10.runtime-config",{"title":403,"path":1387,"stem":1388,"titleTemplate":6},"/docs/4.x/guide/going-further/nightly-release-channel","docs/4.x/3.guide/6.going-further/11.nightly-release-channel",{"title":407,"path":1390,"stem":1391,"titleTemplate":6},"/docs/4.x/guide/going-further/hooks","docs/4.x/3.guide/6.going-further/2.hooks",{"title":411,"path":1393,"stem":1394,"titleTemplate":6},"/docs/4.x/guide/going-further/kit","docs/4.x/3.guide/6.going-further/4.kit",{"title":415,"path":1396,"stem":1397,"titleTemplate":6},"/docs/4.x/guide/going-further/nuxt-app","docs/4.x/3.guide/6.going-further/6.nuxt-app",{"title":419,"path":1399,"stem":1400,"titleTemplate":6},"/docs/4.x/guide/going-further/layers","docs/4.x/3.guide/6.going-further/7.layers",{"title":423,"path":1402,"stem":1403,"titleTemplate":6},"/docs/4.x/guide/going-further/debugging","docs/4.x/3.guide/6.going-further/9.debugging",{"title":427,"titleTemplate":428,"icon":429,"path":1405,"stem":1406,"children":1407,"page":108},"/docs/4.x/api","docs/4.x/4.api",[1408,1461,1556,1647,1699,1757,1767],{"title":434,"titleTemplate":435,"icon":324,"path":1409,"stem":1410,"children":1411,"page":108},"/docs/4.x/api/components","docs/4.x/4.api/1.components",[1412,1415,1418,1421,1424,1427,1430,1433,1437,1440,1443,1446,1449,1452,1455,1458],{"title":440,"path":1413,"stem":1414,"titleTemplate":6},"/docs/4.x/api/components/client-only","docs/4.x/4.api/1.components/1.client-only",{"title":444,"path":1416,"stem":1417,"titleTemplate":6},"/docs/4.x/api/components/dev-only","docs/4.x/4.api/1.components/1.dev-only",{"title":448,"path":1419,"stem":1420,"titleTemplate":6},"/docs/4.x/api/components/nuxt-client-fallback","docs/4.x/4.api/1.components/1.nuxt-client-fallback",{"title":452,"path":1422,"stem":1423,"titleTemplate":6},"/docs/4.x/api/components/nuxt-picture","docs/4.x/4.api/1.components/10.nuxt-picture",{"title":456,"path":1425,"stem":1426,"titleTemplate":6},"/docs/4.x/api/components/teleports","docs/4.x/4.api/1.components/11.teleports",{"title":460,"path":1428,"stem":1429,"titleTemplate":6},"/docs/4.x/api/components/nuxt-route-announcer","docs/4.x/4.api/1.components/12.nuxt-route-announcer",{"title":464,"path":1431,"stem":1432,"titleTemplate":6},"/docs/4.x/api/components/nuxt-time","docs/4.x/4.api/1.components/13.nuxt-time",{"title":1434,"path":1435,"stem":1436,"titleTemplate":6},"\u003CNuxtAnnouncer>","/docs/4.x/api/components/nuxt-announcer","docs/4.x/4.api/1.components/14.nuxt-announcer",{"title":468,"path":1438,"stem":1439,"titleTemplate":6},"/docs/4.x/api/components/nuxt-page","docs/4.x/4.api/1.components/2.nuxt-page",{"title":472,"path":1441,"stem":1442,"titleTemplate":6},"/docs/4.x/api/components/nuxt-layout","docs/4.x/4.api/1.components/3.nuxt-layout",{"title":476,"path":1444,"stem":1445,"titleTemplate":6},"/docs/4.x/api/components/nuxt-link","docs/4.x/4.api/1.components/4.nuxt-link",{"title":480,"path":1447,"stem":1448,"titleTemplate":6},"/docs/4.x/api/components/nuxt-loading-indicator","docs/4.x/4.api/1.components/5.nuxt-loading-indicator",{"title":484,"path":1450,"stem":1451,"titleTemplate":6},"/docs/4.x/api/components/nuxt-error-boundary","docs/4.x/4.api/1.components/6.nuxt-error-boundary",{"title":488,"path":1453,"stem":1454,"titleTemplate":6},"/docs/4.x/api/components/nuxt-welcome","docs/4.x/4.api/1.components/7.nuxt-welcome",{"title":492,"path":1456,"stem":1457,"titleTemplate":6},"/docs/4.x/api/components/nuxt-island","docs/4.x/4.api/1.components/8.nuxt-island",{"title":496,"path":1459,"stem":1460,"titleTemplate":6},"/docs/4.x/api/components/nuxt-img","docs/4.x/4.api/1.components/9.nuxt-img",{"title":500,"titleTemplate":501,"icon":502,"path":1462,"stem":1463,"children":1464,"page":108},"/docs/4.x/api/composables","docs/4.x/4.api/2.composables",[1465,1468,1472,1475,1478,1481,1484,1487,1490,1493,1496,1499,1502,1505,1508,1511,1514,1517,1520,1523,1526,1529,1532,1535,1538,1541,1544,1547,1550,1553],{"title":507,"path":1466,"stem":1467,"titleTemplate":6},"/docs/4.x/api/composables/on-prehydrate","docs/4.x/4.api/2.composables/on-prehydrate",{"title":1469,"path":1470,"stem":1471,"titleTemplate":6},"useAnnouncer","/docs/4.x/api/composables/use-announcer","docs/4.x/4.api/2.composables/use-announcer",{"title":511,"path":1473,"stem":1474,"titleTemplate":6},"/docs/4.x/api/composables/use-app-config","docs/4.x/4.api/2.composables/use-app-config",{"title":515,"path":1476,"stem":1477,"titleTemplate":6},"/docs/4.x/api/composables/use-async-data","docs/4.x/4.api/2.composables/use-async-data",{"title":519,"path":1479,"stem":1480,"titleTemplate":6},"/docs/4.x/api/composables/use-cookie","docs/4.x/4.api/2.composables/use-cookie",{"title":523,"path":1482,"stem":1483,"titleTemplate":6},"/docs/4.x/api/composables/use-error","docs/4.x/4.api/2.composables/use-error",{"title":527,"path":1485,"stem":1486,"titleTemplate":6},"/docs/4.x/api/composables/use-fetch","docs/4.x/4.api/2.composables/use-fetch",{"title":531,"path":1488,"stem":1489,"titleTemplate":6},"/docs/4.x/api/composables/use-head","docs/4.x/4.api/2.composables/use-head",{"title":535,"path":1491,"stem":1492,"titleTemplate":6},"/docs/4.x/api/composables/use-head-safe","docs/4.x/4.api/2.composables/use-head-safe",{"title":539,"path":1494,"stem":1495,"titleTemplate":6},"/docs/4.x/api/composables/use-hydration","docs/4.x/4.api/2.composables/use-hydration",{"title":543,"path":1497,"stem":1498,"titleTemplate":6},"/docs/4.x/api/composables/use-lazy-async-data","docs/4.x/4.api/2.composables/use-lazy-async-data",{"title":547,"path":1500,"stem":1501,"titleTemplate":6},"/docs/4.x/api/composables/use-lazy-fetch","docs/4.x/4.api/2.composables/use-lazy-fetch",{"title":551,"path":1503,"stem":1504,"titleTemplate":6},"/docs/4.x/api/composables/use-loading-indicator","docs/4.x/4.api/2.composables/use-loading-indicator",{"title":555,"path":1506,"stem":1507,"titleTemplate":6},"/docs/4.x/api/composables/use-nuxt-app","docs/4.x/4.api/2.composables/use-nuxt-app",{"title":559,"path":1509,"stem":1510,"titleTemplate":6},"/docs/4.x/api/composables/use-nuxt-data","docs/4.x/4.api/2.composables/use-nuxt-data",{"title":563,"path":1512,"stem":1513,"titleTemplate":6},"/docs/4.x/api/composables/use-preview-mode","docs/4.x/4.api/2.composables/use-preview-mode",{"title":567,"path":1515,"stem":1516,"titleTemplate":6},"/docs/4.x/api/composables/use-request-event","docs/4.x/4.api/2.composables/use-request-event",{"title":571,"path":1518,"stem":1519,"titleTemplate":6},"/docs/4.x/api/composables/use-request-fetch","docs/4.x/4.api/2.composables/use-request-fetch",{"title":575,"path":1521,"stem":1522,"titleTemplate":6},"/docs/4.x/api/composables/use-request-header","docs/4.x/4.api/2.composables/use-request-header",{"title":579,"path":1524,"stem":1525,"titleTemplate":6},"/docs/4.x/api/composables/use-request-headers","docs/4.x/4.api/2.composables/use-request-headers",{"title":583,"path":1527,"stem":1528,"titleTemplate":6},"/docs/4.x/api/composables/use-request-url","docs/4.x/4.api/2.composables/use-request-url",{"title":587,"path":1530,"stem":1531,"titleTemplate":6},"/docs/4.x/api/composables/use-response-header","docs/4.x/4.api/2.composables/use-response-header",{"title":591,"path":1533,"stem":1534,"titleTemplate":6},"/docs/4.x/api/composables/use-route","docs/4.x/4.api/2.composables/use-route",{"title":595,"path":1536,"stem":1537,"titleTemplate":6},"/docs/4.x/api/composables/use-route-announcer","docs/4.x/4.api/2.composables/use-route-announcer",{"title":599,"path":1539,"stem":1540,"titleTemplate":6},"/docs/4.x/api/composables/use-router","docs/4.x/4.api/2.composables/use-router",{"title":603,"path":1542,"stem":1543,"titleTemplate":6},"/docs/4.x/api/composables/use-runtime-config","docs/4.x/4.api/2.composables/use-runtime-config",{"title":607,"path":1545,"stem":1546,"titleTemplate":6},"/docs/4.x/api/composables/use-runtime-hook","docs/4.x/4.api/2.composables/use-runtime-hook",{"title":611,"path":1548,"stem":1549,"titleTemplate":6},"/docs/4.x/api/composables/use-seo-meta","docs/4.x/4.api/2.composables/use-seo-meta",{"title":615,"path":1551,"stem":1552,"titleTemplate":6},"/docs/4.x/api/composables/use-server-seo-meta","docs/4.x/4.api/2.composables/use-server-seo-meta",{"title":619,"path":1554,"stem":1555,"titleTemplate":6},"/docs/4.x/api/composables/use-state","docs/4.x/4.api/2.composables/use-state",{"title":623,"titleTemplate":624,"icon":625,"path":1557,"stem":1558,"children":1559,"page":108},"/docs/4.x/api/utils","docs/4.x/4.api/3.utils",[1560,1563,1566,1569,1572,1575,1578,1581,1584,1587,1590,1593,1596,1599,1602,1605,1608,1611,1614,1617,1620,1623,1626,1629,1632,1635,1638,1641,1644],{"title":630,"path":1561,"stem":1562,"titleTemplate":6},"/docs/4.x/api/utils/dollarfetch","docs/4.x/4.api/3.utils/$fetch",{"title":634,"path":1564,"stem":1565,"titleTemplate":6},"/docs/4.x/api/utils/abort-navigation","docs/4.x/4.api/3.utils/abort-navigation",{"title":638,"path":1567,"stem":1568,"titleTemplate":6},"/docs/4.x/api/utils/add-route-middleware","docs/4.x/4.api/3.utils/add-route-middleware",{"title":642,"path":1570,"stem":1571,"titleTemplate":6},"/docs/4.x/api/utils/call-once","docs/4.x/4.api/3.utils/call-once",{"title":646,"path":1573,"stem":1574,"titleTemplate":6},"/docs/4.x/api/utils/clear-error","docs/4.x/4.api/3.utils/clear-error",{"title":650,"path":1576,"stem":1577,"titleTemplate":6},"/docs/4.x/api/utils/clear-nuxt-data","docs/4.x/4.api/3.utils/clear-nuxt-data",{"title":654,"path":1579,"stem":1580,"titleTemplate":6},"/docs/4.x/api/utils/clear-nuxt-state","docs/4.x/4.api/3.utils/clear-nuxt-state",{"title":658,"path":1582,"stem":1583,"titleTemplate":6},"/docs/4.x/api/utils/create-error","docs/4.x/4.api/3.utils/create-error",{"title":662,"path":1585,"stem":1586,"titleTemplate":6},"/docs/4.x/api/utils/define-lazy-hydration-component","docs/4.x/4.api/3.utils/define-lazy-hydration-component",{"title":666,"path":1588,"stem":1589,"titleTemplate":6},"/docs/4.x/api/utils/define-nuxt-component","docs/4.x/4.api/3.utils/define-nuxt-component",{"title":670,"path":1591,"stem":1592,"titleTemplate":6},"/docs/4.x/api/utils/define-nuxt-plugin","docs/4.x/4.api/3.utils/define-nuxt-plugin",{"title":674,"path":1594,"stem":1595,"titleTemplate":6},"/docs/4.x/api/utils/define-nuxt-route-middleware","docs/4.x/4.api/3.utils/define-nuxt-route-middleware",{"title":678,"path":1597,"stem":1598,"titleTemplate":6},"/docs/4.x/api/utils/define-page-meta","docs/4.x/4.api/3.utils/define-page-meta",{"title":682,"path":1600,"stem":1601,"titleTemplate":6},"/docs/4.x/api/utils/define-route-rules","docs/4.x/4.api/3.utils/define-route-rules",{"title":686,"path":1603,"stem":1604,"titleTemplate":6},"/docs/4.x/api/utils/navigate-to","docs/4.x/4.api/3.utils/navigate-to",{"title":690,"path":1606,"stem":1607,"titleTemplate":6},"/docs/4.x/api/utils/on-before-route-leave","docs/4.x/4.api/3.utils/on-before-route-leave",{"title":694,"path":1609,"stem":1610,"titleTemplate":6},"/docs/4.x/api/utils/on-before-route-update","docs/4.x/4.api/3.utils/on-before-route-update",{"title":698,"path":1612,"stem":1613,"titleTemplate":6},"/docs/4.x/api/utils/on-nuxt-ready","docs/4.x/4.api/3.utils/on-nuxt-ready",{"title":702,"path":1615,"stem":1616,"titleTemplate":6},"/docs/4.x/api/utils/prefetch-components","docs/4.x/4.api/3.utils/prefetch-components",{"title":706,"path":1618,"stem":1619,"titleTemplate":6},"/docs/4.x/api/utils/preload-components","docs/4.x/4.api/3.utils/preload-components",{"title":710,"path":1621,"stem":1622,"titleTemplate":6},"/docs/4.x/api/utils/preload-route-components","docs/4.x/4.api/3.utils/preload-route-components",{"title":714,"path":1624,"stem":1625,"titleTemplate":6},"/docs/4.x/api/utils/prerender-routes","docs/4.x/4.api/3.utils/prerender-routes",{"title":718,"path":1627,"stem":1628,"titleTemplate":6},"/docs/4.x/api/utils/refresh-cookie","docs/4.x/4.api/3.utils/refresh-cookie",{"title":722,"path":1630,"stem":1631,"titleTemplate":6},"/docs/4.x/api/utils/refresh-nuxt-data","docs/4.x/4.api/3.utils/refresh-nuxt-data",{"title":726,"path":1633,"stem":1634,"titleTemplate":6},"/docs/4.x/api/utils/reload-nuxt-app","docs/4.x/4.api/3.utils/reload-nuxt-app",{"title":730,"path":1636,"stem":1637,"titleTemplate":6},"/docs/4.x/api/utils/set-page-layout","docs/4.x/4.api/3.utils/set-page-layout",{"title":734,"path":1639,"stem":1640,"titleTemplate":6},"/docs/4.x/api/utils/set-response-status","docs/4.x/4.api/3.utils/set-response-status",{"title":738,"path":1642,"stem":1643,"titleTemplate":6},"/docs/4.x/api/utils/show-error","docs/4.x/4.api/3.utils/show-error",{"title":742,"path":1645,"stem":1646,"titleTemplate":6},"/docs/4.x/api/utils/update-app-config","docs/4.x/4.api/3.utils/update-app-config",{"title":746,"titleTemplate":747,"icon":748,"path":1648,"stem":1649,"children":1650,"page":108},"/docs/4.x/api/commands","docs/4.x/4.api/4.commands",[1651,1654,1657,1660,1663,1666,1669,1672,1675,1678,1681,1684,1687,1690,1693,1696],{"title":753,"path":1652,"stem":1653,"titleTemplate":6},"/docs/4.x/api/commands/add","docs/4.x/4.api/4.commands/add",{"title":757,"path":1655,"stem":1656,"titleTemplate":6},"/docs/4.x/api/commands/analyze","docs/4.x/4.api/4.commands/analyze",{"title":761,"path":1658,"stem":1659,"titleTemplate":6},"/docs/4.x/api/commands/build","docs/4.x/4.api/4.commands/build",{"title":765,"path":1661,"stem":1662,"titleTemplate":6},"/docs/4.x/api/commands/build-module","docs/4.x/4.api/4.commands/build-module",{"title":769,"path":1664,"stem":1665,"titleTemplate":6},"/docs/4.x/api/commands/cleanup","docs/4.x/4.api/4.commands/cleanup",{"title":773,"path":1667,"stem":1668,"titleTemplate":6},"/docs/4.x/api/commands/dev","docs/4.x/4.api/4.commands/dev",{"title":777,"path":1670,"stem":1671,"titleTemplate":6},"/docs/4.x/api/commands/devtools","docs/4.x/4.api/4.commands/devtools",{"title":781,"path":1673,"stem":1674,"titleTemplate":6},"/docs/4.x/api/commands/generate","docs/4.x/4.api/4.commands/generate",{"title":785,"path":1676,"stem":1677,"titleTemplate":6},"/docs/4.x/api/commands/info","docs/4.x/4.api/4.commands/info",{"title":789,"path":1679,"stem":1680,"titleTemplate":6},"/docs/4.x/api/commands/init","docs/4.x/4.api/4.commands/init",{"title":793,"path":1682,"stem":1683,"titleTemplate":6},"/docs/4.x/api/commands/module","docs/4.x/4.api/4.commands/module",{"title":797,"path":1685,"stem":1686,"titleTemplate":6},"/docs/4.x/api/commands/prepare","docs/4.x/4.api/4.commands/prepare",{"title":801,"path":1688,"stem":1689,"titleTemplate":6},"/docs/4.x/api/commands/preview","docs/4.x/4.api/4.commands/preview",{"title":805,"path":1691,"stem":1692,"titleTemplate":6},"/docs/4.x/api/commands/test","docs/4.x/4.api/4.commands/test",{"title":809,"path":1694,"stem":1695,"titleTemplate":6},"/docs/4.x/api/commands/typecheck","docs/4.x/4.api/4.commands/typecheck",{"title":813,"path":1697,"stem":1698,"titleTemplate":6},"/docs/4.x/api/commands/upgrade","docs/4.x/4.api/4.commands/upgrade",{"title":411,"titleTemplate":817,"icon":818,"path":1700,"stem":1701,"children":1702,"page":108},"/docs/4.x/api/kit","docs/4.x/4.api/5.kit",[1703,1706,1709,1712,1715,1718,1721,1724,1727,1730,1733,1736,1739,1742,1745,1748,1751,1754],{"title":276,"path":1704,"stem":1705,"titleTemplate":6},"/docs/4.x/api/kit/modules","docs/4.x/4.api/5.kit/1.modules",{"title":399,"path":1707,"stem":1708,"titleTemplate":6},"/docs/4.x/api/kit/runtime-config","docs/4.x/4.api/5.kit/10.runtime-config",{"title":829,"path":1710,"stem":1711,"titleTemplate":6},"/docs/4.x/api/kit/templates","docs/4.x/4.api/5.kit/10.templates",{"title":833,"path":1713,"stem":1714,"titleTemplate":6},"/docs/4.x/api/kit/nitro","docs/4.x/4.api/5.kit/11.nitro",{"title":837,"path":1716,"stem":1717,"titleTemplate":6},"/docs/4.x/api/kit/resolving","docs/4.x/4.api/5.kit/12.resolving",{"title":841,"path":1719,"stem":1720,"titleTemplate":6},"/docs/4.x/api/kit/logging","docs/4.x/4.api/5.kit/13.logging",{"title":845,"path":1722,"stem":1723,"titleTemplate":6},"/docs/4.x/api/kit/builder","docs/4.x/4.api/5.kit/14.builder",{"title":849,"path":1725,"stem":1726,"titleTemplate":6},"/docs/4.x/api/kit/examples","docs/4.x/4.api/5.kit/15.examples",{"title":84,"path":1728,"stem":1729,"titleTemplate":6},"/docs/4.x/api/kit/layers","docs/4.x/4.api/5.kit/16.layers",{"title":856,"path":1731,"stem":1732,"titleTemplate":6},"/docs/4.x/api/kit/programmatic","docs/4.x/4.api/5.kit/2.programmatic",{"title":860,"path":1734,"stem":1735,"titleTemplate":6},"/docs/4.x/api/kit/compatibility","docs/4.x/4.api/5.kit/3.compatibility",{"title":268,"path":1737,"stem":1738,"titleTemplate":6},"/docs/4.x/api/kit/autoimports","docs/4.x/4.api/5.kit/4.autoimports",{"title":434,"path":1740,"stem":1741,"titleTemplate":6},"/docs/4.x/api/kit/components","docs/4.x/4.api/5.kit/5.components",{"title":870,"path":1743,"stem":1744,"titleTemplate":6},"/docs/4.x/api/kit/context","docs/4.x/4.api/5.kit/6.context",{"title":874,"path":1746,"stem":1747,"titleTemplate":6},"/docs/4.x/api/kit/pages","docs/4.x/4.api/5.kit/7.pages",{"title":878,"path":1749,"stem":1750,"titleTemplate":6},"/docs/4.x/api/kit/layout","docs/4.x/4.api/5.kit/8.layout",{"title":882,"path":1752,"stem":1753,"titleTemplate":6},"/docs/4.x/api/kit/head","docs/4.x/4.api/5.kit/9.head",{"title":886,"path":1755,"stem":1756,"titleTemplate":6},"/docs/4.x/api/kit/plugins","docs/4.x/4.api/5.kit/9.plugins",{"title":890,"titleTemplate":6,"icon":891,"path":1758,"stem":1759,"children":1760,"page":108},"/docs/4.x/api/advanced","docs/4.x/4.api/6.advanced",[1761,1764],{"title":407,"path":1762,"stem":1763,"titleTemplate":6},"/docs/4.x/api/advanced/hooks","docs/4.x/4.api/6.advanced/1.hooks",{"title":899,"path":1765,"stem":1766,"titleTemplate":6},"/docs/4.x/api/advanced/import-meta","docs/4.x/4.api/6.advanced/2.import-meta",{"title":903,"path":1768,"stem":1769,"titleTemplate":906,"icon":32},"/docs/4.x/api/nuxt-config","docs/4.x/4.api/6.nuxt-config",{"title":849,"titleTemplate":908,"icon":909,"path":1771,"stem":1772,"children":1773,"page":108},"/docs/4.x/examples","docs/4.x/4.examples",[1774,1777,1796,1809,1840],{"title":914,"path":1775,"stem":1776,"titleTemplate":6},"/docs/4.x/examples/hello-world","docs/4.x/4.examples/0.hello-world",{"title":395,"path":1778,"stem":1779,"children":1780,"page":108},"/docs/4.x/examples/features","docs/4.x/4.examples/1.features",[1781,1784,1787,1790,1793],{"title":922,"path":1782,"stem":1783,"titleTemplate":6},"/docs/4.x/examples/features/auto-imports","docs/4.x/4.examples/1.features/1.auto-imports",{"title":64,"path":1785,"stem":1786,"titleTemplate":6},"/docs/4.x/examples/features/data-fetching","docs/4.x/4.examples/1.features/2.data-fetching",{"title":69,"path":1788,"stem":1789,"titleTemplate":6},"/docs/4.x/examples/features/state-management","docs/4.x/4.examples/1.features/3.state-management",{"title":932,"path":1791,"stem":1792,"titleTemplate":6},"/docs/4.x/examples/features/meta-tags","docs/4.x/4.examples/1.features/4.meta-tags",{"title":936,"path":1794,"stem":1795,"titleTemplate":6},"/docs/4.x/examples/features/layouts","docs/4.x/4.examples/1.features/5.layouts",{"title":49,"path":1797,"stem":1798,"children":1799,"page":108},"/docs/4.x/examples/routing","docs/4.x/4.examples/2.routing",[1800,1803,1806],{"title":944,"path":1801,"stem":1802,"titleTemplate":6},"/docs/4.x/examples/routing/middleware","docs/4.x/4.examples/2.routing/middleware",{"title":874,"path":1804,"stem":1805,"titleTemplate":6},"/docs/4.x/examples/routing/pages","docs/4.x/4.examples/2.routing/pages",{"title":951,"path":1807,"stem":1808,"titleTemplate":6},"/docs/4.x/examples/routing/universal-router","docs/4.x/4.examples/2.routing/universal-router",{"title":890,"path":1810,"stem":1811,"children":1812,"page":108},"/docs/4.x/examples/advanced","docs/4.x/4.examples/4.advanced",[1813,1816,1819,1822,1825,1828,1831,1834,1837],{"title":84,"path":1814,"stem":1815,"titleTemplate":6},"/docs/4.x/examples/advanced/config-extends","docs/4.x/4.examples/4.advanced/config-extends",{"title":74,"path":1817,"stem":1818,"titleTemplate":6},"/docs/4.x/examples/advanced/error-handling","docs/4.x/4.examples/4.advanced/error-handling",{"title":965,"path":1820,"stem":1821,"titleTemplate":6},"/docs/4.x/examples/advanced/jsx","docs/4.x/4.examples/4.advanced/jsx",{"title":969,"path":1823,"stem":1824,"titleTemplate":6},"/docs/4.x/examples/advanced/locale","docs/4.x/4.examples/4.advanced/locale",{"title":973,"path":1826,"stem":1827,"titleTemplate":6},"/docs/4.x/examples/advanced/module-extend-pages","docs/4.x/4.examples/4.advanced/module-extend-pages",{"title":977,"path":1829,"stem":1830,"titleTemplate":6},"/docs/4.x/examples/advanced/teleport","docs/4.x/4.examples/4.advanced/teleport",{"title":99,"path":1832,"stem":1833,"titleTemplate":6},"/docs/4.x/examples/advanced/testing","docs/4.x/4.examples/4.advanced/testing",{"title":519,"path":1835,"stem":1836,"titleTemplate":6},"/docs/4.x/examples/advanced/use-cookie","docs/4.x/4.examples/4.advanced/use-cookie",{"title":987,"path":1838,"stem":1839,"titleTemplate":6},"/docs/4.x/examples/advanced/use-custom-fetch-composable","docs/4.x/4.examples/4.advanced/use-custom-fetch-composable",{"title":991,"path":1841,"stem":1842,"children":1843,"page":108},"/docs/4.x/examples/experimental","docs/4.x/4.examples/7.experimental",[1844],{"title":996,"path":1845,"stem":1846,"titleTemplate":6},"/docs/4.x/examples/experimental/wasm","docs/4.x/4.examples/7.experimental/wasm",{"title":1000,"titleTemplate":1001,"icon":1002,"path":1848,"stem":1849,"children":1850,"page":108},"/docs/4.x/community","docs/4.x/5.community",[1851,1854,1857,1860,1863,1866],{"title":1007,"path":1852,"stem":1853,"titleTemplate":6,"icon":1010},"/docs/4.x/community/getting-help","docs/4.x/5.community/2.getting-help",{"title":1012,"path":1855,"stem":1856,"titleTemplate":6,"icon":1015},"/docs/4.x/community/reporting-bugs","docs/4.x/5.community/3.reporting-bugs",{"title":1017,"path":1858,"stem":1859,"titleTemplate":6,"icon":1020},"/docs/4.x/community/contribution","docs/4.x/5.community/4.contribution",{"title":1022,"path":1861,"stem":1862,"titleTemplate":6,"icon":1025},"/docs/4.x/community/framework-contribution","docs/4.x/5.community/5.framework-contribution",{"title":1027,"path":1864,"stem":1865,"titleTemplate":6,"icon":1030},"/docs/4.x/community/roadmap","docs/4.x/5.community/6.roadmap",{"title":1032,"path":1867,"stem":1868,"titleTemplate":6,"icon":1035},"/docs/4.x/community/changelog","docs/4.x/5.community/7.changelog",{"title":1037,"titleTemplate":1038,"icon":1039,"path":1870,"stem":1871,"children":1872,"page":108},"/docs/4.x/bridge","docs/4.x/6.bridge",[1873,1876,1879,1882,1885,1888,1891,1894,1897,1900],{"title":1044,"path":1874,"stem":1875,"titleTemplate":6},"/docs/4.x/bridge/overview","docs/4.x/6.bridge/1.overview",{"title":29,"path":1877,"stem":1878,"titleTemplate":6},"/docs/4.x/bridge/configuration","docs/4.x/6.bridge/10.configuration",{"title":280,"path":1880,"stem":1881,"titleTemplate":6},"/docs/4.x/bridge/typescript","docs/4.x/6.bridge/2.typescript",{"title":1054,"path":1883,"stem":1884,"titleTemplate":6},"/docs/4.x/bridge/bridge-composition-api","docs/4.x/6.bridge/3.bridge-composition-api",{"title":1058,"path":1886,"stem":1887,"titleTemplate":6},"/docs/4.x/bridge/plugins-and-middleware","docs/4.x/6.bridge/4.plugins-and-middleware",{"title":1062,"path":1889,"stem":1890,"titleTemplate":6},"/docs/4.x/bridge/nuxt3-compatible-api","docs/4.x/6.bridge/5.nuxt3-compatible-api",{"title":932,"path":1892,"stem":1893,"titleTemplate":6},"/docs/4.x/bridge/meta","docs/4.x/6.bridge/6.meta",{"title":399,"path":1895,"stem":1896,"titleTemplate":6},"/docs/4.x/bridge/runtime-config","docs/4.x/6.bridge/7.runtime-config",{"title":833,"path":1898,"stem":1899,"titleTemplate":6},"/docs/4.x/bridge/nitro","docs/4.x/6.bridge/8.nitro",{"title":1075,"path":1901,"stem":1902,"titleTemplate":6},"/docs/4.x/bridge/vite","docs/4.x/6.bridge/9.vite",{"title":1079,"titleTemplate":1080,"icon":107,"path":1904,"stem":1905,"children":1906,"page":108},"/docs/4.x/migration","docs/4.x/7.migration",[1907,1910,1913,1916,1919,1922,1925,1928,1931,1934,1937],{"title":1044,"path":1908,"stem":1909,"titleTemplate":6},"/docs/4.x/migration/overview","docs/4.x/7.migration/1.overview",{"title":1088,"path":1911,"stem":1912,"titleTemplate":6},"/docs/4.x/migration/bundling","docs/4.x/7.migration/10.bundling",{"title":79,"path":1914,"stem":1915,"titleTemplate":6},"/docs/4.x/migration/server","docs/4.x/7.migration/11.server",{"title":29,"path":1917,"stem":1918,"titleTemplate":6},"/docs/4.x/migration/configuration","docs/4.x/7.migration/2.configuration",{"title":276,"path":1920,"stem":1921,"titleTemplate":6},"/docs/4.x/migration/module-authors","docs/4.x/7.migration/20.module-authors",{"title":922,"path":1923,"stem":1924,"titleTemplate":6},"/docs/4.x/migration/auto-imports","docs/4.x/7.migration/3.auto-imports",{"title":932,"path":1926,"stem":1927,"titleTemplate":6},"/docs/4.x/migration/meta","docs/4.x/7.migration/4.meta",{"title":1058,"path":1929,"stem":1930,"titleTemplate":6},"/docs/4.x/migration/plugins-and-middleware","docs/4.x/7.migration/5.plugins-and-middleware",{"title":1110,"path":1932,"stem":1933,"titleTemplate":6},"/docs/4.x/migration/pages-and-layouts","docs/4.x/7.migration/6.pages-and-layouts",{"title":1114,"path":1935,"stem":1936,"titleTemplate":6},"/docs/4.x/migration/component-options","docs/4.x/7.migration/7.component-options",{"title":399,"path":1938,"stem":1939,"titleTemplate":6},"/docs/4.x/migration/runtime-config","docs/4.x/7.migration/8.runtime-config",{"title":5,"titleTemplate":6,"icon":7,"path":1941,"stem":1942,"children":1943,"page":108},"/docs/5.x","docs/5.x",[1944,2002,2092,2219,2583,2660,2682,2716],{"title":12,"titleTemplate":13,"icon":14,"path":1945,"stem":1946,"children":1947,"page":108},"/docs/5.x/getting-started","docs/5.x/1.getting-started",[1948,1951,1954,1957,1960,1963,1966,1969,1972,1975,1978,1981,1984,1987,1990,1993,1996,1999],{"title":19,"path":1949,"stem":1950,"titleTemplate":6,"icon":22},"/docs/5.x/getting-started/introduction","docs/5.x/1.getting-started/01.introduction",{"title":24,"path":1952,"stem":1953,"titleTemplate":6,"icon":27},"/docs/5.x/getting-started/installation","docs/5.x/1.getting-started/02.installation",{"title":29,"path":1955,"stem":1956,"titleTemplate":6,"icon":32},"/docs/5.x/getting-started/configuration","docs/5.x/1.getting-started/03.configuration",{"title":34,"path":1958,"stem":1959,"titleTemplate":6,"icon":37},"/docs/5.x/getting-started/views","docs/5.x/1.getting-started/04.views",{"title":39,"path":1961,"stem":1962,"titleTemplate":6,"icon":42},"/docs/5.x/getting-started/assets","docs/5.x/1.getting-started/05.assets",{"title":44,"path":1964,"stem":1965,"titleTemplate":6,"icon":47},"/docs/5.x/getting-started/styling","docs/5.x/1.getting-started/06.styling",{"title":49,"path":1967,"stem":1968,"titleTemplate":6,"icon":52},"/docs/5.x/getting-started/routing","docs/5.x/1.getting-started/07.routing",{"title":54,"path":1970,"stem":1971,"titleTemplate":6,"icon":57},"/docs/5.x/getting-started/seo-meta","docs/5.x/1.getting-started/08.seo-meta",{"title":59,"path":1973,"stem":1974,"titleTemplate":6,"icon":62},"/docs/5.x/getting-started/transitions","docs/5.x/1.getting-started/09.transitions",{"title":64,"path":1976,"stem":1977,"titleTemplate":6,"icon":67},"/docs/5.x/getting-started/data-fetching","docs/5.x/1.getting-started/10.data-fetching",{"title":69,"path":1979,"stem":1980,"titleTemplate":6,"icon":72},"/docs/5.x/getting-started/state-management","docs/5.x/1.getting-started/11.state-management",{"title":74,"path":1982,"stem":1983,"titleTemplate":6,"icon":77},"/docs/5.x/getting-started/error-handling","docs/5.x/1.getting-started/12.error-handling",{"title":79,"path":1985,"stem":1986,"titleTemplate":6,"icon":82},"/docs/5.x/getting-started/server","docs/5.x/1.getting-started/13.server",{"title":84,"path":1988,"stem":1989,"titleTemplate":6,"icon":87},"/docs/5.x/getting-started/layers","docs/5.x/1.getting-started/14.layers",{"title":89,"path":1991,"stem":1992,"titleTemplate":6,"icon":92},"/docs/5.x/getting-started/prerendering","docs/5.x/1.getting-started/15.prerendering",{"title":94,"path":1994,"stem":1995,"titleTemplate":6,"icon":97},"/docs/5.x/getting-started/deployment","docs/5.x/1.getting-started/16.deployment",{"title":99,"path":1997,"stem":1998,"titleTemplate":6,"icon":102},"/docs/5.x/getting-started/testing","docs/5.x/1.getting-started/17.testing",{"title":104,"path":2000,"stem":2001,"titleTemplate":6,"icon":107},"/docs/5.x/getting-started/upgrade","docs/5.x/1.getting-started/18.upgrade",{"title":110,"titleTemplate":111,"icon":112,"path":2003,"stem":2004,"children":2005,"page":108},"/docs/5.x/directory-structure","docs/5.x/2.directory-structure",[2006,2009,2012,2050,2053,2056,2059,2062,2065,2068,2071,2074,2077,2080,2083,2086,2089],{"title":117,"path":2007,"stem":2008,"titleTemplate":6,"icon":120},"/docs/5.x/directory-structure/nuxt","docs/5.x/2.directory-structure/0.nuxt",{"title":122,"path":2010,"stem":2011,"titleTemplate":6,"icon":125},"/docs/5.x/directory-structure/output","docs/5.x/2.directory-structure/0.output",{"title":1193,"titleTemplate":111,"head":2013,"defaultOpen":1196,"icon":1197,"path":2014,"stem":2015,"children":2016,"page":108},{"title":1195},"/docs/5.x/directory-structure/app","docs/5.x/2.directory-structure/1.app",[2017,2020,2023,2026,2029,2032,2035,2038,2041,2044,2047],{"title":127,"path":2018,"stem":2019,"titleTemplate":6,"icon":130},"/docs/5.x/directory-structure/app/assets","docs/5.x/2.directory-structure/1.app/1.assets",{"title":132,"path":2021,"stem":2022,"titleTemplate":6,"icon":135},"/docs/5.x/directory-structure/app/components","docs/5.x/2.directory-structure/1.app/1.components",{"title":137,"path":2024,"stem":2025,"titleTemplate":6,"icon":140},"/docs/5.x/directory-structure/app/composables","docs/5.x/2.directory-structure/1.app/1.composables",{"title":152,"path":2027,"stem":2028,"titleTemplate":6,"icon":155},"/docs/5.x/directory-structure/app/layouts","docs/5.x/2.directory-structure/1.app/1.layouts",{"title":157,"path":2030,"stem":2031,"titleTemplate":6,"icon":160},"/docs/5.x/directory-structure/app/middleware","docs/5.x/2.directory-structure/1.app/1.middleware",{"title":171,"path":2033,"stem":2034,"titleTemplate":6,"icon":155},"/docs/5.x/directory-structure/app/pages","docs/5.x/2.directory-structure/1.app/1.pages",{"title":175,"path":2036,"stem":2037,"titleTemplate":6,"icon":178},"/docs/5.x/directory-structure/app/plugins","docs/5.x/2.directory-structure/1.app/1.plugins",{"title":195,"path":2039,"stem":2040,"titleTemplate":6,"icon":198},"/docs/5.x/directory-structure/app/utils","docs/5.x/2.directory-structure/1.app/1.utils",{"title":219,"path":2042,"stem":2043,"titleTemplate":6,"icon":222},"/docs/5.x/directory-structure/app/app","docs/5.x/2.directory-structure/1.app/3.app",{"title":224,"path":2045,"stem":2046,"titleTemplate":6,"icon":227},"/docs/5.x/directory-structure/app/app-config","docs/5.x/2.directory-structure/1.app/3.app-config",{"title":229,"path":2048,"stem":2049,"titleTemplate":6,"icon":222},"/docs/5.x/directory-structure/app/error","docs/5.x/2.directory-structure/1.app/3.error",{"title":142,"path":2051,"stem":2052,"titleTemplate":6,"icon":145},"/docs/5.x/directory-structure/content","docs/5.x/2.directory-structure/1.content",{"title":147,"path":2054,"stem":2055,"titleTemplate":6,"icon":150},"/docs/5.x/directory-structure/layers","docs/5.x/2.directory-structure/1.layers",{"title":162,"path":2057,"stem":2058,"titleTemplate":6,"icon":150},"/docs/5.x/directory-structure/modules","docs/5.x/2.directory-structure/1.modules",{"title":166,"path":2060,"stem":2061,"titleTemplate":6,"icon":169},"/docs/5.x/directory-structure/node_modules","docs/5.x/2.directory-structure/1.node_modules",{"title":180,"path":2063,"stem":2064,"titleTemplate":6,"icon":183},"/docs/5.x/directory-structure/public","docs/5.x/2.directory-structure/1.public",{"title":185,"path":2066,"stem":2067,"titleTemplate":6,"icon":188},"/docs/5.x/directory-structure/server","docs/5.x/2.directory-structure/1.server",{"title":190,"path":2069,"stem":2070,"titleTemplate":6,"icon":193},"/docs/5.x/directory-structure/shared","docs/5.x/2.directory-structure/1.shared",{"title":200,"path":2072,"stem":2073,"titleTemplate":6,"icon":203},"/docs/5.x/directory-structure/env","docs/5.x/2.directory-structure/2.env",{"title":205,"path":2075,"stem":2076,"titleTemplate":6,"icon":208},"/docs/5.x/directory-structure/gitignore","docs/5.x/2.directory-structure/2.gitignore",{"title":210,"path":2078,"stem":2079,"titleTemplate":6,"icon":213},"/docs/5.x/directory-structure/nuxtignore","docs/5.x/2.directory-structure/2.nuxtignore",{"title":215,"path":2081,"stem":2082,"titleTemplate":6,"icon":213},"/docs/5.x/directory-structure/nuxtrc","docs/5.x/2.directory-structure/2.nuxtrc",{"title":233,"path":2084,"stem":2085,"titleTemplate":6,"icon":213},"/docs/5.x/directory-structure/nuxt-config","docs/5.x/2.directory-structure/3.nuxt-config",{"title":237,"path":2087,"stem":2088,"titleTemplate":6,"icon":240},"/docs/5.x/directory-structure/package","docs/5.x/2.directory-structure/3.package",{"title":242,"path":2090,"stem":2091,"titleTemplate":6,"icon":245},"/docs/5.x/directory-structure/tsconfig","docs/5.x/2.directory-structure/3.tsconfig",{"title":247,"titleTemplate":6,"icon":248,"path":2093,"stem":2094,"children":2095,"page":108},"/docs/5.x/guide","docs/5.x/3.guide",[2096,2121,2134,2144,2169,2185],{"title":253,"titleTemplate":254,"icon":255,"path":2097,"stem":2098,"children":2099,"page":108},"/docs/5.x/guide/concepts","docs/5.x/3.guide/1.concepts",[2100,2103,2106,2109,2112,2115,2118],{"title":260,"path":2101,"stem":2102,"titleTemplate":6},"/docs/5.x/guide/concepts/rendering","docs/5.x/3.guide/1.concepts/1.rendering",{"title":264,"path":2104,"stem":2105,"titleTemplate":6},"/docs/5.x/guide/concepts/nuxt-lifecycle","docs/5.x/3.guide/1.concepts/2.nuxt-lifecycle",{"title":268,"path":2107,"stem":2108,"titleTemplate":6},"/docs/5.x/guide/concepts/auto-imports","docs/5.x/3.guide/1.concepts/3.auto-imports",{"title":272,"path":2110,"stem":2111,"titleTemplate":6},"/docs/5.x/guide/concepts/server-engine","docs/5.x/3.guide/1.concepts/4.server-engine",{"title":276,"path":2113,"stem":2114,"titleTemplate":6},"/docs/5.x/guide/concepts/modules","docs/5.x/3.guide/1.concepts/5.modules",{"title":280,"path":2116,"stem":2117,"titleTemplate":6},"/docs/5.x/guide/concepts/typescript","docs/5.x/3.guide/1.concepts/8.typescript",{"title":284,"path":2119,"stem":2120,"titleTemplate":6},"/docs/5.x/guide/concepts/code-style","docs/5.x/3.guide/1.concepts/9.code-style",{"title":288,"titleTemplate":289,"icon":290,"path":2122,"stem":2123,"children":2124,"page":108},"/docs/5.x/guide/best-practices","docs/5.x/3.guide/2.best-practices",[2125,2128,2131],{"title":1310,"path":2126,"stem":2127,"titleTemplate":6},"/docs/5.x/guide/best-practices/hydration","docs/5.x/3.guide/2.best-practices/hydration",{"title":299,"path":2129,"stem":2130,"titleTemplate":6},"/docs/5.x/guide/best-practices/performance","docs/5.x/3.guide/2.best-practices/performance",{"title":303,"path":2132,"stem":2133,"titleTemplate":6},"/docs/5.x/guide/best-practices/plugins","docs/5.x/3.guide/2.best-practices/plugins",{"title":307,"titleTemplate":308,"icon":309,"path":2135,"stem":2136,"children":2137,"page":108},"/docs/5.x/guide/ai","docs/5.x/3.guide/3.ai",[2138,2141],{"title":314,"path":2139,"stem":2140,"titleTemplate":6},"/docs/5.x/guide/ai/mcp","docs/5.x/3.guide/3.ai/1.mcp",{"title":318,"path":2142,"stem":2143,"titleTemplate":6},"/docs/5.x/guide/ai/llms-txt","docs/5.x/3.guide/3.ai/2.llms-txt",{"title":322,"titleTemplate":323,"icon":324,"path":2145,"stem":2146,"children":2147,"page":108},"/docs/5.x/guide/modules","docs/5.x/3.guide/4.modules",[2148,2151,2154,2157,2160,2163,2166],{"title":329,"path":2149,"stem":2150,"titleTemplate":6},"/docs/5.x/guide/modules/getting-started","docs/5.x/3.guide/4.modules/1.getting-started",{"title":333,"path":2152,"stem":2153,"titleTemplate":6},"/docs/5.x/guide/modules/module-anatomy","docs/5.x/3.guide/4.modules/2.module-anatomy",{"title":337,"path":2155,"stem":2156,"titleTemplate":6},"/docs/5.x/guide/modules/recipes-basics","docs/5.x/3.guide/4.modules/3.recipes-basics",{"title":341,"path":2158,"stem":2159,"titleTemplate":6},"/docs/5.x/guide/modules/recipes-advanced","docs/5.x/3.guide/4.modules/4.recipes-advanced",{"title":345,"path":2161,"stem":2162,"titleTemplate":6},"/docs/5.x/guide/modules/testing","docs/5.x/3.guide/4.modules/5.testing",{"title":349,"path":2164,"stem":2165,"titleTemplate":6},"/docs/5.x/guide/modules/best-practices","docs/5.x/3.guide/4.modules/6.best-practices",{"title":353,"path":2167,"stem":2168,"titleTemplate":6},"/docs/5.x/guide/modules/ecosystem","docs/5.x/3.guide/4.modules/7.ecosystem",{"title":357,"titleTemplate":358,"icon":359,"path":2170,"stem":2171,"children":2172,"page":108},"/docs/5.x/guide/recipes","docs/5.x/3.guide/5.recipes",[2173,2176,2179,2182],{"title":364,"path":2174,"stem":2175,"titleTemplate":6},"/docs/5.x/guide/recipes/custom-routing","docs/5.x/3.guide/5.recipes/1.custom-routing",{"title":368,"path":2177,"stem":2178,"titleTemplate":6},"/docs/5.x/guide/recipes/vite-plugin","docs/5.x/3.guide/5.recipes/2.vite-plugin",{"title":372,"path":2180,"stem":2181,"titleTemplate":6},"/docs/5.x/guide/recipes/custom-usefetch","docs/5.x/3.guide/5.recipes/3.custom-usefetch",{"title":376,"path":2183,"stem":2184,"titleTemplate":6},"/docs/5.x/guide/recipes/sessions-and-authentication","docs/5.x/3.guide/5.recipes/4.sessions-and-authentication",{"title":380,"titleTemplate":381,"icon":382,"path":2186,"stem":2187,"children":2188,"page":108},"/docs/5.x/guide/going-further","docs/5.x/3.guide/6.going-further",[2189,2192,2195,2198,2201,2204,2207,2210,2213,2216],{"title":387,"path":2190,"stem":2191,"titleTemplate":6},"/docs/5.x/guide/going-further/events","docs/5.x/3.guide/6.going-further/1.events",{"title":391,"path":2193,"stem":2194,"titleTemplate":6},"/docs/5.x/guide/going-further/experimental-features","docs/5.x/3.guide/6.going-further/1.experimental-features",{"title":395,"path":2196,"stem":2197,"titleTemplate":6},"/docs/5.x/guide/going-further/features","docs/5.x/3.guide/6.going-further/1.features",{"title":399,"path":2199,"stem":2200,"titleTemplate":6},"/docs/5.x/guide/going-further/runtime-config","docs/5.x/3.guide/6.going-further/10.runtime-config",{"title":403,"path":2202,"stem":2203,"titleTemplate":6},"/docs/5.x/guide/going-further/nightly-release-channel","docs/5.x/3.guide/6.going-further/11.nightly-release-channel",{"title":407,"path":2205,"stem":2206,"titleTemplate":6},"/docs/5.x/guide/going-further/hooks","docs/5.x/3.guide/6.going-further/2.hooks",{"title":411,"path":2208,"stem":2209,"titleTemplate":6},"/docs/5.x/guide/going-further/kit","docs/5.x/3.guide/6.going-further/4.kit",{"title":415,"path":2211,"stem":2212,"titleTemplate":6},"/docs/5.x/guide/going-further/nuxt-app","docs/5.x/3.guide/6.going-further/6.nuxt-app",{"title":419,"path":2214,"stem":2215,"titleTemplate":6},"/docs/5.x/guide/going-further/layers","docs/5.x/3.guide/6.going-further/7.layers",{"title":423,"path":2217,"stem":2218,"titleTemplate":6},"/docs/5.x/guide/going-further/debugging","docs/5.x/3.guide/6.going-further/9.debugging",{"title":427,"titleTemplate":428,"icon":429,"path":2220,"stem":2221,"children":2222,"page":108},"/docs/5.x/api","docs/5.x/4.api",[2223,2275,2369,2460,2512,2570,2580],{"title":434,"titleTemplate":435,"icon":324,"path":2224,"stem":2225,"children":2226,"page":108},"/docs/5.x/api/components","docs/5.x/4.api/1.components",[2227,2230,2233,2236,2239,2242,2245,2248,2251,2254,2257,2260,2263,2266,2269,2272],{"title":440,"path":2228,"stem":2229,"titleTemplate":6},"/docs/5.x/api/components/client-only","docs/5.x/4.api/1.components/1.client-only",{"title":444,"path":2231,"stem":2232,"titleTemplate":6},"/docs/5.x/api/components/dev-only","docs/5.x/4.api/1.components/1.dev-only",{"title":448,"path":2234,"stem":2235,"titleTemplate":6},"/docs/5.x/api/components/nuxt-client-fallback","docs/5.x/4.api/1.components/1.nuxt-client-fallback",{"title":452,"path":2237,"stem":2238,"titleTemplate":6},"/docs/5.x/api/components/nuxt-picture","docs/5.x/4.api/1.components/10.nuxt-picture",{"title":456,"path":2240,"stem":2241,"titleTemplate":6},"/docs/5.x/api/components/teleports","docs/5.x/4.api/1.components/11.teleports",{"title":460,"path":2243,"stem":2244,"titleTemplate":6},"/docs/5.x/api/components/nuxt-route-announcer","docs/5.x/4.api/1.components/12.nuxt-route-announcer",{"title":464,"path":2246,"stem":2247,"titleTemplate":6},"/docs/5.x/api/components/nuxt-time","docs/5.x/4.api/1.components/13.nuxt-time",{"title":1434,"path":2249,"stem":2250,"titleTemplate":6},"/docs/5.x/api/components/nuxt-announcer","docs/5.x/4.api/1.components/14.nuxt-announcer",{"title":468,"path":2252,"stem":2253,"titleTemplate":6},"/docs/5.x/api/components/nuxt-page","docs/5.x/4.api/1.components/2.nuxt-page",{"title":472,"path":2255,"stem":2256,"titleTemplate":6},"/docs/5.x/api/components/nuxt-layout","docs/5.x/4.api/1.components/3.nuxt-layout",{"title":476,"path":2258,"stem":2259,"titleTemplate":6},"/docs/5.x/api/components/nuxt-link","docs/5.x/4.api/1.components/4.nuxt-link",{"title":480,"path":2261,"stem":2262,"titleTemplate":6},"/docs/5.x/api/components/nuxt-loading-indicator","docs/5.x/4.api/1.components/5.nuxt-loading-indicator",{"title":484,"path":2264,"stem":2265,"titleTemplate":6},"/docs/5.x/api/components/nuxt-error-boundary","docs/5.x/4.api/1.components/6.nuxt-error-boundary",{"title":488,"path":2267,"stem":2268,"titleTemplate":6},"/docs/5.x/api/components/nuxt-welcome","docs/5.x/4.api/1.components/7.nuxt-welcome",{"title":492,"path":2270,"stem":2271,"titleTemplate":6},"/docs/5.x/api/components/nuxt-island","docs/5.x/4.api/1.components/8.nuxt-island",{"title":496,"path":2273,"stem":2274,"titleTemplate":6},"/docs/5.x/api/components/nuxt-img","docs/5.x/4.api/1.components/9.nuxt-img",{"title":500,"titleTemplate":501,"icon":502,"path":2276,"stem":2277,"children":2278,"page":108},"/docs/5.x/api/composables","docs/5.x/4.api/2.composables",[2279,2282,2285,2288,2291,2294,2297,2300,2303,2306,2309,2312,2315,2318,2321,2324,2327,2330,2333,2336,2339,2342,2345,2348,2351,2354,2357,2360,2363,2366],{"title":507,"path":2280,"stem":2281,"titleTemplate":6},"/docs/5.x/api/composables/on-prehydrate","docs/5.x/4.api/2.composables/on-prehydrate",{"title":1469,"path":2283,"stem":2284,"titleTemplate":6},"/docs/5.x/api/composables/use-announcer","docs/5.x/4.api/2.composables/use-announcer",{"title":511,"path":2286,"stem":2287,"titleTemplate":6},"/docs/5.x/api/composables/use-app-config","docs/5.x/4.api/2.composables/use-app-config",{"title":515,"path":2289,"stem":2290,"titleTemplate":6},"/docs/5.x/api/composables/use-async-data","docs/5.x/4.api/2.composables/use-async-data",{"title":519,"path":2292,"stem":2293,"titleTemplate":6},"/docs/5.x/api/composables/use-cookie","docs/5.x/4.api/2.composables/use-cookie",{"title":523,"path":2295,"stem":2296,"titleTemplate":6},"/docs/5.x/api/composables/use-error","docs/5.x/4.api/2.composables/use-error",{"title":527,"path":2298,"stem":2299,"titleTemplate":6},"/docs/5.x/api/composables/use-fetch","docs/5.x/4.api/2.composables/use-fetch",{"title":531,"path":2301,"stem":2302,"titleTemplate":6},"/docs/5.x/api/composables/use-head","docs/5.x/4.api/2.composables/use-head",{"title":535,"path":2304,"stem":2305,"titleTemplate":6},"/docs/5.x/api/composables/use-head-safe","docs/5.x/4.api/2.composables/use-head-safe",{"title":539,"path":2307,"stem":2308,"titleTemplate":6},"/docs/5.x/api/composables/use-hydration","docs/5.x/4.api/2.composables/use-hydration",{"title":543,"path":2310,"stem":2311,"titleTemplate":6},"/docs/5.x/api/composables/use-lazy-async-data","docs/5.x/4.api/2.composables/use-lazy-async-data",{"title":547,"path":2313,"stem":2314,"titleTemplate":6},"/docs/5.x/api/composables/use-lazy-fetch","docs/5.x/4.api/2.composables/use-lazy-fetch",{"title":551,"path":2316,"stem":2317,"titleTemplate":6},"/docs/5.x/api/composables/use-loading-indicator","docs/5.x/4.api/2.composables/use-loading-indicator",{"title":555,"path":2319,"stem":2320,"titleTemplate":6},"/docs/5.x/api/composables/use-nuxt-app","docs/5.x/4.api/2.composables/use-nuxt-app",{"title":559,"path":2322,"stem":2323,"titleTemplate":6},"/docs/5.x/api/composables/use-nuxt-data","docs/5.x/4.api/2.composables/use-nuxt-data",{"title":563,"path":2325,"stem":2326,"titleTemplate":6},"/docs/5.x/api/composables/use-preview-mode","docs/5.x/4.api/2.composables/use-preview-mode",{"title":567,"path":2328,"stem":2329,"titleTemplate":6},"/docs/5.x/api/composables/use-request-event","docs/5.x/4.api/2.composables/use-request-event",{"title":571,"path":2331,"stem":2332,"titleTemplate":6},"/docs/5.x/api/composables/use-request-fetch","docs/5.x/4.api/2.composables/use-request-fetch",{"title":575,"path":2334,"stem":2335,"titleTemplate":6},"/docs/5.x/api/composables/use-request-header","docs/5.x/4.api/2.composables/use-request-header",{"title":579,"path":2337,"stem":2338,"titleTemplate":6},"/docs/5.x/api/composables/use-request-headers","docs/5.x/4.api/2.composables/use-request-headers",{"title":583,"path":2340,"stem":2341,"titleTemplate":6},"/docs/5.x/api/composables/use-request-url","docs/5.x/4.api/2.composables/use-request-url",{"title":587,"path":2343,"stem":2344,"titleTemplate":6},"/docs/5.x/api/composables/use-response-header","docs/5.x/4.api/2.composables/use-response-header",{"title":591,"path":2346,"stem":2347,"titleTemplate":6},"/docs/5.x/api/composables/use-route","docs/5.x/4.api/2.composables/use-route",{"title":595,"path":2349,"stem":2350,"titleTemplate":6},"/docs/5.x/api/composables/use-route-announcer","docs/5.x/4.api/2.composables/use-route-announcer",{"title":599,"path":2352,"stem":2353,"titleTemplate":6},"/docs/5.x/api/composables/use-router","docs/5.x/4.api/2.composables/use-router",{"title":603,"path":2355,"stem":2356,"titleTemplate":6},"/docs/5.x/api/composables/use-runtime-config","docs/5.x/4.api/2.composables/use-runtime-config",{"title":607,"path":2358,"stem":2359,"titleTemplate":6},"/docs/5.x/api/composables/use-runtime-hook","docs/5.x/4.api/2.composables/use-runtime-hook",{"title":611,"path":2361,"stem":2362,"titleTemplate":6},"/docs/5.x/api/composables/use-seo-meta","docs/5.x/4.api/2.composables/use-seo-meta",{"title":615,"path":2364,"stem":2365,"titleTemplate":6},"/docs/5.x/api/composables/use-server-seo-meta","docs/5.x/4.api/2.composables/use-server-seo-meta",{"title":619,"path":2367,"stem":2368,"titleTemplate":6},"/docs/5.x/api/composables/use-state","docs/5.x/4.api/2.composables/use-state",{"title":623,"titleTemplate":624,"icon":625,"path":2370,"stem":2371,"children":2372,"page":108},"/docs/5.x/api/utils","docs/5.x/4.api/3.utils",[2373,2376,2379,2382,2385,2388,2391,2394,2397,2400,2403,2406,2409,2412,2415,2418,2421,2424,2427,2430,2433,2436,2439,2442,2445,2448,2451,2454,2457],{"title":630,"path":2374,"stem":2375,"titleTemplate":6},"/docs/5.x/api/utils/dollarfetch","docs/5.x/4.api/3.utils/$fetch",{"title":634,"path":2377,"stem":2378,"titleTemplate":6},"/docs/5.x/api/utils/abort-navigation","docs/5.x/4.api/3.utils/abort-navigation",{"title":638,"path":2380,"stem":2381,"titleTemplate":6},"/docs/5.x/api/utils/add-route-middleware","docs/5.x/4.api/3.utils/add-route-middleware",{"title":642,"path":2383,"stem":2384,"titleTemplate":6},"/docs/5.x/api/utils/call-once","docs/5.x/4.api/3.utils/call-once",{"title":646,"path":2386,"stem":2387,"titleTemplate":6},"/docs/5.x/api/utils/clear-error","docs/5.x/4.api/3.utils/clear-error",{"title":650,"path":2389,"stem":2390,"titleTemplate":6},"/docs/5.x/api/utils/clear-nuxt-data","docs/5.x/4.api/3.utils/clear-nuxt-data",{"title":654,"path":2392,"stem":2393,"titleTemplate":6},"/docs/5.x/api/utils/clear-nuxt-state","docs/5.x/4.api/3.utils/clear-nuxt-state",{"title":658,"path":2395,"stem":2396,"titleTemplate":6},"/docs/5.x/api/utils/create-error","docs/5.x/4.api/3.utils/create-error",{"title":662,"path":2398,"stem":2399,"titleTemplate":6},"/docs/5.x/api/utils/define-lazy-hydration-component","docs/5.x/4.api/3.utils/define-lazy-hydration-component",{"title":666,"path":2401,"stem":2402,"titleTemplate":6},"/docs/5.x/api/utils/define-nuxt-component","docs/5.x/4.api/3.utils/define-nuxt-component",{"title":670,"path":2404,"stem":2405,"titleTemplate":6},"/docs/5.x/api/utils/define-nuxt-plugin","docs/5.x/4.api/3.utils/define-nuxt-plugin",{"title":674,"path":2407,"stem":2408,"titleTemplate":6},"/docs/5.x/api/utils/define-nuxt-route-middleware","docs/5.x/4.api/3.utils/define-nuxt-route-middleware",{"title":678,"path":2410,"stem":2411,"titleTemplate":6},"/docs/5.x/api/utils/define-page-meta","docs/5.x/4.api/3.utils/define-page-meta",{"title":682,"path":2413,"stem":2414,"titleTemplate":6},"/docs/5.x/api/utils/define-route-rules","docs/5.x/4.api/3.utils/define-route-rules",{"title":686,"path":2416,"stem":2417,"titleTemplate":6},"/docs/5.x/api/utils/navigate-to","docs/5.x/4.api/3.utils/navigate-to",{"title":690,"path":2419,"stem":2420,"titleTemplate":6},"/docs/5.x/api/utils/on-before-route-leave","docs/5.x/4.api/3.utils/on-before-route-leave",{"title":694,"path":2422,"stem":2423,"titleTemplate":6},"/docs/5.x/api/utils/on-before-route-update","docs/5.x/4.api/3.utils/on-before-route-update",{"title":698,"path":2425,"stem":2426,"titleTemplate":6},"/docs/5.x/api/utils/on-nuxt-ready","docs/5.x/4.api/3.utils/on-nuxt-ready",{"title":702,"path":2428,"stem":2429,"titleTemplate":6},"/docs/5.x/api/utils/prefetch-components","docs/5.x/4.api/3.utils/prefetch-components",{"title":706,"path":2431,"stem":2432,"titleTemplate":6},"/docs/5.x/api/utils/preload-components","docs/5.x/4.api/3.utils/preload-components",{"title":710,"path":2434,"stem":2435,"titleTemplate":6},"/docs/5.x/api/utils/preload-route-components","docs/5.x/4.api/3.utils/preload-route-components",{"title":714,"path":2437,"stem":2438,"titleTemplate":6},"/docs/5.x/api/utils/prerender-routes","docs/5.x/4.api/3.utils/prerender-routes",{"title":718,"path":2440,"stem":2441,"titleTemplate":6},"/docs/5.x/api/utils/refresh-cookie","docs/5.x/4.api/3.utils/refresh-cookie",{"title":722,"path":2443,"stem":2444,"titleTemplate":6},"/docs/5.x/api/utils/refresh-nuxt-data","docs/5.x/4.api/3.utils/refresh-nuxt-data",{"title":726,"path":2446,"stem":2447,"titleTemplate":6},"/docs/5.x/api/utils/reload-nuxt-app","docs/5.x/4.api/3.utils/reload-nuxt-app",{"title":730,"path":2449,"stem":2450,"titleTemplate":6},"/docs/5.x/api/utils/set-page-layout","docs/5.x/4.api/3.utils/set-page-layout",{"title":734,"path":2452,"stem":2453,"titleTemplate":6},"/docs/5.x/api/utils/set-response-status","docs/5.x/4.api/3.utils/set-response-status",{"title":738,"path":2455,"stem":2456,"titleTemplate":6},"/docs/5.x/api/utils/show-error","docs/5.x/4.api/3.utils/show-error",{"title":742,"path":2458,"stem":2459,"titleTemplate":6},"/docs/5.x/api/utils/update-app-config","docs/5.x/4.api/3.utils/update-app-config",{"title":746,"titleTemplate":747,"icon":748,"path":2461,"stem":2462,"children":2463,"page":108},"/docs/5.x/api/commands","docs/5.x/4.api/4.commands",[2464,2467,2470,2473,2476,2479,2482,2485,2488,2491,2494,2497,2500,2503,2506,2509],{"title":753,"path":2465,"stem":2466,"titleTemplate":6},"/docs/5.x/api/commands/add","docs/5.x/4.api/4.commands/add",{"title":757,"path":2468,"stem":2469,"titleTemplate":6},"/docs/5.x/api/commands/analyze","docs/5.x/4.api/4.commands/analyze",{"title":761,"path":2471,"stem":2472,"titleTemplate":6},"/docs/5.x/api/commands/build","docs/5.x/4.api/4.commands/build",{"title":765,"path":2474,"stem":2475,"titleTemplate":6},"/docs/5.x/api/commands/build-module","docs/5.x/4.api/4.commands/build-module",{"title":769,"path":2477,"stem":2478,"titleTemplate":6},"/docs/5.x/api/commands/cleanup","docs/5.x/4.api/4.commands/cleanup",{"title":773,"path":2480,"stem":2481,"titleTemplate":6},"/docs/5.x/api/commands/dev","docs/5.x/4.api/4.commands/dev",{"title":777,"path":2483,"stem":2484,"titleTemplate":6},"/docs/5.x/api/commands/devtools","docs/5.x/4.api/4.commands/devtools",{"title":781,"path":2486,"stem":2487,"titleTemplate":6},"/docs/5.x/api/commands/generate","docs/5.x/4.api/4.commands/generate",{"title":785,"path":2489,"stem":2490,"titleTemplate":6},"/docs/5.x/api/commands/info","docs/5.x/4.api/4.commands/info",{"title":789,"path":2492,"stem":2493,"titleTemplate":6},"/docs/5.x/api/commands/init","docs/5.x/4.api/4.commands/init",{"title":793,"path":2495,"stem":2496,"titleTemplate":6},"/docs/5.x/api/commands/module","docs/5.x/4.api/4.commands/module",{"title":797,"path":2498,"stem":2499,"titleTemplate":6},"/docs/5.x/api/commands/prepare","docs/5.x/4.api/4.commands/prepare",{"title":801,"path":2501,"stem":2502,"titleTemplate":6},"/docs/5.x/api/commands/preview","docs/5.x/4.api/4.commands/preview",{"title":805,"path":2504,"stem":2505,"titleTemplate":6},"/docs/5.x/api/commands/test","docs/5.x/4.api/4.commands/test",{"title":809,"path":2507,"stem":2508,"titleTemplate":6},"/docs/5.x/api/commands/typecheck","docs/5.x/4.api/4.commands/typecheck",{"title":813,"path":2510,"stem":2511,"titleTemplate":6},"/docs/5.x/api/commands/upgrade","docs/5.x/4.api/4.commands/upgrade",{"title":411,"titleTemplate":817,"icon":818,"path":2513,"stem":2514,"children":2515,"page":108},"/docs/5.x/api/kit","docs/5.x/4.api/5.kit",[2516,2519,2522,2525,2528,2531,2534,2537,2540,2543,2546,2549,2552,2555,2558,2561,2564,2567],{"title":276,"path":2517,"stem":2518,"titleTemplate":6},"/docs/5.x/api/kit/modules","docs/5.x/4.api/5.kit/1.modules",{"title":399,"path":2520,"stem":2521,"titleTemplate":6},"/docs/5.x/api/kit/runtime-config","docs/5.x/4.api/5.kit/10.runtime-config",{"title":829,"path":2523,"stem":2524,"titleTemplate":6},"/docs/5.x/api/kit/templates","docs/5.x/4.api/5.kit/10.templates",{"title":833,"path":2526,"stem":2527,"titleTemplate":6},"/docs/5.x/api/kit/nitro","docs/5.x/4.api/5.kit/11.nitro",{"title":837,"path":2529,"stem":2530,"titleTemplate":6},"/docs/5.x/api/kit/resolving","docs/5.x/4.api/5.kit/12.resolving",{"title":841,"path":2532,"stem":2533,"titleTemplate":6},"/docs/5.x/api/kit/logging","docs/5.x/4.api/5.kit/13.logging",{"title":845,"path":2535,"stem":2536,"titleTemplate":6},"/docs/5.x/api/kit/builder","docs/5.x/4.api/5.kit/14.builder",{"title":849,"path":2538,"stem":2539,"titleTemplate":6},"/docs/5.x/api/kit/examples","docs/5.x/4.api/5.kit/15.examples",{"title":84,"path":2541,"stem":2542,"titleTemplate":6},"/docs/5.x/api/kit/layers","docs/5.x/4.api/5.kit/16.layers",{"title":856,"path":2544,"stem":2545,"titleTemplate":6},"/docs/5.x/api/kit/programmatic","docs/5.x/4.api/5.kit/2.programmatic",{"title":860,"path":2547,"stem":2548,"titleTemplate":6},"/docs/5.x/api/kit/compatibility","docs/5.x/4.api/5.kit/3.compatibility",{"title":268,"path":2550,"stem":2551,"titleTemplate":6},"/docs/5.x/api/kit/autoimports","docs/5.x/4.api/5.kit/4.autoimports",{"title":434,"path":2553,"stem":2554,"titleTemplate":6},"/docs/5.x/api/kit/components","docs/5.x/4.api/5.kit/5.components",{"title":870,"path":2556,"stem":2557,"titleTemplate":6},"/docs/5.x/api/kit/context","docs/5.x/4.api/5.kit/6.context",{"title":874,"path":2559,"stem":2560,"titleTemplate":6},"/docs/5.x/api/kit/pages","docs/5.x/4.api/5.kit/7.pages",{"title":878,"path":2562,"stem":2563,"titleTemplate":6},"/docs/5.x/api/kit/layout","docs/5.x/4.api/5.kit/8.layout",{"title":882,"path":2565,"stem":2566,"titleTemplate":6},"/docs/5.x/api/kit/head","docs/5.x/4.api/5.kit/9.head",{"title":886,"path":2568,"stem":2569,"titleTemplate":6},"/docs/5.x/api/kit/plugins","docs/5.x/4.api/5.kit/9.plugins",{"title":890,"titleTemplate":6,"icon":891,"path":2571,"stem":2572,"children":2573,"page":108},"/docs/5.x/api/advanced","docs/5.x/4.api/6.advanced",[2574,2577],{"title":407,"path":2575,"stem":2576,"titleTemplate":6},"/docs/5.x/api/advanced/hooks","docs/5.x/4.api/6.advanced/1.hooks",{"title":899,"path":2578,"stem":2579,"titleTemplate":6},"/docs/5.x/api/advanced/import-meta","docs/5.x/4.api/6.advanced/2.import-meta",{"title":903,"path":2581,"stem":2582,"titleTemplate":906,"icon":32},"/docs/5.x/api/nuxt-config","docs/5.x/4.api/6.nuxt-config",{"title":849,"titleTemplate":908,"icon":909,"path":2584,"stem":2585,"children":2586,"page":108},"/docs/5.x/examples","docs/5.x/4.examples",[2587,2590,2609,2622,2653],{"title":914,"path":2588,"stem":2589,"titleTemplate":6},"/docs/5.x/examples/hello-world","docs/5.x/4.examples/0.hello-world",{"title":395,"path":2591,"stem":2592,"children":2593,"page":108},"/docs/5.x/examples/features","docs/5.x/4.examples/1.features",[2594,2597,2600,2603,2606],{"title":922,"path":2595,"stem":2596,"titleTemplate":6},"/docs/5.x/examples/features/auto-imports","docs/5.x/4.examples/1.features/1.auto-imports",{"title":64,"path":2598,"stem":2599,"titleTemplate":6},"/docs/5.x/examples/features/data-fetching","docs/5.x/4.examples/1.features/2.data-fetching",{"title":69,"path":2601,"stem":2602,"titleTemplate":6},"/docs/5.x/examples/features/state-management","docs/5.x/4.examples/1.features/3.state-management",{"title":932,"path":2604,"stem":2605,"titleTemplate":6},"/docs/5.x/examples/features/meta-tags","docs/5.x/4.examples/1.features/4.meta-tags",{"title":936,"path":2607,"stem":2608,"titleTemplate":6},"/docs/5.x/examples/features/layouts","docs/5.x/4.examples/1.features/5.layouts",{"title":49,"path":2610,"stem":2611,"children":2612,"page":108},"/docs/5.x/examples/routing","docs/5.x/4.examples/2.routing",[2613,2616,2619],{"title":944,"path":2614,"stem":2615,"titleTemplate":6},"/docs/5.x/examples/routing/middleware","docs/5.x/4.examples/2.routing/middleware",{"title":874,"path":2617,"stem":2618,"titleTemplate":6},"/docs/5.x/examples/routing/pages","docs/5.x/4.examples/2.routing/pages",{"title":951,"path":2620,"stem":2621,"titleTemplate":6},"/docs/5.x/examples/routing/universal-router","docs/5.x/4.examples/2.routing/universal-router",{"title":890,"path":2623,"stem":2624,"children":2625,"page":108},"/docs/5.x/examples/advanced","docs/5.x/4.examples/4.advanced",[2626,2629,2632,2635,2638,2641,2644,2647,2650],{"title":84,"path":2627,"stem":2628,"titleTemplate":6},"/docs/5.x/examples/advanced/config-extends","docs/5.x/4.examples/4.advanced/config-extends",{"title":74,"path":2630,"stem":2631,"titleTemplate":6},"/docs/5.x/examples/advanced/error-handling","docs/5.x/4.examples/4.advanced/error-handling",{"title":965,"path":2633,"stem":2634,"titleTemplate":6},"/docs/5.x/examples/advanced/jsx","docs/5.x/4.examples/4.advanced/jsx",{"title":969,"path":2636,"stem":2637,"titleTemplate":6},"/docs/5.x/examples/advanced/locale","docs/5.x/4.examples/4.advanced/locale",{"title":973,"path":2639,"stem":2640,"titleTemplate":6},"/docs/5.x/examples/advanced/module-extend-pages","docs/5.x/4.examples/4.advanced/module-extend-pages",{"title":977,"path":2642,"stem":2643,"titleTemplate":6},"/docs/5.x/examples/advanced/teleport","docs/5.x/4.examples/4.advanced/teleport",{"title":99,"path":2645,"stem":2646,"titleTemplate":6},"/docs/5.x/examples/advanced/testing","docs/5.x/4.examples/4.advanced/testing",{"title":519,"path":2648,"stem":2649,"titleTemplate":6},"/docs/5.x/examples/advanced/use-cookie","docs/5.x/4.examples/4.advanced/use-cookie",{"title":987,"path":2651,"stem":2652,"titleTemplate":6},"/docs/5.x/examples/advanced/use-custom-fetch-composable","docs/5.x/4.examples/4.advanced/use-custom-fetch-composable",{"title":991,"path":2654,"stem":2655,"children":2656,"page":108},"/docs/5.x/examples/experimental","docs/5.x/4.examples/7.experimental",[2657],{"title":996,"path":2658,"stem":2659,"titleTemplate":6},"/docs/5.x/examples/experimental/wasm","docs/5.x/4.examples/7.experimental/wasm",{"title":1000,"titleTemplate":1001,"icon":1002,"path":2661,"stem":2662,"children":2663,"page":108},"/docs/5.x/community","docs/5.x/5.community",[2664,2667,2670,2673,2676,2679],{"title":1007,"path":2665,"stem":2666,"titleTemplate":6,"icon":1010},"/docs/5.x/community/getting-help","docs/5.x/5.community/2.getting-help",{"title":1012,"path":2668,"stem":2669,"titleTemplate":6,"icon":1015},"/docs/5.x/community/reporting-bugs","docs/5.x/5.community/3.reporting-bugs",{"title":1017,"path":2671,"stem":2672,"titleTemplate":6,"icon":1020},"/docs/5.x/community/contribution","docs/5.x/5.community/4.contribution",{"title":1022,"path":2674,"stem":2675,"titleTemplate":6,"icon":1025},"/docs/5.x/community/framework-contribution","docs/5.x/5.community/5.framework-contribution",{"title":1027,"path":2677,"stem":2678,"titleTemplate":6,"icon":1030},"/docs/5.x/community/roadmap","docs/5.x/5.community/6.roadmap",{"title":1032,"path":2680,"stem":2681,"titleTemplate":6,"icon":1035},"/docs/5.x/community/changelog","docs/5.x/5.community/7.changelog",{"title":1037,"titleTemplate":1038,"icon":1039,"path":2683,"stem":2684,"children":2685,"page":108},"/docs/5.x/bridge","docs/5.x/6.bridge",[2686,2689,2692,2695,2698,2701,2704,2707,2710,2713],{"title":1044,"path":2687,"stem":2688,"titleTemplate":6},"/docs/5.x/bridge/overview","docs/5.x/6.bridge/1.overview",{"title":29,"path":2690,"stem":2691,"titleTemplate":6},"/docs/5.x/bridge/configuration","docs/5.x/6.bridge/10.configuration",{"title":280,"path":2693,"stem":2694,"titleTemplate":6},"/docs/5.x/bridge/typescript","docs/5.x/6.bridge/2.typescript",{"title":1054,"path":2696,"stem":2697,"titleTemplate":6},"/docs/5.x/bridge/bridge-composition-api","docs/5.x/6.bridge/3.bridge-composition-api",{"title":1058,"path":2699,"stem":2700,"titleTemplate":6},"/docs/5.x/bridge/plugins-and-middleware","docs/5.x/6.bridge/4.plugins-and-middleware",{"title":1062,"path":2702,"stem":2703,"titleTemplate":6},"/docs/5.x/bridge/nuxt3-compatible-api","docs/5.x/6.bridge/5.nuxt3-compatible-api",{"title":932,"path":2705,"stem":2706,"titleTemplate":6},"/docs/5.x/bridge/meta","docs/5.x/6.bridge/6.meta",{"title":399,"path":2708,"stem":2709,"titleTemplate":6},"/docs/5.x/bridge/runtime-config","docs/5.x/6.bridge/7.runtime-config",{"title":833,"path":2711,"stem":2712,"titleTemplate":6},"/docs/5.x/bridge/nitro","docs/5.x/6.bridge/8.nitro",{"title":1075,"path":2714,"stem":2715,"titleTemplate":6},"/docs/5.x/bridge/vite","docs/5.x/6.bridge/9.vite",{"title":1079,"titleTemplate":1080,"icon":107,"path":2717,"stem":2718,"children":2719,"page":108},"/docs/5.x/migration","docs/5.x/7.migration",[2720,2723,2726,2729,2732,2735,2738,2741,2744,2747,2750],{"title":1044,"path":2721,"stem":2722,"titleTemplate":6},"/docs/5.x/migration/overview","docs/5.x/7.migration/1.overview",{"title":1088,"path":2724,"stem":2725,"titleTemplate":6},"/docs/5.x/migration/bundling","docs/5.x/7.migration/10.bundling",{"title":79,"path":2727,"stem":2728,"titleTemplate":6},"/docs/5.x/migration/server","docs/5.x/7.migration/11.server",{"title":29,"path":2730,"stem":2731,"titleTemplate":6},"/docs/5.x/migration/configuration","docs/5.x/7.migration/2.configuration",{"title":276,"path":2733,"stem":2734,"titleTemplate":6},"/docs/5.x/migration/module-authors","docs/5.x/7.migration/20.module-authors",{"title":922,"path":2736,"stem":2737,"titleTemplate":6},"/docs/5.x/migration/auto-imports","docs/5.x/7.migration/3.auto-imports",{"title":932,"path":2739,"stem":2740,"titleTemplate":6},"/docs/5.x/migration/meta","docs/5.x/7.migration/4.meta",{"title":1058,"path":2742,"stem":2743,"titleTemplate":6},"/docs/5.x/migration/plugins-and-middleware","docs/5.x/7.migration/5.plugins-and-middleware",{"title":1110,"path":2745,"stem":2746,"titleTemplate":6},"/docs/5.x/migration/pages-and-layouts","docs/5.x/7.migration/6.pages-and-layouts",{"title":1114,"path":2748,"stem":2749,"titleTemplate":6},"/docs/5.x/migration/component-options","docs/5.x/7.migration/7.component-options",{"title":399,"path":2751,"stem":2752,"titleTemplate":6},"/docs/5.x/migration/runtime-config","docs/5.x/7.migration/8.runtime-config",{"title":2754,"path":2755,"stem":2756,"children":2757,"page":108},"Blog","/blog","blog",[2758,2762,2766,2770,2774,2778,2782,2786,2790,2794,2798,2802,2806,2810,2814,2818,2822,2826,2830,2834,2838],{"title":2759,"path":2760,"stem":2761},"Announcing 3.0","/blog/v3","blog/1.v3",{"title":2763,"path":2764,"stem":2765},"Nuxt 3.3","/blog/v3-3","blog/10.v3-3",{"title":2767,"path":2768,"stem":2769},"Nuxt 3.4","/blog/v3-4","blog/11.v3-4",{"title":2771,"path":2772,"stem":2773},"Nuxt 3.5","/blog/v3-5","blog/12.v3-5",{"title":2775,"path":2776,"stem":2777},"Nuxt 3.6","/blog/v3-6","blog/13.v3-6",{"title":2779,"path":2780,"stem":2781},"Nuxt on the Edge","/blog/nuxt-on-the-edge","blog/14.nuxt-on-the-edge",{"title":2783,"path":2784,"stem":2785},"Nuxt DevTools v1.0","/blog/nuxt-devtools-v1-0","blog/18.nuxt-devtools-v1-0",{"title":2787,"path":2788,"stem":2789},"Nuxt: A vision for 2023","/blog/vision-2023","blog/2.vision-2023",{"title":2791,"path":2792,"stem":2793},"The Evolution of Shiki v1.0","/blog/shiki-v1","blog/21.shiki-v1",{"title":2795,"path":2796,"stem":2797},"Refreshed Nuxt ESLint Integrations","/blog/eslint-module","blog/24.eslint-module",{"title":2799,"path":2800,"stem":2801},"Introducing Nuxt Scripts","/blog/nuxt-scripts","blog/26.nuxt-scripts",{"title":2803,"path":2804,"stem":2805},"Introducing Nuxt Icon v1","/blog/nuxt-icon-v1-0","blog/29.nuxt-icon-v1-0",{"title":2807,"path":2808,"stem":2809},"Introducing Nuxt DevTools","/blog/introducing-nuxt-devtools","blog/3.introducing-nuxt-devtools",{"title":2811,"path":2812,"stem":2813},"Announcing Nuxt 3 Release Candidate","/blog/nuxt3-rc","blog/3.nuxt3-rc",{"title":2815,"path":2816,"stem":2817},"Nuxt 2 End-of-Life (EOL)","/blog/nuxt2-eol","blog/4.nuxt2-eol",{"title":2819,"path":2820,"stem":2821},"Introducing Nuxt 3 Beta","/blog/nuxt3-beta","blog/4.nuxt3-beta",{"title":2823,"path":2824,"stem":2825},"Going Full Static","/blog/going-full-static","blog/5.going-full-static",{"title":2827,"path":2828,"stem":2829},"Introducing Smart Prefetching","/blog/introducing-smart-prefetching","blog/6.introducing-smart-prefetching",{"title":2831,"path":2832,"stem":2833},"Understanding how fetch works in Nuxt 2.12","/blog/understanding-how-fetch-works-in-nuxt-2-12","blog/7.understanding-how-fetch-works-in-nuxt-2-12",{"title":2835,"path":2836,"stem":2837},"Nuxt 2 Static Improvements","/blog/nuxt-static-improvements","blog/8.nuxt-static-improvements",{"title":2839,"path":2840,"stem":2841},"Nuxt 2: From Terminal to Browser","/blog/nuxtjs-from-terminal-to-browser","blog/9.nuxtjs-from-terminal-to-browser",{"v5":2843,"v4":2844,"v3":2845,"v2":2846},"nightly","4.3.1","3.21.1","2.18.1",{"id":2848,"title":132,"body":2849,"description":6364,"extension":6365,"links":6,"meta":6366,"navigation":6369,"path":1205,"seo":6370,"stem":1206,"titleTemplate":6,"__hash__":6371},"docsv4/docs/4.x/2.directory-structure/1.app/1.components.md",{"type":2850,"value":2851,"toc":6343},"minimark",[2852,2856,2903,2984,2989,2992,3034,3037,3051,3065,3076,3178,3192,3196,3241,3244,3395,3404,3409,3412,3452,3463,3472,3476,3483,3489,3677,3681,3684,3687,3690,3695,3698,3707,3719,3725,3728,3777,3787,3802,3807,3810,3813,3861,3872,3877,3880,3937,3951,3962,3967,3970,4027,4038,4043,4046,4103,4108,4111,4258,4262,4265,4313,4317,4324,4460,4464,4467,4531,4535,4541,4767,4771,4777,4955,4960,4964,4978,5167,5171,5185,5267,5271,5278,5299,5351,5359,5377,5385,5389,5392,5399,5403,5412,5416,5419,5422,5425,5473,5480,5502,5580,5596,5601,5606,5611,5616,5620,5629,5636,5727,5740,5744,5754,5757,5782,5787,5794,5806,5810,5819,5849,5899,5903,5911,5913,5917,5920,5933,5936,6020,6030,6192,6199,6242,6251,6330,6336,6339],[2853,2854,2855],"p",{},"Nuxt automatically imports any components in this directory (along with components that are registered by any modules you may be using).",[2857,2858,2863],"pre",{"className":2859,"code":2860,"filename":110,"language":2861,"meta":2862,"style":2862},"language-bash shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","-| components/\n---| AppHeader.vue\n---| AppFooter.vue\n","bash","",[2864,2865,2866,2882,2893],"code",{"__ignoreMap":2862},[2867,2868,2871,2875,2879],"span",{"class":2869,"line":2870},"line",1,[2867,2872,2874],{"class":2873},"s52Pk","-",[2867,2876,2878],{"class":2877},"sDfIl","|",[2867,2880,2881],{"class":2873}," components/\n",[2867,2883,2885,2888,2890],{"class":2869,"line":2884},2,[2867,2886,2887],{"class":2873},"---",[2867,2889,2878],{"class":2877},[2867,2891,2892],{"class":2873}," AppHeader.vue\n",[2867,2894,2896,2898,2900],{"class":2869,"line":2895},3,[2867,2897,2887],{"class":2873},[2867,2899,2878],{"class":2877},[2867,2901,2902],{"class":2873}," AppFooter.vue\n",[2857,2904,2909],{"className":2905,"code":2906,"filename":2907,"language":2908,"meta":2862,"style":2862},"language-html shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","\u003Ctemplate>\n  \u003Cdiv>\n    \u003CAppHeader />\n    \u003CNuxtPage />\n    \u003CAppFooter />\n  \u003C/div>\n\u003C/template>\n","app/app.vue","html",[2864,2910,2911,2923,2933,2944,2954,2964,2974],{"__ignoreMap":2862},[2867,2912,2913,2916,2920],{"class":2869,"line":2870},[2867,2914,2915],{"class":2877},"\u003C",[2867,2917,2919],{"class":2918},"sRlkE","template",[2867,2921,2922],{"class":2877},">\n",[2867,2924,2925,2928,2931],{"class":2869,"line":2884},[2867,2926,2927],{"class":2877},"  \u003C",[2867,2929,2930],{"class":2918},"div",[2867,2932,2922],{"class":2877},[2867,2934,2935,2938,2941],{"class":2869,"line":2895},[2867,2936,2937],{"class":2877},"    \u003C",[2867,2939,2940],{"class":2918},"AppHeader",[2867,2942,2943],{"class":2877}," />\n",[2867,2945,2947,2949,2952],{"class":2869,"line":2946},4,[2867,2948,2937],{"class":2877},[2867,2950,2951],{"class":2918},"NuxtPage",[2867,2953,2943],{"class":2877},[2867,2955,2957,2959,2962],{"class":2869,"line":2956},5,[2867,2958,2937],{"class":2877},[2867,2960,2961],{"class":2918},"AppFooter",[2867,2963,2943],{"class":2877},[2867,2965,2967,2970,2972],{"class":2869,"line":2966},6,[2867,2968,2969],{"class":2877},"  \u003C/",[2867,2971,2930],{"class":2918},[2867,2973,2922],{"class":2877},[2867,2975,2977,2980,2982],{"class":2869,"line":2976},7,[2867,2978,2979],{"class":2877},"\u003C/",[2867,2981,2919],{"class":2918},[2867,2983,2922],{"class":2877},[2985,2986,2988],"h2",{"id":2987},"component-names","Component Names",[2853,2990,2991],{},"If you have a component in nested directories such as:",[2857,2993,2995],{"className":2859,"code":2994,"filename":110,"language":2861,"meta":2862,"style":2862},"-| components/\n---| base/\n-----| foo/\n-------| Button.vue\n",[2864,2996,2997,3005,3014,3024],{"__ignoreMap":2862},[2867,2998,2999,3001,3003],{"class":2869,"line":2870},[2867,3000,2874],{"class":2873},[2867,3002,2878],{"class":2877},[2867,3004,2881],{"class":2873},[2867,3006,3007,3009,3011],{"class":2869,"line":2884},[2867,3008,2887],{"class":2873},[2867,3010,2878],{"class":2877},[2867,3012,3013],{"class":2873}," base/\n",[2867,3015,3016,3019,3021],{"class":2869,"line":2895},[2867,3017,3018],{"class":2873},"-----",[2867,3020,2878],{"class":2877},[2867,3022,3023],{"class":2873}," foo/\n",[2867,3025,3026,3029,3031],{"class":2869,"line":2946},[2867,3027,3028],{"class":2873},"-------",[2867,3030,2878],{"class":2877},[2867,3032,3033],{"class":2873}," Button.vue\n",[2853,3035,3036],{},"... then the component's name will be based on its own path directory and filename, with duplicate segments being removed. Therefore, the component's name will be:",[2857,3038,3040],{"className":2905,"code":3039,"language":2908,"meta":2862,"style":2862},"\u003CBaseFooButton />\n",[2864,3041,3042],{"__ignoreMap":2862},[2867,3043,3044,3046,3049],{"class":2869,"line":2870},[2867,3045,2915],{"class":2877},[2867,3047,3048],{"class":2918},"BaseFooButton",[2867,3050,2943],{"class":2877},[3052,3053,3054],"note",{},[2853,3055,3056,3057,3060,3061,3064],{},"For clarity, we recommend that the component's filename matches its name. So, in the example above, you could rename ",[2864,3058,3059],{},"Button.vue"," to be ",[2864,3062,3063],{},"BaseFooButton.vue",".",[2853,3066,3067,3068,3071,3072,3075],{},"If you want to auto-import components based only on its name, not path, then you need to set ",[2864,3069,3070],{},"pathPrefix"," option to ",[2864,3073,3074],{},"false"," using extended form of the configuration object:",[2857,3077,3082],{"className":3078,"code":3079,"filename":233,"language":3080,"meta":3081,"style":2862},"language-ts shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight has-diff","export default defineNuxtConfig({\n  components: [\n    {\n      path: '~/components',\n      pathPrefix: false, // [!code ++]\n    },\n  ],\n})\n","ts","twoslash",[2864,3083,3084,3104,3115,3120,3140,3157,3162,3169],{"__ignoreMap":2862},[2867,3085,3086,3090,3093,3097,3101],{"class":2869,"line":2870},[2867,3087,3089],{"class":3088},"s8R28","export",[2867,3091,3092],{"class":3088}," default",[2867,3094,3096],{"class":3095},"s3cPz"," defineNuxtConfig",[2867,3098,3100],{"class":3099},"sZSNi","(",[2867,3102,3103],{"class":2877},"{\n",[2867,3105,3106,3109,3112],{"class":2869,"line":2884},[2867,3107,3108],{"class":2918},"  components",[2867,3110,3111],{"class":2877},":",[2867,3113,3114],{"class":3099}," [\n",[2867,3116,3117],{"class":2869,"line":2895},[2867,3118,3119],{"class":2877},"    {\n",[2867,3121,3122,3125,3127,3130,3134,3137],{"class":2869,"line":2946},[2867,3123,3124],{"class":2918},"      path",[2867,3126,3111],{"class":2877},[2867,3128,3129],{"class":2877}," '",[2867,3131,3133],{"class":3132},"sGFVr","~/components",[2867,3135,3136],{"class":2877},"'",[2867,3138,3139],{"class":2877},",\n",[2867,3141,3145,3148,3150,3154],{"class":3142,"line":2956},[2869,3143,3144],"diff","add",[2867,3146,3147],{"class":2918},"      pathPrefix",[2867,3149,3111],{"class":2877},[2867,3151,3153],{"class":3152},"sbKd-"," false",[2867,3155,3156],{"class":2877},",",[2867,3158,3159],{"class":2869,"line":2966},[2867,3160,3161],{"class":2877},"    },\n",[2867,3163,3164,3167],{"class":2869,"line":2976},[2867,3165,3166],{"class":3099},"  ]",[2867,3168,3139],{"class":2877},[2867,3170,3172,3175],{"class":2869,"line":3171},8,[2867,3173,3174],{"class":2877},"}",[2867,3176,3177],{"class":3099},")\n",[2853,3179,3180,3181,3184,3185,3188,3189,3064],{},"This registers the components using the same strategy as used in Nuxt 2. For example, ",[2864,3182,3183],{},"~/components/Some/MyComponent.vue"," will be usable as ",[2864,3186,3187],{},"\u003CMyComponent>"," and not ",[2864,3190,3191],{},"\u003CSomeMyComponent>",[2985,3193,3195],{"id":3194},"dynamic-components","Dynamic Components",[2853,3197,3198,3199,3229,3230,3233,3234,3237,3238,3240],{},"If you want to use the Vue ",[2864,3200,3203,3205,3208,3211,3215,3218,3221,3224,3226],{"className":3201,"language":3202,"style":2862},"language-vue shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","vue",[2867,3204,2915],{"class":2877},[2867,3206,3207],{"class":2918},"component",[2867,3209,3210],{"class":2877}," :",[2867,3212,3214],{"class":3213},"smZ93","is",[2867,3216,3217],{"class":2877},"=",[2867,3219,3220],{"class":2877},"\"",[2867,3222,3223],{"class":3099},"someComputedComponent",[2867,3225,3220],{"class":2877},[2867,3227,3228],{"class":2877},">"," syntax, you need to use the ",[2864,3231,3232],{},"resolveComponent"," helper provided by Vue or import the component directly from ",[2864,3235,3236],{},"#components"," and pass it into ",[2864,3239,3214],{}," prop.",[2853,3242,3243],{},"For example:",[2857,3245,3248],{"className":3201,"code":3246,"filename":3247,"language":3202,"meta":2862,"style":2862},"\u003Cscript setup lang=\"ts\">\nimport { SomeComponent } from '#components'\n\nconst MyButton = resolveComponent('MyButton')\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Ccomponent :is=\"clickable ? MyButton : 'div'\" />\n  \u003Ccomponent :is=\"SomeComponent\" />\n\u003C/template>\n","app/pages/index.vue",[2864,3249,3250,3273,3297,3302,3326,3334,3338,3346,3366,3386],{"__ignoreMap":2862},[2867,3251,3252,3254,3257,3260,3263,3265,3267,3269,3271],{"class":2869,"line":2870},[2867,3253,2915],{"class":2877},[2867,3255,3256],{"class":2918},"script",[2867,3258,3259],{"class":3213}," setup",[2867,3261,3262],{"class":3213}," lang",[2867,3264,3217],{"class":2877},[2867,3266,3220],{"class":2877},[2867,3268,3080],{"class":3132},[2867,3270,3220],{"class":2877},[2867,3272,2922],{"class":2877},[2867,3274,3275,3278,3281,3284,3287,3290,3292,3294],{"class":2869,"line":2884},[2867,3276,3277],{"class":3088},"import",[2867,3279,3280],{"class":2877}," {",[2867,3282,3283],{"class":3099}," SomeComponent",[2867,3285,3286],{"class":2877}," }",[2867,3288,3289],{"class":3088}," from",[2867,3291,3129],{"class":2877},[2867,3293,3236],{"class":3132},[2867,3295,3296],{"class":2877},"'\n",[2867,3298,3299],{"class":2869,"line":2895},[2867,3300,3301],{"emptyLinePlaceholder":1196},"\n",[2867,3303,3304,3307,3310,3312,3315,3317,3319,3322,3324],{"class":2869,"line":2946},[2867,3305,3306],{"class":3213},"const",[2867,3308,3309],{"class":3099}," MyButton ",[2867,3311,3217],{"class":2877},[2867,3313,3314],{"class":3095}," resolveComponent",[2867,3316,3100],{"class":3099},[2867,3318,3136],{"class":2877},[2867,3320,3321],{"class":3132},"MyButton",[2867,3323,3136],{"class":2877},[2867,3325,3177],{"class":3099},[2867,3327,3328,3330,3332],{"class":2869,"line":2956},[2867,3329,2979],{"class":2877},[2867,3331,3256],{"class":2918},[2867,3333,2922],{"class":2877},[2867,3335,3336],{"class":2869,"line":2966},[2867,3337,3301],{"emptyLinePlaceholder":1196},[2867,3339,3340,3342,3344],{"class":2869,"line":2976},[2867,3341,2915],{"class":2877},[2867,3343,2919],{"class":2918},[2867,3345,2922],{"class":2877},[2867,3347,3348,3350,3352,3355,3357,3359,3362,3364],{"class":2869,"line":3171},[2867,3349,2927],{"class":2877},[2867,3351,3207],{"class":2918},[2867,3353,3354],{"class":3213}," :is",[2867,3356,3217],{"class":2877},[2867,3358,3220],{"class":2877},[2867,3360,3361],{"class":3132},"clickable ? MyButton : 'div'",[2867,3363,3220],{"class":2877},[2867,3365,2943],{"class":2877},[2867,3367,3369,3371,3373,3375,3377,3379,3382,3384],{"class":2869,"line":3368},9,[2867,3370,2927],{"class":2877},[2867,3372,3207],{"class":2918},[2867,3374,3354],{"class":3213},[2867,3376,3217],{"class":2877},[2867,3378,3220],{"class":2877},[2867,3380,3381],{"class":3132},"SomeComponent",[2867,3383,3220],{"class":2877},[2867,3385,2943],{"class":2877},[2867,3387,3389,3391,3393],{"class":2869,"line":3388},10,[2867,3390,2979],{"class":2877},[2867,3392,2919],{"class":2918},[2867,3394,2922],{"class":2877},[3396,3397,3398],"important",{},[2853,3399,3400,3401,3403],{},"If you are using ",[2864,3402,3232],{}," to handle dynamic components, make sure not to insert anything but the name of the component, which must be a literal string and not be or contain a variable. The string is statically analyzed at the compilation step.",[3405,3406],"video-accordion",{"title":3407,"video-id":3408},"Watch Daniel Roe's short video about resolveComponent()","4kq8E5IUM2U",[2853,3410,3411],{},"Alternatively, though not recommended, you can register all your components globally, which will create async chunks for all your components and make them available throughout your application.",[2857,3413,3416],{"className":3414,"code":3415,"language":3143,"meta":2862,"style":2862},"language-diff shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","  export default defineNuxtConfig({\n    components: {\n+     global: true,\n+     dirs: ['~/components']\n    },\n  })\n",[2864,3417,3418,3423,3428,3436,3443,3447],{"__ignoreMap":2862},[2867,3419,3420],{"class":2869,"line":2870},[2867,3421,3422],{"class":3099},"  export default defineNuxtConfig({\n",[2867,3424,3425],{"class":2869,"line":2884},[2867,3426,3427],{"class":3099},"    components: {\n",[2867,3429,3430,3433],{"class":2869,"line":2895},[2867,3431,3432],{"class":2877},"+",[2867,3434,3435],{"class":3132},"     global: true,\n",[2867,3437,3438,3440],{"class":2869,"line":2946},[2867,3439,3432],{"class":2877},[2867,3441,3442],{"class":3132},"     dirs: ['~/components']\n",[2867,3444,3445],{"class":2869,"line":2956},[2867,3446,3161],{"class":3099},[2867,3448,3449],{"class":2869,"line":2966},[2867,3450,3451],{"class":3099},"  })\n",[2853,3453,3454,3455,3458,3459,3462],{},"You can also selectively register some components globally by placing them in a ",[2864,3456,3457],{},"~/components/global"," directory, or by using a ",[2864,3460,3461],{},".global.vue"," suffix in the filename. As noted above, each global component is rendered in a separate chunk, so be careful not to overuse this feature.",[3052,3464,3465],{},[2853,3466,3467,3468,3471],{},"The ",[2864,3469,3470],{},"global"," option can also be set per component directory.",[2985,3473,3475],{"id":3474},"dynamic-imports","Dynamic Imports",[2853,3477,3478,3479,3482],{},"To dynamically import a component (also known as lazy-loading a component) all you need to do is add the ",[2864,3480,3481],{},"Lazy"," prefix to the component's name. This is particularly useful if the component is not always needed.",[2853,3484,3485,3486,3488],{},"By using the ",[2864,3487,3481],{}," prefix you can delay loading the component code until the right moment, which can be helpful for optimizing your JavaScript bundle size.",[2857,3490,3492],{"className":3201,"code":3491,"filename":3247,"language":3202,"meta":2862,"style":2862},"\u003Cscript setup lang=\"ts\">\nconst show = ref(false)\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cdiv>\n    \u003Ch1>Mountains\u003C/h1>\n    \u003CLazyMountainsList v-if=\"show\" />\n    \u003Cbutton\n      v-if=\"!show\"\n      @click=\"show = true\"\n    >\n      Show List\n    \u003C/button>\n  \u003C/div>\n\u003C/template>\n",[2864,3493,3494,3514,3532,3540,3544,3552,3560,3578,3599,3606,3621,3636,3642,3648,3659,3668],{"__ignoreMap":2862},[2867,3495,3496,3498,3500,3502,3504,3506,3508,3510,3512],{"class":2869,"line":2870},[2867,3497,2915],{"class":2877},[2867,3499,3256],{"class":2918},[2867,3501,3259],{"class":3213},[2867,3503,3262],{"class":3213},[2867,3505,3217],{"class":2877},[2867,3507,3220],{"class":2877},[2867,3509,3080],{"class":3132},[2867,3511,3220],{"class":2877},[2867,3513,2922],{"class":2877},[2867,3515,3516,3518,3521,3523,3526,3528,3530],{"class":2869,"line":2884},[2867,3517,3306],{"class":3213},[2867,3519,3520],{"class":3099}," show ",[2867,3522,3217],{"class":2877},[2867,3524,3525],{"class":3095}," ref",[2867,3527,3100],{"class":3099},[2867,3529,3074],{"class":3152},[2867,3531,3177],{"class":3099},[2867,3533,3534,3536,3538],{"class":2869,"line":2895},[2867,3535,2979],{"class":2877},[2867,3537,3256],{"class":2918},[2867,3539,2922],{"class":2877},[2867,3541,3542],{"class":2869,"line":2946},[2867,3543,3301],{"emptyLinePlaceholder":1196},[2867,3545,3546,3548,3550],{"class":2869,"line":2956},[2867,3547,2915],{"class":2877},[2867,3549,2919],{"class":2918},[2867,3551,2922],{"class":2877},[2867,3553,3554,3556,3558],{"class":2869,"line":2966},[2867,3555,2927],{"class":2877},[2867,3557,2930],{"class":2918},[2867,3559,2922],{"class":2877},[2867,3561,3562,3564,3567,3569,3572,3574,3576],{"class":2869,"line":2976},[2867,3563,2937],{"class":2877},[2867,3565,3566],{"class":2918},"h1",[2867,3568,3228],{"class":2877},[2867,3570,3571],{"class":3099},"Mountains",[2867,3573,2979],{"class":2877},[2867,3575,3566],{"class":2918},[2867,3577,2922],{"class":2877},[2867,3579,3580,3582,3585,3588,3590,3592,3595,3597],{"class":2869,"line":3171},[2867,3581,2937],{"class":2877},[2867,3583,3584],{"class":2918},"LazyMountainsList",[2867,3586,3587],{"class":3213}," v-if",[2867,3589,3217],{"class":2877},[2867,3591,3220],{"class":2877},[2867,3593,3594],{"class":3132},"show",[2867,3596,3220],{"class":2877},[2867,3598,2943],{"class":2877},[2867,3600,3601,3603],{"class":2869,"line":3368},[2867,3602,2937],{"class":2877},[2867,3604,3605],{"class":2918},"button\n",[2867,3607,3608,3611,3613,3615,3618],{"class":2869,"line":3388},[2867,3609,3610],{"class":3213},"      v-if",[2867,3612,3217],{"class":2877},[2867,3614,3220],{"class":2877},[2867,3616,3617],{"class":3132},"!show",[2867,3619,3620],{"class":2877},"\"\n",[2867,3622,3624,3627,3629,3631,3634],{"class":2869,"line":3623},11,[2867,3625,3626],{"class":3213},"      @click",[2867,3628,3217],{"class":2877},[2867,3630,3220],{"class":2877},[2867,3632,3633],{"class":3132},"show = true",[2867,3635,3620],{"class":2877},[2867,3637,3639],{"class":2869,"line":3638},12,[2867,3640,3641],{"class":2877},"    >\n",[2867,3643,3645],{"class":2869,"line":3644},13,[2867,3646,3647],{"class":3099},"      Show List\n",[2867,3649,3651,3654,3657],{"class":2869,"line":3650},14,[2867,3652,3653],{"class":2877},"    \u003C/",[2867,3655,3656],{"class":2918},"button",[2867,3658,2922],{"class":2877},[2867,3660,3662,3664,3666],{"class":2869,"line":3661},15,[2867,3663,2969],{"class":2877},[2867,3665,2930],{"class":2918},[2867,3667,2922],{"class":2877},[2867,3669,3671,3673,3675],{"class":2869,"line":3670},16,[2867,3672,2979],{"class":2877},[2867,3674,2919],{"class":2918},[2867,3676,2922],{"class":2877},[2985,3678,3680],{"id":3679},"delayed-or-lazy-hydration","Delayed (or Lazy) Hydration",[2853,3682,3683],{},"Lazy components are great for controlling the chunk sizes in your app, but they don't always enhance runtime performance, as they still load eagerly unless conditionally rendered. In real-world applications, some pages may include a lot of content and a lot of components, and most of the time not all of them need to be interactive as soon as the page is loaded. Having them all load eagerly can negatively impact performance.",[2853,3685,3686],{},"In order to optimize your app, you may want to delay the hydration of some components until they're visible, or until the browser is done with more important tasks.",[2853,3688,3689],{},"Nuxt supports this using lazy (or delayed) hydration, allowing you to control when components become interactive.",[3691,3692,3694],"h3",{"id":3693},"hydration-strategies","Hydration Strategies",[2853,3696,3697],{},"Nuxt provides a range of built-in hydration strategies. Only one strategy can be used per lazy component.",[3052,3699,3700],{},[2853,3701,3702,3703,3706],{},"Any prop change on a lazily hydrated component will trigger hydration immediately. (e.g., changing a prop on a component with ",[2864,3704,3705],{},"hydrate-never"," will cause it to hydrate)",[3708,3709,3710],"warning",{},[2853,3711,3712,3713,3716,3717,3064],{},"Currently Nuxt's built-in lazy hydration only works in single-file components (SFCs), and requires you to define the prop in the template (rather than spreading an object of props via ",[2864,3714,3715],{},"v-bind","). It also does not work with direct imports from ",[2864,3718,3236],{},[3720,3721,3723],"h4",{"id":3722},"hydrate-on-visible",[2864,3724,3722],{},[2853,3726,3727],{},"Hydrates the component when it becomes visible in the viewport.",[2857,3729,3731],{"className":3201,"code":3730,"filename":3247,"language":3202,"meta":2862,"style":2862},"\u003Ctemplate>\n  \u003Cdiv>\n    \u003CLazyMyComponent hydrate-on-visible />\n  \u003C/div>\n\u003C/template>\n",[2864,3732,3733,3741,3749,3761,3769],{"__ignoreMap":2862},[2867,3734,3735,3737,3739],{"class":2869,"line":2870},[2867,3736,2915],{"class":2877},[2867,3738,2919],{"class":2918},[2867,3740,2922],{"class":2877},[2867,3742,3743,3745,3747],{"class":2869,"line":2884},[2867,3744,2927],{"class":2877},[2867,3746,2930],{"class":2918},[2867,3748,2922],{"class":2877},[2867,3750,3751,3753,3756,3759],{"class":2869,"line":2895},[2867,3752,2937],{"class":2877},[2867,3754,3755],{"class":2918},"LazyMyComponent",[2867,3757,3758],{"class":3213}," hydrate-on-visible",[2867,3760,2943],{"class":2877},[2867,3762,3763,3765,3767],{"class":2869,"line":2946},[2867,3764,2969],{"class":2877},[2867,3766,2930],{"class":2918},[2867,3768,2922],{"class":2877},[2867,3770,3771,3773,3775],{"class":2869,"line":2956},[2867,3772,2979],{"class":2877},[2867,3774,2919],{"class":2918},[2867,3776,2922],{"class":2877},[3778,3779,3782],"read-more",{"to":3780,"title":3781},"https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver/IntersectionObserver","IntersectionObserver options",[2853,3783,3784,3785,3064],{},"Read more about the options for ",[2864,3786,3722],{},[3052,3788,3789],{},[2853,3790,3791,3792,3064],{},"Under the hood, this uses Vue's built-in ",[3793,3794,3798,3801],"a",{"href":3795,"rel":3796},"https://vuejs.org/guide/components/async#hydrate-on-visible",[3797],"nofollow",[2864,3799,3800],{},"hydrateOnVisible"," strategy",[3720,3803,3805],{"id":3804},"hydrate-on-idle",[2864,3806,3804],{},[2853,3808,3809],{},"Hydrates the component when the browser is idle. This is suitable if you need the component to load as soon as possible, but not block the critical rendering path.",[2853,3811,3812],{},"You can also pass a number which serves as a max timeout.",[2857,3814,3816],{"className":3201,"code":3815,"filename":3247,"language":3202,"meta":2862,"style":2862},"\u003Ctemplate>\n  \u003Cdiv>\n    \u003CLazyMyComponent hydrate-on-idle />\n  \u003C/div>\n\u003C/template>\n",[2864,3817,3818,3826,3834,3845,3853],{"__ignoreMap":2862},[2867,3819,3820,3822,3824],{"class":2869,"line":2870},[2867,3821,2915],{"class":2877},[2867,3823,2919],{"class":2918},[2867,3825,2922],{"class":2877},[2867,3827,3828,3830,3832],{"class":2869,"line":2884},[2867,3829,2927],{"class":2877},[2867,3831,2930],{"class":2918},[2867,3833,2922],{"class":2877},[2867,3835,3836,3838,3840,3843],{"class":2869,"line":2895},[2867,3837,2937],{"class":2877},[2867,3839,3755],{"class":2918},[2867,3841,3842],{"class":3213}," hydrate-on-idle",[2867,3844,2943],{"class":2877},[2867,3846,3847,3849,3851],{"class":2869,"line":2946},[2867,3848,2969],{"class":2877},[2867,3850,2930],{"class":2918},[2867,3852,2922],{"class":2877},[2867,3854,3855,3857,3859],{"class":2869,"line":2956},[2867,3856,2979],{"class":2877},[2867,3858,2919],{"class":2918},[2867,3860,2922],{"class":2877},[3052,3862,3863],{},[2853,3864,3791,3865,3064],{},[3793,3866,3869,3801],{"href":3867,"rel":3868},"https://vuejs.org/guide/components/async#hydrate-on-idle",[3797],[2864,3870,3871],{},"hydrateOnIdle",[3720,3873,3875],{"id":3874},"hydrate-on-interaction",[2864,3876,3874],{},[2853,3878,3879],{},"Hydrates the component after a specified interaction (e.g., click, mouseover).",[2857,3881,3883],{"className":3201,"code":3882,"filename":3247,"language":3202,"meta":2862,"style":2862},"\u003Ctemplate>\n  \u003Cdiv>\n    \u003CLazyMyComponent hydrate-on-interaction=\"mouseover\" />\n  \u003C/div>\n\u003C/template>\n",[2864,3884,3885,3893,3901,3921,3929],{"__ignoreMap":2862},[2867,3886,3887,3889,3891],{"class":2869,"line":2870},[2867,3888,2915],{"class":2877},[2867,3890,2919],{"class":2918},[2867,3892,2922],{"class":2877},[2867,3894,3895,3897,3899],{"class":2869,"line":2884},[2867,3896,2927],{"class":2877},[2867,3898,2930],{"class":2918},[2867,3900,2922],{"class":2877},[2867,3902,3903,3905,3907,3910,3912,3914,3917,3919],{"class":2869,"line":2895},[2867,3904,2937],{"class":2877},[2867,3906,3755],{"class":2918},[2867,3908,3909],{"class":3213}," hydrate-on-interaction",[2867,3911,3217],{"class":2877},[2867,3913,3220],{"class":2877},[2867,3915,3916],{"class":3132},"mouseover",[2867,3918,3220],{"class":2877},[2867,3920,2943],{"class":2877},[2867,3922,3923,3925,3927],{"class":2869,"line":2946},[2867,3924,2969],{"class":2877},[2867,3926,2930],{"class":2918},[2867,3928,2922],{"class":2877},[2867,3930,3931,3933,3935],{"class":2869,"line":2956},[2867,3932,2979],{"class":2877},[2867,3934,2919],{"class":2918},[2867,3936,2922],{"class":2877},[2853,3938,3939,3940,3943,3944,3947,3948,3064],{},"If you do not pass an event or list of events, it defaults to hydrating on ",[2864,3941,3942],{},"pointerenter",", ",[2864,3945,3946],{},"click"," and ",[2864,3949,3950],{},"focus",[3052,3952,3953],{},[2853,3954,3791,3955,3064],{},[3793,3956,3959,3801],{"href":3957,"rel":3958},"https://vuejs.org/guide/components/async#hydrate-on-interaction",[3797],[2864,3960,3961],{},"hydrateOnInteraction",[3720,3963,3965],{"id":3964},"hydrate-on-media-query",[2864,3966,3964],{},[2853,3968,3969],{},"Hydrates the component when the window matches a media query.",[2857,3971,3973],{"className":3201,"code":3972,"filename":3247,"language":3202,"meta":2862,"style":2862},"\u003Ctemplate>\n  \u003Cdiv>\n    \u003CLazyMyComponent hydrate-on-media-query=\"(max-width: 768px)\" />\n  \u003C/div>\n\u003C/template>\n",[2864,3974,3975,3983,3991,4011,4019],{"__ignoreMap":2862},[2867,3976,3977,3979,3981],{"class":2869,"line":2870},[2867,3978,2915],{"class":2877},[2867,3980,2919],{"class":2918},[2867,3982,2922],{"class":2877},[2867,3984,3985,3987,3989],{"class":2869,"line":2884},[2867,3986,2927],{"class":2877},[2867,3988,2930],{"class":2918},[2867,3990,2922],{"class":2877},[2867,3992,3993,3995,3997,4000,4002,4004,4007,4009],{"class":2869,"line":2895},[2867,3994,2937],{"class":2877},[2867,3996,3755],{"class":2918},[2867,3998,3999],{"class":3213}," hydrate-on-media-query",[2867,4001,3217],{"class":2877},[2867,4003,3220],{"class":2877},[2867,4005,4006],{"class":3132},"(max-width: 768px)",[2867,4008,3220],{"class":2877},[2867,4010,2943],{"class":2877},[2867,4012,4013,4015,4017],{"class":2869,"line":2946},[2867,4014,2969],{"class":2877},[2867,4016,2930],{"class":2918},[2867,4018,2922],{"class":2877},[2867,4020,4021,4023,4025],{"class":2869,"line":2956},[2867,4022,2979],{"class":2877},[2867,4024,2919],{"class":2918},[2867,4026,2922],{"class":2877},[3052,4028,4029],{},[2853,4030,3791,4031,3064],{},[3793,4032,4035,3801],{"href":4033,"rel":4034},"https://vuejs.org/guide/components/async#hydrate-on-media-query",[3797],[2864,4036,4037],{},"hydrateOnMediaQuery",[3720,4039,4041],{"id":4040},"hydrate-after",[2864,4042,4040],{},[2853,4044,4045],{},"Hydrates the component after a specified delay (in milliseconds).",[2857,4047,4049],{"className":3201,"code":4048,"filename":3247,"language":3202,"meta":2862,"style":2862},"\u003Ctemplate>\n  \u003Cdiv>\n    \u003CLazyMyComponent :hydrate-after=\"2000\" />\n  \u003C/div>\n\u003C/template>\n",[2864,4050,4051,4059,4067,4087,4095],{"__ignoreMap":2862},[2867,4052,4053,4055,4057],{"class":2869,"line":2870},[2867,4054,2915],{"class":2877},[2867,4056,2919],{"class":2918},[2867,4058,2922],{"class":2877},[2867,4060,4061,4063,4065],{"class":2869,"line":2884},[2867,4062,2927],{"class":2877},[2867,4064,2930],{"class":2918},[2867,4066,2922],{"class":2877},[2867,4068,4069,4071,4073,4076,4078,4080,4083,4085],{"class":2869,"line":2895},[2867,4070,2937],{"class":2877},[2867,4072,3755],{"class":2918},[2867,4074,4075],{"class":3213}," :hydrate-after",[2867,4077,3217],{"class":2877},[2867,4079,3220],{"class":2877},[2867,4081,4082],{"class":3132},"2000",[2867,4084,3220],{"class":2877},[2867,4086,2943],{"class":2877},[2867,4088,4089,4091,4093],{"class":2869,"line":2946},[2867,4090,2969],{"class":2877},[2867,4092,2930],{"class":2918},[2867,4094,2922],{"class":2877},[2867,4096,4097,4099,4101],{"class":2869,"line":2956},[2867,4098,2979],{"class":2877},[2867,4100,2919],{"class":2918},[2867,4102,2922],{"class":2877},[3720,4104,4106],{"id":4105},"hydrate-when",[2864,4107,4105],{},[2853,4109,4110],{},"Hydrates the component based on a boolean condition.",[2857,4112,4114],{"className":3201,"code":4113,"filename":3247,"language":3202,"meta":2862,"style":2862},"\u003Ctemplate>\n  \u003Cdiv>\n    \u003CLazyMyComponent :hydrate-when=\"isReady\" />\n  \u003C/div>\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\nconst isReady = ref(false)\nfunction myFunction () {\n  // trigger custom hydration strategy...\n  isReady.value = true\n}\n\u003C/script>\n",[2864,4115,4116,4124,4132,4152,4160,4168,4172,4192,4209,4223,4229,4245,4250],{"__ignoreMap":2862},[2867,4117,4118,4120,4122],{"class":2869,"line":2870},[2867,4119,2915],{"class":2877},[2867,4121,2919],{"class":2918},[2867,4123,2922],{"class":2877},[2867,4125,4126,4128,4130],{"class":2869,"line":2884},[2867,4127,2927],{"class":2877},[2867,4129,2930],{"class":2918},[2867,4131,2922],{"class":2877},[2867,4133,4134,4136,4138,4141,4143,4145,4148,4150],{"class":2869,"line":2895},[2867,4135,2937],{"class":2877},[2867,4137,3755],{"class":2918},[2867,4139,4140],{"class":3213}," :hydrate-when",[2867,4142,3217],{"class":2877},[2867,4144,3220],{"class":2877},[2867,4146,4147],{"class":3132},"isReady",[2867,4149,3220],{"class":2877},[2867,4151,2943],{"class":2877},[2867,4153,4154,4156,4158],{"class":2869,"line":2946},[2867,4155,2969],{"class":2877},[2867,4157,2930],{"class":2918},[2867,4159,2922],{"class":2877},[2867,4161,4162,4164,4166],{"class":2869,"line":2956},[2867,4163,2979],{"class":2877},[2867,4165,2919],{"class":2918},[2867,4167,2922],{"class":2877},[2867,4169,4170],{"class":2869,"line":2966},[2867,4171,3301],{"emptyLinePlaceholder":1196},[2867,4173,4174,4176,4178,4180,4182,4184,4186,4188,4190],{"class":2869,"line":2976},[2867,4175,2915],{"class":2877},[2867,4177,3256],{"class":2918},[2867,4179,3259],{"class":3213},[2867,4181,3262],{"class":3213},[2867,4183,3217],{"class":2877},[2867,4185,3220],{"class":2877},[2867,4187,3080],{"class":3132},[2867,4189,3220],{"class":2877},[2867,4191,2922],{"class":2877},[2867,4193,4194,4196,4199,4201,4203,4205,4207],{"class":2869,"line":3171},[2867,4195,3306],{"class":3213},[2867,4197,4198],{"class":3099}," isReady ",[2867,4200,3217],{"class":2877},[2867,4202,3525],{"class":3095},[2867,4204,3100],{"class":3099},[2867,4206,3074],{"class":3152},[2867,4208,3177],{"class":3099},[2867,4210,4211,4214,4217,4220],{"class":2869,"line":3368},[2867,4212,4213],{"class":3213},"function",[2867,4215,4216],{"class":3095}," myFunction",[2867,4218,4219],{"class":2877}," ()",[2867,4221,4222],{"class":2877}," {\n",[2867,4224,4225],{"class":2869,"line":3388},[2867,4226,4228],{"class":4227},"sWuyu","  // trigger custom hydration strategy...\n",[2867,4230,4231,4234,4236,4239,4242],{"class":2869,"line":3623},[2867,4232,4233],{"class":3099},"  isReady",[2867,4235,3064],{"class":2877},[2867,4237,4238],{"class":3099},"value",[2867,4240,4241],{"class":2877}," =",[2867,4243,4244],{"class":3152}," true\n",[2867,4246,4247],{"class":2869,"line":3638},[2867,4248,4249],{"class":2877},"}\n",[2867,4251,4252,4254,4256],{"class":2869,"line":3644},[2867,4253,2979],{"class":2877},[2867,4255,3256],{"class":2918},[2867,4257,2922],{"class":2877},[3720,4259,4260],{"id":3705},[2864,4261,3705],{},[2853,4263,4264],{},"Never hydrates the component.",[2857,4266,4268],{"className":3201,"code":4267,"filename":3247,"language":3202,"meta":2862,"style":2862},"\u003Ctemplate>\n  \u003Cdiv>\n    \u003CLazyMyComponent hydrate-never />\n  \u003C/div>\n\u003C/template>\n",[2864,4269,4270,4278,4286,4297,4305],{"__ignoreMap":2862},[2867,4271,4272,4274,4276],{"class":2869,"line":2870},[2867,4273,2915],{"class":2877},[2867,4275,2919],{"class":2918},[2867,4277,2922],{"class":2877},[2867,4279,4280,4282,4284],{"class":2869,"line":2884},[2867,4281,2927],{"class":2877},[2867,4283,2930],{"class":2918},[2867,4285,2922],{"class":2877},[2867,4287,4288,4290,4292,4295],{"class":2869,"line":2895},[2867,4289,2937],{"class":2877},[2867,4291,3755],{"class":2918},[2867,4293,4294],{"class":3213}," hydrate-never",[2867,4296,2943],{"class":2877},[2867,4298,4299,4301,4303],{"class":2869,"line":2946},[2867,4300,2969],{"class":2877},[2867,4302,2930],{"class":2918},[2867,4304,2922],{"class":2877},[2867,4306,4307,4309,4311],{"class":2869,"line":2956},[2867,4308,2979],{"class":2877},[2867,4310,2919],{"class":2918},[2867,4312,2922],{"class":2877},[3691,4314,4316],{"id":4315},"listening-to-hydration-events","Listening to Hydration Events",[2853,4318,4319,4320,4323],{},"All delayed hydration components emit a ",[2864,4321,4322],{},"@hydrated"," event when they are hydrated.",[2857,4325,4327],{"className":3201,"code":4326,"filename":3247,"language":3202,"meta":2862,"style":2862},"\u003Ctemplate>\n  \u003Cdiv>\n    \u003CLazyMyComponent\n      hydrate-on-visible\n      @hydrated=\"onHydrate\"\n    />\n  \u003C/div>\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\nfunction onHydrate () {\n  console.log('Component has been hydrated!')\n}\n\u003C/script>\n",[2864,4328,4329,4337,4345,4352,4357,4371,4376,4384,4392,4396,4416,4427,4448,4452],{"__ignoreMap":2862},[2867,4330,4331,4333,4335],{"class":2869,"line":2870},[2867,4332,2915],{"class":2877},[2867,4334,2919],{"class":2918},[2867,4336,2922],{"class":2877},[2867,4338,4339,4341,4343],{"class":2869,"line":2884},[2867,4340,2927],{"class":2877},[2867,4342,2930],{"class":2918},[2867,4344,2922],{"class":2877},[2867,4346,4347,4349],{"class":2869,"line":2895},[2867,4348,2937],{"class":2877},[2867,4350,4351],{"class":2918},"LazyMyComponent\n",[2867,4353,4354],{"class":2869,"line":2946},[2867,4355,4356],{"class":3213},"      hydrate-on-visible\n",[2867,4358,4359,4362,4364,4366,4369],{"class":2869,"line":2956},[2867,4360,4361],{"class":3213},"      @hydrated",[2867,4363,3217],{"class":2877},[2867,4365,3220],{"class":2877},[2867,4367,4368],{"class":3132},"onHydrate",[2867,4370,3620],{"class":2877},[2867,4372,4373],{"class":2869,"line":2966},[2867,4374,4375],{"class":2877},"    />\n",[2867,4377,4378,4380,4382],{"class":2869,"line":2976},[2867,4379,2969],{"class":2877},[2867,4381,2930],{"class":2918},[2867,4383,2922],{"class":2877},[2867,4385,4386,4388,4390],{"class":2869,"line":3171},[2867,4387,2979],{"class":2877},[2867,4389,2919],{"class":2918},[2867,4391,2922],{"class":2877},[2867,4393,4394],{"class":2869,"line":3368},[2867,4395,3301],{"emptyLinePlaceholder":1196},[2867,4397,4398,4400,4402,4404,4406,4408,4410,4412,4414],{"class":2869,"line":3388},[2867,4399,2915],{"class":2877},[2867,4401,3256],{"class":2918},[2867,4403,3259],{"class":3213},[2867,4405,3262],{"class":3213},[2867,4407,3217],{"class":2877},[2867,4409,3220],{"class":2877},[2867,4411,3080],{"class":3132},[2867,4413,3220],{"class":2877},[2867,4415,2922],{"class":2877},[2867,4417,4418,4420,4423,4425],{"class":2869,"line":3623},[2867,4419,4213],{"class":3213},[2867,4421,4422],{"class":3095}," onHydrate",[2867,4424,4219],{"class":2877},[2867,4426,4222],{"class":2877},[2867,4428,4429,4432,4434,4437,4439,4441,4444,4446],{"class":2869,"line":3638},[2867,4430,4431],{"class":3099},"  console",[2867,4433,3064],{"class":2877},[2867,4435,4436],{"class":3095},"log",[2867,4438,3100],{"class":2918},[2867,4440,3136],{"class":2877},[2867,4442,4443],{"class":3132},"Component has been hydrated!",[2867,4445,3136],{"class":2877},[2867,4447,3177],{"class":2918},[2867,4449,4450],{"class":2869,"line":3644},[2867,4451,4249],{"class":2877},[2867,4453,4454,4456,4458],{"class":2869,"line":3650},[2867,4455,2979],{"class":2877},[2867,4457,3256],{"class":2918},[2867,4459,2922],{"class":2877},[3691,4461,4463],{"id":4462},"caveats-and-best-practices","Caveats and Best Practices",[2853,4465,4466],{},"Delayed hydration can offer performance benefits, but it's essential to use it correctly:",[4468,4469,4470,4478,4488,4498,4522],"ol",{},[4471,4472,4473,4477],"li",{},[4474,4475,4476],"strong",{},"Prioritize In-Viewport Content:"," Avoid delayed hydration for critical, above-the-fold content. It's best suited for content that isn't immediately needed.",[4471,4479,4480,4483,4484,4487],{},[4474,4481,4482],{},"Conditional Rendering:"," When using ",[2864,4485,4486],{},"v-if=\"false\""," on a lazy component, you might not need delayed hydration. You can just use a normal lazy component.",[4471,4489,4490,4493,4494,4497],{},[4474,4491,4492],{},"Shared State:"," Be mindful of shared state (",[2864,4495,4496],{},"v-model",") across multiple components. Updating the model in one component can trigger hydration in all components bound to that model.",[4471,4499,4500,4503,4504],{},[4474,4501,4502],{},"Use Each Strategy's Intended Use Case:"," Each strategy is optimized for a specific purpose.",[4505,4506,4507,4512,4517],"ul",{},[4471,4508,4509,4511],{},[2864,4510,4105],{}," is best for components that might not always need to be hydrated.",[4471,4513,4514,4516],{},[2864,4515,4040],{}," is for components that can wait a specific amount of time.",[4471,4518,4519,4521],{},[2864,4520,3804],{}," is for components that can be hydrated when the browser is idle.",[4471,4523,4524,4530],{},[4474,4525,4526,4527,4529],{},"Avoid ",[2864,4528,3705],{}," on interactive components:"," If a component requires user interaction, it should not be set to never hydrate.",[2985,4532,4534],{"id":4533},"direct-imports","Direct Imports",[2853,4536,4537,4538,4540],{},"You can also explicitly import components from ",[2864,4539,3236],{}," if you want or need to bypass Nuxt's auto-importing functionality.",[2857,4542,4544],{"className":3201,"code":4543,"filename":3247,"language":3202,"meta":2862,"style":2862},"\u003Cscript setup lang=\"ts\">\nimport { LazyMountainsList, NuxtLink } from '#components'\n\nconst show = ref(false)\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cdiv>\n    \u003Ch1>Mountains\u003C/h1>\n    \u003CLazyMountainsList v-if=\"show\" />\n    \u003Cbutton\n      v-if=\"!show\"\n      @click=\"show = true\"\n    >\n      Show List\n    \u003C/button>\n    \u003CNuxtLink to=\"/\">Home\u003C/NuxtLink>\n  \u003C/div>\n\u003C/template>\n",[2864,4545,4546,4566,4590,4594,4610,4618,4622,4630,4638,4654,4672,4678,4690,4702,4706,4710,4718,4749,4758],{"__ignoreMap":2862},[2867,4547,4548,4550,4552,4554,4556,4558,4560,4562,4564],{"class":2869,"line":2870},[2867,4549,2915],{"class":2877},[2867,4551,3256],{"class":2918},[2867,4553,3259],{"class":3213},[2867,4555,3262],{"class":3213},[2867,4557,3217],{"class":2877},[2867,4559,3220],{"class":2877},[2867,4561,3080],{"class":3132},[2867,4563,3220],{"class":2877},[2867,4565,2922],{"class":2877},[2867,4567,4568,4570,4572,4575,4577,4580,4582,4584,4586,4588],{"class":2869,"line":2884},[2867,4569,3277],{"class":3088},[2867,4571,3280],{"class":2877},[2867,4573,4574],{"class":3099}," LazyMountainsList",[2867,4576,3156],{"class":2877},[2867,4578,4579],{"class":3099}," NuxtLink",[2867,4581,3286],{"class":2877},[2867,4583,3289],{"class":3088},[2867,4585,3129],{"class":2877},[2867,4587,3236],{"class":3132},[2867,4589,3296],{"class":2877},[2867,4591,4592],{"class":2869,"line":2895},[2867,4593,3301],{"emptyLinePlaceholder":1196},[2867,4595,4596,4598,4600,4602,4604,4606,4608],{"class":2869,"line":2946},[2867,4597,3306],{"class":3213},[2867,4599,3520],{"class":3099},[2867,4601,3217],{"class":2877},[2867,4603,3525],{"class":3095},[2867,4605,3100],{"class":3099},[2867,4607,3074],{"class":3152},[2867,4609,3177],{"class":3099},[2867,4611,4612,4614,4616],{"class":2869,"line":2956},[2867,4613,2979],{"class":2877},[2867,4615,3256],{"class":2918},[2867,4617,2922],{"class":2877},[2867,4619,4620],{"class":2869,"line":2966},[2867,4621,3301],{"emptyLinePlaceholder":1196},[2867,4623,4624,4626,4628],{"class":2869,"line":2976},[2867,4625,2915],{"class":2877},[2867,4627,2919],{"class":2918},[2867,4629,2922],{"class":2877},[2867,4631,4632,4634,4636],{"class":2869,"line":3171},[2867,4633,2927],{"class":2877},[2867,4635,2930],{"class":2918},[2867,4637,2922],{"class":2877},[2867,4639,4640,4642,4644,4646,4648,4650,4652],{"class":2869,"line":3368},[2867,4641,2937],{"class":2877},[2867,4643,3566],{"class":2918},[2867,4645,3228],{"class":2877},[2867,4647,3571],{"class":3099},[2867,4649,2979],{"class":2877},[2867,4651,3566],{"class":2918},[2867,4653,2922],{"class":2877},[2867,4655,4656,4658,4660,4662,4664,4666,4668,4670],{"class":2869,"line":3388},[2867,4657,2937],{"class":2877},[2867,4659,3584],{"class":2918},[2867,4661,3587],{"class":3213},[2867,4663,3217],{"class":2877},[2867,4665,3220],{"class":2877},[2867,4667,3594],{"class":3132},[2867,4669,3220],{"class":2877},[2867,4671,2943],{"class":2877},[2867,4673,4674,4676],{"class":2869,"line":3623},[2867,4675,2937],{"class":2877},[2867,4677,3605],{"class":2918},[2867,4679,4680,4682,4684,4686,4688],{"class":2869,"line":3638},[2867,4681,3610],{"class":3213},[2867,4683,3217],{"class":2877},[2867,4685,3220],{"class":2877},[2867,4687,3617],{"class":3132},[2867,4689,3620],{"class":2877},[2867,4691,4692,4694,4696,4698,4700],{"class":2869,"line":3644},[2867,4693,3626],{"class":3213},[2867,4695,3217],{"class":2877},[2867,4697,3220],{"class":2877},[2867,4699,3633],{"class":3132},[2867,4701,3620],{"class":2877},[2867,4703,4704],{"class":2869,"line":3650},[2867,4705,3641],{"class":2877},[2867,4707,4708],{"class":2869,"line":3661},[2867,4709,3647],{"class":3099},[2867,4711,4712,4714,4716],{"class":2869,"line":3670},[2867,4713,3653],{"class":2877},[2867,4715,3656],{"class":2918},[2867,4717,2922],{"class":2877},[2867,4719,4721,4723,4726,4729,4731,4733,4736,4738,4740,4743,4745,4747],{"class":2869,"line":4720},17,[2867,4722,2937],{"class":2877},[2867,4724,4725],{"class":2918},"NuxtLink",[2867,4727,4728],{"class":3213}," to",[2867,4730,3217],{"class":2877},[2867,4732,3220],{"class":2877},[2867,4734,4735],{"class":3132},"/",[2867,4737,3220],{"class":2877},[2867,4739,3228],{"class":2877},[2867,4741,4742],{"class":3099},"Home",[2867,4744,2979],{"class":2877},[2867,4746,4725],{"class":2918},[2867,4748,2922],{"class":2877},[2867,4750,4752,4754,4756],{"class":2869,"line":4751},18,[2867,4753,2969],{"class":2877},[2867,4755,2930],{"class":2918},[2867,4757,2922],{"class":2877},[2867,4759,4761,4763,4765],{"class":2869,"line":4760},19,[2867,4762,2979],{"class":2877},[2867,4764,2919],{"class":2918},[2867,4766,2922],{"class":2877},[2985,4768,4770],{"id":4769},"custom-directories","Custom Directories",[2853,4772,4773,4774,4776],{},"By default, only the ",[2864,4775,3133],{}," directory is scanned. If you want to add other directories, or change how the components are scanned within a subfolder of this directory, you can add additional directories to the configuration:",[2857,4778,4781],{"className":4779,"code":4780,"filename":233,"language":3080,"meta":3081,"style":2862},"language-ts shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","export default defineNuxtConfig({\n  components: [\n    // ~/calendar-module/components/event/Update.vue => \u003CEventUpdate />\n    { path: '~/calendar-module/components' },\n\n    // ~/user-module/components/account/UserDeleteDialog.vue => \u003CUserDeleteDialog />\n    { path: '~/user-module/components', pathPrefix: false },\n\n    // ~/components/special-components/Btn.vue => \u003CSpecialBtn />\n    { path: '~/components/special-components', prefix: 'Special' },\n\n    // It's important that this comes last if you have overrides you wish to apply\n    // to sub-directories of `~/components`.\n    //\n    // ~/components/Btn.vue => \u003CBtn />\n    // ~/components/base/Btn.vue => \u003CBaseBtn />\n    '~/components',\n  ],\n})\n",[2864,4782,4783,4795,4803,4808,4828,4832,4837,4863,4867,4872,4903,4907,4912,4917,4922,4927,4932,4943,4949],{"__ignoreMap":2862},[2867,4784,4785,4787,4789,4791,4793],{"class":2869,"line":2870},[2867,4786,3089],{"class":3088},[2867,4788,3092],{"class":3088},[2867,4790,3096],{"class":3095},[2867,4792,3100],{"class":3099},[2867,4794,3103],{"class":2877},[2867,4796,4797,4799,4801],{"class":2869,"line":2884},[2867,4798,3108],{"class":2918},[2867,4800,3111],{"class":2877},[2867,4802,3114],{"class":3099},[2867,4804,4805],{"class":2869,"line":2895},[2867,4806,4807],{"class":4227},"    // ~/calendar-module/components/event/Update.vue => \u003CEventUpdate />\n",[2867,4809,4810,4813,4816,4818,4820,4823,4825],{"class":2869,"line":2946},[2867,4811,4812],{"class":2877},"    {",[2867,4814,4815],{"class":2918}," path",[2867,4817,3111],{"class":2877},[2867,4819,3129],{"class":2877},[2867,4821,4822],{"class":3132},"~/calendar-module/components",[2867,4824,3136],{"class":2877},[2867,4826,4827],{"class":2877}," },\n",[2867,4829,4830],{"class":2869,"line":2956},[2867,4831,3301],{"emptyLinePlaceholder":1196},[2867,4833,4834],{"class":2869,"line":2966},[2867,4835,4836],{"class":4227},"    // ~/user-module/components/account/UserDeleteDialog.vue => \u003CUserDeleteDialog />\n",[2867,4838,4839,4841,4843,4845,4847,4850,4852,4854,4857,4859,4861],{"class":2869,"line":2976},[2867,4840,4812],{"class":2877},[2867,4842,4815],{"class":2918},[2867,4844,3111],{"class":2877},[2867,4846,3129],{"class":2877},[2867,4848,4849],{"class":3132},"~/user-module/components",[2867,4851,3136],{"class":2877},[2867,4853,3156],{"class":2877},[2867,4855,4856],{"class":2918}," pathPrefix",[2867,4858,3111],{"class":2877},[2867,4860,3153],{"class":3152},[2867,4862,4827],{"class":2877},[2867,4864,4865],{"class":2869,"line":3171},[2867,4866,3301],{"emptyLinePlaceholder":1196},[2867,4868,4869],{"class":2869,"line":3368},[2867,4870,4871],{"class":4227},"    // ~/components/special-components/Btn.vue => \u003CSpecialBtn />\n",[2867,4873,4874,4876,4878,4880,4882,4885,4887,4889,4892,4894,4896,4899,4901],{"class":2869,"line":3388},[2867,4875,4812],{"class":2877},[2867,4877,4815],{"class":2918},[2867,4879,3111],{"class":2877},[2867,4881,3129],{"class":2877},[2867,4883,4884],{"class":3132},"~/components/special-components",[2867,4886,3136],{"class":2877},[2867,4888,3156],{"class":2877},[2867,4890,4891],{"class":2918}," prefix",[2867,4893,3111],{"class":2877},[2867,4895,3129],{"class":2877},[2867,4897,4898],{"class":3132},"Special",[2867,4900,3136],{"class":2877},[2867,4902,4827],{"class":2877},[2867,4904,4905],{"class":2869,"line":3623},[2867,4906,3301],{"emptyLinePlaceholder":1196},[2867,4908,4909],{"class":2869,"line":3638},[2867,4910,4911],{"class":4227},"    // It's important that this comes last if you have overrides you wish to apply\n",[2867,4913,4914],{"class":2869,"line":3644},[2867,4915,4916],{"class":4227},"    // to sub-directories of `~/components`.\n",[2867,4918,4919],{"class":2869,"line":3650},[2867,4920,4921],{"class":4227},"    //\n",[2867,4923,4924],{"class":2869,"line":3661},[2867,4925,4926],{"class":4227},"    // ~/components/Btn.vue => \u003CBtn />\n",[2867,4928,4929],{"class":2869,"line":3670},[2867,4930,4931],{"class":4227},"    // ~/components/base/Btn.vue => \u003CBaseBtn />\n",[2867,4933,4934,4937,4939,4941],{"class":2869,"line":4720},[2867,4935,4936],{"class":2877},"    '",[2867,4938,3133],{"class":3132},[2867,4940,3136],{"class":2877},[2867,4942,3139],{"class":2877},[2867,4944,4945,4947],{"class":2869,"line":4751},[2867,4946,3166],{"class":3099},[2867,4948,3139],{"class":2877},[2867,4950,4951,4953],{"class":2869,"line":4760},[2867,4952,3174],{"class":2877},[2867,4954,3177],{"class":3099},[3052,4956,4957],{},[2853,4958,4959],{},"Any nested directories need to be added first as they are scanned in order.",[2985,4961,4963],{"id":4962},"npm-packages","npm Packages",[2853,4965,4966,4967,4973,4974,4977],{},"If you want to auto-import components from an npm package, you can use ",[3793,4968,4970],{"href":4969},"/docs/4.x/api/kit/components#addcomponent",[2864,4971,4972],{},"addComponent"," in a ",[3793,4975,4976],{"href":1241},"local module"," to register them.",[4979,4980,4981,5117],"code-group",{},[2857,4982,4985],{"className":4779,"code":4983,"filename":4984,"language":3080,"meta":3081,"style":2862},"import { addComponent, defineNuxtModule } from '@nuxt/kit'\n\nexport default defineNuxtModule({\n  setup () {\n    // import { MyComponent as MyAutoImportedComponent } from 'my-npm-package'\n    addComponent({\n      name: 'MyAutoImportedComponent',\n      export: 'MyComponent',\n      filePath: 'my-npm-package',\n    })\n  },\n})\n","~/modules/register-component.ts",[2864,4986,4987,5012,5016,5028,5037,5042,5051,5067,5083,5099,5106,5111],{"__ignoreMap":2862},[2867,4988,4989,4991,4993,4996,4998,5001,5003,5005,5007,5010],{"class":2869,"line":2870},[2867,4990,3277],{"class":3088},[2867,4992,3280],{"class":2877},[2867,4994,4995],{"class":3099}," addComponent",[2867,4997,3156],{"class":2877},[2867,4999,5000],{"class":3099}," defineNuxtModule",[2867,5002,3286],{"class":2877},[2867,5004,3289],{"class":3088},[2867,5006,3129],{"class":2877},[2867,5008,5009],{"class":3132},"@nuxt/kit",[2867,5011,3296],{"class":2877},[2867,5013,5014],{"class":2869,"line":2884},[2867,5015,3301],{"emptyLinePlaceholder":1196},[2867,5017,5018,5020,5022,5024,5026],{"class":2869,"line":2895},[2867,5019,3089],{"class":3088},[2867,5021,3092],{"class":3088},[2867,5023,5000],{"class":3095},[2867,5025,3100],{"class":3099},[2867,5027,3103],{"class":2877},[2867,5029,5030,5033,5035],{"class":2869,"line":2946},[2867,5031,5032],{"class":2918},"  setup",[2867,5034,4219],{"class":2877},[2867,5036,4222],{"class":2877},[2867,5038,5039],{"class":2869,"line":2956},[2867,5040,5041],{"class":4227},"    // import { MyComponent as MyAutoImportedComponent } from 'my-npm-package'\n",[2867,5043,5044,5047,5049],{"class":2869,"line":2966},[2867,5045,5046],{"class":3095},"    addComponent",[2867,5048,3100],{"class":2918},[2867,5050,3103],{"class":2877},[2867,5052,5053,5056,5058,5060,5063,5065],{"class":2869,"line":2976},[2867,5054,5055],{"class":2918},"      name",[2867,5057,3111],{"class":2877},[2867,5059,3129],{"class":2877},[2867,5061,5062],{"class":3132},"MyAutoImportedComponent",[2867,5064,3136],{"class":2877},[2867,5066,3139],{"class":2877},[2867,5068,5069,5072,5074,5076,5079,5081],{"class":2869,"line":3171},[2867,5070,5071],{"class":2918},"      export",[2867,5073,3111],{"class":2877},[2867,5075,3129],{"class":2877},[2867,5077,5078],{"class":3132},"MyComponent",[2867,5080,3136],{"class":2877},[2867,5082,3139],{"class":2877},[2867,5084,5085,5088,5090,5092,5095,5097],{"class":2869,"line":3368},[2867,5086,5087],{"class":2918},"      filePath",[2867,5089,3111],{"class":2877},[2867,5091,3129],{"class":2877},[2867,5093,5094],{"class":3132},"my-npm-package",[2867,5096,3136],{"class":2877},[2867,5098,3139],{"class":2877},[2867,5100,5101,5104],{"class":2869,"line":3388},[2867,5102,5103],{"class":2877},"    }",[2867,5105,3177],{"class":2918},[2867,5107,5108],{"class":2869,"line":3623},[2867,5109,5110],{"class":2877},"  },\n",[2867,5112,5113,5115],{"class":2869,"line":3638},[2867,5114,3174],{"class":2877},[2867,5116,3177],{"class":3099},[2857,5118,5120],{"className":3201,"code":5119,"filename":2907,"language":3202,"meta":2862,"style":2862},"\u003Ctemplate>\n  \u003Cdiv>\n    \u003C!--  the component uses the name we specified and is auto-imported  -->\n    \u003CMyAutoImportedComponent />\n  \u003C/div>\n\u003C/template>\n",[2864,5121,5122,5130,5138,5143,5151,5159],{"__ignoreMap":2862},[2867,5123,5124,5126,5128],{"class":2869,"line":2870},[2867,5125,2915],{"class":2877},[2867,5127,2919],{"class":2918},[2867,5129,2922],{"class":2877},[2867,5131,5132,5134,5136],{"class":2869,"line":2884},[2867,5133,2927],{"class":2877},[2867,5135,2930],{"class":2918},[2867,5137,2922],{"class":2877},[2867,5139,5140],{"class":2869,"line":2895},[2867,5141,5142],{"class":4227},"    \u003C!--  the component uses the name we specified and is auto-imported  -->\n",[2867,5144,5145,5147,5149],{"class":2869,"line":2946},[2867,5146,2937],{"class":2877},[2867,5148,5062],{"class":2918},[2867,5150,2943],{"class":2877},[2867,5152,5153,5155,5157],{"class":2869,"line":2956},[2867,5154,2969],{"class":2877},[2867,5156,2930],{"class":2918},[2867,5158,2922],{"class":2877},[2867,5160,5161,5163,5165],{"class":2869,"line":2966},[2867,5162,2979],{"class":2877},[2867,5164,2919],{"class":2918},[2867,5166,2922],{"class":2877},[2985,5168,5170],{"id":5169},"component-extensions","Component Extensions",[2853,5172,5173,5174,5180,5181,5184],{},"By default, any file with an extension specified in the ",[3793,5175,5177,5178],{"href":5176},"/docs/4.x/api/nuxt-config#extensions","extensions key of ",[2864,5179,233],{}," is treated as a component.\nIf you need to restrict the file extensions that should be registered as components, you can use the extended form of the components directory declaration and its ",[2864,5182,5183],{},"extensions"," key:",[2857,5186,5188],{"className":3078,"code":5187,"filename":233,"language":3080,"meta":3081,"style":2862},"export default defineNuxtConfig({\n  components: [\n    {\n      path: '~/components',\n      extensions: ['.vue'], // [!code ++]\n    },\n  ],\n})\n",[2864,5189,5190,5202,5210,5214,5228,5251,5255,5261],{"__ignoreMap":2862},[2867,5191,5192,5194,5196,5198,5200],{"class":2869,"line":2870},[2867,5193,3089],{"class":3088},[2867,5195,3092],{"class":3088},[2867,5197,3096],{"class":3095},[2867,5199,3100],{"class":3099},[2867,5201,3103],{"class":2877},[2867,5203,5204,5206,5208],{"class":2869,"line":2884},[2867,5205,3108],{"class":2918},[2867,5207,3111],{"class":2877},[2867,5209,3114],{"class":3099},[2867,5211,5212],{"class":2869,"line":2895},[2867,5213,3119],{"class":2877},[2867,5215,5216,5218,5220,5222,5224,5226],{"class":2869,"line":2946},[2867,5217,3124],{"class":2918},[2867,5219,3111],{"class":2877},[2867,5221,3129],{"class":2877},[2867,5223,3133],{"class":3132},[2867,5225,3136],{"class":2877},[2867,5227,3139],{"class":2877},[2867,5229,5231,5234,5236,5239,5241,5244,5246,5249],{"class":5230,"line":2956},[2869,3143,3144],[2867,5232,5233],{"class":2918},"      extensions",[2867,5235,3111],{"class":2877},[2867,5237,5238],{"class":3099}," [",[2867,5240,3136],{"class":2877},[2867,5242,5243],{"class":3132},".vue",[2867,5245,3136],{"class":2877},[2867,5247,5248],{"class":3099},"]",[2867,5250,3156],{"class":2877},[2867,5252,5253],{"class":2869,"line":2966},[2867,5254,3161],{"class":2877},[2867,5256,5257,5259],{"class":2869,"line":2976},[2867,5258,3166],{"class":3099},[2867,5260,3139],{"class":2877},[2867,5262,5263,5265],{"class":2869,"line":3171},[2867,5264,3174],{"class":2877},[2867,5266,3177],{"class":3099},[2985,5268,5270],{"id":5269},"client-components","Client Components",[2853,5272,5273,5274,5277],{},"If a component is meant to be rendered only client-side, you can add the ",[2864,5275,5276],{},".client"," suffix to your component.",[2857,5279,5281],{"className":2859,"code":5280,"filename":110,"language":2861,"meta":2862,"style":2862},"| components/\n--| Comments.client.vue\n",[2864,5282,5283,5289],{"__ignoreMap":2862},[2867,5284,5285,5287],{"class":2869,"line":2870},[2867,5286,2878],{"class":2877},[2867,5288,2881],{"class":2873},[2867,5290,5291,5294,5296],{"class":2869,"line":2884},[2867,5292,5293],{"class":2873},"--",[2867,5295,2878],{"class":2877},[2867,5297,5298],{"class":2873}," Comments.client.vue\n",[2857,5300,5303],{"className":3201,"code":5301,"filename":5302,"language":3202,"meta":2862,"style":2862},"\u003Ctemplate>\n  \u003Cdiv>\n    \u003C!-- this component will only be rendered on client side -->\n    \u003CComments />\n  \u003C/div>\n\u003C/template>\n","app/pages/example.vue",[2864,5304,5305,5313,5321,5326,5335,5343],{"__ignoreMap":2862},[2867,5306,5307,5309,5311],{"class":2869,"line":2870},[2867,5308,2915],{"class":2877},[2867,5310,2919],{"class":2918},[2867,5312,2922],{"class":2877},[2867,5314,5315,5317,5319],{"class":2869,"line":2884},[2867,5316,2927],{"class":2877},[2867,5318,2930],{"class":2918},[2867,5320,2922],{"class":2877},[2867,5322,5323],{"class":2869,"line":2895},[2867,5324,5325],{"class":4227},"    \u003C!-- this component will only be rendered on client side -->\n",[2867,5327,5328,5330,5333],{"class":2869,"line":2946},[2867,5329,2937],{"class":2877},[2867,5331,5332],{"class":2918},"Comments",[2867,5334,2943],{"class":2877},[2867,5336,5337,5339,5341],{"class":2869,"line":2956},[2867,5338,2969],{"class":2877},[2867,5340,2930],{"class":2918},[2867,5342,2922],{"class":2877},[2867,5344,5345,5347,5349],{"class":2869,"line":2966},[2867,5346,2979],{"class":2877},[2867,5348,2919],{"class":2918},[2867,5350,2922],{"class":2877},[3052,5352,5353],{},[2853,5354,5355,5356,5358],{},"This feature only works with Nuxt auto-imports and ",[2864,5357,3236],{}," imports. Explicitly importing these components from their real paths does not convert them into client-only components.",[3396,5360,5361],{},[2853,5362,5363,5365,5366,5369,5370,5373,5374,5376],{},[2864,5364,5276],{}," components are rendered only after being mounted. To access the rendered template using ",[2864,5367,5368],{},"onMounted()",", add ",[2864,5371,5372],{},"await nextTick()"," in the callback of the ",[2864,5375,5368],{}," hook.",[3778,5378,5379],{"to":1413},[2853,5380,5381,5382,5384],{},"You can also achieve a similar result with the ",[2864,5383,440],{}," component.",[2985,5386,5388],{"id":5387},"server-components","Server Components",[2853,5390,5391],{},"Server components allow server-rendering individual components within your client-side apps. It's possible to use server components within Nuxt, even if you are generating a static site. That makes it possible to build complex sites that mix dynamic components, server-rendered HTML and even static chunks of markup.",[2853,5393,5394,5395,3064],{},"Server components can either be used on their own or paired with a ",[3793,5396,5398],{"href":5397},"/docs/4.x/directory-structure/app/components#paired-with-a-client-component","client component",[3405,5400],{"title":5401,"video-id":5402},"Watch Learn Vue video about Nuxt Server Components","u1yyXe86xJM",[5404,5405,5409],"tip",{"icon":5406,"target":5407,"to":5408},"i-lucide-newspaper","_blank","https://roe.dev/blog/nuxt-server-components",[2853,5410,5411],{},"Read Daniel Roe's guide to Nuxt Server Components.",[3691,5413,5415],{"id":5414},"standalone-server-components","Standalone server components",[2853,5417,5418],{},"Standalone server components will always be rendered on the server, also known as Islands components.",[2853,5420,5421],{},"When their props update, this will result in a network request that will update the rendered HTML in-place.",[2853,5423,5424],{},"Server components are currently experimental and in order to use them, you need to enable the 'component islands' feature in your nuxt.config:",[2857,5426,5428],{"className":4779,"code":5427,"filename":233,"language":3080,"meta":3081,"style":2862},"export default defineNuxtConfig({\n  experimental: {\n    componentIslands: true,\n  },\n})\n",[2864,5429,5430,5442,5451,5463,5467],{"__ignoreMap":2862},[2867,5431,5432,5434,5436,5438,5440],{"class":2869,"line":2870},[2867,5433,3089],{"class":3088},[2867,5435,3092],{"class":3088},[2867,5437,3096],{"class":3095},[2867,5439,3100],{"class":3099},[2867,5441,3103],{"class":2877},[2867,5443,5444,5447,5449],{"class":2869,"line":2884},[2867,5445,5446],{"class":2918},"  experimental",[2867,5448,3111],{"class":2877},[2867,5450,4222],{"class":2877},[2867,5452,5453,5456,5458,5461],{"class":2869,"line":2895},[2867,5454,5455],{"class":2918},"    componentIslands",[2867,5457,3111],{"class":2877},[2867,5459,5460],{"class":3152}," true",[2867,5462,3139],{"class":2877},[2867,5464,5465],{"class":2869,"line":2946},[2867,5466,5110],{"class":2877},[2867,5468,5469,5471],{"class":2869,"line":2956},[2867,5470,3174],{"class":2877},[2867,5472,3177],{"class":3099},[2853,5474,5475,5476,5479],{},"Now you can register server-only components with the ",[2864,5477,5478],{},".server"," suffix and use them anywhere in your application automatically.",[2857,5481,5483],{"className":2859,"code":5482,"filename":110,"language":2861,"meta":2862,"style":2862},"-| components/\n---| HighlightedMarkdown.server.vue\n",[2864,5484,5485,5493],{"__ignoreMap":2862},[2867,5486,5487,5489,5491],{"class":2869,"line":2870},[2867,5488,2874],{"class":2873},[2867,5490,2878],{"class":2877},[2867,5492,2881],{"class":2873},[2867,5494,5495,5497,5499],{"class":2869,"line":2884},[2867,5496,2887],{"class":2873},[2867,5498,2878],{"class":2877},[2867,5500,5501],{"class":2873}," HighlightedMarkdown.server.vue\n",[2857,5503,5505],{"className":3201,"code":5504,"filename":5302,"language":3202,"meta":2862,"style":2862},"\u003Ctemplate>\n  \u003Cdiv>\n    \u003C!--\n      this will automatically be rendered on the server, meaning your markdown parsing + highlighting\n      libraries are not included in your client bundle.\n     -->\n    \u003CHighlightedMarkdown markdown=\"# Headline\" />\n  \u003C/div>\n\u003C/template>\n",[2864,5506,5507,5515,5523,5528,5533,5538,5543,5564,5572],{"__ignoreMap":2862},[2867,5508,5509,5511,5513],{"class":2869,"line":2870},[2867,5510,2915],{"class":2877},[2867,5512,2919],{"class":2918},[2867,5514,2922],{"class":2877},[2867,5516,5517,5519,5521],{"class":2869,"line":2884},[2867,5518,2927],{"class":2877},[2867,5520,2930],{"class":2918},[2867,5522,2922],{"class":2877},[2867,5524,5525],{"class":2869,"line":2895},[2867,5526,5527],{"class":4227},"    \u003C!--\n",[2867,5529,5530],{"class":2869,"line":2946},[2867,5531,5532],{"class":4227},"      this will automatically be rendered on the server, meaning your markdown parsing + highlighting\n",[2867,5534,5535],{"class":2869,"line":2956},[2867,5536,5537],{"class":4227},"      libraries are not included in your client bundle.\n",[2867,5539,5540],{"class":2869,"line":2966},[2867,5541,5542],{"class":4227},"     -->\n",[2867,5544,5545,5547,5550,5553,5555,5557,5560,5562],{"class":2869,"line":2976},[2867,5546,2937],{"class":2877},[2867,5548,5549],{"class":2918},"HighlightedMarkdown",[2867,5551,5552],{"class":3213}," markdown",[2867,5554,3217],{"class":2877},[2867,5556,3220],{"class":2877},[2867,5558,5559],{"class":3132},"# Headline",[2867,5561,3220],{"class":2877},[2867,5563,2943],{"class":2877},[2867,5565,5566,5568,5570],{"class":2869,"line":3171},[2867,5567,2969],{"class":2877},[2867,5569,2930],{"class":2918},[2867,5571,2922],{"class":2877},[2867,5573,5574,5576,5578],{"class":2869,"line":3368},[2867,5575,2979],{"class":2877},[2867,5577,2919],{"class":2918},[2867,5579,2922],{"class":2877},[2853,5581,5582,5583,5587,5588,5591,5592,5595],{},"Server-only components use ",[3793,5584,5585],{"href":1456},[2864,5586,492],{}," under the hood, meaning that ",[2864,5589,5590],{},"lazy"," prop and ",[2864,5593,5594],{},"#fallback"," slot are both passed down to it.",[3708,5597,5598],{},[2853,5599,5600],{},"Server components (and islands) must have a single root element. (HTML comments are considered elements as well.)",[3708,5602,5603],{},[2853,5604,5605],{},"Props are passed to server components via URL query parameters, and are therefore limited by the possible length of a URL, so be careful not to pass enormous amounts of data to server components via props.",[3708,5607,5608],{},[2853,5609,5610],{},"Be careful when nesting islands within other islands as each island adds some extra overhead.",[3708,5612,5613],{},[2853,5614,5615],{},"Most features for server-only components and island components, such as slots and client components, are only available for single file components.",[3720,5617,5619],{"id":5618},"client-components-within-server-components","Client components within server components",[3052,5621,5622],{},[2853,5623,5624,5625,5628],{},"This feature needs ",[2864,5626,5627],{},"experimental.componentIslands.selectiveClient"," within your configuration to be true.",[2853,5630,5631,5632,5635],{},"You can partially hydrate a component by setting a ",[2864,5633,5634],{},"nuxt-client"," attribute on the component you wish to be loaded client-side.",[2857,5637,5640],{"className":3201,"code":5638,"filename":5639,"language":3202,"meta":2862,"style":2862},"\u003Ctemplate>\n  \u003Cdiv>\n    \u003CHighlightedMarkdown markdown=\"# Headline\" />\n    \u003C!-- Counter will be loaded and hydrated client-side -->\n    \u003CCounter\n      nuxt-client\n      :count=\"5\"\n    />\n  \u003C/div>\n\u003C/template>\n","app/components/ServerWithClient.vue",[2864,5641,5642,5650,5658,5676,5681,5688,5693,5707,5711,5719],{"__ignoreMap":2862},[2867,5643,5644,5646,5648],{"class":2869,"line":2870},[2867,5645,2915],{"class":2877},[2867,5647,2919],{"class":2918},[2867,5649,2922],{"class":2877},[2867,5651,5652,5654,5656],{"class":2869,"line":2884},[2867,5653,2927],{"class":2877},[2867,5655,2930],{"class":2918},[2867,5657,2922],{"class":2877},[2867,5659,5660,5662,5664,5666,5668,5670,5672,5674],{"class":2869,"line":2895},[2867,5661,2937],{"class":2877},[2867,5663,5549],{"class":2918},[2867,5665,5552],{"class":3213},[2867,5667,3217],{"class":2877},[2867,5669,3220],{"class":2877},[2867,5671,5559],{"class":3132},[2867,5673,3220],{"class":2877},[2867,5675,2943],{"class":2877},[2867,5677,5678],{"class":2869,"line":2946},[2867,5679,5680],{"class":4227},"    \u003C!-- Counter will be loaded and hydrated client-side -->\n",[2867,5682,5683,5685],{"class":2869,"line":2956},[2867,5684,2937],{"class":2877},[2867,5686,5687],{"class":2918},"Counter\n",[2867,5689,5690],{"class":2869,"line":2966},[2867,5691,5692],{"class":3213},"      nuxt-client\n",[2867,5694,5695,5698,5700,5702,5705],{"class":2869,"line":2976},[2867,5696,5697],{"class":3213},"      :count",[2867,5699,3217],{"class":2877},[2867,5701,3220],{"class":2877},[2867,5703,5704],{"class":3132},"5",[2867,5706,3620],{"class":2877},[2867,5708,5709],{"class":2869,"line":3171},[2867,5710,4375],{"class":2877},[2867,5712,5713,5715,5717],{"class":2869,"line":3368},[2867,5714,2969],{"class":2877},[2867,5716,2930],{"class":2918},[2867,5718,2922],{"class":2877},[2867,5720,5721,5723,5725],{"class":2869,"line":3388},[2867,5722,2979],{"class":2877},[2867,5724,2919],{"class":2918},[2867,5726,2922],{"class":2877},[3052,5728,5729],{},[2853,5730,5731,5732,5735,5736,5739],{},"This only works within a server component. Slots for client components are working only with ",[2864,5733,5734],{},"experimental.componentIsland.selectiveClient"," set to ",[2864,5737,5738],{},"'deep'"," and since they are rendered server-side, they are not interactive once client-side.",[3720,5741,5743],{"id":5742},"server-component-context","Server Component Context",[2853,5745,5746,5747,5749,5750,5753],{},"When rendering a server-only or island component, ",[2864,5748,492],{}," makes a fetch request which comes back with a ",[2864,5751,5752],{},"NuxtIslandResponse",". (This is an internal request if rendered on the server, or a request that you can see in the network tab if it's rendering on client-side navigation.)",[2853,5755,5756],{},"This means:",[4505,5758,5759,5764,5767,5775],{},[4471,5760,5761,5762,3064],{},"A new Vue app will be created server-side to create the ",[2864,5763,5752],{},[4471,5765,5766],{},"A new 'island context' will be created while rendering the component.",[4471,5768,5769,5770,5774],{},"You can't access the 'island context' from the rest of your app and you can't access the context of the rest of your app from the island component. In other words, the server component or island is ",[5771,5772,5773],"em",{},"isolated"," from the rest of your app.",[4471,5776,5777,5778,5781],{},"Your plugins will run again when rendering the island, unless they have ",[2864,5779,5780],{},"env: { islands: false }"," set (which you can do in an object-syntax plugin).",[3396,5783,5784],{},[2853,5785,5786],{},"Route middleware does not run when rendering island components. Middleware is a routing concept that applies to pages, not components, and is not designed to control component rendering.",[2853,5788,5789,5790,5793],{},"Within an island component, you can access its island context through ",[2864,5791,5792],{},"nuxtApp.ssrContext.islandContext",". Note that while island components are still marked as experimental, the format of this context may change.",[3052,5795,5796],{},[2853,5797,5798,5799,5802,5803],{},"Slots can be interactive and are wrapped within a ",[2864,5800,5801],{},"\u003Cdiv>"," with ",[2864,5804,5805],{},"display: contents;",[3691,5807,5809],{"id":5808},"paired-with-a-client-component","Paired with a Client component",[2853,5811,5812,5813,5815,5816,5818],{},"In this case, the ",[2864,5814,5478],{}," + ",[2864,5817,5276],{}," components are two 'halves' of a component and can be used in advanced use cases for separate implementations of a component on server and client side.",[2857,5820,5822],{"className":2859,"code":5821,"filename":110,"language":2861,"meta":2862,"style":2862},"-| components/\n---| Comments.client.vue\n---| Comments.server.vue\n",[2864,5823,5824,5832,5840],{"__ignoreMap":2862},[2867,5825,5826,5828,5830],{"class":2869,"line":2870},[2867,5827,2874],{"class":2873},[2867,5829,2878],{"class":2877},[2867,5831,2881],{"class":2873},[2867,5833,5834,5836,5838],{"class":2869,"line":2884},[2867,5835,2887],{"class":2873},[2867,5837,2878],{"class":2877},[2867,5839,5298],{"class":2873},[2867,5841,5842,5844,5846],{"class":2869,"line":2895},[2867,5843,2887],{"class":2873},[2867,5845,2878],{"class":2877},[2867,5847,5848],{"class":2873}," Comments.server.vue\n",[2857,5850,5852],{"className":3201,"code":5851,"filename":5302,"language":3202,"meta":2862,"style":2862},"\u003Ctemplate>\n  \u003Cdiv>\n    \u003C!-- this component will render Comments.server on the server then Comments.client once mounted in the browser -->\n    \u003CComments />\n  \u003C/div>\n\u003C/template>\n",[2864,5853,5854,5862,5870,5875,5883,5891],{"__ignoreMap":2862},[2867,5855,5856,5858,5860],{"class":2869,"line":2870},[2867,5857,2915],{"class":2877},[2867,5859,2919],{"class":2918},[2867,5861,2922],{"class":2877},[2867,5863,5864,5866,5868],{"class":2869,"line":2884},[2867,5865,2927],{"class":2877},[2867,5867,2930],{"class":2918},[2867,5869,2922],{"class":2877},[2867,5871,5872],{"class":2869,"line":2895},[2867,5873,5874],{"class":4227},"    \u003C!-- this component will render Comments.server on the server then Comments.client once mounted in the browser -->\n",[2867,5876,5877,5879,5881],{"class":2869,"line":2946},[2867,5878,2937],{"class":2877},[2867,5880,5332],{"class":2918},[2867,5882,2943],{"class":2877},[2867,5884,5885,5887,5889],{"class":2869,"line":2956},[2867,5886,2969],{"class":2877},[2867,5888,2930],{"class":2918},[2867,5890,2922],{"class":2877},[2867,5892,5893,5895,5897],{"class":2869,"line":2966},[2867,5894,2979],{"class":2877},[2867,5896,2919],{"class":2918},[2867,5898,2922],{"class":2877},[2985,5900,5902],{"id":5901},"built-in-nuxt-components","Built-In Nuxt Components",[2853,5904,5905,5906,3947,5908,5910],{},"There are a number of components that Nuxt provides, including ",[2864,5907,440],{},[2864,5909,444],{},". You can read more about them in the API documentation.",[3778,5912],{"to":1405},[2985,5914,5916],{"id":5915},"library-authors","Library Authors",[2853,5918,5919],{},"Making Vue component libraries with automatic tree-shaking and component registration is super easy. ✨",[2853,5921,5922,5923,5929,5930,5932],{},"You can use the ",[3793,5924,5926],{"href":5925},"/docs/4.x/api/kit/components#addcomponentsdir",[2864,5927,5928],{},"addComponentsDir"," method provided from the ",[2864,5931,5009],{}," to register your components directory in your Nuxt module.",[2853,5934,5935],{},"Imagine a directory structure like this:",[2857,5937,5939],{"className":2859,"code":5938,"filename":110,"language":2861,"meta":2862,"style":2862},"-| node_modules/\n---| awesome-ui/\n-----| components/\n-------| Alert.vue\n-------| Button.vue\n-----| nuxt.ts\n-| pages/\n---| index.vue\n-| nuxt.config.ts\n",[2864,5940,5941,5950,5959,5967,5976,5984,5993,6002,6011],{"__ignoreMap":2862},[2867,5942,5943,5945,5947],{"class":2869,"line":2870},[2867,5944,2874],{"class":2873},[2867,5946,2878],{"class":2877},[2867,5948,5949],{"class":2873}," node_modules/\n",[2867,5951,5952,5954,5956],{"class":2869,"line":2884},[2867,5953,2887],{"class":2873},[2867,5955,2878],{"class":2877},[2867,5957,5958],{"class":2873}," awesome-ui/\n",[2867,5960,5961,5963,5965],{"class":2869,"line":2895},[2867,5962,3018],{"class":2873},[2867,5964,2878],{"class":2877},[2867,5966,2881],{"class":2873},[2867,5968,5969,5971,5973],{"class":2869,"line":2946},[2867,5970,3028],{"class":2873},[2867,5972,2878],{"class":2877},[2867,5974,5975],{"class":2873}," Alert.vue\n",[2867,5977,5978,5980,5982],{"class":2869,"line":2956},[2867,5979,3028],{"class":2873},[2867,5981,2878],{"class":2877},[2867,5983,3033],{"class":2873},[2867,5985,5986,5988,5990],{"class":2869,"line":2966},[2867,5987,3018],{"class":2873},[2867,5989,2878],{"class":2877},[2867,5991,5992],{"class":2873}," nuxt.ts\n",[2867,5994,5995,5997,5999],{"class":2869,"line":2976},[2867,5996,2874],{"class":2873},[2867,5998,2878],{"class":2877},[2867,6000,6001],{"class":2873}," pages/\n",[2867,6003,6004,6006,6008],{"class":2869,"line":3171},[2867,6005,2887],{"class":2873},[2867,6007,2878],{"class":2877},[2867,6009,6010],{"class":2873}," index.vue\n",[2867,6012,6013,6015,6017],{"class":2869,"line":3368},[2867,6014,2874],{"class":2873},[2867,6016,2878],{"class":2877},[2867,6018,6019],{"class":2873}," nuxt.config.ts\n",[2853,6021,6022,6023,6026,6027,6029],{},"Then in ",[2864,6024,6025],{},"awesome-ui/nuxt.ts"," you can use the ",[2864,6028,5928],{}," hook:",[2857,6031,6033],{"className":4779,"code":6032,"language":3080,"meta":3081,"style":2862},"import { addComponentsDir, createResolver, defineNuxtModule } from '@nuxt/kit'\n\nexport default defineNuxtModule({\n  setup () {\n    const resolver = createResolver(import.meta.url)\n\n    // Add ./components dir to the list\n    addComponentsDir({\n      path: resolver.resolve('./components'),\n      prefix: 'awesome',\n    })\n  },\n})\n",[2864,6034,6035,6063,6067,6079,6087,6115,6119,6124,6133,6160,6176,6182,6186],{"__ignoreMap":2862},[2867,6036,6037,6039,6041,6044,6046,6049,6051,6053,6055,6057,6059,6061],{"class":2869,"line":2870},[2867,6038,3277],{"class":3088},[2867,6040,3280],{"class":2877},[2867,6042,6043],{"class":3099}," addComponentsDir",[2867,6045,3156],{"class":2877},[2867,6047,6048],{"class":3099}," createResolver",[2867,6050,3156],{"class":2877},[2867,6052,5000],{"class":3099},[2867,6054,3286],{"class":2877},[2867,6056,3289],{"class":3088},[2867,6058,3129],{"class":2877},[2867,6060,5009],{"class":3132},[2867,6062,3296],{"class":2877},[2867,6064,6065],{"class":2869,"line":2884},[2867,6066,3301],{"emptyLinePlaceholder":1196},[2867,6068,6069,6071,6073,6075,6077],{"class":2869,"line":2895},[2867,6070,3089],{"class":3088},[2867,6072,3092],{"class":3088},[2867,6074,5000],{"class":3095},[2867,6076,3100],{"class":3099},[2867,6078,3103],{"class":2877},[2867,6080,6081,6083,6085],{"class":2869,"line":2946},[2867,6082,5032],{"class":2918},[2867,6084,4219],{"class":2877},[2867,6086,4222],{"class":2877},[2867,6088,6089,6092,6095,6097,6099,6101,6103,6105,6108,6110,6113],{"class":2869,"line":2956},[2867,6090,6091],{"class":3213},"    const",[2867,6093,6094],{"class":3099}," resolver",[2867,6096,4241],{"class":2877},[2867,6098,6048],{"class":3095},[2867,6100,3100],{"class":2918},[2867,6102,3277],{"class":3088},[2867,6104,3064],{"class":2877},[2867,6106,6107],{"class":3099},"meta",[2867,6109,3064],{"class":2877},[2867,6111,6112],{"class":3099},"url",[2867,6114,3177],{"class":2918},[2867,6116,6117],{"class":2869,"line":2966},[2867,6118,3301],{"emptyLinePlaceholder":1196},[2867,6120,6121],{"class":2869,"line":2976},[2867,6122,6123],{"class":4227},"    // Add ./components dir to the list\n",[2867,6125,6126,6129,6131],{"class":2869,"line":3171},[2867,6127,6128],{"class":3095},"    addComponentsDir",[2867,6130,3100],{"class":2918},[2867,6132,3103],{"class":2877},[2867,6134,6135,6137,6139,6141,6143,6146,6148,6150,6153,6155,6158],{"class":2869,"line":3368},[2867,6136,3124],{"class":2918},[2867,6138,3111],{"class":2877},[2867,6140,6094],{"class":3099},[2867,6142,3064],{"class":2877},[2867,6144,6145],{"class":3095},"resolve",[2867,6147,3100],{"class":2918},[2867,6149,3136],{"class":2877},[2867,6151,6152],{"class":3132},"./components",[2867,6154,3136],{"class":2877},[2867,6156,6157],{"class":2918},")",[2867,6159,3139],{"class":2877},[2867,6161,6162,6165,6167,6169,6172,6174],{"class":2869,"line":3388},[2867,6163,6164],{"class":2918},"      prefix",[2867,6166,3111],{"class":2877},[2867,6168,3129],{"class":2877},[2867,6170,6171],{"class":3132},"awesome",[2867,6173,3136],{"class":2877},[2867,6175,3139],{"class":2877},[2867,6177,6178,6180],{"class":2869,"line":3623},[2867,6179,5103],{"class":2877},[2867,6181,3177],{"class":2918},[2867,6183,6184],{"class":2869,"line":3638},[2867,6185,5110],{"class":2877},[2867,6187,6188,6190],{"class":2869,"line":3644},[2867,6189,3174],{"class":2877},[2867,6191,3177],{"class":3099},[2853,6193,6194,6195,6198],{},"That's it! Now in your project, you can import your UI library as a Nuxt module in your ",[2864,6196,6197],{},"nuxt.config"," file:",[2857,6200,6202],{"className":4779,"code":6201,"filename":233,"language":3080,"meta":3081,"style":2862},"export default defineNuxtConfig({\n  modules: ['awesome-ui/nuxt'],\n})\n",[2864,6203,6204,6216,6236],{"__ignoreMap":2862},[2867,6205,6206,6208,6210,6212,6214],{"class":2869,"line":2870},[2867,6207,3089],{"class":3088},[2867,6209,3092],{"class":3088},[2867,6211,3096],{"class":3095},[2867,6213,3100],{"class":3099},[2867,6215,3103],{"class":2877},[2867,6217,6218,6221,6223,6225,6227,6230,6232,6234],{"class":2869,"line":2884},[2867,6219,6220],{"class":2918},"  modules",[2867,6222,3111],{"class":2877},[2867,6224,5238],{"class":3099},[2867,6226,3136],{"class":2877},[2867,6228,6229],{"class":3132},"awesome-ui/nuxt",[2867,6231,3136],{"class":2877},[2867,6233,5248],{"class":3099},[2867,6235,3139],{"class":2877},[2867,6237,6238,6240],{"class":2869,"line":2895},[2867,6239,3174],{"class":2877},[2867,6241,3177],{"class":3099},[2853,6243,6244,6245,6248,6249,3111],{},"... and directly use the module components (prefixed with ",[2864,6246,6247],{},"awesome-",") in our ",[2864,6250,3247],{},[2857,6252,6254],{"className":3201,"code":6253,"language":3202,"meta":2862,"style":2862},"\u003Ctemplate>\n  \u003Cdiv>\n    My \u003CAwesomeButton>UI button\u003C/AwesomeButton>!\n    \u003Cawesome-alert>Here's an alert!\u003C/awesome-alert>\n  \u003C/div>\n\u003C/template>\n",[2864,6255,6256,6264,6272,6296,6314,6322],{"__ignoreMap":2862},[2867,6257,6258,6260,6262],{"class":2869,"line":2870},[2867,6259,2915],{"class":2877},[2867,6261,2919],{"class":2918},[2867,6263,2922],{"class":2877},[2867,6265,6266,6268,6270],{"class":2869,"line":2884},[2867,6267,2927],{"class":2877},[2867,6269,2930],{"class":2918},[2867,6271,2922],{"class":2877},[2867,6273,6274,6277,6279,6282,6284,6287,6289,6291,6293],{"class":2869,"line":2895},[2867,6275,6276],{"class":3099},"    My ",[2867,6278,2915],{"class":2877},[2867,6280,6281],{"class":2918},"AwesomeButton",[2867,6283,3228],{"class":2877},[2867,6285,6286],{"class":3099},"UI button",[2867,6288,2979],{"class":2877},[2867,6290,6281],{"class":2918},[2867,6292,3228],{"class":2877},[2867,6294,6295],{"class":3099},"!\n",[2867,6297,6298,6300,6303,6305,6308,6310,6312],{"class":2869,"line":2946},[2867,6299,2937],{"class":2877},[2867,6301,6302],{"class":2918},"awesome-alert",[2867,6304,3228],{"class":2877},[2867,6306,6307],{"class":3099},"Here's an alert!",[2867,6309,2979],{"class":2877},[2867,6311,6302],{"class":2918},[2867,6313,2922],{"class":2877},[2867,6315,6316,6318,6320],{"class":2869,"line":2956},[2867,6317,2969],{"class":2877},[2867,6319,2930],{"class":2918},[2867,6321,2922],{"class":2877},[2867,6323,6324,6326,6328],{"class":2869,"line":2966},[2867,6325,2979],{"class":2877},[2867,6327,2919],{"class":2918},[2867,6329,2922],{"class":2877},[2853,6331,6332,6333,3064],{},"It will automatically import the components only if used and also support HMR when updating your components in ",[2864,6334,6335],{},"node_modules/awesome-ui/components/",[6337,6338],"link-example",{"to":1782},[6340,6341,6342],"style",{},"html pre.shiki code .s52Pk, html code.shiki .s52Pk{--shiki-light:#E2931D;--shiki-default:#E2931D;--shiki-dark:#FFCB6B}html pre.shiki code .sDfIl, html code.shiki .sDfIl{--shiki-light:#39ADB5;--shiki-default:#39ADB5;--shiki-dark:#89DDFF}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 .sRlkE, html code.shiki .sRlkE{--shiki-light:#E53935;--shiki-default:#E53935;--shiki-dark:#F07178}html pre.shiki code .s8R28, html code.shiki .s8R28{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#39ADB5;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .s3cPz, html code.shiki .s3cPz{--shiki-light:#6182B8;--shiki-default:#6182B8;--shiki-dark:#82AAFF}html pre.shiki code .sZSNi, html code.shiki .sZSNi{--shiki-light:#90A4AE;--shiki-default:#90A4AE;--shiki-dark:#BABED8}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 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}",{"title":2862,"searchDepth":2884,"depth":2884,"links":6344},[6345,6346,6347,6348,6353,6354,6355,6356,6357,6358,6362,6363],{"id":2987,"depth":2884,"text":2988},{"id":3194,"depth":2884,"text":3195},{"id":3474,"depth":2884,"text":3475},{"id":3679,"depth":2884,"text":3680,"children":6349},[6350,6351,6352],{"id":3693,"depth":2895,"text":3694},{"id":4315,"depth":2895,"text":4316},{"id":4462,"depth":2895,"text":4463},{"id":4533,"depth":2884,"text":4534},{"id":4769,"depth":2884,"text":4770},{"id":4962,"depth":2884,"text":4963},{"id":5169,"depth":2884,"text":5170},{"id":5269,"depth":2884,"text":5270},{"id":5387,"depth":2884,"text":5388,"children":6359},[6360,6361],{"id":5414,"depth":2895,"text":5415},{"id":5808,"depth":2895,"text":5809},{"id":5901,"depth":2884,"text":5902},{"id":5915,"depth":2884,"text":5916},"The components/ directory is where you put all your Vue components.","md",{"head":6367},{"title":6368},"components/",{"icon":135},{"title":132,"description":6364},"DfLD8OhVqfsdKi5OgunOjELKkhAg6pga3-P6yVczJqc",[6373,6375],{"title":127,"path":1202,"stem":1203,"description":6374,"icon":130,"children":-1},"The assets/ directory is used to add all the website's assets that the build tool will process.",{"title":137,"path":1208,"stem":1209,"description":6376,"icon":140,"children":-1},"Use the composables/ directory to auto-import your Vue composables into your application.",1772457503157]