Add bulk and prey counters

src/components/Statblock.vue

@@ -6,7 +6,11 @@
     <div class="stat-line"><i class="fas fa-bolt" /> {{ subject.vigors[vigor.Stamina].toFixed(0) }}</div>
     <div class="stat-line"><i class="fas fa-brain" /> {{ subject.vigors[vigor.Willpower].toFixed(0) }}</div>
     <br>
-    <div class="stat-line" v-for="stat in Object.keys(subject.stats)" v-bind:key="stat"><i :class="statIcons[stat]" />: {{subject.stats[stat]}}</div>
+    <div class="stat-line" v-for="stat in Object.keys(subject.stats)" v-bind:key="stat"><i :class="statIcons[stat]" /> {{subject.stats[stat]}}</div>
+    <br>
+    <div class="stat-line"><i class="fas fa-weight-hanging" /> {{subject.bulk}}</div>
+    <div class="stat-line"><i class="fas fa-utensils" /> {{ subject.containers.reduce((total, container) => total + container.contents.length, 0) }} </div>
+    <br>
     <div>Status: {{subject.status}}</div>
     <ContainerView v-for="container in subject.containers" :key="container.name.toString()" :container="container" />
   </div>
@@ -61,5 +65,7 @@ a {
   font-size: 2vh;
   padding-top: 4pt;
   padding-bottom: 4pt;
+  display: flex;
+  justify-content: space-evenly;
 }
 </style>

src/game/creatures/cafat.ts

@@ -24,6 +24,7 @@ class BellyCrushAction extends AttackAction {
   constructor (private _damage: Damage) {
     super(_damage)
     this.name = 'Belly Crush'
+    this.desc = 'Deal damage proportional to your bulk'
   }
 
   execute (user: Creature, target: Creature): LogEntry {
@@ -51,6 +52,7 @@ class BelchAction extends AttackAction {
   constructor (damage: Damage) {
     super(damage)
     this.name = 'Belch'
+    this.desc = 'Drain your foe\'s willpower with a solid BELCH'
   }
 }
 class CrushAction extends EatenAction {
@@ -66,6 +68,7 @@ class CrushAction extends EatenAction {
 
   constructor (container: Container) {
     super(container, "Crush", "Crush 'em!")
+    this.desc = "Crush somebody in your gut"
   }
 
   execute (user: Creature, target: Creature): LogEntry {