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.$route.meta.title,
20    };
21  },
22};
23</script>
24
25<style lang="scss" scoped>
26.page-title {
27  margin-bottom: $spacer * 2;
28}
29p {
30  max-width: 72ch;
31}
32</style>
33