From 0d6bd4aefc4e651be3f2fff15043d598e852df54 Mon Sep 17 00:00:00 2001
From: Santo Cariotti <santo@dcariotti.me>
Date: Fri, 19 Mar 2021 16:22:41 +0100
Subject: feat: add loading

---
 src/components/HeaderBlue.vue        | 19 +++++++++++++++++++
 src/components/design/HeaderBlue.vue | 12 ------------
 2 files changed, 19 insertions(+), 12 deletions(-)
 create mode 100644 src/components/HeaderBlue.vue
 delete mode 100644 src/components/design/HeaderBlue.vue

(limited to 'src/components')

diff --git a/src/components/HeaderBlue.vue b/src/components/HeaderBlue.vue
new file mode 100644
index 0000000..d4ffa9f
--- /dev/null
+++ b/src/components/HeaderBlue.vue
@@ -0,0 +1,19 @@
+<template lang="pug">
+  header(:class="{active: loading}")
+    #big-loading(v-if="loading")
+      b-overlay(:show="true" spinner-large)
+    b-container
+      h1
+        a(href="/" rel="home") Gico
+</template>
+
+<script>
+export default {
+  name: "HeaderBlue",
+  computed: {
+    loading: function() {
+      return this.$store.getters.loading;
+    },
+  }
+}
+</script>
diff --git a/src/components/design/HeaderBlue.vue b/src/components/design/HeaderBlue.vue
deleted file mode 100644
index fd6d731..0000000
--- a/src/components/design/HeaderBlue.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<template lang="pug">
-  header
-    b-container
-      h1
-        a(href="/" rel="home") Gico
-</template>
-
-<script>
-export default {
-  name: "HeaderBlue",
-}
-</script>
-- 
cgit v1.2.3-18-g5258