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