title: How does alpineJS re-reder a template on data update?
body: <p>How does AlpineJS re-render a template ?</p>
  <pre><code>&lt;script&gt;let contacts = [];&lt;/script&gt;
  &lt;div x-data=&quot;{ persons: contacts }&quot;&gt;
      &lt;template x-for=&quot; person in persons &quot;&gt;
          &lt;div x-text=&quot; person &quot;&gt;&lt;/div&gt;
      &lt;/template&gt;            
      &lt;button x-on:click=&quot;contacts.push('Jack'); persons = contacts; console.log(persons.length);&quot;&gt;Click&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  <p>I was expecting the div to have multiple text of Jack on click.</p>