[2.0.0-beta2] The regex for attribute props should allow the hyphen ("-") symbol

Thanks Brahim.

$attr_name = "[a-zA-Z\-]+";: can yo uupdate

$double_quoted_value = '"[\s\w\-]*"';

@pdureau

Can we reopen this issue ?
We need to account for all special characters used in Tailwind.
Here are some examples of Tailwind classes:

• bg-blue-500
• hover:bg-blue-500
• w-1/2
• w-1.5
• text-[16px]
• bg-[#ff5733]
• [&_img]:rounded
• [&_>p]:text-primary

Let's create another issue for beta2 if we can do that today.

So, we need to replace \s\w\- in $double_quoted_value = '"[\s\w\-]*"'; by something catching all characters except:

• double quotes, because it is our delimiter
• https://html.spec.whatwg.org/#syntax-ambiguous-ampersand
• something else?

Source: https://html.spec.whatwg.org/#attributes-2

@pdureau
Yes, this applies only to the regex for double-quoted values (the attribute name regex is fine). Here's a regex that includes only the allowed special characters:

$double_quoted_value = '"[\s\w\-_:&\[\]\/>\*]*"';

I will create another issue for that.

so you prefer to opt-in the expecting characters rather than opt-out the forbidden characters?

Yes, because we know the specific list of allowed special characters in Tailwind, it's easier to define that list explicitly rather than managing all the other forbidden special characters.

Here is the related issue: [2.0.0-beta2] The regex for attribute (values) props should allow all Tailwind allowed special characters 🐛 [2.0.0-beta2] The regex for attribute (values) props should allow all Tailwind allowed special characters Needs work