title: lit-element passing data from one component to another
body: <p>I am currently learning how to user lit-element v2.0.0-rc.2 I have two components app.js and list-items.js. In app.js I am collecting data from local storage and storing it in this.todoList, Im then calling this.todoList in my list-items.js but the problem I am running into is that it is not passing the data as an array but as an object, I am trying to output that data in list-items all Im getting when I do a console.log of this.todoList is [object] in my <li> tags it is rendering out with dots for the tag but no data. I was wondering If i could get some help in understanding why this is happening . here is my code 
      app.js
      '''
      import {LitElement, html} from 'lit-element';
      import './add-item';
      import './list-items';</p>
  
  <pre><code>class TodoApp extends LitElement{
  
  static get properties(){
      return{
          todoList: Array
      }
  }
  
  constructor(){
      super();
      let list = JSON.parse(localStorage.getItem('todo-list'));
      this.todoList = list === null ? [] : list;
  
  }
  
  render(){
      return html `
      &lt;h1&gt;Hello todo App&lt;/h1&gt; 
      &lt;add-item&gt;&lt;/add-item&gt;  
      &lt;list-items todoList=${this.todoList}&gt;&lt;/list-items&gt;     
      `;
      }
  }
  
  customElements.define('todo-app', TodoApp)
  
  list-items.js
  import { LitElement, html } from 'lit-element';
  import {repeat} from 'lit-html/directives/repeat.js';
  import './todo-item';
  
  class ListItems extends LitElement {
  static get properties(){
      return{
          todoList: Array
      }
  }
  
  constructor(){
      super();
      this.todoList = [];
  
  }
  
  render(){
      console.log(this.todoList)
      return html `
          &lt;ul&gt;${repeat(this.todoList, (todo) =&gt; html`&lt;todo-item 
  todoItem=${todo.item}&gt;&lt;/todo-item`)}&lt;/ul&gt;
      `;
      }
  }
  
  customElements.define('list-items', ListItems);
  '''
  </code></pre>
  
  <p>the result I am looking for is the for the data stored in local storage to be listed on my rendered page.</p>