Switch to inline validation for v-combobox

wbstack · Jan 16, 2024 · 3f24b32 · 3f24b32
1 parent 4c00bcb
commit 3f24b32
Showing 1 changed file with 2 additions and 8 deletions.
diff --git a/src/components/Pages/ManageWiki/Cards/QuestyCaptcha.vue b/src/components/Pages/ManageWiki/Cards/QuestyCaptcha.vue
@@ -30,7 +30,7 @@
                 outlined
                 hide-details="auto"
                 :append-outer-icon="showIcon ? 'mdi-delete-outline' : undefined"
-                :rules="[() => !!entry.question || 'Field cannot be empty. Please provide a question']"
+                :rules="[() => !!entry.question || 'Field cannot be empty. Please provide a question.']"
                 @click:append-outer="removeQuestion(index)"
                 dense
               ></v-text-field>
@@ -41,7 +41,7 @@
                 :items="entry.answers"
                 multiple
                 outlined
-                :rules="[required]"
+                :rules="[() => !!entry.answers.length || 'Field cannot be empty. Please provide an answer.']"
                 hide-selected
                 hide-details="auto"
                 dense
@@ -192,12 +192,6 @@ export default {
       const recoveredDefaultQuestions = this.$store.state.wikis.currentWikiSettings.defaultQuestions
       this.questionsFromStore = JSON.parse(JSON.stringify(recoveredDefaultQuestions))
     },
-    required (value) {
-      if (value.length === 0) {
-        return 'Field cannot be empty. Please provide an answer'
-      }
-      return !!value || 'Field cannot be empty. Please provide an answer'
-    },
     closeAlert () {
       this.successMessage = false
       this.errorMessage = false