small fixes

lootalot_front/src/components/Wealth.vue

@@ -25,19 +25,19 @@
       </template>
       <template v-else>
       <div class="level-item ">
-       <p class="is-size-4">{{ wealth[3] }}</p>
+       <p class="is-size-4">{{ pp }}</p>
        <p class="heading">PP</p>
       </div>
      <div class="level-item ">
-       <p class="is-size-4">{{ wealth[2] }}</p>
+       <p class="is-size-4">{{ gp }}</p>
        <p class="heading">PO</p>
      	</div>
      <div class="level-item ">
-       <p class="is-size-4">{{ wealth[1] }}</p>
+       <p class="is-size-4 has-text-grey-light">{{ sp }}</p>
        <p class="heading">PA</p>
        </div>
      <div class="level-item ">
-       <p class="is-size-4">{{ wealth[0] }}</p>
+       <p class="is-size-4 has-text-grey-light">{{ cp }}</p>
        <p class="heading">PC</p>
        </div>
     </template>
@@ -69,6 +69,25 @@
             	this.editing = false;
                 this.edit_value = 0;
             }
+        },
+        computed: {
+            pp () {
+                return this.wealth[3];
+            },
+            gp () {
+                const gp = this.wealth[2];
+                if (gp < 10) {
+                    return "0" + gp;
+                } else {
+                    return gp;
+                }
+            },
+            sp () {
+                return this.wealth[1];
+            },
+            cp () {
+                return this.wealth[0];
+            },
         }
     }
 </script>