From 5545b0e447d406837324186c765cf2e8c8ed47c4 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Sat, 6 Jul 2024 12:20:33 +0200
Subject: [PATCH] feat: add withDefaults, defineEmits and defineSlots types for
 Dropdown

---
 frontend/src/components/misc/Dropdown.vue | 27 ++++++++++++++++-------
 1 file changed, 19 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/misc/Dropdown.vue b/frontend/src/components/misc/Dropdown.vue
index bec9b6da7..fd6db2611 100644
--- a/frontend/src/components/misc/Dropdown.vue
+++ b/frontend/src/components/misc/Dropdown.vue
@@ -36,20 +36,31 @@
 </template>
 
 <script setup lang="ts">
-import {ref, type PropType} from 'vue'
+import {ref} from 'vue'
 import {onClickOutside} from '@vueuse/core'
 import type {IconProp} from '@fortawesome/fontawesome-svg-core'
 
 import CustomTransition from '@/components/misc/CustomTransition.vue'
 import BaseButton from '@/components/base/BaseButton.vue'
 
-defineProps({
-	triggerIcon: {
-		type: String as PropType<IconProp>,
-		default: 'ellipsis-h',
-	},
+withDefaults(defineProps<{
+	triggerIcon?: IconProp
+}>(), {
+	triggerIcon: 'ellipsis-h',
 })
-const emit = defineEmits(['close'])
+
+const emit = defineEmits<{
+	'close': [event: PointerEvent]
+}>()
+
+defineSlots<{
+	'trigger': (props: {
+		close: () => void,
+		toggleOpen: () => void, 
+		open: boolean
+	}) => void,
+	'default': () => void
+}>()
 
 
 const initialMount = ref(false)
@@ -64,7 +75,7 @@ function toggleOpen() {
 }
 
 const dropdown = ref()
-onClickOutside(dropdown, (e: Event) => {
+onClickOutside(dropdown, (e) => {
 	if (!open.value) {
 		return
 	}