fix(VListItem): fix rounded prop

fixes #22015

Author: J-Sek

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

@@ -3,6 +3,7 @@ import { makeRoundedProps, useRounded } from '../rounded'
 
 // Utilities
 import { mount } from '@vue/test-utils'
+import { toRef } from 'vue'
 
 // Types
 import type { RoundedProps } from '../rounded'
@@ -42,4 +43,23 @@ describe('rounded.ts', () => {
 
     expect(roundedClasses.value).toStrictEqual(expected)
   })
+
+  it.each([
+    [null, []],
+    [1, []],
+    // Rounded only
+    [true, ['foo--rounded']],
+    ['', ['foo--rounded']],
+    // Rounded with 0
+    [0, ['rounded-0']],
+    [false, ['rounded-0']],
+    // Rounded with a word
+    ['circle', ['rounded-circle']],
+    // Corner and axis rounded
+    ['te-xl be-lg', ['rounded-te-xl', 'rounded-be-lg']],
+  ])('should return same result when props are passed as ref', (rounded: RoundedProps['rounded'], expected: any) => {
+    const { roundedClasses } = useRounded(toRef(() => rounded), 'foo')
+
+    expect(roundedClasses.value).toStrictEqual(expected)
+  })
 })

packages/vuetify/src/composables/rounded.ts

@@ -31,7 +31,7 @@ export function useRounded (
 ): RoundedData {
   const roundedClasses = computed(() => {
     const rounded = isRef(props) ? props.value : props.rounded
-    const tile = isRef(props) ? props.value : props.tile
+    const tile = isRef(props) ? false : props.tile
     const classes: string[] = []
 
     if (tile || rounded === false) {