v-list-item-avatar component in 3.0.0-beta.6 removed?

[kjanusz]

I updated my nuxt 3 project to the latest actual vuetify version 3.0.0-beta.6 and get the following error/warning message after the update.

✔ Nitro built in 880 ms                                                                                                                                                                               nitro 17:51:47
[Vue warn]: Failed to resolve component: v-list-item-avatar
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
[Vue warn]: Failed to resolve component: v-list-item-avatar
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.

My Source

      <v-navigation-drawer v-model="drawer" bottom temporary>
        <v-list nav density="compact">
          <v-list-item v-for="(item, i) in itemsTabs" :key="i" :value="item" :to="item.value" active-color="primary">
            <v-list-item-avatar>
              <v-icon :icon="item.icon"></v-icon>
            </v-list-item-avatar>
            <v-list-item-title class="text-uppercase" v-text="item.title"></v-list-item-title>
          </v-list-item>
          <v-divider class="my-6"></v-divider>
          <v-list-item v-for="(item, i) in itemsMobile" :key="i" :value="item" :to="item.value" active-color="primary">
            <v-list-item-avatar>
              <v-icon :icon="item.icon"></v-icon>
            </v-list-item-avatar>
            <v-list-item-title class="text-uppercase" v-text="item.title"></v-list-item-title>
          </v-list-item>
        </v-list>
      </v-navigation-drawer>

The error occurred after the update to version 3.0.0-beta.6 from 3.0.0-beta.5.

Currently, the description of the v-list-item-avatar component has also disappeared (https://next.vuetifyjs.com/en/api/v-list-item-avatar/ -> 404).

Was the v-list-item-avatar component removed?

[KaelWD]

#15452, you just use v-avatar now, or in your case the prepend slot

[kjanusz]

thank you, I've been rebuilding it, it works

[nekooee]

I have found out how to use the v-avatar component now! like this:

<v-list-item>
    <template v-slot:prepend>
        <v-avatar :rounded="0">
            <v-img :src="siteLogo['mediaUrl']"></v-img>
        </v-avatar>
    </template>
    <v-list-item-title class="text-h6 text-third" v-text="appName"></v-list-item-title>
    <v-list-item-subtitle class="text-subtitle-2">ADMIN MENU</v-list-item-subtitle>
</v-list-item>

[seanogdev]

Something this breaks is VMenus with an activator=parent prop. clicking the items in prepend/append no longer work :( This seems like a big change this late on in the beta stages

[LittleLama]

Hi, v-list-item-content looks deprecated too.
Nuxt throws error when using this example : https://vuetifyjs.com/en/components/virtual-scroller/#user-directory

Failed to resolve component: v-list-item-content