import Vue from 'vue'
import Vuex from 'vuex'
import createPersistedState from 'vuex-persistedstate'

Vue.use(Vuex)

export default new Vuex.Store({
    strict:true,
    plugins:[
        createPersistedState() 
    ],
    state: {
        token: null,
        data: null,
        isUserLoggedIn: false,
        id: null,
    },
    // serve as the one and only way to change the state of the data in the state object
    mutations: {
        setToken (state, token) {
            state.token = token
            //state.isUserLoggedIn = !!(token)
        if (token != null) {
            state.isUserLoggedIn = true
           } else {
            state.isUserLoggedIn = false
        } 
        },
        setUser (state, data) {
            state.data = data
        },
        Id (state, id) {
              state.id = id
        },
    }, 
    //Action methods are referred to as being "dispatched"
    actions: {
        setToken ({commit}, token) {
            commit('setToken', token)
        },
        setUser ({commit}, data) {
            commit('setUser', data)
        },
        Id ({commit}, id) {
            commit('Id', id)
        }

    }
  
})