vuetifyjs / vuetifyjs/nuxt-module
[Feature Request] Use or recommend NuxtIcon as default icon component
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 286
- Forks
- 35
- Avg merge
- 5d 21h
- Merged PRs (30d)
- 4
Description
NuxtIcon is the official icon library of Nuxt. Since v1, <Icon> and <IconCSS> have been merged into one component, making integration more convenient. (Thus the instructions in the docs need a small fix).
Since v1.5 https://github.com/nuxt/icon/pull/243 NuxtIcon can include only used icons in the client bundle which does the same as UnoCSS Icon.
NuxtIcon supports Vuetify default icon naming like mdi-* .
Many users do not use UnoCSS with Vuetify since Vuetify has its own CSS utilities or they may prefer Tailwind. In my opinion, although I love Antfu Universe, replacing UnoCSS Icon with Nuxt Icon (which was also rewritten by antfu) makes the icon configuration of this module less opinionated.
Bonus: we can also maintain aliases for different icon sets
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reading the Nuxt icon integration documentation linked in the issue and reviewing the module's current icon configuration and UnoCSS Icon integration. Determine whether the intended scope is a NuxtIcon default, a recommendation, or support for aliases, then update the configuration and documentation only once the expected default and supported icon naming are agreed.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- nuxtjs, typescript
- Domain
- documentation, frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 25/100