title: How to have `v-divider` components between each `v-list-item`?
body: <p>I'm trying to iterate a v-divider based on how many answers i have, so that i have a divider for each answer (4). Taking a cue from an <a href="https://vuetifyjs.com/en/components/lists/#card-list" rel="nofollow noreferrer">example</a> on the official documentation i'm trying something like this but i can't get to the head, someone can explain to me where am i wrong?
  <a href="https://i.stack.imgur.com/zftiC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zftiC.png" alt="enter image description here" /></a></p>
  <p>This is the code:</p>
  <pre><code>&lt;template&gt;
    &lt;div class=&quot;dark2&quot;&gt;
      &lt;v-card max-width=&quot;600&quot; class=&quot;mx-auto&quot;&gt;
        &lt;v-toolbar extended class=&quot;mt-10&quot; color=&quot;light-blue&quot; dark&gt;
          &lt;v-toolbar-title class=&quot;flex text-center&quot;&gt;
            &lt;h2 class=&quot;text-center mt-10&quot;&gt;Quiz Dark 2&lt;/h2&gt;
          &lt;/v-toolbar-title&gt;
        &lt;/v-toolbar&gt;
  
        &lt;v-progress-linear :value=&quot;progress&quot;&gt;&lt;/v-progress-linear&gt;
  
        &lt;v-list subheader two-line v-for=&quot;(element, index) in questions.slice(a,b)&quot; :key=&quot;index&quot; v-show=&quot;quiz&quot;&gt;
          &lt;h1 class=&quot;text-center my-4&quot;&gt;Domanda {{ b }}/{{ questions.length }}&lt;/h1&gt;
          &lt;v-list-item class=&quot;d-flex justify-center text-center&quot;&gt;{{ element.question }}&lt;/v-list-item&gt;
          &lt;v-divider class=&quot;mt-10&quot;&gt;&lt;/v-divider&gt;
  
          &lt;v-list-item-group active-class=&quot;pink--text&quot;&gt;
            &lt;v-list-item class=&quot;d-flex justify-center my-2&quot; v-for=&quot;(item, index) in element.suggestions&quot; :key=&quot;index&quot;&gt;
              {{ item.suggestion }}
            &lt;/v-list-item&gt;
            &lt;v-divider v-if=&quot;index &lt; questions.length - 1&quot;
                       :key=&quot;index&quot;&gt;&lt;/v-divider&gt;
          &lt;/v-list-item-group&gt;
        &lt;/v-list&gt;
  
      &lt;/v-card&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
    data() {
      return {
        questions: [
          {
            question: 'Cosa lascia Micheal kanhnwald a suo figlio Jonas prima di impiccarsi?',
            suggestions: [
              {suggestion: 'Un libro'},
              {suggestion: 'Una lettera'},
              {suggestion: 'Una torcia futuristica'},
              {suggestion: 'Un contatore Geiger'}
            ]
          }
        ],
        a: 0,
        b: 1,
        select: false,
        score: 0,
        quiz: true,
        score_show: false,
        next: false,
        progress: 0
      }
    }
  }
  &lt;/script&gt;
  </code></pre>