title: Vuex actions object not returning data
body: <p>I have in my store the following:</p>
  
  <pre><code>import Vuex from 'vuex'
  import Vue from 'vue'
  
  Vue.use(Vuex);
  
  export const store = new Vuex.Store({
  state: {
      campaigns: '',
      currentCampaign: null
  },
  
  mutations: {
      GET_CAMPAIGNS(state, campaigns) {
          state.campaigns = campaigns
      }
  },
  actions: {
      getCampaigns ( context ) {
         return axios
              .get('/api/campaign/history')
              .then((response) =&gt; {
                  context.commit('GET_CAMPAIGNS', response.data)
              })
      },
  }
  </code></pre>
  
  <p>});</p>
  
  <p>The issue is that the <code>campaigns</code> is still empty. Please, what I'm not doing right?</p>
  
  <p><a href="https://i.stack.imgur.com/ijbae.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ijbae.jpg" alt="dev tool snapshot"></a></p>
  
  <p><a href="https://i.stack.imgur.com/M25yW.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/M25yW.jpg" alt="Current campaign"></a></p>
  
  <p>In my component methods, I called the mutations like so:</p>
  
  <pre><code>markAsCurrent (campaign) {
              this.$store.commit('CURRENT_CAMPAIGN', campaign.id)
          } 
  </code></pre>
  
  <p>but the <code>currentCampaign</code> state is returning <code>undefined</code></p>