From c17c7b7a822ed5caae487d48c958102f19433f8b Mon Sep 17 00:00:00 2001
From: Daniel-I-Am <djdecloet@gmail.com>
Date: Thu, 2 Sep 2021 14:44:58 +0200
Subject: [PATCH] Refactor page-header to App component

---
 resources/js/apps/App.vue       | 12 ++++++++++++
 resources/js/views/Blog.vue     |  4 ----
 resources/js/views/Home.vue     |  4 ----
 resources/js/views/Login.vue    |  4 ----
 resources/js/views/NotFound.vue |  4 ----
 5 files changed, 12 insertions(+), 16 deletions(-)

diff --git a/resources/js/apps/App.vue b/resources/js/apps/App.vue
index 2785996..328655f 100644
--- a/resources/js/apps/App.vue
+++ b/resources/js/apps/App.vue
@@ -1,3 +1,15 @@
 <template>
+    <page-header></page-header>
+
     <router-view></router-view>
 </template>
+
+<script>
+import PageHeader from "../components/PageHeader.vue";
+
+export default {
+    components: {
+        PageHeader,
+    }
+}
+</script>
diff --git a/resources/js/views/Blog.vue b/resources/js/views/Blog.vue
index 0070cdd..8c8d6ad 100644
--- a/resources/js/views/Blog.vue
+++ b/resources/js/views/Blog.vue
@@ -1,6 +1,4 @@
 <template>
-    <page-header></page-header>
-
     <container>
         <split-content>
             <template v-slot:main>
@@ -15,7 +13,6 @@
 </template>
 
 <script>
-import PageHeader from "../components/PageHeader.vue";
 import Container from "../components/Container.vue";
 import SplitContent from "../components/SplitContent";
 import BlogRecent from "../components/BlogRecent.vue";
@@ -23,7 +20,6 @@ import BlogPopular from "../components/BlogPopular.vue";
 
 export default {
     components: {
-        PageHeader,
         Container,
         SplitContent,
         BlogRecent,
diff --git a/resources/js/views/Home.vue b/resources/js/views/Home.vue
index 3c82018..4fefaf7 100644
--- a/resources/js/views/Home.vue
+++ b/resources/js/views/Home.vue
@@ -1,6 +1,4 @@
 <template>
-    <page-header></page-header>
-
     <container>
         <split-content>
             <template v-slot:main>
@@ -17,7 +15,6 @@
 </template>
 
 <script>
-import PageHeader from '../components/PageHeader.vue';
 import Container from '../components/Container.vue';
 import SplitContent from '../components/SplitContent.vue';
 import BlogRecent from '../components/BlogRecent.vue';
@@ -26,7 +23,6 @@ import PageFooter from '../components/PageFooter.vue';
 
 export default {
     components: {
-        PageHeader,
         Container,
         SplitContent,
         BlogRecent,
diff --git a/resources/js/views/Login.vue b/resources/js/views/Login.vue
index 4977ccd..4121317 100644
--- a/resources/js/views/Login.vue
+++ b/resources/js/views/Login.vue
@@ -1,6 +1,4 @@
 <template>
-    <page-header></page-header>
-
     <container>
         <p>
             <span v-if="!!tokenId">Authenticated with token ID {{ tokenId }}</span>
@@ -14,12 +12,10 @@
 </template>
 
 <script>
-import PageHeader from "../components/PageHeader.vue";
 import Container from "../components/Container.vue";
 
 export default {
     components: {
-        PageHeader,
         Container,
     },
     data() {
diff --git a/resources/js/views/NotFound.vue b/resources/js/views/NotFound.vue
index 528dffa..4f7a2b6 100644
--- a/resources/js/views/NotFound.vue
+++ b/resources/js/views/NotFound.vue
@@ -1,18 +1,14 @@
 <template>
-    <page-header></page-header>
-
     <container>
         {{ $route.params.pathMatch.pop() }}
     </container>
 </template>
 
 <script>
-import PageHeader from '../components/PageHeader.vue';
 import Container from '../components/Container.vue';
 
 export default {
     components: {
-        PageHeader,
         Container
     }
 }