22.03 Make the Loading View Pretty

src/pages/PageTodo.vue

@@ -40,7 +40,12 @@
       </template>
 
       <template v-else>
-        <p>Loading...</p>
+        <div class="absolute-center">
+          <q-spinner
+            color="primary"
+            size="6em"
+          ></q-spinner>
+        </div>
       </template>
 
     </div>

src/store/store-tasks.js

@@ -48,8 +48,7 @@ const mutations = {
   },
   setTasksDownloaded (state, value) {
     state.tasksDownloaded = value
-  },
+  }
-
 }
 
 const actions = {
@@ -117,7 +116,7 @@ const actions = {
     const userId = firebaseAuth.currentUser.uid
     const taskRef = firebaseDb.ref('tasks/' + userId + '/' + taskId)
     taskRef.remove()
-  }  
+  }
 }
 
 const getters = {