From 423459f0f7b07cf6b65307aea01feea93cfb7b6f Mon Sep 17 00:00:00 2001
From: Adrien Agez <adrien.agez@hotmail.fr>
Date: Mon, 9 Mar 2020 14:07:14 +0100
Subject: [PATCH] =?UTF-8?q?Correctif=20css=20non=20scop=C3=A9=20+=20tracki?=
 =?UTF-8?q?ng=20param=C3=A8tre=20route=20battleground?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Battleground.vue         | 17 +++++++++++------
 src/components/BattlegroundSelector.vue |  9 ++++++---
 src/components/Hello.vue                |  2 +-
 3 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/src/components/Battleground.vue b/src/components/Battleground.vue
index 05f5db8..84a8144 100644
--- a/src/components/Battleground.vue
+++ b/src/components/Battleground.vue
@@ -1,5 +1,10 @@
 <template>
-  <div>Welcome to {{ battleground.name }}</div>
+  <div class="battleground" v-if="battleground">
+    <div>Welcome to {{ battleground.name }}</div>
+    <router-link to="alteracPass">Go to Alterac Pass</router-link>
+    <router-link to="battlefieldOfEternity">Go to Battlefield Of Eternity</router-link>
+    <router-link to="/battlegrounds">Back to selector</router-link>
+  </div>
 </template>
 
 <script>
@@ -9,17 +14,17 @@
     name: 'Battleground',
     data () {
       return {
-        battlegroundId: this.$route.params.battlegroundId,
-        battleground: BATTLEGROUNDS[this.$route.params.battlegroundId]
       }
     },
     computed: {
-      battlegroundId () {
-        return this.$route.params.battlegroundId
-      },
       battleground () {
         return BATTLEGROUNDS[this.$route.params.battlegroundId]
       }
+    },
+    watch: {
+      $route (to) {
+        this.battlegroundId = to.params.battlegroundId
+      }
     }
   }
 </script>
diff --git a/src/components/BattlegroundSelector.vue b/src/components/BattlegroundSelector.vue
index f29fbd2..c14958c 100644
--- a/src/components/BattlegroundSelector.vue
+++ b/src/components/BattlegroundSelector.vue
@@ -20,9 +20,6 @@
       return {
         maps: MAPS
       }
-    },
-    mounted () {
-      console.log(MAPS)
     }
   }
 </script>
@@ -38,3 +35,9 @@
         border-top: solid #5659aa 1px
         border-left: none
 </style>
+
+<style lang="sass" scoped>
+  a
+    text-decoration: none
+    color: inherit
+</style>
diff --git a/src/components/Hello.vue b/src/components/Hello.vue
index 8f9c8ae..be2002f 100644
--- a/src/components/Hello.vue
+++ b/src/components/Hello.vue
@@ -33,7 +33,7 @@ export default {
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
-<style lang="sass">
+<style lang="sass" scoped>
 h1, h2
   font-weight: normal