break down search component into smaler components

2026-06-04 12:33:03 +00:00 · 2022-01-23 10:27:39 +03:00
parent 7945c04a06
commit 7689f13fdc
16 changed files with 596 additions and 469 deletions
@@ -0,0 +1,36 @@
+<template>
+  <div class="loader" v-if="loading"></div>
+</template>
+
+<script>
+import state from "@/composables/state.js";
+export default {
+  setup() {
+    return {
+      loading: state.loading,
+    };
+  },
+};
+</script>
+
+<style lang="scss">
+.loader {
+  position: absolute;
+  right: 0.65rem;
+  top: 0.65rem;
+  width: 1.5rem;
+  height: 1.5rem;
+  border: dotted $blue;
+  border-radius: 50%;
+  animation: spin 0.25s linear infinite;
+
+  @keyframes spin {
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+}
+</style>