Initial commit

resources/js/views/demos/components/pagination/DemoPaginationSize.vue

@@ -0,0 +1,25 @@
+<script setup>
+const xSmallPagination = ref(1)
+const smallPagination = ref(2)
+const largePagination = ref(3)
+</script>
+
+<template>
+  <div class="d-flex flex-column gap-6 px-4">
+    <VPagination
+      v-model="xSmallPagination"
+      :length="7"
+      size="small"
+    />
+    <VPagination
+      v-model="smallPagination"
+      :length="7"
+    />
+    <VPagination
+      v-model="largePagination"
+      :length="7"
+      :total-visible="$vuetify.display.xs ? 1 : 7"
+      size="large"
+    />
+  </div>
+</template>