Resolve custom-event-name-casing lint warnings
Signed-off-by: Sukanya Pandey <sukapan1@in.ibm.com>
Change-Id: I9eea4eac3b8cacc216fc9ad1011e51622622e75f
diff --git a/src/components/AppHeader/AppHeader.vue b/src/components/AppHeader/AppHeader.vue
index 01ebf5a..68de7d9 100644
--- a/src/components/AppHeader/AppHeader.vue
+++ b/src/components/AppHeader/AppHeader.vue
@@ -177,7 +177,7 @@
},
mounted() {
this.$root.$on(
- 'change:isNavigationOpen',
+ 'change-is-navigation-open',
(isNavigationOpen) => (this.isNavigationOpen = isNavigationOpen)
);
},
@@ -195,7 +195,7 @@
this.$store.dispatch('authentication/logout');
},
toggleNavigation() {
- this.$root.$emit('toggle:navigation');
+ this.$root.$emit('toggle-navigation');
},
},
};
diff --git a/src/components/AppNavigation/AppNavigation.vue b/src/components/AppNavigation/AppNavigation.vue
index 18b8000..233d496 100644
--- a/src/components/AppNavigation/AppNavigation.vue
+++ b/src/components/AppNavigation/AppNavigation.vue
@@ -71,11 +71,11 @@
this.isNavigationOpen = false;
},
isNavigationOpen: function (isNavigationOpen) {
- this.$root.$emit('change:isNavigationOpen', isNavigationOpen);
+ this.$root.$emit('change-is-navigation-open', isNavigationOpen);
},
},
mounted() {
- this.$root.$on('toggle:navigation', () => this.toggleIsOpen());
+ this.$root.$on('toggle-navigation', () => this.toggleIsOpen());
},
methods: {
toggleIsOpen() {
diff --git a/src/components/Global/LoadingBar.vue b/src/components/Global/LoadingBar.vue
index d62ef1e..1034de6 100644
--- a/src/components/Global/LoadingBar.vue
+++ b/src/components/Global/LoadingBar.vue
@@ -22,13 +22,13 @@
};
},
created() {
- this.$root.$on('loader::start', () => {
+ this.$root.$on('loader-start', () => {
this.startLoadingInterval();
});
- this.$root.$on('loader::end', () => {
+ this.$root.$on('loader-end', () => {
this.endLoadingInterval();
});
- this.$root.$on('loader::hide', () => {
+ this.$root.$on('loader-hide', () => {
this.hideLoadingBar();
});
},
diff --git a/src/components/Global/Search.vue b/src/components/Global/Search.vue
index 778965e..c259df9 100644
--- a/src/components/Global/Search.vue
+++ b/src/components/Global/Search.vue
@@ -55,11 +55,11 @@
},
methods: {
onChangeInput() {
- this.$emit('changeSearch', this.filter);
+ this.$emit('change-search', this.filter);
},
onClearSearch() {
this.filter = '';
- this.$emit('clearSearch');
+ this.$emit('clear-search');
this.$refs.searchInput.focus();
},
},
diff --git a/src/components/Global/TableFilter.vue b/src/components/Global/TableFilter.vue
index c9fb106..bf72952 100644
--- a/src/components/Global/TableFilter.vue
+++ b/src/components/Global/TableFilter.vue
@@ -106,7 +106,7 @@
this.emitChange();
},
emitChange() {
- this.$emit('filterChange', {
+ this.$emit('filter-change', {
activeFilters: this.activeFilters,
});
},
diff --git a/src/components/Global/TableRowAction.vue b/src/components/Global/TableRowAction.vue
index 7e4af49..a12ae80 100644
--- a/src/components/Global/TableRowAction.vue
+++ b/src/components/Global/TableRowAction.vue
@@ -19,7 +19,7 @@
:aria-label="title"
:title="title"
:disabled="!enabled"
- @click="$emit('click:tableAction', value)"
+ @click="$emit('click-table-action', value)"
>
<slot name="icon">
{{ title }}
diff --git a/src/components/Global/TableToolbar.vue b/src/components/Global/TableToolbar.vue
index cb6fa24..d22b37f 100644
--- a/src/components/Global/TableToolbar.vue
+++ b/src/components/Global/TableToolbar.vue
@@ -12,7 +12,7 @@
:data-test-id="`table-button-${action.value}Selected`"
variant="primary"
class="d-block"
- @click="$emit('batchAction', action.value)"
+ @click="$emit('batch-action', action.value)"
>
{{ action.label }}
</b-button>
@@ -20,7 +20,7 @@
<b-button
variant="secondary"
class="d-block"
- @click="$emit('clearSelected')"
+ @click="$emit('clear-selected')"
>
{{ $t('global.action.cancel') }}
</b-button>
diff --git a/src/components/Mixins/LoadingBarMixin.js b/src/components/Mixins/LoadingBarMixin.js
index 9b6b195..bb3e796 100644
--- a/src/components/Mixins/LoadingBarMixin.js
+++ b/src/components/Mixins/LoadingBarMixin.js
@@ -6,15 +6,15 @@
},
methods: {
startLoader() {
- this.$root.$emit('loader::start');
+ this.$root.$emit('loader-start');
this.loading = true;
},
endLoader() {
- this.$root.$emit('loader::end');
+ this.$root.$emit('loader-end');
this.loading = false;
},
hideLoader() {
- this.$root.$emit('loader::hide');
+ this.$root.$emit('loader-hide');
},
},
};