Почему dynamic transiton duration enter не работает?

Question

[Дмитрий]

Vue 3
Хочу добавить возможность управлять анимацией смены маршрута
В routes.js добавил конфиг перехода

{
  ...,
  meta: {
    transition: {
      name: 'transition name',
      mode: 'out-in',
      duration: {
        enter: 1000,
        leave: 2000
      }
    }
}

В шаблоне подставляю

<router-view v-slot="{ Component, route }">
  <transition v-bind="route.meta.transition">
    <component :is="Component" />
  </transition>
</router-view>

В итоге срабатывает только leave, а enter нет

Comments

[Aetae]

Подозреваю, что не всё так просто, и для того чтобы enter сработал, он должен быть прописан в transition до того, как сменится сам компонент внутри. Поскольку пропсы меняются одновременно с компонентом, enter сработает только для следующего роута.
Но это только теория, проверять лень.)