refactor: remove old spinner loader

client/package-lock.json

@@ -11234,12 +11234,6 @@
       "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.0.6.tgz",
       "integrity": "sha512-Ox0ciFLswtSGRTHYhGvx2L44sVbTPNS+uD2kRISuo8B39Y79rOo0Kw0hzupTmiVtftQYCZl87mwldhh2L9Aquw=="
     },
-    "vue-spinner": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/vue-spinner/-/vue-spinner-1.0.3.tgz",
-      "integrity": "sha512-Phh6QC/Bh80ZE/0SH9ADw4irbRGwFK6VZsTksPHpPm16xga2OXwNC2nI7SEPnndUZP+Lgu1wu+pbH6i6+5siBQ==",
-      "dev": true
-    },
     "vue-style-loader": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-4.1.2.tgz",

client/package.json

@@ -26,7 +26,6 @@
     "purgecss": "^1.3.0",
     "tailwindcss": "^1.0.4",
     "vue-awesome": "^3.5.4",
-    "vue-spinner": "^1.0.3",
     "vue-template-compiler": "^2.5.21"
   }
 }

client/src/components/SummonerLoader.vue

@@ -223,52 +223,3 @@ export default {
   }
 }
 </script>
-
-<style scoped>
-.match-loading {
-  height: 144px;
-}
-
-/* LOADER */
-.loader {
-  position: relative;
-  overflow: hidden;
-
-  background-size: 100vw 296px;
-  /* background-image: linear-gradient(120deg, #EBEBEB 20%, #F8F8F8 28%, #EBEBEB 43%); */
-  background-image: linear-gradient(
-    120deg,
-    #2c5282 20%,
-    #2b6cb0 28%,
-    #2c5282 43%
-  );
-
-  animation-name: loadingAnimation;
-  animation-timing-function: linear;
-  animation-iteration-count: infinite;
-  animation-fill-mode: forwards;
-  animation-duration: 2s;
-}
-
-@keyframes loadingAnimation {
-  from {
-    background-position: -100vw 0px;
-  }
-  to {
-    background-position: 100vw 0px;
-  }
-}
-
-/* Items inside loader */
-.loader .item {
-  position: absolute;
-  background: #17314f;
-}
-
-.loader .item-1 {
-  left: 12px;
-  top: 0;
-  width: 10px;
-  height: 100%;
-}
-</style>

client/src/main.js

@@ -1,6 +1,5 @@
 import Vue from 'vue'
 import VueAxios from './plugins/axios'
-import DotLoader from 'vue-spinner/src/DotLoader.vue'
 
 import '@/assets/css/main.css'
 import 'vue-awesome/icons'
@@ -15,7 +14,6 @@ Vue.config.productionTip = false
 Vue.use(VueAxios)
 
 Vue.component('v-icon', Icon)
-Vue.component('dot-loader', DotLoader)
 
 Vue.prototype.$patch = process.env.VUE_APP_PATCH