[Bug Report][3.1.3] rounded=false doesn't work

[Maxim-Mazurok]

Environment

Vuetify Version: 3.1.3
Vue Version: 3.2.47
Browsers: Chrome 109.0.0.0
OS: Windows 10

Steps to reproduce

Use <vBtn rounded={false}/> - won't work because border-radius is only disabled when rounaded strictly equals to zero, see

vuetify/packages/vuetify/src/composables/rounded.ts

Line 39 in 11ddd2d

rounded === 0

Expected Behavior

false works just like 0 (zero)

Actual Behavior

false doesn't work

Reproduction Link

https://play.vuetifyjs.com/#...

[taozhiyu]

According to the documentation, you should use rounded="0"

Well, you're right, the documentation says that Boolean values are supported

https://next.vuetifyjs.com/en/api/v-btn/#props-rounded

[Maxim-Mazurok]

Well, you're right, the documentation says that Boolean values are supported

next.vuetifyjs.com/en/api/v-btn/#props-rounded

Exactly, and the default value in docs is false, but undefined in the actual code:

vuetify/packages/vuetify/src/composables/rounded.ts

Line 23 in 395ddd7

default: undefined,

[santiagoaloi]

<vBtn rounded={false}/> that isn't a valid Vue syntax.

:rounded="false" shouldn't be used much really, as it's the default value.
I don't believe false and 0 are meant to do the same thing.

0 is no radius, however false seems to imply don't set any border radius, leave the default radius value.

I will confirm this with the rest of the team shortly.

[Maxim-Mazurok]

<vBtn rounded={false}/> that isn't a valid Vue syntax.

This is a valid Vue JSX syntax

I don't believe false and 0 are meant to do the same thing.

I can kinda see this now... However, I was reading it as rounded=false meaning that "button is rounded" is a false statement

I will confirm this with the rest of the team shortly.

Thank you :) It may be just a docs fix to clear the confusion...

[santiagoaloi]

After bringing this up with the team, false should act as 0 , but this is a buggy behavior, the intention is to remove the false prop value and leave the default as undefined.

[viT-1]

Also defaults in global configuration prop "rounded: 0" does not work.