feat: withDefaults for Flatpickr

frontend/src/components/misc/flatpickr/Flatpickr.vue

@@ -62,29 +62,22 @@ export default {inheritAttrs: false}
 </script>
 
 <script setup lang="ts">
-import {computed, onBeforeUnmount, onMounted, ref, toRefs, useAttrs, watch, watchEffect, type PropType} from 'vue'
+import {computed, onBeforeUnmount, onMounted, ref, toRefs, useAttrs, watch, watchEffect} from 'vue'
 
-const props = defineProps({
+const props = withDefaults(defineProps<{
-	modelValue: {
+	modelValue: DateOption | DateOption[] | null,
-		type: [String, Number, Date, Array] as PropType<DateOption | DateOption[] | null>,
+	/**  https://flatpickr.js.org/options/ */
-		default: null,
+	config: Options,
-	},
+	events: HookKey[],
-	// https://flatpickr.js.org/options/
+	disabled: boolean,
-	config: {
+}>(), {
-		type: Object as PropType<Options>,
+	modelValue: null,
-		default: () => ({
+	config: () => ({
-			defaultDate: null,
+		defaultDate: undefined,
-			wrap: false,
+		wrap: false,
-		}),
+	}),
-	},
+	events: () => includedEvents,
-	events: {
+	disabled: false,
-		type: Array as PropType<HookKey[]>,
-		default: () => includedEvents,
-	},
-	disabled: {
-		type: Boolean,
-		default: false,
-	},
 })
 
 const emit = defineEmits([