title: Nuxt Vuetify apply nuxt-link on v-pagination
body: <p>I have a .vue file like  below</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;template&gt;
    &lt;v-pagination
      v-if=&quot;totalPage &gt; 1&quot;
      v-model=&quot;currentPage&quot;
      :total-visible=&quot;10&quot;
      class=&quot;mt-6&quot;
      :length=&quot;totalPage&quot;
      color=&quot;#FF9A00&quot;
    &gt;&lt;/v-pagination&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
    export default {
      data() {
        return {
          currentPage: this.$route.params.id ? parseInt(this.$route.params.id) : 1,
          count: 100,
          pageLimit: 10
        }
      },
      computed: {
        totalPage() {
          return Math.ceil(this.count / this.pageLimit)
        },
      },
      watch: {
        currentPage(val) {
          this.$router.push({ name: 'article-page-id', params: { id: val } })
        }
      },
    }
  &lt;/script&gt;
  </code></pre>
  <p>But the pagination of routes depend on the <code>watch()</code>. I was hoping I can make use of actual links instead so I can have my crawlers in <code>nuxt generate</code> produce static HTML on the pages of these paginations as well</p>
  <p><strong>UPDATE:</strong>
  I saw some workarounds in <a href="https://github.com/vuetifyjs/vuetify/issues/4855" rel="nofollow noreferrer">https://github.com/vuetifyjs/vuetify/issues/4855</a> but I am not quite sure where to put those workarounds.. Are they <code>components</code>, <code>plugins</code>? I am not sure</p>