Puedo cargar imágenes dinámicamente desde una carpeta en Nuxt (+ webpack) simplemente con un método como:
getServiceIcon(iconName) { return require ('../../static/images/svg/services/' + iconName + '.svg'); } Me mudé a Vite, y require no está definido aquí (usando rollup). ¿Cómo puedo solucionar esto, con nuxt/vite? ¿Alguna idea?
Puedes usar import() así:
const getServiceIcon = async iconName => { const module = await import(/* @vite-ignore */ `../../static/images/svg/services/${iconName}.svg`) return module.default.replace(/^\/@fs/, '') }demostración 1: API de composición de Vue 3
demostración 2: API de opciones de Vue 3