FadeTransition.vue

<template>
  <Transition
    v-bind="$attrs"
    enter-active-class="ease-out duration-300"
    enter-class="opacity-0"
    enter-to-class="opacity-100"
    leave-active-class="ease-in duration-200"
    leave-class="opacity-100"
    leave-to-class="opacity-0"
    v-on="$listeners"
  >
    <slot></slot>
  </Transition>
</template>

SomethingThatFadesIn.vue

<template>
  <FadeTransition>
    <h1>Hello there</h1>
  </FadeTransition>
</template>