Changed h-w to size

components/ui/pagination/PaginationFirst.vue

@@ -23,7 +23,7 @@ const delegatedProps = computed(() => {
   <PaginationFirst v-bind="delegatedProps">
     <Button :class="cn('w-10 h-10 p-0', props.class)" variant="outline">
       <slot>
-        <ChevronsLeft class="h-4 w-4" />
+        <ChevronsLeft class="size-4" />
       </slot>
     </Button>
   </PaginationFirst>

components/ui/pagination/PaginationLast.vue

@@ -23,7 +23,7 @@ const delegatedProps = computed(() => {
   <PaginationLast v-bind="delegatedProps">
     <Button :class="cn('w-10 h-10 p-0', props.class)" variant="outline">
       <slot>
-        <ChevronsRight class="h-4 w-4" />
+        <ChevronsRight class="size-4" />
       </slot>
     </Button>
   </PaginationLast>

components/ui/pagination/PaginationNext.vue

@@ -23,7 +23,7 @@ const delegatedProps = computed(() => {
   <PaginationNext v-bind="delegatedProps">
     <Button :class="cn('w-10 h-10 p-0', props.class)" variant="outline">
       <slot>
-        <ChevronRight class="h-4 w-4" />
+        <ChevronRight class="size-4" />
       </slot>
     </Button>
   </PaginationNext>

components/ui/pagination/PaginationPrev.vue

@@ -23,7 +23,7 @@ const delegatedProps = computed(() => {
   <PaginationPrev v-bind="delegatedProps">
     <Button :class="cn('w-10 h-10 p-0', props.class)" variant="outline">
       <slot>
-        <ChevronLeft class="h-4 w-4" />
+        <ChevronLeft class="size-4" />
       </slot>
     </Button>
   </PaginationPrev>