jensdll / tailwindcss-plugin-icons Goto Github PK

If so, how should it be done? Thanks.

Can the plugin possibly add an option to configure the prefix i-?

Similar to the use case described in #8 (comment), the library would use bi-arrow internally in the components instead of i-bi-arrow.

Thanks for this project!

Would it be possible to implement being able to use a whole collection if collectionName.location is provided and collectionName.icons doesn't need to be manually handled?

Additionally if the plugin offers a main CDN option like @unocss/preset-icons without needing to add separate locations for each collection or if this is planned?

Hey @JensDll,

first of all thanks a lot for the great plugin. Especially the latest feature of being able to include all icons of a set is super helpful. I'm using your plugin in one of my latest projects and came up with an issue related to dynamic classes. I want to display icons from the circle-flag package like this:

// Does not work
<span :class="`i-circle-flags-${language} w-4 h-4 block`" />

// Does work
<span :class="`i-circle-flags-en w-4 h-4 block`" />

In HTML it get's rendered correctly but it doesn't get displayed. When I do it statically it works well. Also it works if I create a separate page where I add all icons as static ones then also the dynamic ones get rendered. I'm not sure if it has something to do with your library or the Vue 3 Vitesse template setup I'm using.

Any help would highly appreciated, thanks in advance!