Switch AlertNotify handler to typescript

galaxyproject · Oct 30, 2024 · 79acca2 · 79acca2
1 parent 7bd4b33
commit 79acca2
Showing 1 changed file with 12 additions and 11 deletions.
diff --git a/src/components/AlertNotify.vue b/src/components/AlertNotify.vue
@@ -1,24 +1,25 @@
-<script setup>
+<script setup lang="ts">
 import { watch } from "vue";
 import { NAlert } from "naive-ui";
 
+type MessageVariantType = "info" | "default" | "warning" | "error" | "success" | undefined;
+
 const MESSAGE_TIMEOUT = 2000;
 
-const props = defineProps({
-    message: {
-        type: String,
-        required: true,
-    },
-    messageType: {
-        type: String,
-        default: "info",
+const props = withDefaults(
+    defineProps<{
+        message: string;
+        messageType?: MessageVariantType;
+    }>(),
+    {
+        messageType: "info",
     },
-});
+);
 
 const emit = defineEmits(["timeout"]);
 
 // Watch and clear messages
-let timeoutMessage = null;
+let timeoutMessage: ReturnType<typeof setTimeout> | null = null;
 watch(
     () => props.message,
     () => {