title: how to use vuetify v-rating event?
body: <p>in my template i build some v-rating component:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="rating" v-for="rating in applicationViewCv.jobPostRatingFields" :key="rating.id"&gt;
      &lt;label :for="rating.id"&gt;
        &lt;b&gt;{{rating.field}}&lt;/b&gt;
      &lt;/label&gt;
      &lt;v-rating
        @input="addRating(Number, rating.id)"
        :value="rating.id"
        background-color="indigo lighten-3"
        color="indigo"
        :dense="true"
        :hover="true"
        size="15"
        :id="rating.id"
      &gt;&lt;/v-rating&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>I need to get the selected value in the event and pass it to addRating function. 
  now when i log the (Number) it passes to the function it returns:</p>
  
  <blockquote>
    <p>ƒ Number() { [native code] }</p>
  </blockquote>
  
  <p>and if i use <code>Number()</code> it always returns zero no matter what i have selected. 
  i tied to do this by documentation in the link below:
   <a href="https://vuetifyjs.com/en/components/ratings" rel="nofollow noreferrer">https://vuetifyjs.com/en/components/ratings</a></p>
  
  <p>note: i cannot use v-model since the fields i want to get the rating of are dynamic hence i want to add an object for each field and push it into an array and send the array to the server</p>