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,35 @@
+<template>
+  <div class="morexx">
+    <button @click="loadMore">
+      <div class="text">Load All</div>
+    </button>
+  </div>
+</template>
+
+<script>
+export default {
+  setup(props, { emit }) {
+    function loadMore() {
+      emit("loadMore");
+    }
+
+    return {
+      loadMore,
+    };
+  },
+};
+</script>
+
+<style lang="scss">
+.morexx {
+  display: grid;
+  place-items: center;
+  margin-top: $small;
+
+  button {
+    height: 2.5rem;
+    width: 10rem;
+    display: grid;
+  }
+}
+</style>