[Proposal] Shorthand for setting classes and inline styles using argments

[rosyatrandom]

Simply because setting conditional classes and individual inline styles are both slightly annoying, I propose a completely unnecessary shorthand:

// Existing (note -- I am going to disregard kebab/camel casing in the examples
<AnyElement style="some-prop: some-val:" />
<AnyElement :style="{ 'some-prop': some-val }" />

// Proposed
<AnyElement style:some-prop="some-val" />

// Existing 
<AnyElement :class="{ 'some-class': some-predicate: }" />

// Proposed
<AnyElement class:some-class="some-predicate" />

You're asking 'BUT WHY?'

The answer is purely: I just prefer it slightly. Sorry.

And if we were to take this all seriously, for some reason, a shorthand for class:foo and style:bar would be nice. Looking at readily available symbols, let's just say ^foo and $bar for the example:

<AnyElement $some-prop="some-val"  ^some-class="some-predicate"/>