How to get the selected item of v-list in vuetify3

[Kugeleis]

In vuetify2 there was the v-list-item-group offering the v-model prop. How is this done in vuetify3?

<v-list>
    <v-item-group v-model="value"
      ><v-list-item v-for="item in items" :key="item">
          <v-list-item-title>{{ item }}</v-list-item-title>
        </v-list-item>
    </v-item-group>
</v-list>

doesn't work.

[santiagoaloi]

You only need v-model:selected="..." in v3

Playground reproduction:
https://shorturl.at/nqV45

<template>
  <v-app>
    <v-main>
      <code> {{ selected }} </code>   
      <v-card class="mx-auto" max-width="300">

        <v-list v-model:selected="selected" density="compact">
          <v-list-subheader>REPORTS</v-list-subheader>
          <v-list-item
           v-for="(item, i) in items"
           :key="i"
           :value="item"
           active-color="primary"
           >

            <template v-slot:prepend>
              <v-icon :icon="item.icon"></v-icon>
            </template>

            <v-list-item-title v-text="item.text"></v-list-item-title>
          </v-list-item>
        </v-list>
      </v-card>   
    </v-main>
  </v-app>
</template>

<script setup>
  import { ref } from 'vue'

  const selected = ref([])
  const items = ref( [
    { text: 'Real-Time', icon: 'mdi-clock' },
    { text: 'Audience', icon: 'mdi-account' },
    { text: 'Conversions', icon: 'mdi-flag' },
  ])
</script>

[protsaenko]

Thank you for example, but is there a way to select multiple items, as it was with v-list-item-group?

[Kugeleis]

Thanks. It would be great if this could be explained in the docs.