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@import 'src/assets/styles/helpers';
27
28.page-title {
29  margin-bottom: $spacer * 2;
30}
31h1 {
32  font-weight: $display4-weight;
33  line-height: $display-line-height;
34}
35p {
36  max-width: 72ch;
37}
38</style>
39