changes

app/pages/index.vue

@@ -1,6 +1,8 @@
 <template>
-  <AppLoading v-if="!$store.ready" />
-  <ClientOnly v-else>
+  <Transition>
+    <AppLoading v-if="!$store.ready" />
+  </Transition>
+  <ClientOnly v-if="$store.ready">
     <TopMenu @changeTab="changeTab" />
     <main>
       <div
@@ -116,4 +118,14 @@ main {
     padding: 1rem;
   }
 }
+
+.v-enter-active,
+.v-leave-active {
+  transition: all 0.3s ease;
+}
+
+.v-enter-from,
+.v-leave-to {
+  opacity: 0;
+}
 </style>