From 10020efa61dc42440b78fac64f4a3d68e78d4d3c Mon Sep 17 00:00:00 2001
From: SebClem <seb6596@gmail.com>
Date: Thu, 16 Jun 2022 12:24:07 +0200
Subject: [PATCH] :ambulance: Fix animation

---
 src/App.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 32b36c6..84a8718 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -3,10 +3,10 @@
     <header-component />
     <v-main>
       <v-container>
-        <router-view v-slot="{ Component }">
-          <v-fade-transition>
-            <component :is="Component" />
-          </v-fade-transition>
+        <router-view v-slot="{ Component, route }">
+          <v-scroll-x-transition mode="out-in">
+            <component :is="Component" :key="route.path" />
+          </v-scroll-x-transition>
         </router-view>
       </v-container>
     </v-main>