I've been struggling to insert an image, but none of the methods seem to be working.
Check out this StackBlitz for more details
<template>
<div>
<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')" />
</div>
</template>
data() {
return {
image: { backgroundImage: 'url(../assets/icons/facebook-header.svg)' },
};
},
// package.lson
"dependencies": {
"vue": "^3.2.26",
"vue-loader": "^17.1.1",
"vue-svg-loader": "^0.16.0",
"vue-template-compiler": "^2.0.0",
"webpack": "^5.0.0"
},