fix(default-theme): errors about displaying errors in NesletterForm (#…

…1232)
vuestorefront · Nov 16, 2020 · 2f90777 · 2f90777 · vercel · Nov 16, 2020
1 parent 8bc8a71
commit 2f90777
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 12 deletions.
diff --git a/packages/default-theme/src/cms/elements/CmsElementContactForm.vue b/packages/default-theme/src/cms/elements/CmsElementContactForm.vue
@@ -110,7 +110,7 @@
         />
       </div>
 
-      <SwErrorsList :list="errorMessage" />
+      <SwErrorsList :list="errorMessages" />
 
       <SwButton class="send button">
         {{ $t("send") }}
@@ -181,7 +181,7 @@ export default {
         "I have read and agree with the data protection regulations."
     )
 
-    const errorMessage = ref("")
+    const errorMessages = ref([])
     const salutation = ref(null)
     const firstName = ref(null)
     const lastName = ref(null)
@@ -206,7 +206,7 @@ export default {
         )
         formSent.value = true
       } catch (e) {
-        errorMessage.value = getMessagesFromErrorsArray(e.message)
+        errorMessages.value = getMessagesFromErrorsArray(e.message)
       }
     }
     const checkbox = ref(false)
@@ -216,7 +216,7 @@ export default {
       salutationsError,
       getConfirmationText,
       sendForm,
-      errorMessage,
+      errorMessages,
       salutation,
       firstName,
       lastName,
@@ -230,12 +230,12 @@ export default {
   },
   methods: {
     async submit() {
-      this.errorMessage = ""
+      this.errorMessages = []
       this.$v.$touch()
       if (this.$v.$invalid) {
-        this.errorMessage = this.$t(
+        this.errorMessages = [this.$t(
           "Please fill form data and check regulations acceptance."
-        )
+        )]
         return
       }
 

diff --git a/packages/default-theme/src/cms/elements/CmsElementNesletterForm.vue b/packages/default-theme/src/cms/elements/CmsElementNesletterForm.vue
@@ -48,7 +48,7 @@
           />
         </transition>
 
-        <SwErrorsList :list="errorMessage" />
+        <SwErrorsList :list="errorMessages" />
 
         <span>
           <SwButton
@@ -96,7 +96,7 @@ export default {
   },
   setup(props, { root }) {
     const { apiInstance } = getApplicationContext(root, "SwFooter")
-    const errorMessage = ref("")
+    const errorMessages = ref([])
     const email = ref(null)
     const formSent = ref(false)
     const sendForm = async () => {
@@ -114,20 +114,20 @@ export default {
         )
         formSent.value = true
       } catch (e) {
-        errorMessage.value = getMessagesFromErrorsArray(e.message)
+        errorMessages.value = getMessagesFromErrorsArray(e.message)
       }
     }
 
     return {
       email,
       sendForm,
-      errorMessage,
+      errorMessages,
       formSent,
     }
   },
   methods: {
     async submit() {
-      this.errorMessage = ""
+      this.errorMessages = []
       this.$v.$touch()
       if (this.$v.$invalid) {
         return