title: Vuetify: use carousel to display components
body: <p>The response to <a href="https://github.com/vuetifyjs/vuetify/issues/181" rel="noreferrer">this</a> issue says:</p>
  
  <blockquote>
    <p>The slot is missing from the docs, you can already do this.</p>
  </blockquote>
  
  <p>Can someone provide a toy example or explanation of <em>how</em> to do this?  To clarify, what I want is to import components (eg. A.vue, B.vue, C.vue) into another (eg. Carousel.vue), then display said components in a carousel.  Something along the lines of:</p>
  
  <pre><code>&lt;template&gt;
    &lt;v-carousel&gt;
      &lt;v-carousel-item v-for="(component, i) in components"&gt;&lt;/v-carousel-item&gt;
    &lt;/v-carousel&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
    import A from '@/components/A'
    import B from '@/components/B'
    import C from '@/components/C'
  
    export default {
      components: {
        A,
        B,
        C
    }
  &lt;/script&gt;
  </code></pre>