Starts refactor using a PlayerView renderless component for Player logic

lootalot_front/src/components/Wealth.vue

@@ -2,12 +2,11 @@
   <section class="level is-mobile">
     <div class="level-left">
       <div class="level-item">
-	<span class="icon is-large"
-	  @click="edit = !edit">
-	  <i class="fas fa-2x fa-piggy-bank"></i>
-	  </span>
+	    <span class="icon is-large" @click="edit = !edit">
+	      <i class="fas fa-2x fa-piggy-bank"></i>
+	    </span>
       </div>
-    <template v-if="edit">
+      <template v-if="edit">
       <div class="level-item">
     	<input class="input" type="number" step="0.01" v-model="edit_value"></input>
       </div>
@@ -16,8 +15,8 @@
           Modifier
         </button>
       </div>
-    </template>
-    <template v-else>
+      </template>
+      <template v-else>
       <div class="level-item ">
        <p class="is-size-4">{{ wealth[3] }}</p>
        <p class="heading">PP</p>
@@ -46,7 +45,6 @@
 </template>
 
 <script>
-    import { AppStorage } from '../AppStorage.js'
     export default {
         props: ["wealth", "debt"],
         data () { 
@@ -57,8 +55,8 @@
         },
         methods: {
             updateWealth () {
-                AppStorage.updatePlayerWealth(this.edit_value)
-                    .then(_ => this.resetValues());
+                this.$emit("update", this.edit_value);
+                this.resetValues();
             },
             resetValues () {
             	this.edit = false;