Add rule: enforce-class-compile to eslint-plugin

[levchak0910]

Clear and concise description of the problem

It would be great to have some automated solution when developers want to use a compile class transformer across the whole project

Suggested solution

The possible solution is to add a new ESLint rule, which can handle it

Example:

<div
-  class="flex p-2"
+  class=":uno: flex p-2"
-  :class="'flex p-2'"
+  :class="':uno: flex p-2'"
-  :class="{flex}"
+  :class="{':uno: flex': flex}"
></div>

Alternative

Alternative 1: First I tried to omit an :uno: prefix by using custom regexp /(?<quot>["'`])([^$\n"'`]+?)(?:\k<quot>)/g but it can brake the app when attribute value is the same as relevant uno class. The value will be replaced with uno-<hash>, which is not desired

Example:

<input type="hidden">

will be replaced with

<input type="uno-<hash>">

---

Alternative 2: create a Vite plugin that will statically analyze the code and add an :uno: prefix to all class attributes/directives.

Disadvantages:

• can take a lot of time to implement
• it enforces class compilation without the ability to partially apply compilation and thence developers have no leverage over it

Additional context

No response

Validations

• Read the Contributing Guidelines.
• Read the README.md of using the package.
• Already used the Interactive Docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.