Vue.js 2 Web Development Projects

Login

When the user is successfully logged in, we will dispatch a non-namespaced 'logged-in' action.

1. Back in the posts module, add the logged-in action using the new object notation:

      'logged-in': {        handler ({ dispatch, state }) {          if (state.mapBounds) {            dispatch('fetchPosts', {              mapBounds: state.mapBounds,              force: true,            })          }          if (state.selectedPostId) {            dispatch('selectPost', state.selectedPostId)          }        },        root: true,      },

2. In the main store login action, dispatch this new logged-in action if the user is successfully authenticated:

      if (user) {        // ...        dispatch('logged-in')      }