Loading spinner for table

thebspin · Mar 24, 2020 · 0705a56 · 0705a56
1 parent 65140be
commit 0705a56
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/components/MainTable.vue b/components/MainTable.vue
@@ -36,8 +36,15 @@
           :sort-desc="true"
           outlined
           selectable
+          :busy="!countries.length > 0"
           @row-clicked="rowClicked"
-        />
+          ><template v-slot:table-busy>
+            <div class="text-center text-info my-2">
+              <b-spinner class="align-middle"></b-spinner>
+              <strong>Loading...</strong>
+            </div>
+          </template></b-table
+        >
         <b-pagination
           v-if="countries.length > 0"
           v-model="currentPage"

diff --git a/nuxt.config.js b/nuxt.config.js
@@ -4,14 +4,18 @@ export default {
    ** Headers of the page
    */
   head: {
-    title: process.env.npm_package_name || "",
+    title:
+      process.env.npm_package_name ||
+      "Covid-19 tracker | Almost realtime numbers about Corona",
     meta: [
       { charset: "utf-8" },
       { name: "viewport", content: "width=device-width, initial-scale=1" },
       {
         hid: "description",
         name: "description",
-        content: process.env.npm_package_description || ""
+        content:
+          process.env.npm_package_description ||
+          "Tracking the latest corona stats worldwide almost realtime"
       }
     ],
     link: [{ rel: "icon", type: "image/x-icon", href: "/favicon.ico" }]