From 0f484944695401f546a8c8650b64889b90668a9f Mon Sep 17 00:00:00 2001
From: Marco Crapts <marco.crapts@kpn.com>
Date: Fri, 26 May 2023 19:29:52 +0200
Subject: [PATCH] fix tailwind css

---
 src/components/ui/UIButton.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/ui/UIButton.vue b/src/components/ui/UIButton.vue
index f625708..c2f061c 100644
--- 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>