title: Toggle true/false using vuex modules?
body: <p>i am using vuex modules and i have a module named customer.js. In that i have a state showName which is by default set to false. I set a mutation to toggle that state. and in my about.vue file i have a button that calls that mutation but everytime i try to run that mutation, it gives me an error message  Property or method "showCustomerName" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.</p>
  
  <blockquote>
    <p>In my customer.js module</p>
  </blockquote>
  
  <pre><code>enter code here:    state: {
       showName:false,
   },
    mutations: {
      showCustomerName : state =&gt; {
        state.showName = !state.showName
        console.log('works??!!!')
     }
   },
   actions: {
  
   }
  })
  </code></pre>
  
  <p>In my about.vue file</p>
  
  <pre><code> &lt;template&gt;
      &lt;div&gt;
     &lt;button @click="showCustomerName"&gt;Click Me&lt;/button&gt;
     &lt;/div&gt;
    &lt;/template&gt;
  
  
   &lt;script&gt;
     import {mapMutations} from "vuex"
  
   export default {
   methods : {
     ...mapMutations ([
      "customer/showCustomerName"
      ])
    }
   }
   &lt;/script&gt;
  </code></pre>
  
  <p>I would assume this would work, but not sure what i am doing wrong. Thank you.</p>