<div hx-swap-oob="true"
     hx-ext="exclude-from-oob-swap"
     class="list-parent"
     class="uk-container uk-margin-large-bottom"
        <ul class="list">
                <li class="list-item">
                   <!-- if (this is not the last page of items) -->
                        <span class="uk-width-1-1 trigger"
                              hx-get="/page2"
                              hx-trigger="revealed"
                              hx-indicator="#spinner"
                              hx-target=".list-parent .list-item:last-child"
                              hx-select=".list-parent .list-item"
                              hx-vals='{"infinite-loader": "true"}'
                              hx-swap="afterend">
                        </span>
                  <!-- end if -->
                </li>
        </ul>
    
      <div id="spinner" class="htmx-indicator uk-text-center"></div>
</div>