From 79acca2c43435df37e070292e0655419a4f2a404 Mon Sep 17 00:00:00 2001
From: guerler <aysam.guerler@gmail.com>
Date: Wed, 30 Oct 2024 17:09:11 +0300
Subject: [PATCH] Switch AlertNotify handler to typescript

---
 src/components/AlertNotify.vue | 23 ++++++++++++-----------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/components/AlertNotify.vue b/src/components/AlertNotify.vue
index 039e416..ad5e602 100644
--- 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,
     () => {