From af3c55937b4df6c91e917334d5d0f63e38fefa21 Mon Sep 17 00:00:00 2001
From: iamsivin <iamsivin@gmail.com>
Date: Fri, 26 Jul 2024 09:19:23 +0530
Subject: [PATCH] fix: apply ESLint rule vue/no-unused-emit-declarations

---
 .eslintrc.js                                               | 1 +
 app/javascript/dashboard/components/buttons/Button.vue     | 7 ++++++-
 .../dashboard/components/ui/DatePicker/DatePicker.vue      | 2 +-
 .../components/ui/DatePicker/components/CalendarFooter.vue | 2 +-
 app/javascript/v3/components/Form/CheckBox.vue             | 2 +-
 5 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index b5b42225b..492e9ca36 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -147,6 +147,7 @@ module.exports = {
         ],
       },
     ],
+    'vue/no-unused-emit-declarations': 'error',
     'vue/max-attributes-per-line': [
       'error',
       {
diff --git a/app/javascript/dashboard/components/buttons/Button.vue b/app/javascript/dashboard/components/buttons/Button.vue
index 5d330167b..32c2e923a 100644
--- a/app/javascript/dashboard/components/buttons/Button.vue
+++ b/app/javascript/dashboard/components/buttons/Button.vue
@@ -1,5 +1,10 @@
 <script>
+import Spinner from 'shared/components/Spinner.vue';
+
 export default {
+  components: {
+    Spinner,
+  },
   props: {
     isLoading: {
       type: Boolean,
@@ -38,7 +43,7 @@ export default {
       :class="buttonIconClass"
       :icon="icon"
     />
-    <spinner v-if="isLoading" />
+    <Spinner v-if="isLoading" />
     <slot />
   </button>
 </template>
diff --git a/app/javascript/dashboard/components/ui/DatePicker/DatePicker.vue b/app/javascript/dashboard/components/ui/DatePicker/DatePicker.vue
index 05dc0976f..20d78db3b 100644
--- a/app/javascript/dashboard/components/ui/DatePicker/DatePicker.vue
+++ b/app/javascript/dashboard/components/ui/DatePicker/DatePicker.vue
@@ -31,7 +31,7 @@ import CalendarMonth from './components/CalendarMonth.vue';
 import CalendarWeek from './components/CalendarWeek.vue';
 import CalendarFooter from './components/CalendarFooter.vue';
 
-const emit = defineEmits(['change']);
+const emit = defineEmits(['dateRangeChanged']);
 const { LAST_7_DAYS, LAST_30_DAYS, CUSTOM_RANGE } = DATE_RANGE_TYPES;
 const { START_CALENDAR, END_CALENDAR } = CALENDAR_TYPES;
 const { WEEK, MONTH, YEAR } = CALENDAR_PERIODS;
diff --git a/app/javascript/dashboard/components/ui/DatePicker/components/CalendarFooter.vue b/app/javascript/dashboard/components/ui/DatePicker/components/CalendarFooter.vue
index 828044e1c..199affe45 100644
--- a/app/javascript/dashboard/components/ui/DatePicker/components/CalendarFooter.vue
+++ b/app/javascript/dashboard/components/ui/DatePicker/components/CalendarFooter.vue
@@ -1,5 +1,5 @@
 <script setup>
-const emit = defineEmits(['clear', 'apply']);
+const emit = defineEmits(['clear', 'clear']);
 
 const onClickClear = () => {
   emit('clear');
diff --git a/app/javascript/v3/components/Form/CheckBox.vue b/app/javascript/v3/components/Form/CheckBox.vue
index 46e155942..fe5baf41d 100644
--- a/app/javascript/v3/components/Form/CheckBox.vue
+++ b/app/javascript/v3/components/Form/CheckBox.vue
@@ -12,7 +12,7 @@ const props = defineProps({
   },
 });
 
-const emit = defineEmits(['input']);
+const emit = defineEmits(['update']);
 
 const checked = computed({
   get: () => props.isChecked,