From efa55dbf0b2c93eb5b3e49032c9fac294722cb44 Mon Sep 17 00:00:00 2001
From: Adrien Agez <adrien.agez@hotmail.fr>
Date: Sun, 23 Feb 2020 20:29:11 +0100
Subject: [PATCH] Router ok + try to add i18n

---
 src/components/Hello.vue       |  2 +-
 src/components/MapSelector.vue | 31 ++++++++++++++++++++++---------
 src/i18n.js                    |  7 +++++++
 src/router/index.js            |  2 +-
 4 files changed, 31 insertions(+), 11 deletions(-)
 create mode 100644 src/i18n.js

diff --git a/src/components/Hello.vue b/src/components/Hello.vue
index 24960d5..c23033d 100644
--- a/src/components/Hello.vue
+++ b/src/components/Hello.vue
@@ -2,7 +2,7 @@
   <div class="hello">
     <h1>{{ msg }}</h1>
 
-    <a href="maps">Go to selector</a>
+    <router-link to="maps">Go to selector</router-link>
     <h2>Essential Links</h2>
     <ul>
       <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
diff --git a/src/components/MapSelector.vue b/src/components/MapSelector.vue
index 27b1185..eda8749 100644
--- a/src/components/MapSelector.vue
+++ b/src/components/MapSelector.vue
@@ -1,10 +1,11 @@
-<div class="map-selector">
-  <h1 class="map-selector__title">Map Selector</h1>
-  <ul>
-    <li v-for="map in maps"><a>map.name</a></li>
-  </ul>
-</div>
-
+<template>
+  <div class="map-selector">
+    <h1 class="map-selector__title">Map Selector</h1>
+    <ul>
+      <li v-for="map in maps"><a>{{ map.name }}</a></li>
+    </ul>
+  </div>
+</template>
 
 <script type="text/javascript">
   const MAPS = {
@@ -12,11 +13,23 @@
       name: 'Alterac Pass'
     },
     battlefieldOfEternity: {
-      name: 'Battlefield of Etnernity'
+      name: 'Battlefield of Eternity'
     },
     blackheartSBay: {
       name: "Blackheart's Bay"
-    }
+    },
+    gardenOfTerror: {},
+    HanamuraTemple: {},
+    VolskayaFoundry: {},
+    HauntedMines: {},
+    TowerOfDoom: {},
+    InfernalShrines: {},
+    TombOfTheSpiderQueen: {},
+    SkyTemple: {},
+    DragonShire: {},
+    CursedHollow: {},
+    BraxisHoldout: {},
+    WarheadJunction: {}
   }
 
   module.exports = {
diff --git a/src/i18n.js b/src/i18n.js
new file mode 100644
index 0000000..ffa2f9d
--- /dev/null
+++ b/src/i18n.js
@@ -0,0 +1,7 @@
+import VueI18n from 'vue-i18n'
+
+const i18n = new VueI18n(
+  {}
+)
+
+export default i18n
diff --git a/src/router/index.js b/src/router/index.js
index 2d37757..b46e161 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -14,7 +14,7 @@ export default new Router({
       component: Hello
     },
     {
-      path: 'maps',
+      path: '/maps',
       name: 'Map selector',
       component: MapSelector
     }