fix(VListItem): use item role when in a group (#13126)

fixes #13125

Author: mattgrande

packages/vuetify/src/components/VList/VListItem.ts

@@ -139,7 +139,7 @@ export default baseMixins.extend<options>().extend({
       } else if (this.isInNav) {
         // do nothing, role is inherit
       } else if (this.isInGroup) {
-        attrs.role = 'listitem'
+        attrs.role = 'option'
         attrs['aria-selected'] = String(this.isActive)
       } else if (this.isInMenu) {
         attrs.role = this.isClickable ? 'menuitem' : undefined

packages/vuetify/src/components/VList/__tests__/VListItem.spec.ts

@@ -202,7 +202,7 @@ describe('VListItem.ts', () => {
     const wrapper3 = mountFunction({
       provide: { isInGroup: true },
     })
-    expect(wrapper3.element.getAttribute('role')).toBe('listitem')
+    expect(wrapper3.element.getAttribute('role')).toBe('option')
 
     // In menu
     const wrapper4 = mountFunction({