Vue Metamask basic vuex store example

export const state = () => ({
    metamaskConnected: false,
    ethereum: null,
    accounts: []
})

export const mutations = {
    setMetamaskConnected(state, value) {
        state.metamaskConnected = value
    },
    setEthereum(state, value) {
        state.ethereum = value
    },
    setAccounts(state, value) {
        state.accounts = value
    }
}

export const getters = {
    metamaskConnected: state => state.metamaskConnected,
    ethereum: state => { if(process.client) { return window.ethereum } },
    getFirstAccount: state => { return state.accounts[0] }
}