diff --git a/frontend/src/components/misc/Done.vue b/frontend/src/components/misc/Done.vue
index 3a8ccb356..cc440a9d0 100644
--- a/frontend/src/components/misc/Done.vue
+++ b/frontend/src/components/misc/Done.vue
@@ -9,18 +9,12 @@
 </template>
 
 <script lang="ts" setup>
-import type {PropType} from 'vue'
-type Variants = 'default' | 'small'
-
-defineProps({
-	isDone: {
-		type: Boolean,
-		default: false,
-	},
-	variant: {
-		type: String as PropType<Variants>,
-		default: 'default',
-	},
+withDefaults(defineProps<{
+	isDone?: boolean
+	variant?: 'default' | 'small'
+}>(), {
+	isDone: false,
+	variant: 'default',
 })
 </script>