title: Setter for computed property obtained from store in vue.js
body: <p>I'd like to make two checkboxes which get value from <code>store.js</code> and send them to backend through a form:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;label&gt;Notify me 
      &lt;input type=&quot;checkbox&quot; v-model=&quot;notification&quot; value=&quot;notification&quot; /&gt;       
  &lt;/label&gt;
  
  &lt;label&gt;Email me 
      &lt;input type=&quot;checkbox&quot; v-model=&quot;email&quot; value=&quot;email&quot; /&gt;     
  &lt;/label&gt;
  </code></pre>
  <p>I get the values as a computed property:</p>
  <pre class="lang-js prettyprint-override"><code>computed: {
    BASE_URL () {
      return this.$store.state.BASE_URL;  
    }, 
    notification () {
      return this.$store.state.notification; 
    },
  
    email () {
      return this.$store.state.email; 
    }
  }
  </code></pre>
  <p>The problem is that checking the checkboxes does not change the values in the store, and in addition to that I get this warning in the console, like:</p>
  <pre><code>vue.esm.js?65d7:479 [Vue warn]: Computed property &quot;notification&quot; was assigned to but it has no setter.
  </code></pre>
  <p>I know that one can define setter in computed property, as <a href="https://v2.vuejs.org/v2/guide/computed.html#Computed-Setter" rel="nofollow noreferrer">described</a> in the vue.js docs, but I don't know how to do that when there are multiple values to set, like in my particular case.</p>
  <p>So appreciate your help to fix this.</p>