Added collections loading

src/components/BigChungusLoader.vue

@@ -0,0 +1,29 @@
+<template>
+  <div class="text-center chungus-loader-container">
+    <p>
+      <b-spinner variant="success" type="grow" />
+    </p>
+    <p>
+      {{ text }}
+    </p>
+  </div>
+</template>
+
+<script>
+export default {
+name: "BigChungusLoader",
+  props: {
+    text: {
+      type: String,
+      default: "onSpot is loading..."
+    }
+  }
+}
+</script>
+
+<style scoped>
+div.chungus-loader-container {
+  margin-top: 25vh;
+  width: 100%;
+}
+</style>

src/components/CollectionsListElement.vue

@@ -0,0 +1,29 @@
+<template>
+  <b-col class="my-3" cols="12" md="6">
+    <b-card :title="title">
+      <b-button class="float-right" @click="performClick">Open</b-button>
+      <div class="float-left">
+        Tracks: {{ count }}
+      </div>
+    </b-card>
+  </b-col>
+</template>
+
+<script>
+export default {
+  name: "CollectionsListElement",
+  props: {
+    title: String,
+    count: Number
+  },
+  methods: {
+    performClick() {
+      this.$emit('clicked');
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/components/LoadingScreen.vue

@@ -1,16 +0,0 @@
-<template>
-  <div id="loader-content" class="text-center">
-    <p>
-      <b-spinner variant="success" type="grow" />
-    </p>
-    <p>
-      onSpot is loading...
-    </p>
-  </div>
-</template>
-
-<style scoped>
-#loader-content {
-  margin: 45vh auto 0 auto;
-}
-</style>