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)