Initial Commit

TusharKanjariya · Apr 7, 2020 · bc615a6 · bc615a6
1 parent 1d44d26
commit bc615a6
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/components/card.vue b/src/components/card.vue
@@ -2,14 +2,14 @@
   <div class="card bg-light">
     <div class="card-body text-center">
       <p class="display-4 mb-0">{{cases}}</p>
-      <h5 class="text-muted">Confirmed Cases</h5>
+      <h5 class="text-muted">{{title}}</h5>
     </div>
   </div>
 </template>
 
 <script>
 export default {
   name: "Card",
-  props: ["cases"]
+  props: ["cases", "title"]
 };
 </script>
diff --git a/src/components/main.vue b/src/components/main.vue
@@ -7,13 +7,13 @@
     </div>
     <div class="row" v-if="load">
       <div class="col-md-4">
-        <Card :cases="worldWideResult.confirmed.value" />
+        <Card :cases="worldWideResult.confirmed.value" title="Confirmed Cases" />
       </div>
       <div class="col-md-4" v-if="countryList">
-        <Card :cases="worldWideResult.recovered.value" />
+        <Card :cases="worldWideResult.recovered.value" title="Recovered Cases" />
       </div>
       <div class="col-md-4">
-        <Card :cases="worldWideResult.deaths.value" />
+        <Card :cases="worldWideResult.deaths.value" title="Total Deaths" />
       </div>
     </div>
     <div class="row bg-light mt-5">