<!-- start `headline-slideshow` component; -->
<div class="headline-slideshow">
  <p>headline-slideshow</p>
</div>
<!-- end `headline-slideshow` component; -->

{
  "name": "headline-slideshow"
}

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

.headline-slideshow {
  @extend .component;
}