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,

          role: 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

          },

          Role(state, role) {
              state.role = role
          }
      },

      //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)

          },
          Role({ commit }, role) {
              commit('Role', role)

          }

  
      }

  })