[Vuejs]-Transitions on child components

transition property is related to route transition only for components please use <transition> tag in template and use appear to run transition on initial rendering:

<template>
  <main class="animated">
   <transition  
         appear-active-class="animated fadeInUp"
         appear>
      <text-content :content="content"></text-content>
   <transition>
  </main>
</template>