title: Convert strings to numbers with <v-edit-dialog> component in Vuetify
body: <p>I have a Vuetify <code>Datatable</code> with inline editing using <code>&lt;v-edit-dialog&gt;</code> components. </p>
  
  <p><a href="https://i.stack.imgur.com/7ADCd.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7ADCd.png" alt="enter image description here"></a></p>
  
  <p>The Calories column values are numbers, but when I edit them, they are converted to strings by default and I want them to stay as numbers. For example If I change Frozen Yogurt Calories from 159 to 30, the value becomes the string "30".</p>
  
  <p><a href="https://i.stack.imgur.com/6fUuO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6fUuO.png" alt="enter image description here"></a></p>
  
  <p><strong>Code Snippet</strong></p>
  
  <pre><code>&lt;td&gt;
      &lt;v-edit-dialog
          :return-value.sync="props.item.calories"
          lazy
          @save="save"
      &gt; {{ props.item.calories }}
          &lt;v-text-field
          type="number"
          slot="input"
          v-model.number="props.item.calories"
          label="Edit"
          single-line
          &gt;&lt;/v-text-field&gt;
      &lt;/v-edit-dialog&gt;
  &lt;/td&gt; 
  </code></pre>
  
  <p>I thought that using <code>v-model.number</code> and the <code>type=number</code> would solve the problem, but it's still happening.</p>
  
  <p>This is a pen where you can reproduce my issue:</p>
  
  <p><a href="https://codepen.io/jdash99/pen/dQJVwx?editors=1010" rel="nofollow noreferrer">https://codepen.io/jdash99/pen/dQJVwx?editors=1010</a></p>