Merge pull request #304 from jrd-lewis/feature/cbutton-variant-fix

mrholek · web-flow · commit d53b6fe313f8 · 2025-08-01T01:55:24.000+02:00
Fix: CButton variant styling when undefined
diff --git a/packages/coreui-vue/src/components/button/CButton.ts b/packages/coreui-vue/src/components/button/CButton.ts
@@ -93,8 +93,9 @@ export const CButton = defineComponent({
         {
           class: [
             'btn',
-            props.variant && props.color ? `btn-${props.variant}-${props.color}` : `btn-${props.variant}`,
             {
+              [`btn-${props.variant}-${props.color}`]: props.color && props.variant,
+              [`btn-${props.variant}`]: !props.color && props.variant,
               [`btn-${props.color}`]: props.color && !props.variant,
               [`btn-${props.size}`]: props.size,
               active: props.active,

Original file line number	Diff line number	Diff line change
`@@ -93,8 +93,9 @@ export const CButton = defineComponent({`
`93`	`93`	`{`
`94`	`94`	`class: [`
`95`	`95`	`'btn',`
`96`		- props.variant && props.color ? `btn-${props.variant}-${props.color}` : `btn-${props.variant}`,
`97`	`96`	`{`
	`97`	+ [`btn-${props.variant}-${props.color}`]: props.color && props.variant,
	`98`	+ [`btn-${props.variant}`]: !props.color && props.variant,
`98`	`99`	[`btn-${props.color}`]: props.color && !props.variant,
`99`	`100`	[`btn-${props.size}`]: props.size,
`100`	`101`	`active: props.active,`