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