<template>
  <div class="pagination-playground row">
    <div class="col">
      <v-pagination :total-pages="7" v-model="pagination1" small />
    </div>
    <div class="col">
      <v-pagination :total-pages="5" v-model="pagination2" show-previous show-next large />
    </div>
    <div class="col">
      <v-pagination :total-pages="9" v-model="pagination3" show-previous show-next show-first show-last />
    </div>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import { VPagination } from '../components';

const pagination1 = ref(3);
const pagination2 = ref(2);
const pagination3 = ref(5);
</script>
