stuff

frontend/components/Base/Button.vue

@@ -2,10 +2,14 @@
   <button
     :disabled="disabled || loading"
     class="btn"
+    ref="submitBtn"
     :class="{
       loading: loading,
     }"
   >
+    <label v-if="$slots.icon" class="swap swap-rotate mr-2" :class="{ 'swap-active': isHover }">
+      <slot name="icon" />
+    </label>
     <slot />
   </button>
 </template>
@@ -21,4 +25,7 @@
       default: false,
     },
   });
+
+  const submitBtn = ref(null);
+  const isHover = useElementHover(submitBtn);
 </script>