fix tailwind css

2023-05-26 19:29:52 +02:00
parent 41390233c1
commit 0f48494469
1 changed files with 4 additions and 1 deletions
--- a/src/components/ui/UIButton.vue
+++ b/src/components/ui/UIButton.vue
@@ -14,9 +14,12 @@ const props = withDefaults(defineProps<Props>(), {
 })

 const styleClass = computed(() => {
+  const colorVariants: { [key: string]: string } = {
+    primary: 'btn-primary'
+  }
  const sizeClass = `btn-${props.size}`
  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]
 })
 </script>