title: Hide tab headers in vuetify
body: <p>I'm using @nuxtjs/vuetify with nuxt.js as combo.
  I'm using the component v-tabs with v-tabs-items in my page used as grouped settings.</p>
  
  <p>What i want to achieve is simple but i couldn't find the solution.
  if there is just one group of settings. i don't want to show the tab header.
  if there are multiple groups of settings. then the tab headers may show.</p>
  
  <p>so what the code is now:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;v-tabs v-model="tab"&gt; &lt;!-- GROUPED SETTINGS ORDERED IN TABS --&gt;
       &lt;v-tab class="mx-4" v-for="(tab, index) in Object.keys(content_fields)" :key="index"&gt;{{ tab }}&lt;/v-tab&gt;
  &lt;/v-tabs&gt;
  &lt;v-tabs-items v-model="tab"&gt;
    &lt;v-tab-item&gt;
       &lt;!-- item --&gt;
    &lt;/v-tab-item&gt;
  &lt;/v-tabs-items&gt;
  </code></pre>
  
  <p>i tried to do a v-if on the v-tabs. so if there is just one group the v-tabs will not show.
  but then the v-tabs-items will not show at all. even if i set the tab property on the good tab.</p>
  
  <p>is there any solution that will give the result that i want?</p>