I am currently using the SideMenu component to display other SideMenuButton components, but I'm facing an issue where the image is not appearing. Here are the code snippets for both components:
SideMenu:
<template>
<div id = "side-menu">
Hello
<SideMenuButton imgPath="../assets/lens.png"/>
</div>
</template>
<script>
import SideMenuButton from './SideMenuButton.vue'
export default {
name: "SideMenu",
components:{
SideMenuButton
}
}
</script>
SideMenuButton:
<template>
<div>
<img v-bind:src="imgPath">
</div>
</template>
<script>
export default {
name: "SideMenuButton",
props:{
imgPath: String,
}
}
</script>