const initialState = { date: null, loadingDate: false, dateStatement: '', } const state = { date: initialState.date, loadingDate: initialState.loadingDate, dateStatement: initialState.dateStatement } const getters = { date(state) { return state.date }, loadingDate(state) { return state.loadingDate }, dateStatement(state) { console.log(state.dateStatement); return !state.dateStatement ?moment(state.date).format('DD/MM/YYYY') :state.dateStatement }, } const mutations = { setDate(state, payload) { state.date = payload }, setLoadingDate(state, loading) { state.loadingDate = !!loading }, setDateStatement(state, payload) { console.log(payload); state.dateStatement = moment(payload).format('DD/MM/YYYY') }, } const actions = { initDate({ commit }, payload) { commit('setDate',payload) commit('setLoadingDate') }, resetDate({ getters, commit }) { commit('setLoadingDate', true) commit('setDate',null) }, dateNewStatement({ commit }, payload) { commit('setDateStatement', payload) } } export default { state, getters, mutations, actions }