Network page validation and i18n issue fix
In network page invalid if condition changed, added validations and i18n
function changed based on the vue 3 support.
Change-Id: If5b9c00f6da722984f1c568cfbcb6b34537c3df1
Signed-off-by: Surya Venkatesan <suryav@ami.com>
diff --git a/src/views/Settings/Network/ModalMacAddress.vue b/src/views/Settings/Network/ModalMacAddress.vue
index f3fcc02..137a359 100644
--- a/src/views/Settings/Network/ModalMacAddress.vue
+++ b/src/views/Settings/Network/ModalMacAddress.vue
@@ -21,10 +21,10 @@
@change="v$.form.macAddress.$touch()"
/>
<b-form-invalid-feedback role="alert">
- <div v-if="!v$.form.macAddress.required">
+ <div v-if="v$.form.macAddress.required.$invalid">
{{ $t('global.form.fieldRequired') }}
</div>
- <div v-if="!v$.form.macAddress.macAddress">
+ <div v-if="v$.form.macAddress.macAddress.$invalid">
{{ $t('global.form.invalidFormat') }}
</div>
</b-form-invalid-feedback>
@@ -51,8 +51,8 @@
<script>
import VuelidateMixin from '@/components/Mixins/VuelidateMixin.js';
import { useVuelidate } from '@vuelidate/core';
-
-import { macAddress, required } from '@vuelidate/validators';
+import { required } from '@vuelidate/validators';
+import { macAddress } from 'vuelidate/lib/validators';
import { useI18n } from 'vue-i18n';
export default {