diff --git a/packages/vuetify/src/composables/__tests__/rounded.spec.ts b/packages/vuetify/src/composables/__tests__/rounded.spec.ts index 010bee4ca94..4aebfd5f0a1 100644 --- a/packages/vuetify/src/composables/__tests__/rounded.spec.ts +++ b/packages/vuetify/src/composables/__tests__/rounded.spec.ts @@ -25,17 +25,18 @@ describe('rounded.ts', () => { [{}, []], [{ rounded: null }, []], [{ rounded: 1 }, []], - // // Rounded only + // Rounded only [{ rounded: true }, ['foo--rounded']], [{ rounded: '' }, ['foo--rounded']], - // // Rounded with 0 + // Rounded with 0 [{ rounded: '0' }, ['rounded-0']], [{ rounded: 0 }, ['rounded-0']], - // // Rounded with a word + [{ rounded: false }, ['rounded-0']], + // Rounded with a word [{ rounded: 'circle' }, ['rounded-circle']], [{ rounded: 'shaped' }, ['rounded-shaped']], [{ rounded: 'pill' }, ['rounded-pill']], - // // Corner and axis rounded + // Corner and axis rounded [{ rounded: 'te-xl be-lg' }, ['rounded-te-xl', 'rounded-be-lg']], ] as RoundedProps[])('should return correct rounded classes', (props: RoundedProps, expected: any) => { const { roundedClasses } = useRounded(props, 'foo') diff --git a/packages/vuetify/src/composables/rounded.ts b/packages/vuetify/src/composables/rounded.ts index 972d02f95a2..ee573bd0121 100644 --- a/packages/vuetify/src/composables/rounded.ts +++ b/packages/vuetify/src/composables/rounded.ts @@ -43,7 +43,7 @@ export function useRounded ( for (const value of String(rounded).split(' ')) { classes.push(`rounded-${value}`) } - } else if (tile) { + } else if (tile || rounded === false) { classes.push('rounded-0') }