[feature] Show additional game events as number

Author: g3force

src/components/GameState.vue

@@ -1,10 +1,14 @@
 <template>
     <div>
-        <span v-b-tooltip.hover title="Last game event" v-if="state.gameEvents.length > 0">
-            {{state.gameEvents[0].type}}
-            |
+        <span v-b-tooltip.hover title="Last game event">
+            <span v-if="state.gameEvents.length > 0">{{state.gameEvents[0].type}}</span>
+            <span v-if="state.gameEvents.length === 0">-</span>
         </span>
-
+        <span v-if="state.gameEvents.length > 1"
+              v-b-tooltip.hover title="Additional game events">
+                (+{{state.gameEvents.length-1}})
+        </span>
+        |
         <span v-b-tooltip.hover title="The current stage of the game">
             {{state.stage}}
         </span>