` 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_",[2025,2026],{"name":1997,"color":1998},{"name":1985,"color":1986},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.6667828,{"labels":2033,"number":2038,"owner":1988,"repository":1988,"state":2000,"title":2039,"updated_at":2040,"url":2041,"score":2042},[2034,2037],{"name":2035,"color":2036},"documentation","5319e7",{"name":1997,"color":1998},13529,"custom pageTransition / layoutTransition docs unclear","2023-01-19T16:58:44Z","https://github.com/nuxt/nuxt/issues/13529",0.6668104,{"description":2044,"labels":2045,"number":2048,"owner":1988,"repository":1988,"state":2000,"title":2049,"updated_at":2050,"url":2051,"score":2052},"### 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_",[2046,2047],{"name":2035,"color":2036},{"name":1997,"color":1998},15226,"update global transitions docs","2023-01-19T17:46:27Z","https://github.com/nuxt/nuxt/issues/15226",0.6700734,{"labels":2054,"number":2059,"owner":1988,"repository":1988,"state":2000,"title":2060,"updated_at":2061,"url":2062,"score":2063},[2055,2058],{"name":2056,"color":2057},"enhancement","8DEF37",{"name":2015,"color":2016},8054,"Allow a transition component to be passed into page.transition","2024-06-14T16:04:14Z","https://github.com/nuxt/nuxt/issues/8054",0.6733428,{"description":2065,"labels":2066,"number":2069,"owner":1988,"repository":1988,"state":2000,"title":2070,"updated_at":2071,"url":2072,"score":2073},"I have tried following documentation on how to generate page transitions for dynamic page routes here: https://nuxtjs.org/docs/2.x/features/nuxt-components#the-nuxt-component\r\n\r\nI've implemented the NuxtChildKey property, and can confirm keys are unique. Page transition from pages/index.vue to pages/_slug.vue works, but I'm unable to get transitions between pages/_slug.vue routes working.\r\n\r\n### Versions\r\n- nuxt: v2.14.8\r\n- node: v12.20.0\r\n\r\n### Reproduction\r\nIt's a small project:\r\nhttps://github.com/zodiapps/restaurang-stora-holm/tree/nuxt-transition-bug\r\n\r\n### Steps to reproduce\r\n1) Run `yarn dev` and navigate to a _slug route.\r\n2) Notice page transition works\r\n3) Navigate from one _slug route to another _slug route\r\n\r\n### What is Expected?\r\nPage transition\r\n\r\n### What is actually happening?\r\nNo page transition\r\n",[2067,2068],{"name":1985,"color":1986},{"name":2015,"color":2016},8867,"Page transitions on dynamic pages not working","2023-01-22T15:38:48Z","https://github.com/nuxt/nuxt/issues/8867",0.6789958,{"description":2075,"labels":2076,"number":2082,"owner":1988,"repository":1988,"state":2000,"title":2083,"updated_at":2084,"url":2085,"score":2086},"### 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",[2077,2078,2081],{"name":2035,"color":2036},{"name":2079,"color":2080},"good first issue","fbca04",{"name":1997,"color":1998},21727,"Javascript Hooks Page Transition on Nuxt 3 does not work","2023-06-24T16:32:39Z","https://github.com/nuxt/nuxt/issues/21727",0.6816477,{"description":2088,"labels":2089,"number":2092,"owner":1988,"repository":1988,"state":2000,"title":2093,"updated_at":2094,"url":2095,"score":2096},"### Environment\n\n- Operating System: `Darwin`\r\n- Node Version: `v18.7.0`\r\n- Nuxt Version: `3.0.0-rc.13`\r\n- Nitro Version: `0.6.1`\r\n- Package Manager: `npm@8.15.0`\r\n- Builder: `vite`\r\n- User Config: `typescript`, `build`, `modules`, `css`, `runtimeConfig`\r\n- Runtime Modules: `@lewebsimple/nuxt3-svg@0.1.1`, `@nuxtjs/tailwindcss@6.1.3`, `@pinia/nuxt@0.4.3`\r\n- Build Modules: `-`\r\n\n\n### Reproduction\n\n[Demonstration](https://stackblitz.com/edit/github-bm1tnv?file=pages/index.vue)\r\n\r\nI create a reusable transition `/composables/transitions/translateContent.ts` :\r\n\r\n```ts\r\nimport {timeline} from \"motion\";\r\n\r\nexport let useTranslateContent = {\r\n css: false,\r\n onLeave: async (el: HTMLElement, done: Function) => {\r\n // logic\r\n await timeline(\u003Cany>sequence).finished;\r\n\r\n done();\r\n },\r\n onEnter: async (el: Element, done: Function) => {\r\n // logic\r\n await timeline(\u003Cany>sequence).finished;\r\n\r\n done();\r\n }\r\n}\r\n```\r\n\r\nI apply my transition with `definePageMeta` : \r\n\r\n```vue\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003CNuxtLayout>\r\n \u003C!-- DOM -->\r\n \u003C/NuxtLayout>\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript setup lang=\"ts\">\r\nimport {useTranslateContent} from \"../composables/transitions/translateContent\";\r\ndefinePageMeta({\r\n pageTransition: useTranslateContent\r\n})\r\n\r\n\u003C/script>\r\n```\n\n### Describe the bug\n\nNuxt indicates `useTranslateContent is not defined`.\n\n### Additional context\n\nWith previous version, it works.\n\n### Logs\n\n```shell\n[nuxt] [request error] [unhandled] [500] useTranslateContent is not defined\r\n at ./pages/index.vue?macro=true:2:23\r\n at ViteNodeRunner.directRequest (./node_modules/vite-node/dist/client.mjs:250:11)\r\n at process.processTicksAndRejections (node:internal/process/task_queues:95:5)\r\n at async ViteNodeRunner.cachedRequest (./node_modules/vite-node/dist/client.mjs:129:12)\r\n at async request (./node_modules/vite-node/dist/client.mjs:152:16)\r\n at async virtual:nuxt:./.nuxt/routes.mjs:1:238\r\n at async ViteNodeRunner.directRequest (./node_modules/vite-node/dist/client.mjs:250:5)\r\n at async ViteNodeRunner.cachedRequest (./node_modules/vite-node/dist/client.mjs:129:12)\r\n at async request (./node_modules/vite-node/dist/client.mjs:152:16)\r\n at async ./node_modules/nuxt/dist/pages/runtime/router.mjs:12:31\r\n```\n```\n",[2090,2091],{"name":1997,"color":1998},{"name":1985,"color":1986},15393,"Module is not defined from definePageMeta","2023-01-19T17:49:30Z","https://github.com/nuxt/nuxt/issues/15393",0.6826391,["Reactive",2098],{},["Set"],["ShallowReactive",2101],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"-F1QcGrauzu08lm4G20uZuMK-1NBDKteX58Ns1SZoMI":-1},"/nuxt/nuxt/14874"]