Add an area for the boss fights

src/App.vue

@@ -31,7 +31,6 @@ import moment from 'moment'
   data () {
     return {
       encounter: null,
-      encounters: null,
       world: null,
       mode: 'explore',
       props: {
@@ -58,24 +57,20 @@ export default class App extends Vue {
     player.perspective = POV.Second
     player.side = Side.Heroes
 
-    this.$data.encounters = []
-
-    this.$data.encounters.push(new Encounter({ name: 'Wolf' }, [player, new Creatures.Wolf()]))
-    this.$data.encounters.push(new Encounter({ name: 'Boss Fight' }, this.makeParty().concat([new Creatures.Withers(), new Creatures.Kenzie()])))
-    this.$data.encounters.push(new Encounter({ name: 'Cafat' }, this.makeParty().concat([new Creatures.Cafat()])))
-    this.$data.encounters.push(new Encounter({ name: 'Dragon' }, this.makeParty().concat([new Creatures.Dragon()])))
-    this.$data.encounters.push(new Encounter({ name: 'Wolves' }, this.makeParty().concat([new Creatures.Wolf(), new Creatures.Wolf(), new Creatures.Wolf(), new Creatures.Wolf()])))
-    this.$data.encounters.push(new Encounter({ name: 'Large Wah' }, this.makeParty().concat([new Creatures.Shingo()])))
-    this.$data.encounters.push(new Encounter({ name: 'Goldeneye' }, this.makeParty().concat([new Creatures.Goldeneye()])))
-
-    this.$data.encounter = this.$data.encounters[0]
+    const bonusBosses = []
+    bonusBosses.push(new Encounter({ name: 'Boss Fight' }, this.makeParty().concat([new Creatures.Withers(), new Creatures.Kenzie()])))
+    bonusBosses.push(new Encounter({ name: 'Cafat' }, this.makeParty().concat([new Creatures.Cafat()])))
+    bonusBosses.push(new Encounter({ name: 'Large Wah' }, this.makeParty().concat([new Creatures.Shingo()])))
+    bonusBosses.push(new Encounter({ name: 'Goldeneye' }, this.makeParty().concat([new Creatures.Goldeneye()])))
 
     const home = new Place(new ProperNoun('your home'), 'This is not not home')
 
     const street = new Place(new ImproperNoun('street'), 'The street')
+    const bosses = new Place(new ProperNoun('The Boss Zone'), 'Death time lmao')
     home.biconnect(Direction.North, street)
+    street.biconnect(Direction.West, bosses)
 
-    this.$data.encounters.forEach((encounter: Encounter) => home.choices.push(new Choice(
+    bonusBosses.forEach((encounter: Encounter) => bosses.choices.push(new Choice(
       encounter.desc.name,
       'Fight time!',
       (world, executor) => {

src/components/Explore.vue

@@ -129,10 +129,12 @@ export default class Explore extends Vue {
 
 .location-name {
   font-size: 200%;
+  margin: 8pt;
 }
 
 .location-desc {
   font-size: 150%;
+  color: #ccc;
 }
 
 .explore-nav {