unable to show a local PNG as a background image using :images props

[vik17ag]

I am unable to show a local PNG as a background image to the VueSignaturePad. Can someone tell me what is wrong with my code?

I am setting prpos like this
:images="[require('../assets/logo.png')]"

Full template below -

<template>
    <div>
        <VueSignaturePad style=" margin: auto;" class="mt-10" :customStyle="{ border: 'black 3px solid' }" :images="[require('../assets/logo.png')]" width="100%" height="100%" ref="signaturePad" :options="{  onEnd }"></VueSignaturePad>
    </div>
</template>

Below is the file structure, the PNG is in the asset folder

[zhiyong-ft]

I am having the same issue. Did anyone get it to work? I got 404 for the background image in laravel-mix compiled js file.

[autorunman22]

i think theres no hopes for this man. any hacks?