fix tailwind css

This commit is contained in:
Marco Crapts
2023-05-26 19:29:52 +02:00
parent 41390233c1
commit 0f48494469

View File

@@ -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>