{{< layout}}
  {{$head}}
   {{> datastar_script }}
  {{/head}}
  {{$body}}
    <input type="text" placeholder="new todo" data-bind:title
      data-on:keydown="evt.key === 'Enter' && @post('{{utl:todos}}') && ($title = '');"
    >
    <button data-on:click="@post('{{url:todos}}') && ($title = '')">add</button>
    <div id="todos" data-init="@get('{{url:todos}}?http_method=sse')">
      {{^todos}}
        <p>no todos</p>
      {{/todos}}
      {{#todos}}
        {{> todo_item}}
      {{/todos}}
    </div>
  {{/body}}
{{/layout}}