fix(validation): null check errorMessages

vuetifyjs · Sep 27, 2023 · 6c7a4b9 · 6c7a4b9
1 parent 56b8137
commit 6c7a4b9
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/vuetify/src/composables/validation.ts b/packages/vuetify/src/composables/validation.ts
@@ -24,7 +24,7 @@ type ValidateOnValue = 'blur' | 'input' | 'submit'
 export interface ValidationProps {
   disabled: boolean | null
   error: boolean
-  errorMessages: string | readonly string[]
+  errorMessages: string | readonly string[] | null
   focused: boolean
   maxErrors: string | number
   name: string | undefined
@@ -85,7 +85,7 @@ export function useValidation (
   const isDisabled = computed(() => !!(props.disabled ?? form?.isDisabled.value))
   const isReadonly = computed(() => !!(props.readonly ?? form?.isReadonly.value))
   const errorMessages = computed(() => {
-    return props.errorMessages.length
+    return props.errorMessages?.length
       ? wrapInArray(props.errorMessages).slice(0, Math.max(0, +props.maxErrors))
       : internalErrorMessages.value
   })
@@ -102,7 +102,7 @@ export function useValidation (
     }
   })
   const isValid = computed(() => {
-    if (props.error || props.errorMessages.length) return false
+    if (props.error || props.errorMessages?.length) return false
     if (!props.rules.length) return true
     if (isPristine.value) {
       return internalErrorMessages.value.length || validateOn.value.lazy ? null : true