Not working with Vue KeepAlive

[bilalmalkoc]

For some reasons we need to use KeepAlive tag in Vue. But animations now working with this.

Live example here: CodeSandbox

[suman-majhi]

@bilalmalkoc got some workaround for this issue
Use a single <KeepAlive> tag around the components
Somehow, v-auto-animate fails to animate multiple <KeepAlive> children
Actually it's working for the first toggle/load

Here is the code snippet:

<KeepAlive>
  <div v-auto-animate>
    <CompOne v-if="toggle" />
    <CompTwo v-if="!toggle" />
  </div>
</KeepAlive>

Hope this will fix your problem with the code