1<template>
2  <section class="page-section">
3    <h2>{{ sectionTitle }}</h2>
4    <slot />
5  </section>
6</template>
7
8<script>
9export default {
10  name: 'PageSection',
11  props: ['sectionTitle']
12};
13</script>
14
15<style lang="scss" scoped>
16.page-section {
17  margin-bottom: $spacer * 2;
18}
19h2 {
20  @include font-size($h4-font-size);
21  margin-bottom: $spacer;
22  &::after {
23    content: '';
24    display: block;
25    width: 100px;
26    border: 1px solid $gray-300;
27    margin-top: 10px;
28  }
29}
30</style>
31