Why vuetify <v-list> doesn't produce <li> tags

Question

Wasn't this component supposed to render lists? It produces only divs instead of more semantic elements, couldn't it be considered a bad practice? Should I use native html tags instead of this component if i desire semantic html?

Answer 1

This component does render a list. Though they do use divs by default, their API provides a way to change this behavior - you can specify tags on your v-list:

<v-list tag='ul'>
  <template v-for="(item, index) in items">
    <v-list-item tag='li' :key='index'>
      {{ item }}
    </v-list-item>
  </template>
</v-list>

This will render a ul/li list.