Given this example:

<check-box v-model="foo"></check-box>

export default {
  data() {
    return {
      foo: true
    }
  }
}

You can see that the foo was declare as true, but the check-box is not checked. Also if I tapped the checkbox and watched the foo it's value becomes an object with value field inside.

Is there a way to make it emit only a boolean value?