title: sending data as an array but receiving it as [object Object]
body: <p>Hi In my stencil application I  have created a component which receives data as an array as well JSON.stringfiied like below:</p>
  <pre><code>&lt;myComponent :data=[1,2,3,4] /&gt;
  &lt;myComponent :data=&quot;JSON.stringify([1,2,3,4])&quot; /&gt;
  </code></pre>
  <p>in my stencil component it receives as [object Object], However it should be read as Array. Here is snapshot of stenciljs @prop part</p>
  <pre><code> @Prop() data: string | Array&lt;Record&lt;'type' | 'value' | 'percentage', string&gt;&gt;;
  </code></pre>
  <p>User can send stringified (using JSON.stringify as well as directly can send  an array to the component.)</p>
  <p>I want to cactch up both. but if I send array as an input to web component it received as [object Object]</p>