From efea84a0a1ba53529fa656767a6d2bfa8b3055eb Mon Sep 17 00:00:00 2001
From: lesion <lesion@autistici.org>
Date: Tue, 3 May 2022 12:09:06 +0200
Subject: [PATCH] use nuxt native loading

---
 components/Loading.vue | 44 ------------------------------------------
 nuxt.config.js         |  2 +-
 2 files changed, 1 insertion(+), 45 deletions(-)
 delete mode 100644 components/Loading.vue

diff --git a/components/Loading.vue b/components/Loading.vue
deleted file mode 100644
index a06bcf98..00000000
--- a/components/Loading.vue
+++ /dev/null
@@ -1,44 +0,0 @@
-<template lang='pug'>
-  .loading-page(:class='{ loading }')
-    v-progress-circular(:size="100" :width="10" style='color: orangered;' indeterminate)
-</template>
-
-<script>
-export default {
-  data: () => ({
-    loading: false
-  }),
-  methods: {
-    start () {
-      this.loading = true
-    },
-    finish () {
-      this.loading = false
-    }
-  }
-}
-</script>
-
-<style scoped>
-  .loading-page {
-    z-index: -10;
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    color: white;
-    background: rgba(0, 0, 0, 0.6);
-    text-align: center;
-    padding-top: 200px;
-    font-size: 4rem;
-    font-family: sans-serif;
-    transition: opacity .1s;
-    opacity: 0;
-  }
-
-  .loading {
-    z-index: 10;
-    opacity: 1;
-  }
-</style>
diff --git a/nuxt.config.js b/nuxt.config.js
index 84137efb..5e524f9c 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -31,7 +31,7 @@ module.exports = {
   /*
    ** Customize the progress-bar component
    */
-  loading: '~/components/Loading.vue',
+  loading: { color: 'orangered', height: '3px' },
 
   /*
    ** Plugins to load before mounting the App