He configurado Vite con un alias "@" como "./src" .
Usar el alias directamente como <img>.src está bien:
<!-- this is ok --> <img src="@/assets/icon-1.svg"> pero pasar el src como accesorio no funciona:
<!-- ComponentA --> <template> <img :src="imgSrc"> </template> <!-- Parent Component: alias not resolved as expected; imgSrcWithAlias is "@/assets/icon-1.svg" --> <component-a :img-src="imgSrcWithAlias" />¿Hay alguna solución para usar el alias de la ruta del archivo al pasar accesorios?
Las URL de activos deben resolverse manualmente en script con la palabra clave de import :
<script setup> import imgSrcWithAlias from '@/assets/icon-1.svg' </script> <template> <component-a :img-src="imgSrcWithAlias" /> </template>