How do I limit my pagination number buttons to 5?

You could make a lengthaware paginator and then do the calculations so you only have at most five pages. So sorry on tablet I didn't see the discussion was for vue.

https://jsfiddle.net/402tLv3n/7/

try this

@abusalameh thanks this is great.

the only problem is the div width changes, as much as possible I would like it to have a fixed size so It won't affect the responsiveness of the web page.

if you're interested you can use this framework for vuejs it has a penalty of components with elegant design :) and this problem is solved anyway

https://vuetifyjs.com/