major(fullstack): Add dynamic section spawning, removal of app. form create DTOs,

legalconsenthub/app/components/DeleteModal.vue

@@ -5,7 +5,7 @@
     </template>
     <template #footer>
       <UButton :label="$t('common.cancel')" color="neutral" variant="outline" @click="$emit('update:isOpen', false)" />
-      <UButton :label="$t('common.delete')" color="neutral" @click="$emit('delete', applicationFormToDelete.id)" />
+      <UButton :label="$t('common.delete')" color="neutral" :disabled="!applicationFormToDelete.id" @click="onDelete" />
     </template>
   </UModal>
 </template>
@@ -13,13 +13,20 @@
 <script setup lang="ts">
 import type { ApplicationFormDto } from '~~/.api-client'
 
-defineEmits<{
+const emit = defineEmits<{
   (e: 'delete', id: string): void
   (e: 'update:isOpen', value: boolean): void
 }>()
 
-defineProps<{
+const props = defineProps<{
   applicationFormToDelete: ApplicationFormDto
   isOpen: boolean
 }>()
+
+function onDelete() {
+  if (!props.applicationFormToDelete.id) {
+    return
+  }
+  emit('delete', props.applicationFormToDelete.id)
+}
 </script>