initial production release 🎉

src/components/Loading.svelte

@@ -0,0 +1,52 @@
+<style lang="postcss">
+  .loader {
+    width: 8px;
+    height: 40px;
+    border-radius: 4px;
+    display: block;
+    margin: 20px auto;
+    position: relative;
+    background: currentColor;
+    color: #fff;
+    box-sizing: border-box;
+    animation: animloader 0.3s 0.3s linear infinite alternate;
+  }
+
+  .loader::after,
+  .loader::before {
+    content: "";
+    width: 8px;
+    height: 40px;
+    border-radius: 4px;
+    background: currentColor;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    left: 20px;
+    box-sizing: border-box;
+    animation: animloader 0.3s 0.45s linear infinite alternate;
+  }
+  .loader::before {
+    left: -20px;
+    animation-delay: 0s;
+  }
+
+  @keyframes animloader {
+    0% {
+      height: 48px;
+    }
+    100% {
+      height: 4px;
+    }
+  }
+</style>
+
+<script>
+  export let fullscreen = true;
+</script>
+
+{#if fullscreen}
+  <div class="fixed top-0 flex flex-wrap content-center h-full w-full">
+    <span class="loader"></span>
+  </div>
+{/if}