Fixed dashboard conditional

Author: atomjar

src/views/Dashboard.vue

@@ -1,9 +1,12 @@
 <template>
   <div>
     <h1>Dashboard</h1>
-    <template v-if="events !== 'Loading events...'">
+    <template v-if="!isLoading">
       <EventCard v-for="event in events" :key="event.id" :event="event" />
     </template>
+    <p v-else>
+      Loading events
+    </p>
   </div>
 </template>
 
@@ -14,11 +17,15 @@ import EventCard from '../components/EventCard'
 export default {
   components: { EventCard },
   data () {
-    return { events: 'Loading events...' }
+    return {
+      isLoading: true,
+      events: []
+    }
   },
   created () {
     axios.get('//localhost:3000/dashboard').then(({ data }) => {
       this.events = data.events.events
+      this.isLoading = false
     })
   }
 }