SVG, нужно управление визуалом с помощью классов (изменение цвета (warning, error), размеров и т.п.)
Сборщик Vite, Vue 3
По идее создать бы папку icons, и туда все свг скидывать, а компоненту передавать название иконки (но нужно еще вытащить содержимое, чтобы классами можно было изменить). Или это уже избыточно?
Можно импортировать иконки как содержимое, вставлять их как v-html — тогда они будут инлайновыми и можно будет их перекрашивать при помощи CSS. Разумеется, всё это можно скрыть в компонент с условным названием BaseIcon и интерфейсом наподобие :icon, :mode (normal, warning, error).
У меня помимо сделано еще так - корневой тэг - svg. Пришедший контент парсится и вставляется только innerHtml и несколько атрибутов копируется
Эту муть я кажется делал потому что не получается иначе сделать так чтобы у компонента коренным тегом был svg
Обсуждают сегодня