wowowowowo

resources/js/components/ServerSelector.vue

@@ -1,4 +1,4 @@
-<script setup>
+<script setup lang="ts">
 import {
     Dialog,
     DialogContent,
@@ -13,23 +13,16 @@ import { LoaderCircleIcon } from "lucide-vue-next";
 import { ref, watch } from "vue";
 import { Card } from "./ui/card";
 
-const props = defineProps({
-    servers: {
-        type: Array,
-        required: false,
-    },
-    serviceCategory: {
-        type: String,
-        required: false,
-        validate: (value) => {
-            return Object.keys(ServiceCategory).includes(value);
-        },
-    },
-});
+const props = defineProps<{
+    servers?: Record<string, any>[];
+    serviceCategory?: keyof typeof ServiceCategory;
+}>();
 
 const isOpen = ref(false);
 
-defineEmits(["select"]);
+defineEmits<{
+    select: [server: Record<string, any>];
+}>();
 
 watch(isOpen, () => {
     if (isOpen.value && props.servers === undefined) {