dynamic pagetransitions with js hooks

definePageMeta({
  pageTransition: {
    name: 'slide-right',
    mode: 'out-in'
  },
  middleware (to, from) {
    if (to.meta.pageTransition && typeof to.meta.pageTransition !== 'boolean')
      to.meta.pageTransition.name = +to.params.id > +from.params.id ? 'slide-left' : 'slide-right'
  }

pageTransition: 
{
   name: "slide",
   onEnter: (el, done) => {
     // no access to pageTransition.name
     if(to.meta.pageTransition.name === "slide") {
       // slide ani
     }else{
       // fade ani
     }
   }

pageTransition: [
{
  name: "slide", 
  onEnter: (el, done) => {
  }
},
{
  name: "fade", 
  onEnter: (el, done) => {
  }
},
]