fix tailwind css
This commit is contained in:
@@ -14,9 +14,12 @@ const props = withDefaults(defineProps<Props>(), {
|
|||||||
})
|
})
|
||||||
|
|
||||||
const styleClass = computed(() => {
|
const styleClass = computed(() => {
|
||||||
|
const colorVariants: { [key: string]: string } = {
|
||||||
|
primary: 'btn-primary'
|
||||||
|
}
|
||||||
const sizeClass = `btn-${props.size}`
|
const sizeClass = `btn-${props.size}`
|
||||||
const variantClass = props.variant !== 'regular' ? `btn-${props.variant}` : ''
|
const variantClass = props.variant !== 'regular' ? `btn-${props.variant}` : ''
|
||||||
const colorClass = props.color !== 'regular' ? `btn-${props.color}` : ''
|
const colorClass = props.color !== 'regular' ? colorVariants[props.color] : ''
|
||||||
return [sizeClass, variantClass, colorClass]
|
return [sizeClass, variantClass, colorClass]
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
Reference in New Issue
Block a user