removed unused stuff

web/src/components/Toast.vue

@@ -2,7 +2,7 @@
     <div class="absolute bottom-16 right-2 z-20 flex flex-col gap-3 min-w-[300px]">
         <TransitionGroup name="toastItem" tag="div">
             <div v-for=" t in toastArr" :key="t.id">
-                <div id="toast-success"
+                <div
                     class="flex items-center w-full max-w-xs p-4 mb-4 text-gray-500 bg-white rounded-lg shadow dark:text-gray-400 dark:bg-gray-800"
                     role="alert">
                     <div class="flex flex-row  items-center">
@@ -23,7 +23,7 @@
                     </div>
                     <button type="button" @click="close(t.id)"
                         class="ml-auto -mx-1.5 -my-1.5 bg-white text-gray-400 hover:text-gray-900 rounded-lg focus:ring-2 focus:ring-gray-300 p-1.5 hover:bg-gray-100 inline-flex h-8 w-8 dark:text-gray-500 dark:hover:text-white dark:bg-gray-800 dark:hover:bg-gray-700"
-                        data-dismiss-target="#toast-success" aria-label="Close">
+                        >
                         <span class="sr-only">Close</span>
                         <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"
                             xmlns="http://www.w3.org/2000/svg">
@@ -44,9 +44,9 @@ import feather from 'feather-icons'
 import { nextTick, TransitionGroup } from 'vue'
 export default {
     name: 'Toast',
-    emits: ['close'],
+    
     props: {
-        showProp: false
+       
     },
     data() {
         return {
@@ -86,18 +86,8 @@ export default {
 
     },
     watch: {
-        showProp(val) {
-            this.show = val
-            if (val) {
-                setTimeout(() => {
-                    this.$emit('close')
-                    this.show = false
-                }, 3000);
 
     }
-
-        }
-    }
 }
 </script>
 <style scoped>