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


<script type="text/javascript">
  const MAPS = {
    alteracPass: {
      name: 'Alterac Pass'
    },
    battlefieldOfEternity: {
      name: 'Battlefield of Etnernity'
    },
    blackheartSBay: {
      name: "Blackheart's Bay"
    }
  }

  module.exports = {
    name: 'MapSelector',
    data: function () {
      return {
        maps: MAPS
      }
    }
  }
</script>
