From eeb5fa431be6ac2bcd69b0bef8e9e3b5fb04a6cb Mon Sep 17 00:00:00 2001
From: Adrien Agez <adrien.agez@hotmail.fr>
Date: Wed, 29 Jul 2020 13:14:01 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84:=20hide=20header=20on=20battlegrou?=
 =?UTF-8?q?nd=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue | 50 +++++++++++++++++++++++++++++---------------------
 1 file changed, 29 insertions(+), 21 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 03bee6e..05d2988 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,6 +1,6 @@
 <template>
   <div id="app">
-    <header>
+    <header v-if="showHeader">
       <span>Nexus Timers</span>
     </header>
     <main>
@@ -10,28 +10,20 @@
 </template>
 
 <script>
-export default {
-  name: 'app'
-}
+  // The header will be shown if the path match this regex
+  const ROUTES_WITH_HEADER = /\/(battlegrounds)?$/
+
+  export default {
+    name: 'app',
+    computed: {
+      showHeader () {
+        return ROUTES_WITH_HEADER.test(this.$route.path)
+      }
+    }
+  }
 </script>
 
-
-<style lang="sass">
-  body
-    margin: 0
-
-  html
-    font-family: Avenir, Helvetica, Arial, sans-serif
-    -webkit-font-smoothing: antialiased
-    -moz-osx-font-smoothing: grayscale
-    color: $blizzard-font-color
-    text-shadow: 0 0 1rem #009cff
-    background-color: $blizzard-background-color
-
-  main
-
-    margin-top: 20px
-
+<style lang="sass" scoped>
   header
     margin: 0
     height: 56px
@@ -49,4 +41,20 @@ export default {
       box-sizing: border-box
       padding-top: 16px
 
+  main
+    margin-top: 20px
+</style>
+
+<style lang="sass">
+  body
+    margin: 0
+
+  html
+    font-family: Avenir, Helvetica, Arial, sans-serif
+    -webkit-font-smoothing: antialiased
+    -moz-osx-font-smoothing: grayscale
+    color: $blizzard-font-color
+    text-shadow: 0 0 1rem #009cff
+    background-color: $blizzard-background-color
+
 </style>