Unknown action : Counter not incrementing with Vuex (VueJS)
<p>I'm using the following code to increment a counter in store.js using Vuex. Don't know why, when I click the increment button, it says: </p>

<blockquote>
  <p>[vuex] unknown action type: INCREMENT</p>
</blockquote>

<p><strong>store.js</strong></p>

<pre><code>import Vuex from 'vuex'
import Vue from 'vue'
Vue.use(Vuex)
var store = new Vuex.Store({
  state: {
    counter: 0
  },
  mutations: {
    INCREMENT (state) {
      state.counter++;
    }
  }
})
export default store
</code></pre>

<p><strong>IcrementButton.vue</strong></p>

<pre><code>&lt;template&gt;
  &lt;button @click.prevent="activate"&gt;+1&lt;/button&gt;
&lt;/template&gt;

&lt;script&gt;
import store from '../store'

export default {
  methods: {
    activate () {
      store.dispatch('INCREMENT');
    }
  }
}
&lt;/script&gt;

&lt;style&gt;
&lt;/style&gt;
</code></pre>