[Bug Report] v-pagination component too wide, if length is large

[laberning]

Environment

Vuetify Version: 2.2.23
Vue Version: 2.6.11
Browsers: Chrome 81.0.4044.92
OS: Windows 10

Steps to reproduce

Create a v-pagination-component with large length, i.e.

  <v-pagination
    v-model="page"
    :length="10000"
  ></v-pagination>

Expected Behavior

The rendered component should fit into the available screen size.

Actual Behavior

The component is larger than the available screen size.

Reproduction Link

https://codepen.io/laberning/pen/rNOmbdL

Other comments

The implementation assumes a fixed width per "page"-button, but pages with high numbers need more space.

this.maxButtons = Math.floor((width - 96) / 42)

[bkpedrosuper]

I am actually having the same problem.

[bkpedrosuper]

problem
I kinda solved.
what I did was set the prop total-visible to "12". It still doesn't fit the page correctly, but the main problem is now solved.

<v-pagination v-if="pages" class="text-xs-center pt-3 r-pagination" v-model="pagination.page" :length="pages" total-visible="12" />

[AhmadIshtiaq]

I'm also facing the same issue in vuexy-vuejs-admin-template.
when page length is large(eg.1000000) then page number doesn't fit in the page border it should.
it should increase the page size when page number increase
If someone find any solution please share with us