Using pictures in the template

@gych That didn't help either unfortunately :( the following url came back: laravel.local/images/flag-circular/pl.svg - Failed to load resource: the server responded with a status of 404 (), although it should be: laravel.local/public/build/assets/pl-Basx8Xrl.svg

@3v4l This will only work when you move the images in a folder named images in your laravel application's public folder not when they are only in your build/assets folder

Why do you want to add these images to the build?

@gych The pictures themselves are located here -> resources/images, do you suggest I move them to public/images?

@3v4l Yes move them to that folder then the image path from my first reply will work

@gych Okay, thank you. I just thought it might be possible: laravel.com/docs/11.x/vite#blade-processing-static-assets Thanks :)

@3v4l When you really want to version your images you could use this approach but it won't work with Vite::asset() that only works in blade files, not in vue files.

With vue you have to use a different approach. You could try this if you prefer to version your images and load them from your build or just keep using them in the public/images folder.

Add this method

const getImageUrl = (imgName) => {
    return new URL(`/resources/images/${imgName}`,  import.meta.url).href
}

Then you should be able to use it like this

<img :src="getImageUrl{item.iso_code + ".svg")" alt="" class="h-5 w-5 flex-shrink-0 rounded-full" />

I don't think that this will work with server side rendering, therefore I personally always store my images directly in the public folder.