Pass single props to components

[kaleidawave]

Currently to send data to a object the only supported method is through sending a whole already existing object to a component:

<SomeComponent $data="someObj"></SomeComponent>

This works fine through csr, ssr and cssu (client side state updates).

It would be nice if rather than having to send a whole object that it could be constructed from state:

<SomeComponent $data="{someProp: x}"></SomeComponent>
<SomeComponent $data="{...someObj, someProp: x}"></SomeComponent>

This should currently work with csr and ssr. It just takes a few additions to the set and get compiler logic to work. But there may be some nuances with reference types...?

There is then the opportunity to add more intuitive syntax for this:

<SomeComponent $data-someProp="x"></SomeComponent>
<!-- To be desugared to: -->
<SomeComponent $data="{someProp: x}"></SomeComponent>