From bc0e4bc20ffb1124143267b8273cdcefbfcd6d3f Mon Sep 17 00:00:00 2001
From: Azri Kahar <42867097+azrikahar@users.noreply.github.com>
Date: Thu, 21 Apr 2022 20:22:41 +0800
Subject: [PATCH] translate validation message in validation errors (#12916)

---
 app/src/components/v-form/validation-errors.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/src/components/v-form/validation-errors.vue b/app/src/components/v-form/validation-errors.vue
index 76da855fc5..079567be6d 100644
--- a/app/src/components/v-form/validation-errors.vue
+++ b/app/src/components/v-form/validation-errors.vue
@@ -50,6 +50,7 @@ import { computed } from 'vue';
 import { ValidationError, Field } from '@directus/shared/types';
 import { formatFieldFunction } from '@/utils/format-field-function';
 import { extractFieldFromFunction } from '@/utils/extract-field-from-function';
+import { translate } from '@/utils/translate-literal';
 
 interface Props {
 	validationErrors: ValidationError[];
@@ -80,7 +81,7 @@ const validationErrorsWithNames = computed<
 			...validationError,
 			fieldName,
 			groupName: group?.name ?? validationError.group,
-			customValidationMessage: field?.meta?.validation_message,
+			customValidationMessage: translate(field?.meta?.validation_message),
 		};
 	}) as (ValidationError & { fieldName: string; groupName: string; customValidationMessage: string | null })[];
 });