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