VueJs router-view transitions

I am just using mode: out-in it seems to working fine with:

  <transition name="fade" mode="out-in">
    <router-view></router-view>
  </transition>

Please check working fiddle.