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>",[2938],{"name":2896,"color":2897},1311,"specify the transition of \u003Cnuxt /> subcomponent in layout component","2023-01-18T15:41:03Z","https://github.com/nuxt/nuxt/issues/1311",0.65144277,{"labels":2945,"number":2948,"owner":2871,"repository":2871,"state":2899,"title":2949,"updated_at":2950,"url":2951,"score":2952},[2946,2947],{"name":2907,"color":2908},{"name":2896,"color":2897},6028,"Layout transitions (layoutTransition) javascript hooks","2024-06-14T16:10:02Z","https://github.com/nuxt/nuxt/issues/6028",0.66359437,{"labels":2954,"number":2958,"owner":2871,"repository":2871,"state":2899,"title":2959,"updated_at":2960,"url":2961,"score":2962},[2955,2956,2957],{"name":2893,"color":2894},{"name":2868,"color":2869},{"name":2896,"color":2897},10226,"Transitions works only on some pages","2023-01-22T15:45:12Z","https://github.com/nuxt/nuxt/issues/10226",0.66389126,{"description":2964,"labels":2965,"number":2976,"owner":2871,"repository":2871,"state":2899,"title":2977,"updated_at":2978,"url":2979,"score":2980},"### 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).",[2966,2969,2970,2973],{"name":2967,"color":2968},"documentation","5319e7",{"name":2918,"color":2919},{"name":2971,"color":2972},"🍰 p2-nice-to-have","0E8A16",{"name":2974,"color":2975},"⛔️ can be closed","484893",14874,"v3 dynamic pageTransition","2023-02-21T22:36:07Z","https://github.com/nuxt/nuxt/issues/14874",0.6648491,["Reactive",2982],{},["Set"],["ShallowReactive",2985],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fPEbS4XjfAJsYTEytggtG8Z0c0RhwLYWb4EU7obGUgw4":-1},"/nuxt/nuxt/13529"]