feat: add global page toggling animation

src/components/layout/MenuView.vue

@@ -1,6 +1,8 @@
 <template>
   <global-layout>
+    <transition name="page-toggle">
     <router-view />
+    </transition>
   </global-layout>
 </template>
 

src/components/layout/PageView.vue

@@ -3,7 +3,9 @@
     <div slot="extra" class="extraImg">
       <img :src="extraImage"/>
     </div>
-    <router-view  ref="page"/>
+    <transition name="page-toggle">
+      <router-view  ref="page"/>
+    </transition>
   </page-layout>
 </template>
 

src/components/layout/RouteView.vue

@@ -1,5 +1,7 @@
 <template>
+  <transition name="page-toggle">
   <router-view />
+  </transition>
 </template>
 
 <script>