title: V-data-table template v-slot syntax
body: <p>Hello and thank you for reading my question.</p>
  <p>I have an array of objects looking like this :</p>
  <pre><code>[{
    id=1,
    products= [a,b,c]
   },
   {
    id=2,
    products= [d,e,f]
   }]
  </code></pre>
  <p>I want to display data in a v-data-table with two columns (id and products) and products items in a nested v-data-table.</p>
  <p>So far I found that i should use template and v-slot but I don't find the right way to do it.</p>
  <pre><code>&lt;v-data-table            
          item-key=&quot;id&quot;
          items={products}
        &gt;
          &lt;template v-slot=&quot;&quot;&gt;
            &lt;v-data-table&gt; ... &lt;/v-data-table&gt;
          &lt;/template&gt;
  
        &lt;/v-data-table&gt;
  </code></pre>
  <p>Instead of the nested table I get</p>
  <pre><code>[object Object],[object Object]
  </code></pre>
  <p>How to use template v-slot in tsx files ?
  And more generally, how to 'translate' vuetify js to tsx (documentation) ?</p>
  <p>Thanks again</p>