Tengo un método en onMounted() que llama a un elemento de mi colección de Firebase y funciona perfectamente así
setup () { const profile = reactive({ name: "", year: null, }); onMounted(async () => { const anime = await getAnime(userId.value); profile.name = anime.name; profile.year = anime.year; }); return { profile } }Ahora, cuando obtengo profile.name en la plantilla, funciona perfectamente, pero cuando trato de vincularlo a img, no funciona y dice "Error no detectado (en promesa): no se puede encontrar el módulo './.jpg' "
<template> <div> {{profile.name}} - {{profile.year}} <img :src="require('@/assets/covers/'+profile.name+'.jpg')" alt="" /> </div> </template>Tengo una carpeta (covers) con imágenes para cada anime que corresponde a su nombre, por lo que debería poder encontrarlas allí.
Diga para mi anime "Naruto", obtengo el nombre y el año para mostrar en la plantilla, pero no puedo vincularlo a mi enlace en img src