title: open modal automatically in livewire component it doesn't work
body: <p>I wanna show a modal when initializing the component, but it doesn't work. I'm using <code>$this-&gt;emit('show)</code> to open the modal</p>
  <p>When I add a button in my view the <code>emit('show')</code> works!, but I don't want that, what I want is that when the view is loaded, the modal is automatically shown</p>
  <p>this is my component:</p>
  <pre><code>public function mount($id)
  {
      if ($id != null) {
          try {
              $data = DetalleRamComputadora::find($id);
              $this-&gt;fk_ram_tecnologia    = $data-&gt;fk_tecnologia;
              $this-&gt;fk_ram_capacidad     = $data-&gt;fk_capacidad;
              $this-&gt;fk_ram_frecuencia    = $data-&gt;frecuencia;
  
              $this-&gt;emit('show'); // Close modal &quot;create&quot;
          } catch (\Throwable $th) {
              // throw $th;
          }
      }
  }
  </code></pre>
  <p>this is my script on my view;</p>
  <pre><code>&lt;script type=&quot;text/javascript&quot;&gt;
  
      window.livewire.on('show', () =&gt; {
           $('#exampleModal').modal('show');
      });
      
  &lt;/script&gt;
  </code></pre>
  <p>and this is my modal:</p>
  <pre><code>&lt;div wire:ignore.self class=&quot;modal fade&quot; id=&quot;exampleModal&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot; aria-labelledby=&quot;exampleModalLabel&quot; aria-hidden=&quot;true&quot;&gt;
  &lt;div class=&quot;modal-dialog modal-lg&quot; role=&quot;document&quot;&gt;
      &lt;div class=&quot;modal-content&quot;&gt;
          &lt;div class=&quot;modal-header&quot;&gt;
              &lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot; aria-label=&quot;Close&quot; &gt;
                   &lt;span aria-hidden=&quot;true close-btn&quot;&gt;×&lt;/span&gt;
              &lt;/button&gt;
          &lt;/div&gt;
          &lt;div class=&quot;modal-body&quot;&gt;
              ...
          &lt;/div&gt;
          &lt;div class=&quot;modal-footer&quot;&gt;
              ...
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>