feat: add loading

2 files changed, 19 insertions, 12 deletions

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>