feat: Confetti on Deadline Confirm

nuxt/components/modal/ConfirmUserDeadline.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import party from 'party-js'
+
 const props = defineProps<{
   userDeadlineId: number
 }>()
@@ -23,6 +25,11 @@ const { refresh: onConfirmDeadline, status } = useFetch<any>(() => `user-deadlin
     }
   },
 })
+
+function confirmDeadline(event) {
+  party.confetti(event)
+  onConfirmDeadline()
+}
 </script>
 
 <template>
@@ -38,7 +45,7 @@ const { refresh: onConfirmDeadline, status } = useFetch<any>(() => `user-deadlin
     }"
   >
     <template #footer>
-      <UButton color="primary" label="Abschließen" :loading="status === 'pending'" @click="onConfirmDeadline" />
+      <UButton color="primary" label="Abschließen" :loading="status === 'pending'" @click="confirmDeadline" />
       <UButton color="white" label="Abbrechen" @click="isOpen = false" />
     </template>
   </UDashboardModal>