rework spinners

src/shared/components/ContentLoader.vue

@@ -0,0 +1,8 @@
+<template functional>
+  <div>
+    <div v-if="props.loading" class="d-flex justify-content-center">
+      <span class="spinner-border" />
+    </div>
+    <slot v-else />
+  </div>
+</template>

src/shared/components/Spinner.vue

@@ -1,12 +0,0 @@
-<template functional>
-  <div>
-    <slot v-if="props.data" :data="props.data" />
-    <div v-else class="text-center">
-      <span class="spinner-grow" />
-    </div>
-  </div>
-</template>
-<script lang="ts">
-  import Vue from 'vue'
-  export default Vue.extend({})
-</script>

src/shared/components/index.ts

@@ -1,16 +1,16 @@
 import Vue from 'vue'
+import ContentLoader from './ContentLoader.vue'
 import ExternalLink from './ExternalLink.vue'
 import Icon from './Icon.vue'
 import OverflowMenu from './OverflowMenu.vue'
-import Spinner from './Spinner.vue'
 import Tiles from './Tiles.vue'
 import Tile from './Tile.vue'
 
 const components = {
+  ContentLoader,
   ExternalLink,
   Icon,
   OverflowMenu,
-  Spinner,
   Tiles,
   Tile,
 }