summaryrefslogtreecommitdiff
path: root/src/components/_sila/Global/PageTitle.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/_sila/Global/PageTitle.vue')
-rw-r--r--src/components/_sila/Global/PageTitle.vue32
1 files changed, 32 insertions, 0 deletions
diff --git a/src/components/_sila/Global/PageTitle.vue b/src/components/_sila/Global/PageTitle.vue
new file mode 100644
index 00000000..45c75edb
--- /dev/null
+++ b/src/components/_sila/Global/PageTitle.vue
@@ -0,0 +1,32 @@
+<template>
+ <div class="page-title">
+ <h1>{{ title }}</h1>
+ <p v-if="description">{{ description }}</p>
+ </div>
+</template>
+
+<script>
+export default {
+ name: 'PageTitle',
+ props: {
+ description: {
+ type: String,
+ default: '',
+ },
+ },
+ data() {
+ return {
+ title: this.$route.meta.title,
+ };
+ },
+};
+</script>
+
+<style lang="scss" scoped>
+.page-title {
+ margin-bottom: $spacer * 2;
+}
+p {
+ max-width: 72ch;
+}
+</style>