How would TransitionRoot work with <router-view /> in Vue ?

[MrSunshyne]

The possibilities with the TransitionRoot / TransitionChild components look endless. 🥳
However i'm unable to figure out how to make it work around <router-view /> the way Vue's component work.

Vue 3 / Vue Router 4 example :

<router-view v-slot="{ Component }">
  <transition name="fade">
    <component :is="Component" />
  </transition>
</router-view>

What would the equivalent be using TransitionRoot ?

[MrSunshyne]

Should maintainers be tagged for this to get a minute? :/ i'm not sure how the discussions section work