public-html2/parcoursup/components/search-bar.riot

<search-bar>
  <div class="search-bar">
    <input
      type="text"
      placeholder="Ex : BUT informatique"
      oninput={ updateQuery }
      value={ state.query }
    />
    <button onclick={ submitSearch }>Rechercher</button>
  </div>

  <script>
    export default {
      state: {
        query: ''
      },

      updateQuery(e) {
        this.update({ query: e.target.value })
      },

      submitSearch() {
        this.props.onsearch(this.state.query)
      }
    }
  </script>
</search-bar>