Updated user delete and timeshare owner

src/components/admin/status/editTimeShareAdminPage.vue

         this.boolAwaitingPayment = true;
       }
     }
+    console.log(this.individuals);
   },
   created() {
     this.initTimeshare(this.weekId);

src/components/admin/status/userManagementPage.vue

       this.$router.push({ name: "UpdateInfo", params: { indivParam: item } });
     },
     Delete(item) {
+      console.log(item);
       this.deleteIndividual(item.id);
     }
   },

src/components/user/updateProfileInfo.vue

         </div>
       </div>
       <!-- <DetailIndividual :currentUser="user" :showBank="true" :showAddress="true" /> -->
+      <div class="row mb-4">
+        <div class="col-md-6">
+          <float-label fixed label="USERNAME">
+            <input
+              type="text"
+              name="name"
+              class="form-control uniInput"
+              id="name"
+              placeholder="Name"
+              data-rule="minlen:4"
+              data-msg="Please enter your name"
+              v-model="individual.user.username"
+            />
+          </float-label>
+        </div>
+      </div>
       <div class="row mb-2">
         <div class="form-group col-md-6">
           <float-label>
               id="email"
               placeholder="EMAIL ADDRESS"
               data-msg="Please enter your email address"
-              v-model="individual.emailAddress"
+              v-model="individual.email"
             />
           </float-label>
 

src/store/modules/user/register.js

       };
     },
     removeIndividual(state, id) {
-      state.registerIndividual.pop(state.registerIndividual.find(p => p.id === id));
+      var index = state.individuals.findIndex((indiv) => indiv.id === id)
+      state.individuals.splice(index, 1)
     },
     removeAgency(state, id) {
       state.registerAgency.pop(state.registerAgency.find(a => a.id === id));