feat(frontend): Add DeleteModal

legalconsenthub/components/DeleteModal.vue

@@ -0,0 +1,25 @@
+<template>
+  <UModal :open="isOpen" title="Mitbestimmungsantrag löschen" @update:open="$emit('update:isOpen', $event)">
+    <template #body>
+      Möchten Sie wirklich den Mitbestimmungsantrag <strong>{{ applicationFormToDelete.name }}</strong> löschen?
+    </template>
+    <template #footer>
+      <UButton label="Abbrechen" color="neutral" variant="outline" @click="$emit('update:isOpen', false)" />
+      <UButton label="Löschen" color="neutral" @click="$emit('delete', applicationFormToDelete.id)" />
+    </template>
+  </UModal>
+</template>
+
+<script setup lang="ts">
+import type { ApplicationFormDto } from '~/.api-client'
+
+defineEmits<{
+  (e: 'delete', id: string): void
+  (e: 'update:isOpen', value: boolean): void
+}>()
+
+defineProps<{
+  applicationFormToDelete: ApplicationFormDto
+  isOpen: boolean
+}>()
+</script>

legalconsenthub/components/Login.vue

@@ -4,12 +4,12 @@
     <form @submit.prevent="handleLogin">
       <div class="form-group">
         <label for="email-login">Email:</label>
-        <input type="email" id="email-login" v-model="email" required />
+        <input id="email-login" v-model="email" type="email" required />
       </div>
 
       <div class="form-group">
         <label for="password-login">Passwort:</label>
-        <input type="password" id="password-login" v-model="password" required />
+        <input id="password-login" v-model="password" type="password" required />
       </div>
 
       <button type="submit">Login</button>
@@ -17,7 +17,7 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref } from 'vue'
 
 const email = ref('')

legalconsenthub/components/Register.vue

@@ -4,22 +4,22 @@
     <form @submit.prevent="handleRegister">
       <div class="form-group">
         <label for="username">Benutzername:</label>
-        <input type="text" id="username" v-model="username" required />
+        <input id="username" v-model="username" type="text" required />
       </div>
 
       <div class="form-group">
         <label for="email">Email:</label>
-        <input type="email" id="email" v-model="email" required />
+        <input id="email" v-model="email" type="email" required />
       </div>
 
       <div class="form-group">
         <label for="password">Passwort:</label>
-        <input type="password" id="password" v-model="password" required />
+        <input id="password" v-model="password" type="password" required />
       </div>
 
       <div class="form-group">
         <label for="confirmPassword">Passwort bestätigen:</label>
-        <input type="password" id="confirmPassword" v-model="confirmPassword" required />
+        <input id="confirmPassword" v-model="confirmPassword" type="password" required />
       </div>
 
       <button type="submit">Registrieren</button>
@@ -27,7 +27,7 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref } from 'vue'
 
 const username = ref('')