w.addEventListener('DOMContentLoaded', (event) => {
            new PagefindUI({ element: "#search", showSubResults: true });
        });
      </script>
    </div>
  </div>

  <header id="docs-header" class="col-1 row-2 sm:col-2 sm:row-2">
    <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center t-display">
      <div class="m-0">
        
        <div class="my-1 t-thin t-gray-800">AlpineJS components</div>
        
      </div>
      <div>
        <h1 class="h2 mt-0 t-bo