I have tried multiple methods to display the image, such as using it as a tag or a background image, but none of them seem to work even though the path is correct and was written following the official documentation. I also attempted installing vue-loader and providing an img src path, but that didn't resolve the issue either.
<template>
<a href="#" class="header__top-item facebook" :style="image"> </a>
<img alt="" src="../assets/icons/facebook-header.svg" />
<img v-bind:src="require('../assets/icons/facebook-header.svg')" />
</template>
<script>
data() {
return {
image: { backgroundImage: 'url(../assets/icons/facebook-header.svg)' },
};
}
</script>