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  computed: {
18    title() {
19      return 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