feat: improve user component

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({
+const props = withDefaults(defineProps<{
-	user: {
+	user: IUser,
-		type: Object as PropType<IUser>,
+	showUsername?: boolean,
-		required: true,
+	avatarSize?: number,
-	},
+	isInline?: boolean,
-	showUsername: {
+}>(), {
-		type: Boolean,
+	showUsername: true,
-		required: false,
+	avatarSize: 50,
-		default: true,
+	isInline: false,
-	},
-	avatarSize: {
-		type: Number,
-		required: false,
-		default: 50,
-	},
-	isInline: {
-		type: Boolean,
-		required: false,
-		default: false,
-	},
 })
 
 const displayName = computed(() => getDisplayName(props.user))