Tables

src/views/Home.vue

@@ -41,7 +41,9 @@
         <v-icon @click="logout">power_settings_new</v-icon>
       </div>
 
-      <router-view class="app-container" />
+      <transition name="fade">
+        <router-view class="app-container" />
+      </transition>
     </div>
   </div>
 </template>
@@ -251,5 +253,18 @@ export default {
       flex-grow: 1;
     }
   }
+
+  .fade-enter-active, .fade-leave-active {
+    transition-property: opacity;
+    transition-duration: .25s;
+  }
+
+  .fade-enter-active {
+    transition-delay: .4s;
+  }
+
+  .fade-enter, .fade-leave-active {
+    opacity: 0
+  }
 }
 </style>