` in `default.vue`, I use:\r\n\r\n```vue\r\n\u003Crouter-view v-slot=\"{ Component, route }\">\r\n \u003Ctransition mode=\"out-in\" @enter=\"enterFunction\" @before-leave=\"leaveFunction\">\r\n \u003Ccomponent :is=\"Component\" :key=\"route.fullPath\" />\r\n \u003C/transition>\r\n\u003C/router-view>\r\n```\r\n\r\nHowever, when I **NAVIGATE** to any dynamic routes, (in this example, it would be `/blog/[slug].vue`) the params are undefined. But if I'm directly loading into the page it works fine, or if I reload the page.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2896,2899],{"name":2897,"color":2898},"3.x","29bc7f",{"name":2885,"color":2886},18644,"Router View Transition into Dynamic routes does not capture route details","2023-01-31T14:28:34Z","https://github.com/nuxt/nuxt/issues/18644",0.66969323,{"labels":2906,"number":2908,"owner":2875,"repository":2875,"state":2876,"title":2909,"updated_at":2910,"url":2911,"score":2912},[2907],{"name":2897,"color":2898},14434,"transitions/keepalive config via `\u003CNuxtPage>` props","2023-01-19T17:35:26Z","https://github.com/nuxt/nuxt/issues/14434",0.66975254,{"labels":2914,"number":2919,"owner":2875,"repository":2875,"state":2876,"title":2920,"updated_at":2921,"url":2922,"score":2923},[2915,2918],{"name":2916,"color":2917},"enhancement","8DEF37",{"name":2872,"color":2873},8054,"Allow a transition component to be passed into page.transition","2024-06-14T16:04:14Z","https://github.com/nuxt/nuxt/issues/8054",0.6707709,{"description":2925,"labels":2926,"number":2928,"owner":2875,"repository":2875,"state":2876,"title":2929,"updated_at":2930,"url":2931,"score":2932},"I have this folder structure\r\n\r\n```\r\npages\r\n--| _section\r\n-----| _slug.vue\r\n-----| index.vue\r\n--| index.vue\r\n```\r\nThe problem is Page transitions are broken on `_section` route, when I navigate from one Dynamic route to another. I tried different modes, no help\r\n\r\n```js\r\ntransition: {\r\n name: 'page',\r\n mode: 'out-in'\r\n }\r\n```\r\nAlso tried to add a `key`, like \r\n\r\n```html\r\n\u003Ctemplate>\r\n \u003Csection :key=\"$route.params.section\">\r\n \u003Cul>\r\n \u003Cli v-for=\"article in $store.state.articles\">\r\n \u003Cnuxt-link :to=\"{ name: 'section-slug', params: { section: article.section, slug: article.slug } }\">{{ article.title }}\u003C/nuxt-link>\r\n \u003C/li>\r\n \u003C/ul>\r\n \u003C/section>\r\n\u003C/template>\r\n```\r\nStill doesn't work. How to fix it?\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1978\">#c1978\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2927],{"name":2872,"color":2873},2257,"Transition broken with Dynamic routes","2023-01-18T15:43:52Z","https://github.com/nuxt/nuxt/issues/2257",0.6777519,{"description":2934,"labels":2935,"number":2940,"owner":2875,"repository":2875,"state":2876,"title":2941,"updated_at":2942,"url":2943,"score":2944},"### Environment\n\n```\r\n- Operating System: `Darwin`\r\n- Node Version: `v18.9.0`\r\n- Nuxt Version: `3.0.0-rc.12`\r\n- Nitro Version: `0.6.0`\r\n- Package Manager: `npm@8.19.1`\r\n- Builder: `vite`\r\n- User Config: `experimental`, `build`, `modules`, `publicRuntimeConfig`, `pageTransition`, `privateRuntimeConfig`, `globalName`, `app`, `i18n`, `http`, `proxy`, `auth`, `tailwindcss`, `googleFonts`, `content`\r\n- Runtime Modules: `@nuxtjs-alt/auth@2.0.16`, `@nuxtjs-alt/http@1.3.19`, `@nuxtjs-alt/proxy@1.3.8`, `@nuxt/content@2.2.0`, `@nuxtjs/tailwindcss@6.0.1`, `@nuxtjs/google-fonts@3.0.0-0`, `@pinia/nuxt@0.4.3`, `@nuxtjs/i18n@8.0.0-beta.1`\r\n- Build Modules: `-`\r\n```\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-hph1uk?file=pages/index.vue\n\n### Describe the bug\n\nIf I set `nuxt.config.js` to\r\n\r\n```\r\nexport default defineNuxtConfig({\r\n pageTransition: {\r\n mode: 'out-in',\r\n name: 'transition-slide'\r\n },\r\n layoutTransition: {\r\n mode: 'out-in',\r\n name: 'transition-slide'\r\n },\r\n //...\r\n```\r\n\r\nI would expect the transition to be `transition-slide`, as defined here:\r\n\r\n```\r\n\u003Cstyle>\r\n.transition-slide-enter-from,\r\n.transition-slide-leave-to{\r\n opacity: 0;\r\n transform: translateY(2.5rem);\r\n}\r\n\r\n.transition-slide-enter-active,\r\n.transition-slide-leave-active {\r\n transition: all 0.2s;\r\n}\r\n\u003C/style>\r\n```\r\n\r\nBut unfortunately it does not.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2936,2939],{"name":2937,"color":2938},"documentation","5319e7",{"name":2897,"color":2898},15226,"update global transitions docs","2023-01-19T17:46:27Z","https://github.com/nuxt/nuxt/issues/15226",0.6812139,{"labels":2946,"number":2949,"owner":2875,"repository":2875,"state":2876,"title":2950,"updated_at":2951,"url":2952,"score":2953},[2947,2948],{"name":2937,"color":2938},{"name":2897,"color":2898},13529,"custom pageTransition / layoutTransition docs unclear","2023-01-19T16:58:44Z","https://github.com/nuxt/nuxt/issues/13529",0.6835242,{"description":2955,"labels":2956,"number":2962,"owner":2875,"repository":2875,"state":2876,"title":2963,"updated_at":2964,"url":2965,"score":2966},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v16.12.0\r\n- Nuxt Version: 3.6.0\r\n- Nitro Version: 2.5.1\r\n- Package Manager: npm@8.1.0\r\n- Builder: vite\r\n- User Config: devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\n[StackBlitz Link](https://stackblitz.com/edit/github-3c35yj?file=pages%2Findex.vue)\r\nand\r\n[Github Link](https://github.com/Etidou/Nuxt-Transition.git)\r\n\r\n### Describe the bug\r\n\r\nHello, \r\n\r\nI got an error with the nuxt page transition and the javascript Hooks, I have the exact same code that in the doc here : https://nuxt.com/docs/getting-started/transitions#javascript-hooks\r\n\r\nI don't really know what I'm doing wrong, if anyone does I'd love to know.\r\n\r\nI've tried with console.log in every event and also without console.log but in neither case does it work.\r\n\r\nThe error seems to be related to Javascript Hooks because with :\r\n```\r\nexport default defineNuxtConfig({\r\n app: {\r\n pageTransition: { name: 'page', mode: 'out-in' }\r\n },\r\n})\r\n```\r\nit works perfectly but not with the javascript\r\n\r\n### Additional context\r\n\r\n\r\n\r\n\r\n\r\n### Logs\r\n\r\n```shell-script\r\n[Vue warn]: Unhandled error during execution of transition hook \r\n\r\nUncaught ReferenceError: oo_oo is not defined\r\n NuxtJS 50\r\n```\r\n",[2957,2958,2961],{"name":2937,"color":2938},{"name":2959,"color":2960},"good first issue","fbca04",{"name":2897,"color":2898},21727,"Javascript Hooks Page Transition on Nuxt 3 does not work","2023-06-24T16:32:39Z","https://github.com/nuxt/nuxt/issues/21727",0.6876434,{"description":2968,"labels":2969,"number":2976,"owner":2875,"repository":2875,"state":2876,"title":2977,"updated_at":2978,"url":2979,"score":2980},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.10.0\n- Nuxt Version: 3.13.1\n- CLI Version: 3.13.1\n- Nitro Version: 2.9.7\n- Package Manager: npm@10.2.3\n- Builder: -\n- User Config: app, compatibilityDate, devtools\n- Runtime Modules: -\n- Build Modules: -\n\nAffects every single version of Nuxt 3 – this has never worked. In Nuxt 2 it was perfect. \n\n### Reproduction\n\nhttps://github.com/simonhrogers/transition-no-worky\n\n### Describe the bug\n\nLayout transitions are not retaining correct scroll position. Page transitions do. \n\nNavigate from the about page to the home page here, the home page is already partially scrolled:\n\nhttps://layout-transition-no-worky-nuxt3.netlify.app/about\n\nI can provide further demonstration if needed. Written explanation below, as well as written explanation of the behaviour I would expect, which occurs correctly without layout transitions. \n\nI open my website. I scroll down 200px. I click a NuxtLink. The browser navigates to the new page. The new page is already scrolled 200px from the top. I scroll up 52px. I click on Chrome’s back button. It takes me back to the index page, which is scrolled down 148px.\n\nThis is not the default behaviour of the website, which operates correctly without layout transitions. But it is happening between layout transitions.\n\nHow can I make the default behaviour occur? The desired behaviour is as follows:\n\nI open my website. I scroll down 200px. I click a NuxtLink. The browser navigates to the new page. The new page is at the top – scroll distance: 0px. I scroll down 250px. I click on Chrome’s back button. It takes me back to the index page, which is scrolled down 200px, exactly where I left it.\n\nThank you!\n\n### Additional context\n\nI’m wondering if the issue might stem from [`nuxt/src/pages/runtime/router.options.ts`](https://github.com/nuxt/nuxt/blob/main/packages/nuxt/src/pages/runtime/router.options.ts), which checks for `route.meta.pageTransition`, but not `route.meta.layoutTransition` inside the `hasTransition` function? This appears to be the deciding factor in whether the page is scrolled to top or not, so would make total sense at first glance. But I’m just getting to grips with the codebase, and I fear it can’t be this easy? \n\nIf that’s not the solution, more below:\n\nDirectly below, `hookToWait` appears to await the resolution of both `page:transition:finish` and `page:finish`, but Nuxt lacks a corresponding `layout:transition:finish` hook to call. As far as I can see, `page:transition:finish` is not called in relation to layout transitions.\n\nIn [`nuxt/src/pages/runtime/page.ts`](https://github.com/nuxt/nuxt/blob/main/packages/nuxt/src/pages/runtime/page.ts), we see a repetition of `hasTransition` which again, only checks for page transitions. If a page transition is present, `page:transition:finish` is called `onAfterLeave`:\n\n```js\nconst hasTransition = !!(props.transition ?? routeProps.route.meta.pageTransition ?? defaultPageTransition)\nconst transitionProps = hasTransition && _mergeTransitionProps([\n props.transition,\n routeProps.route.meta.pageTransition,\n defaultPageTransition,\n { onAfterLeave: () => { nuxtApp.callHook('page:transition:finish', routeProps.Component) } },\n].filter(Boolean))\n```\n\nAnd finally, [`nuxt/src/app/components/nuxt-layout.ts`](https://github.com/nuxt/nuxt/blob/main/packages/nuxt/src/app/components/nuxt-layout.ts) appears to be the only location where `route.meta.layoutTransition` is mentioned, providing the layout prop `hasTransition`.\n\n### Logs\n\n_No response_",[2970,2973],{"name":2971,"color":2972},"bug","d73a4a",{"name":2974,"color":2975},"🔨 p3-minor","FBCA04",28988,"Layout Transitions break scroll position on route change and browser forward/back","2025-04-02T08:44:50Z","https://github.com/nuxt/nuxt/issues/28988",0.689204,["Reactive",2982],{},["Set"],["ShallowReactive",2985],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f-F1QcGrauzu08lm4G20uZuMK-1NBDKteX58Ns1SZoMI":-1},"/nuxt/nuxt/14874"]