How to correctly change true to false and vice versa?

Question

Vue.js

I have a function (click_on_button) that changes false to true. I do not understand how to make this value change by pressing a button, depending on what is set on the server. Now my function looks like this:

foo() {
      var mydata = {'sound': true}
      var id = this.profile.id
      this.$store.dispatch('EDIT_PROFILE', {id, mydata})
}

I think I need to first check my store(profile.sound) if set to true send false to the server. Or vice versa.
How to do it easier?

Answer 1

var mydata = {'sound': !this.profile.sound}