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