user.js

import Axios from "axios"

export default {
    namespaced: true,
    state: {
        token: "",
        userData: {}
    },
    getters: 
    {
        hasToken(state)
        {
            return !!state.token
        },
        isLogged(state, getters)
        {
            return state.userData.id > 0 && getters.hasToken
        },
        isAdmin(state, getters)
        {
            return getters.isLogged && state.userData.cargo > 1
        }
    },
    mutations: {
        updateToken(state, payload) {
            state.token = payload
            localStorage.setItem("_token", payload);
        },
        updateUserData(state, payload) {
            state.userData = payload
        },
        userLogout(state) {
            localStorage.removeItem("_token")
            state.token = ""
            state.userData = []
        }
    },
    actions: {
        setToken({ commit }, payload) {
            commit('updateToken', payload)
        },
        setUser({ commit, state, getters }) {

            async function getData(token) {
                return await Axios.get('/api/user', { headers: { Authorization: 'Bearer ' + token } })
            }

            if (getters.isLogged || localStorage.getItem('_token')) {

                getters.isLogged ? false : commit('updateToken', localStorage.getItem('_token'))

                getData(state.token).then(res => {
                    commit('updateUserData', res.data)
                })

                setInterval(() => {
                    getData(state.token).then(res => {
                        commit('updateUserData', res.data)
                    })
                }, 200000)
            }

        },
        userLogout({ commit }) {
            commit('userLogout')
        }
    }
}