From 811a933cd380207ea8abf23757fd1fe620dd118d Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Fri, 5 Jul 2024 16:14:53 +0200
Subject: [PATCH] feat: use withDefaults for AssigneeList

---
 .../tasks/partials/AssigneeList.vue           | 24 +++++++------------
 .../tasks/partials/EditAssignees.vue          |  2 +-
 2 files changed, 10 insertions(+), 16 deletions(-)

diff --git a/frontend/src/components/tasks/partials/AssigneeList.vue b/frontend/src/components/tasks/partials/AssigneeList.vue
index b0c2a251d..5d86dd9e3 100644
--- a/frontend/src/components/tasks/partials/AssigneeList.vue
+++ b/frontend/src/components/tasks/partials/AssigneeList.vue
@@ -2,23 +2,17 @@
 import type {IUser} from '@/modelTypes/IUser'
 import BaseButton from '@/components/base/BaseButton.vue'
 import User from '@/components/misc/User.vue'
-import {computed} from 'vue'
 
-const {
-	assignees,
-	remove,
-	disabled,
-	avatarSize = 30,
-	inline = false,
-} = defineProps<{
+withDefaults(defineProps<{
 	assignees: IUser[],
-	remove?: (user: IUser) => void,
 	disabled?: boolean,
 	avatarSize?: number,
 	inline?: boolean,
-}>()
-
-const hasDelete = computed(() => typeof remove !== 'undefined' && !disabled)
+	onRemove?: (user: IUser) => void
+}>(), {
+	avatarSize: 30,
+	inline: false,
+})
 </script>
 
 <template>
@@ -36,13 +30,13 @@ const hasDelete = computed(() => typeof remove !== 'undefined' && !disabled)
 				:avatar-size="avatarSize"
 				:show-username="false"
 				:user="user"
-				:class="{'m-2': hasDelete}"
+				:class="{'m-2': onRemove && !disabled}"
 			/>
 			<BaseButton
-				v-if="hasDelete"
+				v-if="onRemove && !disabled"
 				:key="'delete'+user.id"
 				class="remove-assignee"
-				@click="remove(user)"
+				@click="onRemove(user)"
 			>
 				<Icon icon="times" />
 			</BaseButton>
diff --git a/frontend/src/components/tasks/partials/EditAssignees.vue b/frontend/src/components/tasks/partials/EditAssignees.vue
index d1c520e4f..d2aaf8399 100644
--- a/frontend/src/components/tasks/partials/EditAssignees.vue
+++ b/frontend/src/components/tasks/partials/EditAssignees.vue
@@ -16,8 +16,8 @@
 		<template #items="{items}">
 			<AssigneeList
 				:assignees="items"
-				:remove="removeAssignee"
 				:disabled="disabled"
+				@remove="removeAssignee"
 			/>
 		</template>
 		<template #searchResult="{option: user}">