Set RadioList, Autocomplete input components to not trigger validatio…

…n onMounted
bcgov · Jan 2, 2025 · 4a6a314 · 4a6a314
1 parent 2e392c7
commit 4a6a314
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/frontend/src/components/form/AutoComplete.vue b/frontend/src/components/form/AutoComplete.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { useField, ErrorMessage } from 'vee-validate';
+import { onMounted } from 'vue';
 
 import { AutoComplete } from '@/lib/primevue';
 
@@ -38,7 +39,11 @@ const {
 
 // Emits
 const emit = defineEmits(['onChange', 'onComplete', 'onInput']);
-const { errorMessage, value } = useField<string>(name);
+const { errorMessage, value, resetField } = useField<string>(name);
+
+onMounted(() => {
+  resetField({ touched: false });
+});
 </script>
 
 <template>

diff --git a/frontend/src/components/form/RadioList.vue b/frontend/src/components/form/RadioList.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ErrorMessage, useField } from 'vee-validate';
-import { watch } from 'vue';
+import { onMounted, watch } from 'vue';
 
 import { RadioButton } from '@/lib/primevue';
 
@@ -21,12 +21,16 @@ const {
 const emit = defineEmits(['onChange', 'onClick']);
 
 // State
-const { errorMessage, value } = useField<string>(name);
+const { errorMessage, value, resetField } = useField<string>(name);
 
 // Actions
 watch(value, () => {
   emit('onChange', value.value);
 });
+
+onMounted(() => {
+  resetField({ touched: false });
+});
 </script>
 
 <template>