71. Cierre de sesión en una aplicación Vue 3 con autenticación

En el action logout(), en lugar del reload implementé una redirección y también una limpieza de la propiedad auth del estado Vuex (ya que la data persiste ahí si solo eliminamos el local storage). A continuación código del archivo src\store\index.js

import { createStore } from 'vuex'
import router from '@/router'

export default createStore({
  state: {
    auth: null
  },
  getters: {
  },
  mutations: {
    setAuth(state, auth) {
      state.auth = auth
    },
    clearAuth(state) {
      state.auth = null
    }
  },
  actions: {
    setAuth ({ commit }) {
      if (localStorage.getItem('auth')) {
        commit('setAuth', JSON.parse(localStorage.getItem('auth')));
      }
    },

    logout({ commit }) {
      localStorage.removeItem('auth');
      commit('clearAuth')
      router.push('/login');
    }
  },
  modules: {
  }
})