<!-- start `search-results` component; -->
<div class="search-results">
  <p>search-results</p>
</div>
<!-- end `search-results` component; -->

{
  "name": "search-results"
}

jQuery(($: JQueryStatic) => {
  $('.search-results').each((index: number, component: HTMLElement) => {
    console.log(component);
  });
});

.search-results {
  @extend .component;
}