JS Transition hooks bug with keep alive component

[mendieta]

Hi everyone, i am upgrading a website to Vue 2.x. But i got into an issue and one question/feature request.

The website im trying to upgrade is: http://foostudio.mx/

The transitions works as follow: each component has its own transition that reacts to the next route. The router is using the keep alive directive, so unnecessary rendering is ommitted.

But i been having trouble doing this on Vue 2.x.

Vue.js version

2.1.3

Reproduction Link

http://jsfiddle.net/Mendieta/j8fLau99/

Steps to reproduce

Navigate between the router links.

What is Expected?

I was expecting to get the same results as on Vue 1.x, where the components animated using Js hooks with keep alive where render properly. Or maybe I am doing something wrong?

Vue 1.x version: http://jsfiddle.net/Mendieta/fb215702/

What is actually happening?

The components animated using js hooks are only animated once

On a side note, is it possible to use transition-mode in the above example on Vue 2.X? On 1.X it was as easy as adding the directive to the router-view.

thanks