title: Alpine JS $dispatch-ed properties
body: <p>I'm working on a project and curious about Alpine JS $dispatch. I'm wondering if code sample no 1 and no 2 are the same or not? If not how do I write $dispatch 'magic' properties provided by Alpine JS in native Javascript?</p>
  <p>Code sample 1 (with Alpine JS)</p>
  <pre class="lang-js prettyprint-override"><code>quill.on('text-change', function () {
    $dispatch('input', quill.root.innerHTML);
  });
  </code></pre>
  <p>Code sample 2 (JavaScript)</p>
  <pre class="lang-js prettyprint-override"><code>quill.on('text-change', function () {
    let quillData = quill.root.innerHTML;
    let customEvent = new Event('input', {data:quillData});
    container.dispatchEvent(customEvent);
  });
  </code></pre>