Exception for User exists

src/components/user/registerIndividual.vue

@@ -6,6 +6,11 @@
           <alert :text="'Register Success! You\'ll be redirected shortly.'" :type="'SUCCESS'" />
         </div>
       </div>
+      <div v-if="boolUserExists" class="row">
+        <div class="col">
+          <alert :text="'This username is already in use'" :type="'ERROR'" />
+        </div>
+      </div>
       <div class="row">
         <div class="col-sm-12 col-md-6 ">
           <input
@@ -146,7 +151,8 @@ export default {
       showPassword: false,
       boolMessage: false,
       terms: false,
-      indivUser: {}
+      indivUser: {},
+      boolUserExists: false
     };
   },
   computed: {
@@ -183,7 +189,7 @@ export default {
           }, 2500);
         })
         .catch(err => {
-          console.log(err);
+          this.boolUserExists = true;
         });
     },
     Close() {

src/components/user/registerPage.vue

@@ -109,9 +109,13 @@ export default {
       this.isPasswordShown = "password";
     },
     SubmitData() {
-      this.saveIndividual(this.registerIndividual);
-
-      this.$router.push("/user/login");
+      this.saveIndividual(this.registerIndividual)
+        .then(() => {
+          this.$router.push("/user/login");
+        })
+        .catch(ex => {
+          //console.log(ex);
+        });
     },
     Close() {
       this.$router.push("/user/login");

src/store/modules/user/register.js

@@ -146,13 +146,16 @@ export default {
     // },
 
     async saveIndividual({ commit }, item) {
+      
       await axios
         .post("/api/register/register", item)
         .then(res => {
           commit("addIndividual", res.data);
+          return promise.resolve()
         })
-        .catch(() => {
-          console.error;
+        .catch((ex) => {
+          return promise.reject(ex)
+          //console.error;
         });
     },
     saveAgency({ commit }, item) {