Search Live

{{ sprig('_components/search-live') }}


{#--- _components/search-live.twig ---#}

{% set query = query ?? '' %}

{% if sprig.isInclude %}
  <input sprig s-trigger="keyup changed" s-target="#results" type="text" name="query" value="{{ query }}">

  <div id="results"></div>
{% endif %}

{% if query %}
  {% set entries = craft.entries.search(query).all() %}

  {% for entry in entries %}
    {{ entry.title }}
  {% endfor %}
{% endif %}