From b46bd00ffb289a44fcf8c5c8ad68d8766770b0ec Mon Sep 17 00:00:00 2001
From: J-Sek <J-Sek@users.noreply.github.com>
Date: Thu, 16 Oct 2025 16:34:22 +0200
Subject: [PATCH 1/2] feat(VList): default to semantic tags

---
 packages/vuetify/src/components/VList/VList.tsx      |  3 ++-
 .../vuetify/src/components/VList/VListChildren.tsx   | 11 ++++++++++-
 packages/vuetify/src/components/VList/VListGroup.tsx | 12 ++++++++++--
 3 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/packages/vuetify/src/components/VList/VList.tsx b/packages/vuetify/src/components/VList/VList.tsx
index 8a449d244fb..7414c4b6429 100644
--- a/packages/vuetify/src/components/VList/VList.tsx
+++ b/packages/vuetify/src/components/VList/VList.tsx
@@ -120,7 +120,7 @@ export const makeVListProps = propsFactory({
   ...makeElevationProps(),
   ...makeItemsProps(),
   ...makeRoundedProps(),
-  ...makeTagProps(),
+  ...makeTagProps({ tag: 'ul' }),
   ...makeThemeProps(),
   ...makeVariantProps({ variant: 'text' } as const),
 }, 'VList')
@@ -288,6 +288,7 @@ export const VList = genericComponent<new <
           onMousedown={ onMousedown }
         >
           <VListChildren
+            groupTag={ props.tag }
             items={ items.value }
             returnObject={ props.returnObject }
             v-slots={ slots }
diff --git a/packages/vuetify/src/components/VList/VListChildren.tsx b/packages/vuetify/src/components/VList/VListChildren.tsx
index 6857ab3c0f5..cf83eebb07e 100644
--- a/packages/vuetify/src/components/VList/VListChildren.tsx
+++ b/packages/vuetify/src/components/VList/VListChildren.tsx
@@ -5,7 +5,7 @@ import { VListSubheader } from './VListSubheader'
 import { VDivider } from '@/components/VDivider'
 
 // Utilities
-import { mergeProps } from 'vue'
+import { mergeProps, toRef } from 'vue'
 import { createList } from './list'
 import { genericComponent, propsFactory } from '@/util'
 
@@ -13,6 +13,7 @@ import { genericComponent, propsFactory } from '@/util'
 import type { PropType } from 'vue'
 import type { InternalListItem } from './VList'
 import type { VListItemSlots } from './VListItem'
+import type { TagProps } from '@/composables/tag'
 import type { GenericProps } from '@/util'
 
 export type VListChildrenSlots<T> = {
@@ -26,12 +27,14 @@ export type VListChildrenSlots<T> = {
 }
 
 export const makeVListChildrenProps = propsFactory({
+  groupTag: [String, Object, Function] as PropType<TagProps['tag']>,
   items: Array as PropType<readonly InternalListItem[]>,
   returnObject: Boolean,
 }, 'VListChildren')
 
 export const VListChildren = genericComponent<new <T extends InternalListItem>(
   props: {
+    groupTag?: TagProps['tag']
     items?: readonly T[]
     returnObject?: boolean
   },
@@ -64,10 +67,14 @@ export const VListChildren = genericComponent<new <T extends InternalListItem>(
         title: slots.title ? (slotProps: any) => slots.title?.({ ...slotProps, item }) : undefined,
       }
 
+      const childrenTag = toRef(() => props.groupTag === 'ol' || props.groupTag === 'ul' ? 'li' : undefined)
+
       const listGroupProps = VListGroup.filterProps(itemProps)
 
       return children ? (
         <VListGroup
+          tag={ childrenTag.value }
+          groupTag={ props.groupTag }
           { ...listGroupProps }
           value={ props.returnObject ? item : itemProps?.value }
           rawId={ itemProps?.value }
@@ -88,6 +95,7 @@ export const VListChildren = genericComponent<new <T extends InternalListItem>(
             },
             default: () => (
               <VListChildren
+                groupTag={ props.groupTag }
                 items={ children }
                 returnObject={ props.returnObject }
                 v-slots={ slots }
@@ -98,6 +106,7 @@ export const VListChildren = genericComponent<new <T extends InternalListItem>(
       ) : (
         slots.item ? slots.item({ props: itemProps }) : (
           <VListItem
+            tag={ childrenTag.value }
             { ...itemProps }
             value={ props.returnObject ? item : itemProps.value }
             v-slots={ slotsWithItem }
diff --git a/packages/vuetify/src/components/VList/VListGroup.tsx b/packages/vuetify/src/components/VList/VListGroup.tsx
index 4b1295bc4bd..594d2d90a9b 100644
--- a/packages/vuetify/src/components/VList/VListGroup.tsx
+++ b/packages/vuetify/src/components/VList/VListGroup.tsx
@@ -15,6 +15,10 @@ import { MaybeTransition } from '@/composables/transition'
 import { computed } from 'vue'
 import { defineComponent, genericComponent, propsFactory, useRender } from '@/util'
 
+// Types
+import type { PropType } from 'vue'
+import type { TagProps } from '@/composables/tag'
+
 export type VListGroupSlots = {
   default: never
   activator: { isOpen: boolean, props: Record<string, unknown> }
@@ -31,6 +35,10 @@ const VListGroupActivator = defineComponent({
 })
 
 export const makeVListGroupProps = propsFactory({
+  groupTag: {
+    type: [String, Object, Function] as PropType<TagProps['tag']>,
+    default: 'div',
+  },
   /* @deprecated */
   activeColor: String,
   baseColor: String,
@@ -114,9 +122,9 @@ export const VListGroup = genericComponent<VListGroupSlots>()({
         )}
 
         <MaybeTransition transition={{ component: VExpandTransition }} disabled={ !isBooted.value }>
-          <div class="v-list-group__items" role="group" aria-labelledby={ id.value } v-show={ isOpen.value }>
+          <props.groupTag class="v-list-group__items" role="group" aria-labelledby={ id.value } v-show={ isOpen.value }>
             { slots.default?.() }
-          </div>
+          </props.groupTag>
         </MaybeTransition>
       </props.tag>
     ))

From 4acd89db89bc2d59fb5ba4b154ae5ac1aa43f242 Mon Sep 17 00:00:00 2001
From: J-Sek <J-Sek@users.noreply.github.com>
Date: Thu, 16 Oct 2025 16:42:03 +0200
Subject: [PATCH 2/2] fix: keep VTreeview with `div`

---
 packages/vuetify/src/components/VTreeview/VTreeview.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/vuetify/src/components/VTreeview/VTreeview.tsx b/packages/vuetify/src/components/VTreeview/VTreeview.tsx
index d9d5c42f193..0ef70911f23 100644
--- a/packages/vuetify/src/components/VTreeview/VTreeview.tsx
+++ b/packages/vuetify/src/components/VTreeview/VTreeview.tsx
@@ -162,6 +162,7 @@ export const VTreeview = genericComponent<new <T>(
         <VList
           ref={ vListRef }
           { ...listProps }
+          tag="div"
           class={[
             'v-treeview',
             {