title: How to set Vuetify pagination on list
body: <p>With vuetify, I am trying to set <code>&lt;v-pagination&gt;</code> on a <code>&lt;v-list-item&gt;</code> but I don't see how to bind my items (n in notification) to the pagination. Does it need an extra function? Most of the documentation I found was with vuetify tables. </p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;template&gt;
    &lt;div&gt;
      &lt;v-card
           class="mx-auto"
           max-width="300"
           tile
      &gt;
        &lt;v-list rounded&gt;
          &lt;v-subheader&gt;NOTIFICATIONS&lt;/v-subheader&gt;
          &lt;v-list-item-group color="primary"&gt;
            &lt;v-list-item
                 v-for="(n, i) in notification"
                 :key="i"
            &gt;
              &lt;v-list-item-content&gt;
                &lt;v-list-item-title v-text="n.payload"&gt;&lt;/v-list-item-title&gt;
              &lt;/v-list-item-content&gt;
            &lt;/v-list-item&gt;
            &lt;v-pagination
                 v-if="pages &gt; 1"
                 v-model="pagination.page"
                 :length="pages"
            &gt;&lt;/v-pagination&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 {
          name: "status",
  
        data() {
          return {
            pagination: {
                page: 1,
                total: 0,
                perPage: 0,
                visible: 3
            },
            notification: [],
          }
        },
        computed: {
          pages () {
              Math.ceil(this.notification.length / 3)
          }
        }
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>How do I set the number of items displayed by page?</p>