inline в Vue3?
let modules = import.meta.glob('@/assets/icons/**/*.svg', { as: 'raw', eager: true, }); и v-html
вам надо чтобы svg в бандле выносился в svg файл?
Мне надо чтоб содержимое svg файла вставлялся как html в нужном месте
для иконок (если нужны из наборов типа mdi) я бы посоветовал unplugin-icons и там можно делать кастом иконки
так просто как компонент ее сделать и импортировать, самый легкий путь
Не охото ручками делать компонент, есть пример как это можно в виде правила для svg сделать?
+ он плагин для сборщиков, т.е. не попадет в бандл
хз, у меня все свгшки компонентами сделаны, и я их вывожу типа так: <IconBase :width="20" :height="20"> <IconArrow /> </IconBase> как по мне самый удобный и гибкий вариант, ибо можно все под свои нужды настроить
Можно сделать свг спрайт. Закинуть этот файл в каталог public и затем обращаться к нему через html разметку, например. svg use href=/sprite.svg#icon-user
Спасибо, но например где мне надо одну иконку он будет тянуть спрайт весь, не очень мне подходит.
Обсуждают сегодня