Add small header bar for non-home page

resources/js/components/PageHeader.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="home-header">
+    <div :class="{ 'home-header': isHome, 'header': !isHome }">
         <div class="container">
             <header>
                 <router-link class="brand" :to="{ name: 'index' }">
@@ -15,7 +15,7 @@
                 </nav>
             </header>
 
-            <section class="hero">
+            <section class="hero" v-if="isHome">
                 <h1>I'm Daniel, junior software engineer</h1>
                 <p>
                     Lorem ipsum dolor sit amet consectetur, adipisicing elit.
@@ -26,7 +26,7 @@
             </section>
         </div>
 
-        <div class="wave">
+        <div class="wave" v-if="isHome">
             <svg
                 preserveAspectRatio="none"
                 width="1440"
@@ -47,6 +47,11 @@ import SiteNav from './SiteNav.vue';
 export default {
     components: {
         SiteNav,
+    },
+    computed: {
+        isHome() {
+            return this.$route.name === 'index';
         }
+    },
 }
 </script>