<v-list-item-group color="#BABDC2" class="mt-8">
        <div v-for="(item, i) in items" :key="i">
            <v-list-item v-if="!item.child" :to="item.link" class="homePageButton">
                
                    <v-img class="d-flex align-center mr-3 ml-6" :src="require(`../assets/ıcon/${item.avatar}`)"></v-img>
              
                <v-list-item-title class="homePageButtonText d-flex align-center">{{ item.title }}</v-list-item-title>
            </v-list-item>
            <v-list-group v-else :value="false" >
                <v-img  :src="require(`../assets/ıcon/${item.avatar}`)"></v-img>
                <v-list-item-title slot="activator" color="#BABDC2">{{ item.title }}</v-list-item-title>
                <template v-slot:activator>
                    <v-list-item-title color="#BABDC2" slot="activator">{{ item.title }}</v-list-item-title>
                </template>
                <v-list-item active-class="back" class="childElement" v-for="child in item.child" :to="child.link" :key="child.title">
                    <v-list-item-icon>
                        <v-icon color="#BABDC2">{{ child.icon }}</v-icon>
                    </v-list-item-icon>
                    <v-list-item-title class=" my-2 mr-5">{{ child.title }}</v-list-item-title>
                </v-list-item>
            </v-list-group>
        </div>
    </v-list-item-group>



    data() {
    return {
        items: [{
                title: 'home',
                link: '/homepage',
                avatar: 'home.svg',
            },
            {
                title: 'Ürün',

                avatar: 'produc.png',
                child: [{
                        title: 'Product List',
                        link: '/product-list'
                    },


                ],
            }
        ],
    }
},

}

When I use v-img in v-list-group, the sidebar disappears and I get Error: Cannot find module './undefined'. When I run the same code in v-list-item, there is no problem. where do you think i go wrong