NuxtLabs UI syntax support

[ddahan]

Clear and concise description of the problem

NuxtLabsUI built-in icon system use a different syntax to define an icon, for example:

<UButton icon="i-heroicons-magnifying-glass" />

Currently, it is displayed like this in VS Code using this extension:

Suggested solution

I suggest to be able to recognize this alternative syntax to have the expected result:

Alternative

No response

Additional context

No response

Validations

• [X] Follow our Code of Conduct
• [X] Read the Contributing Guide.
• [X] Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

[antfu]

Well, I am not very sure about this. I created this extension, as well as the. i- prefix. To me I think it's fine to display as i-🔍 to be explicit about the existence of the prefix. On the other hand, in the icons preset of UnoCSS you can pass an empty string as the prefix to have collect:icon like convention. Thanks for bringing this up.