Updated in Files and Archiving

components/ButtonWithConfirm.vue

@@ -18,6 +18,7 @@ const {color,variant} = props
 const showModal = ref(false)
 
 const emitConfirm = () => {
+  showModal.value = false
   emit('confirmed')
 }
 </script>
@@ -38,19 +39,22 @@ const emitConfirm = () => {
       <slot/>
       <template #footer>
         <div class="text-right">
-          <UButton
-              color="rose"
-              variant="outline"
-              @click="showModal = false"
-          >
-            Abbrechen
-          </UButton>
-          <UButton
-              @click="emitConfirm"
-              class="ml-2"
-          >
-            Bestätigen
-          </UButton>
+          <UButtonGroup>
+            <UButton
+                color="rose"
+                variant="outline"
+                @click="showModal = false"
+            >
+              Abbrechen
+            </UButton>
+            <UButton
+                @click="emitConfirm"
+                class="ml-2"
+            >
+              Bestätigen
+            </UButton>
+          </UButtonGroup>
+
         </div>
       </template>
     </UCard>