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}
31p {
32  max-width: 72ch;
33}
34</style>
35