title: vuex do not mutate vuex store state outside mutation handlers
body: <p>[vuex] do not mutate vuex store state outside mutation handlers.</p>
  
  <p>When trying to edit the fields this message is shown in the terminal.</p>
  
  <p>How do I use the form correctly?</p>
  
  <pre><code>&lt;q-editor v-model="form.email" min-height="5rem" /&gt;
  </code></pre>
  
  <p>-</p>
  
  <pre><code>  data() {
      return {
        form: {
          email: null
        }
      };
    },
    computed: {
      ...mapGetters('auth', ['getSeller'])
    },
    methods: {
      ...mapActions('auth', ['setSeller'])
    },
    created() {
      this.form.email = this.getSeller.email;
    }
  </code></pre>
  
  <p>--</p>
  
  <pre><code>vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in callback for watcher "function () { return this._data.$$state }": "Error: [vuex] do not mutate vuex store state outside mutation handlers."
  </code></pre>
  
  <p>UPDATE:</p>
  
  <pre><code>&lt;template&gt;
    &lt;div&gt;
      &lt;q-toggle v-model="FormState.email" /&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
    computed: {
      FormState: {
        get () {
          return this.$store.state.form
        },
        set (val) {
          this.$store.commit('auth/setSeller', val)
        }
      }
    }
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>shows the same error</p>
  
  <blockquote>
    <p>Error: [vuex] do not mutate vuex store state outside mutation
    handlers.</p>
  </blockquote>