From 266268a49cce1fedeec9120d60874c922b1dcd4c Mon Sep 17 00:00:00 2001
From: Jeffrey Biles <bilesjeffrey@gmail.comgit config -l>
Date: Sun, 29 Mar 2020 10:21:02 -0700
Subject: [PATCH] async and Suspense

---
 src/App.vue                  | 10 ++++++++--
 src/components/MailTable.vue |  5 +++--
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 9929468..56bfa29 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,9 +1,15 @@
 <template>
   <div id="app">
-
     <h1>VMail Inbox</h1>
     
-    <MailTable />
+    <Suspense>
+      <template #default>
+        <MailTable />
+      </template>
+      <template #fallback>
+        Loading...
+      </template>
+    </Suspense>
   </div>
 </template>
 
diff --git a/src/components/MailTable.vue b/src/components/MailTable.vue
index 6a30735..e7ad53c 100644
--- a/src/components/MailTable.vue
+++ b/src/components/MailTable.vue
@@ -21,10 +21,9 @@
 
 <script>
   import { format } from 'date-fns';
-  import axios from 'axios';
 
   export default {
-    setup(){
+    async setup(){
       let emails = [
         {
           "id": 1,
@@ -63,6 +62,8 @@
           "read": false
         }
       ]
+      await new Promise(resolve => setTimeout(resolve, 3000));
+
       return {
         format,
         emails