Removed default lucide icons and updated some packages

components/ui/pagination/PaginationEllipsis.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue"
 import { PaginationEllipsis, type PaginationEllipsisProps } from "radix-vue"
-import { MoreHorizontal } from "lucide-vue-next"
 import { cn } from "~/lib/utils"
+import { PhArrowsHorizontal } from "@phosphor-icons/vue";
 
 const props = defineProps<PaginationEllipsisProps & { class?: HTMLAttributes["class"] }>()
 
@@ -16,10 +16,10 @@ const delegatedProps = computed(() => {
 <template>
   <PaginationEllipsis
     v-bind="delegatedProps"
-    :class="cn('w-9 h-9 flex items-center justify-center', props.class)"
+    :class="cn('size-9 flex items-center justify-center', props.class)"
   >
     <slot>
-      <MoreHorizontal />
+      <PhArrowsHorizontal />
     </slot>
   </PaginationEllipsis>
 </template>

components/ui/pagination/PaginationFirst.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue"
 import { PaginationFirst, type PaginationFirstProps } from "radix-vue"
-import { ChevronsLeft } from "lucide-vue-next"
 import { Button } from "~/components/ui/button"
 import { cn } from "~/lib/utils"
+import { PhCaretDoubleLeft } from "@phosphor-icons/vue"
 
 const props = withDefaults(
   defineProps<PaginationFirstProps & { class?: HTMLAttributes["class"] }>(),
@@ -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="size-4" />
+        <PhCaretDoubleLeft class="size-4" />
       </slot>
     </Button>
   </PaginationFirst>

components/ui/pagination/PaginationLast.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue"
 import { PaginationLast, type PaginationLastProps } from "radix-vue"
-import { ChevronsRight } from "lucide-vue-next"
 import { Button } from "~/components/ui/button"
 import { cn } from "~/lib/utils"
+import { PhCaretDoubleRight } from "@phosphor-icons/vue"
 
 const props = withDefaults(
   defineProps<PaginationLastProps & { class?: HTMLAttributes["class"] }>(),
@@ -21,9 +21,9 @@ const delegatedProps = computed(() => {
 
 <template>
   <PaginationLast v-bind="delegatedProps">
-    <Button :class="cn('w-10 h-10 p-0', props.class)" variant="outline">
+    <Button :class="cn('size-10 p-0', props.class)" variant="outline">
       <slot>
-        <ChevronsRight class="size-4" />
+        <PhCaretDoubleRight class="size-4" />
       </slot>
     </Button>
   </PaginationLast>

components/ui/pagination/PaginationNext.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue"
 import { PaginationNext, type PaginationNextProps } from "radix-vue"
-import { ChevronRight } from "lucide-vue-next"
 import { Button } from "~/components/ui/button"
 import { cn } from "~/lib/utils"
+import { PhCaretRight } from "@phosphor-icons/vue"
 
 const props = withDefaults(
   defineProps<PaginationNextProps & { class?: HTMLAttributes["class"] }>(),
@@ -21,9 +21,9 @@ const delegatedProps = computed(() => {
 
 <template>
   <PaginationNext v-bind="delegatedProps">
-    <Button :class="cn('w-10 h-10 p-0', props.class)" variant="outline">
+    <Button :class="cn('size-10 p-0', props.class)" variant="outline">
       <slot>
-        <ChevronRight class="size-4" />
+        <PhCaretRight class="size-4" />
       </slot>
     </Button>
   </PaginationNext>

components/ui/pagination/PaginationPrev.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue"
 import { PaginationPrev, type PaginationPrevProps } from "radix-vue"
-import { ChevronLeft } from "lucide-vue-next"
 import { Button } from "~/components/ui/button"
 import { cn } from "~/lib/utils"
+import { PhCaretLeft } from "@phosphor-icons/vue"
 
 const props = withDefaults(
   defineProps<PaginationPrevProps & { class?: HTMLAttributes["class"] }>(),
@@ -21,9 +21,9 @@ const delegatedProps = computed(() => {
 
 <template>
   <PaginationPrev v-bind="delegatedProps">
-    <Button :class="cn('w-10 h-10 p-0', props.class)" variant="outline">
+    <Button :class="cn('size-10 p-0', props.class)" variant="outline">
       <slot>
-        <ChevronLeft class="size-4" />
+        <PhCaretLeft class="size-4" />
       </slot>
     </Button>
   </PaginationPrev>