init

src/common/comps/LoadingIndicator.vue

@@ -0,0 +1,18 @@
+<template>
+  <div class="loading-indicator">
+    Loading...
+  </div>
+</template>
+
+<style lang="css">
+.loading-indicator {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+
+  font-weight: bold;
+  font-size: 2rem;
+
+  transform: translate(-50%, -50%)
+}
+</style>

src/common/fade/FadeAnimation.vue

@@ -0,0 +1,18 @@
+<template>
+  <transition>
+    <slot></slot>
+  </transition>
+</template>
+
+<script>
+export default {
+  name: 'FadeAnimation'
+}
+</script>
+
+<style lang="stylus" scoped>
+  .v-enter, .v-leave-to
+    opacity: 0
+  .v-enter-active, .v-leave-active
+    transition: opacity .5s
+</style>