title: or Nested List - Vuetify
body: <p>I am trying to create nested list with more than three levels of nesting. When I put children object of items inside child item in v-list it doesn't display anything.</p>
  
  <p>Is is even possible to create such nested list in vuetify? If not, what solution could be to this problem?</p>
  
  <pre><code>&lt;div&gt;
    &lt;v-list v-for="(powerPlant, i) in powerPlants" :key="i"&gt;
      &lt;v-list-group
        prepend-icon="fas fa-bolt"
        value=""
       &gt;
  
        &lt;v-list-tile slot="activator"&gt;
          &lt;v-list-tile-title&gt;{{powerPlant.name}}&lt;/v-list-tile-title&gt;
        &lt;/v-list-tile&gt;
  
        &lt;v-list-group
          no-action
          sub-group
          value="true"
          v-for="(generator, i) in generators" :key="i"
        &gt;
          &lt;v-list-tile slot="activator"&gt;
            &lt;v-list-tile-title&gt;{{generator.name}}&lt;/v-list-tile-title&gt;
          &lt;/v-list-tile&gt;
  
          &lt;v-list-tile
            v-for="(option, i) in options"
            :key="i"
          &gt;
            &lt;v-list-tile-title v-text="option[0]"&gt;&lt;/v-list-tile-title&gt;
            &lt;v-list-tile-action&gt;
              &lt;v-icon v-text="option[1]"&gt;&lt;/v-icon&gt;
            &lt;/v-list-tile-action&gt;
          &lt;/v-list-tile&gt;
        &lt;/v-list-group&gt;
      &lt;/v-list-group&gt;
     &lt;/v-list&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>If there is another way to make big nested list using Vue.js without using jQuery I would like to learn to.</p>
  
  <p>Sorry for not explain well. In this way a have posted a can reach 3 levels of list, but i cant go further like four or five levels.</p>