title: How to make v-tabs-items and v-tab-item fill height
body: <p>I am following the example:
  <a href="https://vuetifyjs.com/en/components/tabs#content" rel="nofollow noreferrer">https://vuetifyjs.com/en/components/tabs#content</a></p>
  
  <pre><code>&lt;v-tabs-items v-model="model"&gt;
      &lt;v-tab-item
        v-for="i in 3"
        :key="i"
        :value="`tab-${i}`"
      &gt;
        &lt;v-card flat&gt;
          &lt;v-card-text v-text="text"&gt;&lt;/v-card-text&gt;
        &lt;/v-card&gt;
      &lt;/v-tab-item&gt;
    &lt;/v-tabs-items&gt;
  </code></pre>
  
  <p>However, I want v-card to take the rest of height. How can I achieve it?</p>