diff --git a/src/i18n/en.js b/src/i18n/en.js index 9f9d9cd..ed1088f 100644 --- a/src/i18n/en.js +++ b/src/i18n/en.js @@ -113,4 +113,7 @@ export const locale = { TICKETS: "Tickets", NEW_TICKET: "New Ticket", CONTACTS: "Contracts", + + REQUIRED_VALIDATION: "This field is required", + MIN_LENGTH_VALIDATION: "This field should be at least {min} characters long", }; diff --git a/src/i18n/ru.js b/src/i18n/ru.js index f5deccb..d7f338d 100644 --- a/src/i18n/ru.js +++ b/src/i18n/ru.js @@ -113,4 +113,8 @@ export const locale = { TICKETS: "Tickets", NEW_TICKET: "New Ticket", CONTACTS: "Contracts", + SHORT_NAME: "Short Name", + + REQUIRED_VALIDATION: "This field is required", + MIN_LENGTH_VALIDATION: "This field should be at least {min} characters long", }; diff --git a/src/i18n/tm.js b/src/i18n/tm.js index 3bfcccf..75512d8 100644 --- a/src/i18n/tm.js +++ b/src/i18n/tm.js @@ -113,4 +113,7 @@ export const locale = { TICKETS: "Tickets", NEW_TICKET: "New Ticket", CONTACTS: "Contracts", + + REQUIRED_VALIDATION: "This field is required", + MIN_LENGTH_VALIDATION: "This field should be at least {min} characters long", }; diff --git a/src/views/register/Main.vue b/src/views/register/Main.vue index 03d088c..e004d7f 100644 --- a/src/views/register/Main.vue +++ b/src/views/register/Main.vue @@ -234,6 +234,9 @@ import { storeToRefs } from 'pinia'; import router from "@/router"; import Logo from "@/components/logo/Main.vue"; import Lang from "@/components/lang/Main.vue"; +import { useI18n } from 'vue-i18n'; + +const { t } = useI18n({}); const countriesStore = useCountriesStore(); @@ -252,23 +255,29 @@ const formData = reactive({ const rules = { firstname: { - required: helpers.withMessage('This field cannot be empty', required), - minLength: minLength(2), + required: helpers.withMessage(t("REQUIRED_VALIDATION"), required), + minLength: helpers.withMessage( + t("MIN_LENGTH_VALIDATION", {min: 2}), minLength(2) + ), }, lastname: { - required, - minLength: minLength(2), + required: helpers.withMessage(t("REQUIRED_VALIDATION"), required), + minLength: helpers.withMessage( + t("MIN_LENGTH_VALIDATION", {min: 2}), minLength(2) + ), }, email: { - required, + required: helpers.withMessage(t("REQUIRED_VALIDATION"), required), email, }, password: { - required, - minLength: minLength(8) + required: helpers.withMessage(t("REQUIRED_VALIDATION"), required), + minLength: helpers.withMessage( + t("MIN_LENGTH_VALIDATION", {min: 8}), minLength(8) + ) }, country: { - required + required: helpers.withMessage(t("REQUIRED_VALIDATION"), required) } }; diff --git a/src/views/tickets/CreateTicket.vue b/src/views/tickets/CreateTicket.vue index 18ad665..3d77102 100644 --- a/src/views/tickets/CreateTicket.vue +++ b/src/views/tickets/CreateTicket.vue @@ -139,12 +139,15 @@