How to make a transition for a dynamic component in Vue?

Question

Vue.js

There is a component and dynamic components inside it:

<template lang="pug">
  .list
    component(:is='step')
</template>

Question: how to make a change with transition for component(:is='step')
This is how the change does not work:

<template lang="pug">
  .list
    transition(name='fade', mode='out-in')
      component(:is='step')
</template>