title: Trix editor doesn't show up when used inside a @if condition
body: <p>In larave8 livewire I want to use the trix editor to create an bladeview on the livewire component InfoletterCrud is the following</p>
  <pre class="lang-xml prettyprint-override"><code>&lt;div class=&quot;container ml-auto mr-auto p-10 min-h-screen&quot;&gt;
    &lt;div class=&quot;page-title &quot;&gt;{{ $page_title }}&lt;/div&gt;
    &lt;div class=&quot;button-line flex flex-col&quot;&gt;
      @if ($isEditMode)
        @if ($showMode)
          @include('livewire.show-infoletter')
        @else
          @include('livewire.create-infoletter')
        @endif
      @else
        &lt;div&gt;
          &lt;button wire:click=&quot;create()&quot; class=&quot;button-cancel text-white font-bold py-2 px-4 rounded my-3&quot;&gt;Ajouter une info-lettre&lt;/button&gt;
        &lt;/div&gt;
        @if (count($infoletters) &gt; 0)
          &lt;table class=&quot;w-full table-fixed admin-stripped-table&quot;&gt;
            &lt;thead&gt;
              &lt;tr class=&quot;w-full&quot;&gt;
                &lt;th class=&quot;w-1/12&quot;&gt;Id&lt;/th&gt;
                &lt;th class=&quot;w-10/12&quot;&gt;Titre&lt;/th&gt;
                &lt;th class=&quot;w-1/12&quot;&gt;Actions&lt;/th&gt;
              &lt;/tr&gt;
            &lt;/thead&gt;
            &lt;tbody&gt;
              @foreach ($infoletters as $infoletter)
                &lt;tr&gt;
                  &lt;td&gt;{{ $infoletter-&gt;id }}&lt;/td&gt;
                  &lt;td&gt;{{ $infoletter-&gt;title }}&lt;/td&gt;
                  &lt;td&gt;
                    &lt;div style=&quot;display:flex&quot;&gt;
                      &lt;button
                        wire:click=&quot;show({{ $infoletter-&gt;id }})&quot;
                        class=&quot;fontawesome-icon&quot;&gt;
                        &lt;span data-toggle=&quot;tooltip&quot; title=&quot;Voir&quot; class=&quot;fa fa-paper-plane fa-xs &quot;&gt;&lt;/span&gt;
                      &lt;/button&gt;
                      &lt;button
                        wire:click=&quot;edit({{ $infoletter-&gt;id }})&quot;
                        class=&quot;fontawesome-icon&quot;&gt;
                        &lt;span data-toggle=&quot;tooltip&quot; title=&quot;Modifier&quot; class=&quot;fa fa-edit fa-xs &quot;&gt;&lt;/span&gt;
                      &lt;/button&gt;
                      &lt;button
                        wire:click=&quot;$emit('openModal', 'livewire-modal', {{ json_encode(['type' =&gt; 'L\'infolettre', 'ident' =&gt; $infoletter-&gt;id]) }})&quot;
                        class=&quot;fontawesome-icon&quot;&gt;
                        &lt;span data-toggle=&quot;tooltip&quot; title=&quot;Supprimer&quot; class=&quot; fa fa-trash fa-xs &quot;&gt;&lt;/span&gt;
                      &lt;/button&gt;
                    &lt;/div&gt;
                  &lt;/td&gt;
                &lt;/tr&gt;
              @endforeach
            &lt;/tbody&gt;
          &lt;/table&gt;,
        @else
          &lt;p&gt;Il n'y a aucune info-lettre&lt;/p&gt;
        @endif
      @endif
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>When I place the trix component with @livewire('trix') just above the @if (isEditMode)   test, it shows up. But it is not what I want because I am not in the Edit mode.</p>
  <p>If I place it in the livewire.create-infoletter include, it doesn't show up.
  Even when I place it just after the @if (isEditMode) test, it doesn't show up.</p>
  <p>What is the trouble</p>