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

{
  "name": "page-footer"
}

.page-footer {
  @extend .component;
}