fix: use form submit event for confirm actions

This way users can enter the prompt value and just hit enter.

src/components/generic/AConfirmDialog.vue

@@ -2,7 +2,7 @@
   <ADialog ref="dialog" is-modal class="md:tw-w-[600px]" @close="emit('cancel')">
     <slot />
 
-    <div v-if="promptValue" class="tw-mt-3">
+    <form v-if="promptValue" :id="formId" class="tw-mt-3" @submit.prevent.stop="confirm">
       <SafeHTML
         v-if="promptLabel"
         :id="promptLabelId"
@@ -20,16 +20,16 @@
           :aria-labelledby="promptLabelId"
         />
       </FormGroup>
-    </div>
+    </form>
 
     <template #footer>
       <div class="tw-flex tw-items-center tw-gap-3">
         <button
-          type="button"
+          type="submit"
           class="btn"
+          :form="formId"
           :class="confirmClass ?? 'btn-danger'"
           :disabled="!canConfirm"
-          @click="confirm"
         >
           <SafeHTML :html="confirmLabel" sanitize-preset="inline-noninteractive" />
         </button>
@@ -62,6 +62,7 @@ const emit = defineEmits<{ cancel: []; confirm: [] }>()
 const { t } = useI18n()
 const dialog = ref()
 const promptLabelId = useId('confirm-dialog-prompt-label')
+const formId = useId('confirm-dialog-form')
 
 const promptVerifyValue = ref('')
 const canConfirm = computed(