working on AddEmployeeModal-Component

src/components/AddEmployeeModal.vue

@@ -0,0 +1,53 @@
+<template lang="pug">
+
+div.modal.fade#addEmployeeModal(
+    tabindex="-1"
+    aria-labelledby="addEmployeeModalLabel"
+    aria-hidden="false"
+    data-bs-focus="true"
+)
+    .modal-dialog 
+        .modal-content 
+            .modal-header 
+                h5.modal-title#addEmployeeModalLabel Mitarbeiter hinzufügen 
+                button.btn-close(
+                    type="button"
+                    aria-label="Close"
+                    @click=""
+                )
+            .modal-body
+                input.form-control(
+
+                )
+                ul.dropdown-menu(
+                    
+                ) 
+                    li.dropdown-item(
+                        
+                        
+                    )
+                    
+
+</template>
+
+<script setup lang="ts">
+    import { computed } from 'vue'
+
+    const props = defineProps<{
+        searchData : [],
+        searchFields? : string[],
+        sourceRow? : number,
+    }>()
+
+    console.log("hi")
+
+    /* const addEmployeeSuggestions = computed(() => {
+        return employees.value.filter((el: { name: string }) => {
+            return el.name.toLowerCase().search(addEmployeeInput.value.toLowerCase()) > 0
+        })
+    }) */
+
+</script>
+
+<style scoped>
+</style>