'import.meta.glob() can only accept string literals

I have a vite vue3 project. In the component I try to get the URL of all images from a folder. It works when I write

const images = import.meta.globEager("/src/resources/projects/images/Project1/*.png")

and in a template

<img v-for="(item, key) in images" :key="key" :src="key" />

but each component has a different folder and when I write

const imageFolderUrl = "/src/resources/projects/images/" + this.projectName + "/*.png";
const image = import.meta.globEager (imageFolderUrl);

i get the error import.meta.glob() can only accept string literals". How can I load all images url from folder with a dynamic folder name?



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source