23.02 Clear the State after User Logs Out

src/store/store-auth.js

@@ -35,7 +35,6 @@ const actions = {
       })
   },
   logoutUser () {
-    console.log('xx')
     firebaseAuth.signOut()
   },
   handleAuthStateChange ({ commit, dispatch }) {
@@ -47,6 +46,7 @@ const actions = {
         this.$router.push('/').catch(err => {})
         dispatch('tasks/fbReadData', null, { root: true })
       } else {
+        commit('tasks/clearTasks', null, { root: true })
         commit('setLoggedIn', false)
         commit('/tasks/setTasksDownloaded', false, { root: true })
         this.$router.replace('/auth').catch(err => { })

src/store/store-tasks.js

@@ -40,6 +40,9 @@ const mutations = {
   addTask (state, payload) {
     Vue.set(state.tasks, payload.id, payload.task)
   },
+  clearTasks (state) {
+    state.tasks = {}
+  },
   setSearch (state, value) {
     state.search = value
   },