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