1<template> 2 <div class="page-title"> 3 <h1>{{ title }}</h1> 4 <p v-if="description">{{ description }}</p> 5 </div> 6</template> 7 8<script> 9export default { 10 name: 'PageTitle', 11 props: { 12 description: { 13 type: String, 14 default: '' 15 } 16 }, 17 data() { 18 return { 19 title: this.$t(this.$route.meta.title) 20 }; 21 } 22}; 23</script> 24 25<style lang="scss" scoped> 26.page-title { 27 margin-bottom: $spacer * 2; 28} 29h1 { 30 font-weight: $display4-weight; 31 line-height: $display-line-height; 32} 33p { 34 max-width: 72ch; 35} 36</style> 37