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