<!-- start `site-nav` component; -->
<div class="site-nav">
  <p>site-nav</p>
</div>
<!-- end `site-nav` component; -->

{
  "name": "site-nav"
}

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

.site-nav {
  @extend .component;
}