docs: update local examples and docs to support new syntaxes

packages/core-macro/src/lib.rs

@@ -30,7 +30,7 @@ pub fn derive_typed_builder(input: proc_macro::TokenStream) -> proc_macro::Token
 ///
 /// ## Complete Reference Guide:
 /// ```
-/// const Example: FC<()> = |cx, props|{
+/// const Example: Component<()> = |cx, props|{
 ///     let formatting = "formatting!";
 ///     let formatting_tuple = ("a", "b");
 ///     let lazy_fmt = format_args!("lazily formatted text");

packages/core-macro/src/rsx/ambiguous.rs

@@ -43,7 +43,11 @@ impl Parse for AmbiguousElement {
             if first_char.is_ascii_uppercase() {
                 input.parse::<Component>().map(AmbiguousElement::Component)
             } else {
-                input.parse::<Element>().map(AmbiguousElement::Element)
+                if input.peek2(syn::token::Paren) {
+                    input.parse::<Component>().map(AmbiguousElement::Component)
+                } else {
+                    input.parse::<Element>().map(AmbiguousElement::Element)
+                }
             }
         } else {
             Err(Error::new(input.span(), "Not a valid Html tag"))

packages/core-macro/src/rsx/component.rs

@@ -39,7 +39,14 @@ impl Parse for Component {
 
         // parse the guts
         let content: ParseBuffer;
-        syn::braced!(content in stream);
+
+        // if we see a `{` then we have a block
+        // else parse as a function-like call
+        if stream.peek(token::Brace) {
+            syn::braced!(content in stream);
+        } else {
+            syn::parenthesized!(content in stream);
+        }
 
         let cfg: BodyConfig = BodyConfig {
             allow_children: true,