From 49030ba5a73c6ac1c3774126feef20d3eb0552f3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Thu, 9 Mar 2023 13:39:33 +0100
Subject: [PATCH] Fix: Make registration functional in MyE&P after changes in
 store api

---
 .../Private/Assets/js/myep/Registration.vue     | 17 +++++++++--------
 .../Private/Assets/js/myep/store/index.js       |  1 +
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Registration.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Registration.vue
index 340ed2f6..5c2a76c5 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Registration.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Registration.vue
@@ -3,7 +3,7 @@
         <h1 class="mb-4">
             Registrierung MyE&amp;P
         </h1>
-        <form @submit.prevent="register()">
+        <form @submit.prevent="performRegistration()">
             <div class="grid grid-cols-1 md:grid-cols-2 gap-x-4 mb-4">
                 <form-group label="Vorname" :error="formErrors.firstName">
                     <input type="text" v-model="userData.firstName" class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full">
@@ -33,9 +33,9 @@
         </form>
     </div>
 </template>
-
+w
 <script>
-    import { mapState, mapMutations } from 'vuex'
+    import { mapState, mapActions, mapMutations } from 'vuex'
     import FormGroup from './components/FormGroup'
 
 	export default {
@@ -55,12 +55,13 @@
         },
         methods: {
             ...mapMutations(['alert']),
-            register () {
+            ...mapActions(['register']),
+            performRegistration () {
                 this.message = '';
                 this.formErrors = {};
-                this.$store.dispatch('register', this.userData)
+                this.register(this.userData)
                     .then(response => {
-                        if (response.data.success) {
+                        if (response.success) {
                             this.alert({
                                 message: 'Du erhältst in Kürze eine E-Mail mit einem Link zum (Zurück)setzen deines Passworts.',
                                 success: true,
@@ -79,11 +80,11 @@
                             });
                         }
                     }).catch(error => {
-                        const violations = error.response.data.violations;
+                        const violations = error.response.violations;
                         for (let violation of violations) {
                             this.$set(this.formErrors, violation.property_path, violation.message);
                         }
-                    });
+                })
             }
         },
         computed: {
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/store/index.js b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/store/index.js
index 421c6333..90be4846 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/store/index.js
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/store/index.js
@@ -199,6 +199,7 @@ export default new Vuex.Store({
                         message: 'Es ist ein Fehler aufgetreten: ' + error.message,
                         success: false,
                     })
+                    throw error
                 })
                 .finally(() => {
                     commit('endLoading')