title: VueJS error Avoid mutating a prop directly
body: <p>I'm trying to create a modal but I'm getting this error only when I close it:</p>
  
  <pre><code>[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "value"
  
  found in
  
  ---&gt; &lt;PanelDesconectarModal&gt; at resources\assets\vue\PanelDesconectarModal.vue
         &lt;VNavigationDrawer&gt;
           &lt;PanelDrawer&gt; at resources\assets\vue\PanelDrawer.vue
             &lt;VApp&gt;
               &lt;PanelRoot&gt; at resources\assets\vue\PanelRoot.vue
                 &lt;VApp&gt;
                   &lt;Root&gt;
  </code></pre>
  
  <p>PanelDesconectarModal.vue</p>
  
  <pre><code>&lt;template&gt;
      &lt;v-dialog v-model="value" max-width="350"&gt;
          &lt;v-card :dark="($theme === 'dark')"&gt;
              &lt;v-card-title class="headline"&gt;Desconectar&lt;/v-card-title&gt;
              &lt;v-divider&gt;&lt;/v-divider&gt;
              &lt;v-card-text&gt;Você tem certeza que deseja desconectar-se?&lt;/v-card-text&gt;
              &lt;v-card-actions&gt;
                  &lt;v-spacer&gt;&lt;/v-spacer&gt;
                  &lt;v-btn flat @click.native="closeDialog"&gt;Cancelar&lt;/v-btn&gt;
                  &lt;v-btn :color="$color" flat="flat" @click.native="desconectar"&gt;Desconectar&lt;/v-btn&gt;
              &lt;/v-card-actions&gt;
          &lt;/v-card&gt;
      &lt;/v-dialog&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
      export default {
          name: 'panel-desconectar-modal',
          props: ['value'],
          methods: {
              closeDialog() {
                  this.value = false;
              },
              desconectar() {
                  this.closeDialog();
  
                  window.location = this.$route + '/panel/desconectar';
              }
          }
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>Using ProgressDesconectarModal.vue, showDesconectar is a data variable</p>
  
  <pre><code>&lt;panel-desconectar-modal :value="showDesconectar"&gt;&lt;/panel-desconectar-modal&gt;
  </code></pre>