From fe21a2c3daf193ac0381d6c84dd271cac835a8e2 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Sat, 15 Jun 2024 17:45:29 +0200
Subject: [PATCH] feat: improve user component

---
 frontend/src/components/misc/user.vue | 31 +++++++++------------------
 1 file changed, 10 insertions(+), 21 deletions(-)

diff --git a/frontend/src/components/misc/user.vue b/frontend/src/components/misc/user.vue
index 27ac7cf44..4f985fbfc 100644
--- a/frontend/src/components/misc/user.vue
+++ b/frontend/src/components/misc/user.vue
@@ -19,31 +19,20 @@
 </template>
 
 <script lang="ts" setup>
-import {computed, type PropType} from 'vue'
+import {computed} from 'vue'
 
 import {getAvatarUrl, getDisplayName} from '@/models/user'
 import type {IUser} from '@/modelTypes/IUser'
 
-const props = defineProps({
-	user: {
-		type: Object as PropType<IUser>,
-		required: true,
-	},
-	showUsername: {
-		type: Boolean,
-		required: false,
-		default: true,
-	},
-	avatarSize: {
-		type: Number,
-		required: false,
-		default: 50,
-	},
-	isInline: {
-		type: Boolean,
-		required: false,
-		default: false,
-	},
+const props = withDefaults(defineProps<{
+	user: IUser,
+	showUsername?: boolean,
+	avatarSize?: number,
+	isInline?: boolean,
+}>(), {
+	showUsername: true,
+	avatarSize: 50,
+	isInline: false,
 })
 
 const displayName = computed(() => getDisplayName(props.user))