fix cover & home memos display

resources/js/views/Memo/MemoHome.vue

@@ -5,6 +5,12 @@
                 <h2>Memos</h2>
                 <Loader />
             </div>
+            <div v-else-if="memos.length === 0">
+                <router-link :to="'/memos/create'" class="mb-4 no-underline"><h2>No Memo</h2></router-link>
+                <div class="flex justify-center items-center">
+                    <router-link :to="'/memos/create'" class="btn-primary mt-6">Add Memos</router-link>
+                </div>
+            </div>
             <div v-else>
                 <router-link to="/memos" class="mb-4 no-underline"><h2>{{ memos.count }} Memos</h2></router-link>
                 <router-link :to="memos.last_updated.links.self" class="m-2 block no-underline">
@@ -45,13 +51,13 @@ export default {
         // eslint-disable-next-line no-undef
         axios.get('/api/memos/home')
             .then(response => {
-                this.memos = response.data.data
-                console.log(this.memos)
+                if (response.data.data.count !== 0) {
+                    this.memos = response.data.data
+                }
                 this.loading = false
             })
             .catch(() => {
                 this.loading = false
-                console.log('Unable to fetch memos.')
             })
     }
 }