fix(runtime): fixed parsing of complex attributes that contains JSON strings (#6359)

* fix(runtime): fixed parsing of complex attributes that contains JSON strings

* Added test

* Prettier styling fix

Author: Jagget

src/runtime/test/prop.spec.tsx

@@ -208,4 +208,35 @@ describe('prop', () => {
       <cmp-a>4</cmp-a>
     `);
   });
+
+  it('should demonstrate JSON parsing for complex object props', async () => {
+    @Component({ tag: 'simple-demo' })
+    class SimpleDemo {
+      @Prop() message: { text: string } = { text: 'default' };
+      @Prop() messageAny: any = { text: 'default' };
+
+      render() {
+        return (
+          <div>
+            <div>{this.message.text}</div>
+            <div>{this.messageAny.text}</div>
+          </div>
+        );
+      }
+    }
+
+    const { root } = await newSpecPage({
+      components: [SimpleDemo],
+      html: `<simple-demo message='{"text": "Hello World"}' message-any='{"text": "Hello World"}'></simple-demo>`,
+    });
+
+    expect(root).toEqualHtml(`
+      <simple-demo message='{"text": "Hello World"}' message-any='{"text": "Hello World"}'>
+        <div>
+          <div>Hello World</div>
+          <div>Hello World</div>
+        </div>
+      </simple-demo>
+    `);
+  });
 });

src/utils/constants.ts

@@ -17,7 +17,7 @@ export const enum MEMBER_FLAGS {
   Setter = 1 << 12,
 
   Prop = String | Number | Boolean | Any | Unknown,
-  HasAttribute = String | Number | Boolean | Any,
+  HasAttribute = String | Number | Boolean | Any | Unknown,
   PropLike = Prop | State,
 }