mirror of
https://github.com/LukeHagar/better-auth.git
synced 2025-12-06 20:37:44 +00:00
31 lines
772 B
Vue
31 lines
772 B
Vue
<script setup lang="ts">
|
|
import { type HTMLAttributes, computed } from "vue";
|
|
import { PaginationFirst, type PaginationFirstProps } from "radix-vue";
|
|
import { DoubleArrowLeftIcon } from "@radix-icons/vue";
|
|
import { Button } from "@/components/ui/button";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
const props = withDefaults(
|
|
defineProps<PaginationFirstProps & { class?: HTMLAttributes["class"] }>(),
|
|
{
|
|
asChild: true,
|
|
},
|
|
);
|
|
|
|
const delegatedProps = computed(() => {
|
|
const { class: _, ...delegated } = props;
|
|
|
|
return delegated;
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<PaginationFirst v-bind="delegatedProps">
|
|
<Button :class="cn('w-9 h-9 p-0', props.class)" variant="outline">
|
|
<slot>
|
|
<DoubleArrowLeftIcon />
|
|
</slot>
|
|
</Button>
|
|
</PaginationFirst>
|
|
</template>
|