title: How to set Veutify's dialog component 'persistent' property dynamically
body: <p>I have a component Modal.js:</p>
  
  <pre><code>const ModalComponent = Vue.component('modal-component', {
    template: `
    &lt;v-dialog
      v-model="isModalOpen"
      persistent='isPersistent'
      width="300"
    &gt;
      &lt;slot name='loaderIndicator'&gt;&lt;/slot&gt;
      &lt;slot name='dialog'&gt;&lt;/slot&gt;
    &lt;/v-dialog&gt;
    `,
     props: {
       isModalOpen: {
         type: Boolean,
         required: true,
         default: function () {
           return false;
         }
       },
       isPersistent: {
         type: Boolean,
         default: function () {
           return this.$store.state.isLoading
         }
       }
    },
  });
  
  export default ModalComponent;
  </code></pre>
  
  <p>No matter what I tried - I can't set the <code>persistent</code> property value to 'false'. Tried it with props (as in the code above, as I want this component to get this prop), tried setting it directly to false, tried passing the prop in different ways (i.e. isPersistent='false', isPersistent=false, :isPersistent=..." - nothing worked.</p>
  
  <p>Is there any way to change it? Or is having this property means this modal will be persistent no matter what? If that's the case - how can I add this prop dynamically?</p>