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