From 6970071ce1ade8667d7e0775e04320bf6d803c93 Mon Sep 17 00:00:00 2001
From: Fen Dweller <chemicalcrux@gmail.com>
Date: Thu, 6 Aug 2020 19:03:01 -0400
Subject: [PATCH] Fix action descriptions not appearing

---
 src/components/ActionButton.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/ActionButton.vue b/src/components/ActionButton.vue
index d5587c3..e5027d5 100644
--- a/src/components/ActionButton.vue
+++ b/src/components/ActionButton.vue
@@ -1,5 +1,5 @@
 <template>
-  <button @focus="describe" class="action-button" @click="execute">
+  <button @focus="describe" @mouseover="describe" @mouseleave="undescribe" class="action-button" @click="execute">
     <div class="action-title">{{ action.name }}</div>
     <div class="action-desc">{{ action.desc }}</div>
   </button>
@@ -10,6 +10,7 @@
 import { Component, Prop, Vue, Watch, Emit } from 'vue-property-decorator'
 import { Action, GroupAction } from '@/game/combat'
 import { Creature } from '@/game/creature'
+import { nilLog } from '@/game/interface'
 
 @Component({})
 export default class ActionButton extends Vue {
@@ -44,6 +45,11 @@ export default class ActionButton extends Vue {
       this.$emit('described', this.action.describe(this.user, this.target))
     }
   }
+
+  @Emit("undescribe")
+  undescribe () {
+    this.$emit('described', nilLog)
+  }
 }
 
 </script>