37 lines
4.0 KiB
JSON
37 lines
4.0 KiB
JSON
{
|
|
"name": "pagination",
|
|
"dependencies": [
|
|
"radix-vue"
|
|
],
|
|
"registryDependencies": [
|
|
"utils",
|
|
"button"
|
|
],
|
|
"files": [
|
|
{
|
|
"name": "PaginationEllipsis.vue",
|
|
"content": "<script setup lang=\"ts\">\nimport { useAttrs } from 'vue'\nimport { PaginationEllipsis, type PaginationEllipsisProps, useForwardProps } from 'radix-vue'\nimport { MoreHorizontal } from 'lucide-vue-next'\nimport { cn } from '@/lib/utils'\n\ndefineOptions({\n inheritAttrs: false,\n})\n\nconst props = defineProps<PaginationEllipsisProps>()\nconst forwarded = useForwardProps(props)\nconst { class: className, ...rest } = useAttrs()\n</script>\n\n<template>\n <PaginationEllipsis :class=\"cn('w-9 h-9 flex items-center justify-center', className ?? '')\" v-bind=\"{ ...forwarded, ...rest }\">\n <slot>\n <MoreHorizontal />\n </slot>\n </PaginationEllipsis>\n</template>\n"
|
|
},
|
|
{
|
|
"name": "PaginationFirst.vue",
|
|
"content": "<script setup lang=\"ts\">\nimport { PaginationFirst, type PaginationFirstProps, useForwardProps } from 'radix-vue'\nimport { ChevronsLeft } from 'lucide-vue-next'\nimport {\n Button,\n} from '@/lib/registry/default/ui/button'\n\nconst props = withDefaults(defineProps<PaginationFirstProps>(), {\n asChild: true,\n})\nconst forwarded = useForwardProps(props)\n</script>\n\n<template>\n <PaginationFirst v-bind=\"forwarded\">\n <Button class=\"w-10 h-10 p-0\" variant=\"outline\">\n <slot>\n <ChevronsLeft class=\"h-4 w-4\" />\n </slot>\n </Button>\n </PaginationFirst>\n</template>\n"
|
|
},
|
|
{
|
|
"name": "PaginationLast.vue",
|
|
"content": "<script setup lang=\"ts\">\nimport { PaginationLast, type PaginationLastProps, useForwardProps } from 'radix-vue'\nimport { ChevronsRight } from 'lucide-vue-next'\nimport {\n Button,\n} from '@/lib/registry/default/ui/button'\n\nconst props = withDefaults(defineProps<PaginationLastProps>(), {\n asChild: true,\n})\nconst forwarded = useForwardProps(props)\n</script>\n\n<template>\n <PaginationLast v-bind=\"forwarded\">\n <Button class=\"w-10 h-10 p-0\" variant=\"outline\">\n <slot>\n <ChevronsRight class=\"h-4 w-4\" />\n </slot>\n </Button>\n </PaginationLast>\n</template>\n"
|
|
},
|
|
{
|
|
"name": "PaginationNext.vue",
|
|
"content": "<script setup lang=\"ts\">\nimport { PaginationNext, type PaginationNextProps, useForwardProps } from 'radix-vue'\nimport { ChevronRight } from 'lucide-vue-next'\nimport {\n Button,\n} from '@/lib/registry/default/ui/button'\n\nconst props = withDefaults(defineProps<PaginationNextProps>(), {\n asChild: true,\n})\nconst forwarded = useForwardProps(props)\n</script>\n\n<template>\n <PaginationNext v-bind=\"forwarded\">\n <Button class=\"w-10 h-10 p-0\" variant=\"outline\">\n <slot>\n <ChevronRight class=\"h-4 w-4\" />\n </slot>\n </Button>\n </PaginationNext>\n</template>\n"
|
|
},
|
|
{
|
|
"name": "PaginationPrev.vue",
|
|
"content": "<script setup lang=\"ts\">\nimport { PaginationPrev, type PaginationPrevProps, useForwardProps } from 'radix-vue'\nimport { ChevronLeft } from 'lucide-vue-next'\nimport {\n Button,\n} from '@/lib/registry/default/ui/button'\n\nconst props = withDefaults(defineProps<PaginationPrevProps>(), {\n asChild: true,\n})\nconst forwarded = useForwardProps(props)\n</script>\n\n<template>\n <PaginationPrev v-bind=\"forwarded\">\n <Button class=\"w-10 h-10 p-0\" variant=\"outline\">\n <slot>\n <ChevronLeft class=\"h-4 w-4\" />\n </slot>\n </Button>\n </PaginationPrev>\n</template>\n"
|
|
},
|
|
{
|
|
"name": "index.ts",
|
|
"content": "export {\n PaginationRoot as Pagination,\n PaginationList,\n PaginationListItem,\n} from 'radix-vue'\nexport { default as PaginationEllipsis } from './PaginationEllipsis.vue'\nexport { default as PaginationFirst } from './PaginationFirst.vue'\nexport { default as PaginationLast } from './PaginationLast.vue'\nexport { default as PaginationNext } from './PaginationNext.vue'\nexport { default as PaginationPrev } from './PaginationPrev.vue'\n"
|
|
}
|
|
],
|
|
"type": "components:ui"
|
|
} |