Niklas/shadcn-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(Button): use VariantProps for Button Props instead of NonNullable

Browse Source
This commit is contained in:
hrynevych.romann 2024-01-11 22:48:21 +02:00
parent ff2727500c
commit 2643f562cc
2 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
apps/www/src/lib/registry/default/ui/button/Button.vue
View File

@ -1,15 +1,20 @@
<script setup lang="ts"> <script setup lang="ts">
import type { VariantProps } from 'class-variance-authority'
import { Primitive, type PrimitiveProps } from 'radix-vue' import { Primitive, type PrimitiveProps } from 'radix-vue'
import { buttonVariants } from '.' import { buttonVariants } from '.'
import { cn } from '@/lib/utils' import { cn } from '@/lib/utils'
interface ButtonVariantProps extends VariantProps<typeof buttonVariants> {}
interface Props extends PrimitiveProps { interface Props extends PrimitiveProps {
variant?: NonNullable<Parameters<typeof buttonVariants>[0]>['variant'] variant?: ButtonVariantProps['variant']
size?: NonNullable<Parameters<typeof buttonVariants>[0]>['size'] size?: ButtonVariantProps['size']
as?: string as?: string
} }
withDefaults(defineProps<Props>(), { withDefaults(defineProps<Props>(), {
variant: 'default',
size: 'default',
as: 'button', as: 'button',
}) })
</script> </script>

9
apps/www/src/lib/registry/new-york/ui/button/Button.vue
View File

@ -1,15 +1,20 @@
<script setup lang="ts"> <script setup lang="ts">
import type { VariantProps } from 'class-variance-authority'
import { Primitive, type PrimitiveProps } from 'radix-vue' import { Primitive, type PrimitiveProps } from 'radix-vue'
import { buttonVariants } from '.' import { buttonVariants } from '.'
import { cn } from '@/lib/utils' import { cn } from '@/lib/utils'
interface ButtonVariantProps extends VariantProps<typeof buttonVariants> {}
interface Props extends PrimitiveProps { interface Props extends PrimitiveProps {
variant?: NonNullable<Parameters<typeof buttonVariants>[0]>['variant'] variant?: ButtonVariantProps['variant']
size?: NonNullable<Parameters<typeof buttonVariants>[0]>['size'] size?: ButtonVariantProps['size']
as?: string as?: string
} }
withDefaults(defineProps<Props>(), { withDefaults(defineProps<Props>(), {
variant: 'default',
size: 'default',
as: 'button', as: 'button',
}) })
</script> </script>