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