From 2c11c4e554eca3a2b13a083a48ddeb4de601e4d0 Mon Sep 17 00:00:00 2001
From: Thomas Ballmann <mail@i-2xdream.de>
Date: Sat, 9 Jan 2021 11:26:31 +0100
Subject: [PATCH] #54 transition between pages added

---
 app/src/layouts/default.vue | 7 +++++--
 app/src/layouts/setup.vue   | 6 +++++-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/app/src/layouts/default.vue b/app/src/layouts/default.vue
index 356704e..3d017ec 100644
--- a/app/src/layouts/default.vue
+++ b/app/src/layouts/default.vue
@@ -166,7 +166,9 @@
           min-height="70vh"
           rounded="lg"
         >
-          <router-view class="pa-5" />
+          <transition-page>
+            <router-view class="pa-5" />
+          </transition-page>
         </v-sheet>
       </v-col>
     </v-main>
@@ -176,9 +178,10 @@
 <script>
   import { mapState, mapGetters } from 'vuex'
   import Notifications from '@/components/Notifications'
+  import TransitionPage from '@/components/TransitionPage'
 
   export default {
-    components: { Notifications },
+    components: { TransitionPage, Notifications },
     data: () => ({
       drawer: true,
       pages: [
diff --git a/app/src/layouts/setup.vue b/app/src/layouts/setup.vue
index 43c81bc..0527594 100644
--- a/app/src/layouts/setup.vue
+++ b/app/src/layouts/setup.vue
@@ -1,12 +1,16 @@
 <template>
   <v-main>
-    <router-view />
+    <transition-page>
+      <router-view />
+    </transition-page>
   </v-main>
 </template>
 
 <script>
+  import TransitionPage from '@/components/TransitionPage'
   export default {
     name: 'Setup',
+    components: { TransitionPage },
   }
 </script>