55

Author: kossiecoder

src/pages/todos/_id.vue

@@ -54,13 +54,12 @@
     :message="toastMessage"
     :type="toastAlertType"
   />
-  <div id="kossie">coder</div>
 </template>
 
 <script>
 import { useRoute, useRouter } from 'vue-router';
 import axios from 'axios';
-import { ref, computed, onBeforeMount,onMounted, onBeforeUpdate, onUpdated, onBeforeUnmount, onUnmounted  } from 'vue';
+import { ref, computed, onUnmounted  } from 'vue';
 import _ from 'lodash';
 import Toast from '@/components/Toast.vue';
 
@@ -69,27 +68,6 @@ export default {
     Toast
   },
     setup() {
-      onBeforeMount(() => {
-        console.log(document.querySelector('#kossie'))
-      });
-      onMounted(() => {
-console.log(document.querySelector('#kossie'))
-      });
-      onBeforeUpdate(() => {
-        console.log('before updat');
-      })
-
-      onUpdated(() => {
-        console.log('updated')
-      })
-      onBeforeUnmount(() => {
-        console.log('before unmount')
-      })
-
-      onUnmounted(() => {
-        console.log('unmounted')
-      })
-      console.log('hello')
         const route = useRoute();
         const router = useRouter();
         const todo = ref(null);
@@ -98,8 +76,13 @@ console.log(document.querySelector('#kossie'))
         const showToast = ref(false);
         const toastMessage = ref('');
         const toastAlertType = ref('');
+        const timeout = ref(null);
         const todoId = route.params.id
 
+        onUnmounted(() => {
+          clearTimeout(timeout.value);
+        })
+
         const getTodo = async () => {
           try {
             const res = await axios.get(`
@@ -136,11 +119,11 @@ console.log(document.querySelector('#kossie'))
           toastMessage.value = message;
           toastAlertType.value = type;
           showToast.value = true;
-          setTimeout(() => {
+          timeout.value = setTimeout(() => {
             toastMessage.value = '';
             toastAlertType.value = '';
             showToast.value = false;
-          }, 3000)
+          }, 5000)
         }
 
         const onSave = async () => {