Custom transitions between routes based on "hero" content.

Demo: http://bonamy.fr/vue-hero-transition/

import Hero from 'vue-hero-transition';
Vue.use(Hero);

Wrap your view-router with HeroTransition:

<HeroTransition>
  <router-view></router-view>
</HeroTransition>

Then wrap elements on source and target routes with Hero. Required attribute tag should match:

<Hero tag="tag">
...
</Hero>

HeroTransition accepts the following parameters: