reinink / client-side-rendering-in-laravel

199 stars 36 forks source link

Page Transitions #9

Closed JamiesonRoberts closed 5 years ago

JamiesonRoberts commented 5 years ago

Having read up on Turbolinks I know that page transitions are not something that it does well, but I'm also struggling to think of a way to handle page transitions with the way the rest of this is structured.

Do you have an ideas? I'm trying this out for a personal app, but I haven't been able to crack that yet.

Cheers!

reinink commented 5 years ago

So the challenge with using Turbolinks is that Vue is destroyed and recreated on each page load. That said, you should be able to use cloaking and transitions to do this.

<transition name="fade" appear>
    <slot />
</transition>

I haven't tried though, sorry, so you'll have to hack on it and see.

Good luck! 👍