77

Author: kossiecoder

db.json

@@ -104,6 +104,18 @@
       "completed": false,
       "body": "asdf",
       "id": 25
+    },
+    {
+      "subject": "a",
+      "completed": false,
+      "body": "a",
+      "id": 26
+    },
+    {
+      "subject": "df",
+      "completed": false,
+      "body": "df",
+      "id": 27
     }
   ]
 }

src/store/index.js

@@ -6,5 +6,40 @@ export default createStore({
         toastAlertType: '',
         showToast: false, 
         timeout: null
+    },
+    mutations: {
+        UPDATE_TOAST_MESSAGE (state, payload) {
+            state.toastMessage = payload;
+        },
+        UPDATE_TOAST_ALERT_TYPE (state, payload) {
+            state.toastAlertType = payload;
+        },
+        UPDATE_TOAST_STATUS (state, payload) {
+            state.showToast = payload;
+        },
+        UPDATE_TOAST_TIMEOUT (state, payload) {
+            state.timeout = payload;
+        }
+    },
+    actions: {
+        triggerToast({ commit }, message, type = 'success') {
+            // toastMessage.value = message;
+            commit('UPDATE_TOAST_MESSAGE', message)
+            // toastAlertType.value = type;
+            commit('UPDATE_TOAST_ALERT_TYPE', type)
+            // showToast.value = true;
+            commit('UPDATE_TOAST_STATUS', true)
+
+            const timeout = setTimeout(() => {
+            //   toastMessage.value = '';
+              commit('UPDATE_TOAST_MESSAGE', '')
+            //   toastAlertType.value = '';
+              commit('UPDATE_TOAST_ALERT_TYPE', '')
+            //   showToast.value = false;
+              commit('UPDATE_TOAST_STATUS', false)
+            }, 5000)
+
+            commit('UPDATE_TOAST_TIMEOUT', timeout);
+          }
     }
 });