The class:list in Astro doc need improvement

[wraith wind]

class:list={[ bg-green-600: status ]} 

The docs only describe what works but it doesn't describe what does not work, devs could spend lots of time figuring out why it doesn't work.

Since, Tailwind is the popular integration in Astro, Imagine typing class:list={[bg-red-600: status]} and it just explain other error message. Hence, there is a need to improve on the docs even I have years of programming background, I assume newbies will get the impact from this surprise.

[scarlet mist]

Quiet in here?

It looks like no-one has responded to your question yet. People might not be available right now or don’t know how to answer your question. Want an answer while you wait? Try asking our experimental bot in #1095492539085230272.

[hollow orbit]

The reason this is throwing an error is because it is not valid JS. The key/value pair needs to be inside an object, and object keys that include a kebab - need quotes around it: ```js
class:list={[{ 'bg-green-600': status }]}