From 74d52f1003b425cf85ae3e82a3d064ac3bf9187f Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Wed, 24 Apr 2019 00:52:57 +0100
Subject: [PATCH] Make page title a component

---
 src/App.vue                  | 2 +-
 src/components/PageTitle.vue | 5 +++++
 src/main.js                  | 2 ++
 3 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 src/components/PageTitle.vue

diff --git a/src/App.vue b/src/App.vue
index e00533e..b7889f6 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -40,7 +40,7 @@
     </div>
 
     <div class="max-w-6xl mx-auto px-4">
-      <h1 class="font-bold text-2xl text-gray-800">All Projects</h1>
+      <page-title>All Projects</page-title>
     </div>
 
     <router-view/>
diff --git a/src/components/PageTitle.vue b/src/components/PageTitle.vue
new file mode 100644
index 0000000..41f9dd6
--- /dev/null
+++ b/src/components/PageTitle.vue
@@ -0,0 +1,5 @@
+<template>
+  <h1 class="font-bold text-2xl text-gray-800">
+    <slot></slot>
+  </h1>
+</template>
diff --git a/src/main.js b/src/main.js
index 659607d..9f43be8 100644
--- a/src/main.js
+++ b/src/main.js
@@ -4,6 +4,8 @@ import router from './router'
 
 Vue.config.productionTip = false
 
+Vue.component('page-title', require('@/components/PageTitle').default)
+
 new Vue({
   router,
   render: h => h(App)