title: How to handle checked and indeterminate in vuetify v-checkbox?
body: <p>I am trying to switch checked and indeterminate status in vuetify v-checkbox. Sometimes it works but most of the time it doesn't. What am I doing wrong? I want to set the indeterminate -> true of first checkbox by checking the second checkbox</p>
  
  <pre><code>&lt;v-template&gt;
  
    &lt;v-checkbox
       v-model="item_1.checked"
       :indeterminate="item_1.indeterminate"
     &gt;&lt;/v-checkbox&gt;
  
     &lt;v-checkbox
      @change="onTest($event)"
       v-model="item_2.checked"
       :indeterminate="item_2.indeterminate"
     &gt;&lt;/v-checkbox&gt;
  &lt;/v-template&gt;
  &lt;script&gt;
      methods: {
          onTest(event) {
              if(event) {
                  this.item_1.indeterminate = true;
                  this.item_1.checked = false;
              }
          } 
      }
      data(){
          return {
              item_1: {
                      name: 'test 1'
                      checked: false,
                      indeterminate: false
                  },
              item_2: 
                  {
                      name: 'test 1'
                      checked: false,
                      indeterminate: false
                  },
  
          }
      }
  &lt;/script&gt;
  </code></pre>