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,
        userName: null,
        password: null,
        name: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
        },
        User (state, userName) {
              state.userName = userName
        },
        password (state, password) {
            state.password = password
       },
       setName(state,name){
           state.name = name
       }
    }, 
    //Action methods are referred to as being "dispatched"
    actions: {
        setToken ({commit}, token) {
            commit('setToken', token)
        },
        setUser ({commit}, data) {
            commit('setUser', data)
        },
        User ({commit}, userName) {
            commit('User', userName)
        },
        password ({commit}, password) {
            commit('password', password)
        },
        setName({commit},name) {
            commit('setName',name)
        }

    }
  
})