Module for Nuxt allowing pleasant use of svg icons
From now on, icons that have the 'stroke' property will be treated like icons with 'fill', this means that from now on you can use icons that have only 'stroke' which was not possible in previous versions of the project.
From now on, icons will be rendered by the server.
This version contains changes that may affect the current projects, if there was any unintended effect on you please create an issue
Typescript, reactive use of icons
Complete module redesign. I focused on nuxt-icon.vue component, from now on it simply uses import.meta.glob
.
fill
from now filled
is used (in order not to mix in the names of attributes that already exist)
<nuxt-icon name="NestedIcon"
but <nuxt-icon name="nested/icon">
for:📁icons
└📁nested
⠀⠀└ icon.svg
└ another-icon.svg
The changes are big, so if there are any errors, please create issues!