From e9fdc024858e1cf80cfd9224dd1cf77dcf1e4fab Mon Sep 17 00:00:00 2001
From: Phan An <me@phanan.net>
Date: Mon, 17 Apr 2023 22:13:11 +0200
Subject: [PATCH] chore: use UUID for message toaster

---
 resources/assets/js/components/ui/MessageToaster.vue | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/resources/assets/js/components/ui/MessageToaster.vue b/resources/assets/js/components/ui/MessageToaster.vue
index 2c3d5066..32c3a1c0 100644
--- a/resources/assets/js/components/ui/MessageToaster.vue
+++ b/resources/assets/js/components/ui/MessageToaster.vue
@@ -8,18 +8,17 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue'
+import { uuid } from '@/utils'
 import MessageToast from '@/components/ui/MessageToast.vue'
 
 const messages = ref<ToastMessage[]>([])
 
 const addMessage = (type: 'info' | 'success' | 'warning' | 'danger', content: string, timeout = 5) => {
-  const id = `${Date.now().toString(36)}.${Math.random().toString(36)}`
-
   messages.value.push({
-    id,
     type,
     content,
-    timeout
+    timeout,
+    id: uuid()
   })
 }