title: Use fallback content of slot only if condition is met
body: <p>I would like to know if there is a way to do what I'm trying to describe below:</p>
  
  <p>Let's suppose we have a component with a slot, and a fallback content has been defined.</p>
  
  <p>When using this component elsewhere, I would like to have the following behavior:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;TheComponent&gt;
    &lt;template v-slot:name="{ data }"&gt;
      &lt;fallback v-if="condition(data)"/&gt;
    &lt;/template&gt;
  &lt;/TheComponent&gt;
  </code></pre>
  
  <p>I suppose the <code>fallback</code> tag (or similar) does not exists (at least, I didn't find it...). So I suppose I'm thinking the wrong way, but I can't find a solution to my problem.</p>
  
  <p>The thing is that I can't alter the <code>TheComponent</code> as it is provided by an external library, and I don't want to re-create the content.</p>
  
  <p>If it can help, in fact, I'm trying to hide the expand button to prevent to expand a row in a Vuetify <code>data-table</code>, depending on if the row has something to show or not in it's expanded part. So I would like to write something that behave like:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;v-data-table :items="items" show-expand ...&gt;
    &lt;template v-slot:item.data-table-expand="{ item }"&gt;
      &lt;!-- Here I want the default behavior only if my item respects some condition --&gt;
      &lt;fallback v-if="condition(item)"/&gt;
      &lt;!-- Otherwise, I don't want to display the button that expands the row --&gt;
    &lt;/template&gt;
  &lt;/v-data-table&gt;
  </code></pre>
  
  <p>Thank you in advance for your help.</p>