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

fix: button should use primitive

Browse Source
This commit is contained in:
zernonia 2023-12-06 09:53:49 +08:00
parent 58bad186dc
commit bf4e8862c1
2 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,8 +1,9 @@
<script setup lang="ts">
import { Primitive, type PrimitiveProps } from 'radix-vue'
import { buttonVariants } from '.'
import { cn } from '@/lib/utils'
interface Props {
interface Props extends PrimitiveProps {
variant?: NonNullable<Parameters<typeof buttonVariants>[0]>['variant']
size?: NonNullable<Parameters<typeof buttonVariants>[0]>['size']
as?: string
@ -14,10 +15,11 @@ withDefaults(defineProps<Props>(), {
</script>
<template>
<component
:is="as"
<Primitive
:as="as"
:as-child="asChild"
:class="cn(buttonVariants({ variant, size }), $attrs.class ?? '')"
>
<slot />
</component>
</Primitive>
</template>

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

@ -1,8 +1,9 @@
<script setup lang="ts">
import { Primitive, type PrimitiveProps } from 'radix-vue'
import { buttonVariants } from '.'
import { cn } from '@/lib/utils'
interface Props {
interface Props extends PrimitiveProps {
variant?: NonNullable<Parameters<typeof buttonVariants>[0]>['variant']
size?: NonNullable<Parameters<typeof buttonVariants>[0]>['size']
as?: string
@ -14,10 +15,11 @@ withDefaults(defineProps<Props>(), {
</script>
<template>
<component
:is="as"
<Primitive
:as="as"
:as-child="asChild"
:class="cn(buttonVariants({ variant, size }), $attrs.class ?? '')"
>
<slot />
</component>
</Primitive>
</template>