How to use the hyperhtml/esm/index.js.bind function in hyperhtml

render() {
    bind(this)`
     <h2>Todo</h2>
     <div>
       <span>${this.remaining()} of ${this.todos.length} remaining</span>
       [ <a href=""> this.archive(e)} &gt;archive</a> ]
     <ul class="unstyled">
      ${ this.todos.map( (item, index) =&gt; wire(item)`<li><label>
             <input data-index="${index}"> this.done(e)} type=checkbox checked=${item.done}/&gt;
             <span>${item.text}</span>
        </label></li>`)}
     </ul>
      <form> this.addToDo(e)}&gt;
        <input id="text" placeholder="add new todo here" size="30" type="text">
        <input value="add" type="submit">
      </form>
    </div>`;
  }