I have an image named pic.svg inside laravel/public/pic.svg
I wanna use it inside vue component, i didnt save its path inside database, it’s a static image I wanna use it as a backface in flip cards game
the path to flip.vue is laravel/resources/js/pages/games/flip.vue
here’s the code
<template v-for="image in aks" v-bind:key="image.id">
<div @click="flipCard($event)" :data-image = "image.word" >
<img :src= "'/'+ mage.image " /> // I have no problem with path stored in database only static images
<img src="https://placeholder.pics/svg/300" /> // works fine locally and server
<img :src="/pic.svg" /> // doesnt work
<img src="../../../../../../pic.svg" /> // works fine only on local, npm run build gives an error
</div>
</template>
how can I reference pic.svg file?
thanks