akadmin/chatwoot
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

refactor: use vuelidate for vue 3

Browse Source
This commit is contained in:
Shivam Mishra
2024-07-22 21:50:50 +05:30
parent c119084818
commit 7fe8b14539
2 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/javascript/dashboard/routes/dashboard/settings/labels/AddLabel.vue
+5 -1
View File
@@ -59,6 +59,7 @@ import alertMixin from 'shared/mixins/alertMixin';
import { mapGetters } from 'vuex';
import validations, { getLabelTitleErrorMessage } from './validations';
import { getRandomColor } from 'dashboard/helper/labelColor';
import { useVuelidate } from '@vuelidate/core';
export default {
mixins: [alertMixin],
@@ -68,6 +69,9 @@ export default {
default: '',
},
},
setup() {
return { v$: useVuelidate() };
},
data() {
return {
color: '#000',
@@ -82,7 +86,7 @@ export default {
uiFlags: 'labels/getUIFlags',
}),
labelTitleErrorMessage() {
const errorMessage = getLabelTitleErrorMessage(this.$v);
const errorMessage = getLabelTitleErrorMessage(this.v$);
return this.$t(errorMessage);
},
},
app/javascript/dashboard/routes/dashboard/settings/labels/EditLabel.vue
+5 -1
View File
@@ -51,6 +51,7 @@
import { mapGetters } from 'vuex';
import alertMixin from 'shared/mixins/alertMixin';
import validations, { getLabelTitleErrorMessage } from './validations';
import { useVuelidate } from '@vuelidate/core';
export default {
mixins: [alertMixin],
@@ -60,6 +61,9 @@ export default {
default: () => {},
},
},
setup() {
return { v$: useVuelidate() };
},
data() {
return {
title: '',
@@ -79,7 +83,7 @@ export default {
}`;
},
labelTitleErrorMessage() {
const errorMessage = getLabelTitleErrorMessage(this.$v);
const errorMessage = getLabelTitleErrorMessage(this.v$);
return this.$t(errorMessage);
},
},