title: Vuetify: show tooltip with a condition
body: <p>I'm new to Vue.js and I hope with your help to understand scoped slots...</p>
  
  <p>I would like to optimize my code, the tooltip must be visible on hover only if the label has more than 10 characters (or any other condition).</p>
  
  <p>This works, but it is not optimized:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;v-btn&gt;
   &lt;v-tooltip right v-if="slot.label.length &gt; 20"&gt;
    &lt;template v-slot:activator="{on}"&gt;
     &lt;span class="text-truncate ml-1 mr-1" v-on="on"&gt;
      {{slot.label}}
     &lt;/span&gt;
    &lt;/template&gt;
    &lt;span&gt;{{slot.label}}&lt;/span&gt;
   &lt;/v-tooltip&gt;
   &lt;span v-else class="text-truncate ml-1 mr-1"&gt;
    {{slot.label}}
   &lt;/span&gt;
  &lt;/v-btn&gt;
  </code></pre>