subcomponent. \r\n\r\nMay I know what's the suggested way to do it? I couldn't find a clue after looking around and some experiments.\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/c1160\">#c1160\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3091],{"name":3049,"color":3050},1311,"specify the transition of \u003Cnuxt /> subcomponent in layout component","2023-01-18T15:41:03Z","https://github.com/nuxt/nuxt/issues/1311",0.6514428,{"labels":3098,"number":3101,"owner":3024,"repository":3024,"state":3052,"title":3102,"updated_at":3103,"url":3104,"score":3105},[3099,3100],{"name":3060,"color":3061},{"name":3049,"color":3050},6028,"Layout transitions (layoutTransition) javascript hooks","2024-06-14T16:10:02Z","https://github.com/nuxt/nuxt/issues/6028",0.66359437,{"labels":3107,"number":3111,"owner":3024,"repository":3024,"state":3052,"title":3112,"updated_at":3113,"url":3114,"score":3115},[3108,3109,3110],{"name":3046,"color":3047},{"name":3021,"color":3022},{"name":3049,"color":3050},10226,"Transitions works only on some pages","2023-01-22T15:45:12Z","https://github.com/nuxt/nuxt/issues/10226",0.66389126,{"description":3117,"labels":3118,"number":3129,"owner":3024,"repository":3024,"state":3052,"title":3130,"updated_at":3131,"url":3132,"score":3133},"### Describe the feature\n\nin a Nuxt v2 page you could pass a function to `transition` and have a `from` and a `to` ready - this allows you to dynamically decide page transitions, in v3 I don't see how this is possible:\r\n\r\n\r\nI tried something basic like :\r\n\r\n```ts\r\nconst router = useRouter()\r\nconst route = useRoute()\r\nconst step = Array.isArray(route.params.step) ? 0 : parseInt(route.params.step)\r\nconst prev = router.options.history.state.back\r\nconst prevStep = prev && typeof prev === \"string\" ? parseInt(prev.replace('/step/', '')) : 0\r\nconst transition = prevStep \u003C step ? 'page-left-to-right' : 'page-right-to-left'\r\n\r\ndefinePageMeta({\r\n pageTransition: {\r\n name: transition,\r\n },\r\n})\r\n```\r\n\r\nthis results in \r\n\r\n```\r\n[nuxt] [request error] [unhandled] [500] transition is not defined\r\n```\r\n\r\n\r\nIs this at all possible? and if so how? \r\n\r\n\n\n### Additional information\n\n- [X] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [X] Read the [contribution guide](https://v3.nuxtjs.org/community/contribution).\n- [X] Check existing [discussions](https://github.com/nuxt/framework/discussions) and [issues](https://github.com/nuxt/framework/issues).",[3119,3122,3123,3126],{"name":3120,"color":3121},"documentation","5319e7",{"name":3071,"color":3072},{"name":3124,"color":3125},"🍰 p2-nice-to-have","0E8A16",{"name":3127,"color":3128},"⛔️ can be closed","484893",14874,"v3 dynamic pageTransition","2023-02-21T22:36:07Z","https://github.com/nuxt/nuxt/issues/14874",0.6648491,["Reactive",3135],{},["Set"],["ShallowReactive",3138],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fPEbS4XjfAJsYTEytggtG8Z0c0RhwLYWb4EU7obGUgw4":-1},"/nuxt/nuxt/13529"]