Refactor page-header to App component

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>

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,

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,

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() {

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
     }
 }