From b664674a06868d6dc59d14775fb9dd915d08ea04 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Mon, 27 Apr 2020 05:04:10 -0400
Subject: [PATCH] [+] Create a loading spinner component

---
 src/pages/loading-spinner.vue | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 src/pages/loading-spinner.vue

diff --git a/src/pages/loading-spinner.vue b/src/pages/loading-spinner.vue
new file mode 100644
index 0000000..69027bd
--- /dev/null
+++ b/src/pages/loading-spinner.vue
@@ -0,0 +1,19 @@
+<template>
+    <div class="el-loading-spinner">
+        <svg viewBox="25 25 50 50" class="circular" :style="{width: size + 'px', height: size + 'px'}">
+            <circle cx="50" cy="50" r="20" fill="none" class="path"/>
+        </svg>
+    </div>
+</template>
+
+<script lang="ts">
+    import {Component, Prop, Vue} from 'vue-property-decorator'
+
+    @Component
+    export default class LoadingSpinner extends Vue
+    {
+        @Prop({default: 42}) size: number
+    }
+</script>
+
+<style lang="scss" scoped></style>