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

{
  "name": "slat"
}

.slat {
  @extend .component;
}