added failed login for register form

web/themes/custom/materiotheme/vuejs/components/Content/Product.vue

@@ -28,7 +28,7 @@
     <Modal
       v-if="showLoginModal"
       @close="closeModal"
-      :styles="{width:'500px', height:'300px'}"
+      :styles="{width:'500px', height:'350px'}"
     >
       <section id="pricing-modal-login-register">
         <h2>{{ $t("materio.Please login or create a new account to order your access") }}</h2>

web/themes/custom/materiotheme/vuejs/components/Form/RegisterForm.vue

@@ -16,6 +16,9 @@ export default {
     ps: ""
   }),
   computed: {
+    ...mapState({
+      registerMessage: state => state.User.registerMessage,
+    }),
     psswd_class: function(){
       return this.ps.toLowerCase()
     },

web/themes/custom/materiotheme/vuejs/store/modules/user.js

@@ -19,6 +19,7 @@ export default {
     csrf_token: null,
     logout_token: null,
     loginMessage: '',
+    registerMessage: '',
     isloggedin: false,
     isAdmin: false,
     isAdherent: false,
@@ -51,6 +52,10 @@ export default {
       console.log('setLoginMessage', message);
       state.loginMessage = message
     },
+    setRegisterMessage (state, message) {
+      console.log('setRegisterMessage', message);
+      state.registerMessage = message
+    },
     setUid (state, uid) {
       state.uid = uid
       state.isloggedin = true
@@ -133,13 +138,28 @@ export default {
         REST.get('/session/token').then(({ token }) => {
           commit('SetCsrftoken', token)
           REST.post('/user/register?_format=json', credentials, {
-            'X-CSRF-Token': state.csrftoken
+            'X-CSRF-Token': state.csrftoken,
+            validateStatus: function (status) {
+                return status >= 200 && status < 500;
+            }
           })
-            .then(({ data }) => {
-              console.log('user REST registered', data)
-              dispatch('userLogin', credentials).then(() => {
-                resolve()
-              })
+            .then((response) => {
+              console.log('user REST registered', response)
+              if(response.status === 200){
+                dispatch('userLogin', credentials).then(() => {
+                  resolve()
+                })
+              }else{
+                let message = ''
+                switch (response.status) {
+                  case 422:
+                    message = "email is already registered"
+                    break;
+                  default:
+                    message = response.data.message
+                }
+                commit('setRegisterMessage', message)
+              }
             })
             .catch(error => {
               console.warn('Issue with register', error)