diff --git a/assets/js/components/VBtn.vue b/assets/js/components/VBtn.vue
index 4ef34d6..8b4d6a5 100644
--- a/assets/js/components/VBtn.vue
+++ b/assets/js/components/VBtn.vue
@@ -1,15 +1,19 @@
 <template>
-    <button :type="type" class="bg-primary px-6 py-3 leading-none rounded text-lg font-semibold text-white disabled:bg-gray-300">
+    <button
+        :type="type"
+        class="bg-primary px-6 py-3 leading-none rounded text-lg font-semibold text-white disabled:bg-gray-300"
+        @click.prevent="$emit('click', $event)"
+    >
         <slot></slot>
     </button>
 </template>
 
-<script>
-export default {
-    props: {
-        type: {
-            default: 'button',
-        },
+<script setup>
+defineEmits(['click']);
+
+defineProps({
+    type: {
+        default: 'button',
     },
-};
+});
 </script>