fix: apply ESLint rule vue/no-unused-properties

app/javascript/dashboard/components/ChatList.vue

@@ -131,20 +131,16 @@ export default {
   },
   computed: {
     ...mapGetters({
-      currentChat: 'getSelectedChat',
       currentUser: 'getCurrentUser',
       chatLists: 'getAllConversations',
       mineChatsList: 'getMineChats',
       allChatList: 'getAllStatusChats',
-      chatListFilters: 'getChatListFilters',
       unAssignedChatsList: 'getUnAssignedChats',
       chatListLoading: 'getChatListLoadingStatus',
-      currentUserID: 'getCurrentUserID',
       activeInbox: 'getSelectedInbox',
       conversationStats: 'conversationStats/getStats',
       appliedFilters: 'getAppliedConversationFilters',
       folders: 'customViews/getCustomViews',
-      inboxes: 'inboxes/getInboxes',
       agentList: 'agents/getAgents',
       teamsList: 'teams/getTeams',
       inboxesList: 'inboxes/getInboxes',

app/javascript/dashboard/components/CustomAttribute.vue

@@ -28,7 +28,6 @@ export default {
       default: null,
     },
     regexCue: { type: String, default: null },
-    regexEnabled: { type: Boolean, default: false },
     attributeKey: { type: String, required: true },
     contactId: { type: Number, default: null },
   },

app/javascript/dashboard/components/Snackbar.vue

@@ -6,11 +6,6 @@ export default {
       type: Object,
       default: () => {},
     },
-    showButton: Boolean,
-    duration: {
-      type: [String, Number],
-      default: 3000,
-    },
   },
   data() {
     return {
@@ -27,14 +22,14 @@ export default {
     <div
       class="shadow-sm bg-slate-800 dark:bg-slate-700 rounded-[4px] items-center gap-3 inline-flex mb-2 max-w-[25rem] min-h-[1.875rem] min-w-[15rem] px-6 py-3 text-left"
     >
-      <div class="text-white dark:text-white text-sm font-medium">
+      <div class="text-sm font-medium text-white dark:text-white">
         {{ message }}
       </div>
       <div v-if="action">
         <router-link
           v-if="action.type == 'link'"
           :to="action.to"
-          class="text-woot-500 dark:text-woot-500 cursor-pointer font-medium hover:text-woot-600 dark:hover:text-woot-600 select-none"
+          class="font-medium cursor-pointer select-none text-woot-500 dark:text-woot-500 hover:text-woot-600 dark:hover:text-woot-600"
         >
           {{ action.message }}
         </router-link>

app/javascript/dashboard/components/buttons/ResolveAction.vue

@@ -17,7 +17,6 @@ export default {
     WootDropdownMenu,
   },
   mixins: [keyboardEventListenerMixins],
-  props: { conversationId: { type: [String, Number], required: true } },
   data() {
     return {
       isLoading: false,

app/javascript/dashboard/components/layout/Sidebar.vue

@@ -33,7 +33,6 @@ export default {
   computed: {
     ...mapGetters({
       accountId: 'getCurrentAccountId',
-      currentRole: 'getCurrentRole',
       currentUser: 'getCurrentUser',
       globalConfig: 'globalConfig/get',
       inboxes: 'inboxes/getInboxes',

app/javascript/dashboard/components/layout/sidebarComponents/NotificationBell.vue

@@ -4,7 +4,6 @@ import { mapGetters } from 'vuex';
 export default {
   computed: {
     ...mapGetters({
-      accountId: 'getCurrentAccountId',
       notificationMetadata: 'notifications/getMeta',
     }),
     unreadCount() {

app/javascript/dashboard/components/ui/PreviewCard.vue

@@ -13,10 +13,6 @@ export default {
       type: Boolean,
       default: false,
     },
-    buttonText: {
-      type: String,
-      default: 'Active',
-    },
     src: {
       type: String,
       default: '',
@@ -40,7 +36,7 @@ export default {
           active,
       }"
     >
-      <div class="items-center flex font-medium p-1 text-sm">{{ heading }}</div>
+      <div class="flex items-center p-1 text-sm font-medium">{{ heading }}</div>
       <fluent-icon
         v-if="active"
         icon="checkmark-circle"

app/javascript/dashboard/components/ui/Wizard.vue

@@ -5,7 +5,6 @@ import globalConfigMixin from 'shared/mixins/globalConfigMixin';
 export default {
   mixins: [globalConfigMixin],
   props: {
-    isFullwidth: Boolean,
     items: {
       type: Array,
       default: () => [],
@@ -51,7 +50,7 @@ export default {
         </h3>
         <span
           v-if="isOver(item)"
-          class="text-green-500 dark:text-green-500 ml-1"
+          class="ml-1 text-green-500 dark:text-green-500"
         >
           <fluent-icon icon="checkmark" />
         </span>
@@ -59,7 +58,7 @@ export default {
       <span class="step">
         {{ items.indexOf(item) + 1 }}
       </span>
-      <p class="text-slate-600 dark:text-slate-300 text-sm m-0 pl-6">
+      <p class="pl-6 m-0 text-sm text-slate-600 dark:text-slate-300">
         {{ item.body }}
       </p>
     </div>

app/javascript/dashboard/components/widgets/AIAssistanceButton.vue

@@ -34,7 +34,6 @@ export default {
   }),
   computed: {
     ...mapGetters({
-      currentChat: 'getSelectedChat',
       isAChatwootInstance: 'globalConfig/isAChatwootInstance',
     }),
     isAICTAModalDismissed() {

app/javascript/dashboard/components/widgets/AIAssistanceModal.vue

@@ -1,5 +1,4 @@
 <script>
-import { mapGetters } from 'vuex';
 import messageFormatterMixin from 'shared/mixins/messageFormatterMixin';
 import AILoader from './AILoader.vue';
 import aiMixin from 'dashboard/mixins/aiMixin';
@@ -23,9 +22,6 @@ export default {
     };
   },
   computed: {
-    ...mapGetters({
-      appIntegrations: 'integrations/getAppIntegrations',
-    }),
     headerTitle() {
       const translationKey = this.aiOption?.toUpperCase();
       return translationKey

app/javascript/dashboard/components/widgets/AICTAModal.vue

@@ -1,7 +1,6 @@
 <script>
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
-import { mapGetters } from 'vuex';
 import { useAlert } from 'dashboard/composables';
 import { useUISettings } from 'dashboard/composables/useUISettings';
 import aiMixin from 'dashboard/mixins/aiMixin';
@@ -25,11 +24,6 @@ export default {
       required,
     },
   },
-  computed: {
-    ...mapGetters({
-      appIntegrations: 'integrations/getAppIntegrations',
-    }),
-  },
   methods: {
     onClose() {
       this.$emit('close');

app/javascript/dashboard/components/widgets/AutomationFileInput.vue

@@ -6,10 +6,6 @@ export default {
     Spinner,
   },
   props: {
-    value: {
-      type: Array,
-      default: () => [],
-    },
     initialFileName: {
       type: String,
       default: '',

app/javascript/dashboard/components/widgets/FilterInput/Index.vue

@@ -13,10 +13,6 @@ export default {
       type: String,
       default: 'plain_text',
     },
-    dataType: {
-      type: String,
-      default: 'plain_text',
-    },
     operators: {
       type: Array,
       default: () => [],

app/javascript/dashboard/components/widgets/TableFooterPagination.vue

@@ -7,10 +7,6 @@ const props = defineProps({
     type: Number,
     default: 1,
   },
-  totalCount: {
-    type: Number,
-    default: 0,
-  },
   totalPages: {
     type: Number,
     default: 0,

app/javascript/dashboard/components/widgets/WootWriter/AudioRecorder.vue

@@ -49,10 +49,6 @@ export default {
       type: String,
       default: AUDIO_FORMATS.WAV,
     },
-    isAWhatsAppChannel: {
-      type: Boolean,
-      default: false,
-    },
   },
   data() {
     return {

app/javascript/dashboard/components/widgets/WootWriter/ReplyBottomPanel.vue

@@ -36,6 +36,9 @@ export default {
       type: String,
       default: '',
     },
+    // inbox prop is used in /mixins/inboxMixin,
+    // remove this props when refactoring to composable if not needed
+    // eslint-disable-next-line vue/no-unused-properties
     inbox: {
       type: Object,
       default: () => ({}),
@@ -52,10 +55,6 @@ export default {
       type: Function,
       default: () => {},
     },
-    showEmojiPicker: {
-      type: Boolean,
-      default: false,
-    },
     toggleEmojiPicker: {
       type: Function,
       default: () => {},

app/javascript/dashboard/components/widgets/conversation/ConversationCard.vue

@@ -82,7 +82,6 @@ export default {
       currentChat: 'getSelectedChat',
       inboxesList: 'inboxes/getInboxes',
       activeInbox: 'getSelectedInbox',
-      currentUser: 'getCurrentUser',
       accountId: 'getCurrentAccountId',
     }),
     bulkActionCheck() {

app/javascript/dashboard/components/widgets/conversation/ConversationHeader.vue

@@ -44,7 +44,6 @@ export default {
   },
   computed: {
     ...mapGetters({
-      uiFlags: 'inboxAssignableAgents/getUIFlags',
       currentChat: 'getSelectedChat',
       accountId: 'getCurrentAccountId',
       isFeatureEnabledonAccount: 'accounts/isFeatureEnabledonAccount',

app/javascript/dashboard/components/widgets/conversation/Message.vue

@@ -61,10 +61,6 @@ export default {
       type: Boolean,
       default: false,
     },
-    isWebWidgetInbox: {
-      type: Boolean,
-      default: false,
-    },
     isAnEmailInbox: {
       type: Boolean,
       default: false,

app/javascript/dashboard/components/widgets/conversation/MessagesView.vue

@@ -68,14 +68,8 @@ export default {
 
   computed: {
     ...mapGetters({
-      accountId: 'getCurrentAccountId',
       currentChat: 'getSelectedChat',
-      allConversations: 'getAllConversations',
-      inboxesList: 'inboxes/getInboxes',
       listLoadingStatus: 'getAllMessagesLoaded',
-      loadingChatList: 'getChatListLoadingStatus',
-      appIntegrations: 'integrations/getAppIntegrations',
-      isFeatureEnabledonAccount: 'accounts/isFeatureEnabledonAccount',
       currentAccountId: 'getCurrentAccountId',
     }),
     isOpen() {

app/javascript/dashboard/components/widgets/conversation/ReplyBox.vue

@@ -126,8 +126,6 @@ export default {
       currentUser: 'getCurrentUser',
       lastEmail: 'getLastEmailInSelectedChat',
       globalConfig: 'globalConfig/get',
-      accountId: 'getCurrentAccountId',
-      isFeatureEnabledonAccount: 'accounts/isFeatureEnabledonAccount',
     }),
     currentContact() {
       return this.$store.getters['contacts/getContact'](

app/javascript/dashboard/components/widgets/conversation/bubble/Actions.vue

@@ -1,7 +1,6 @@
 <script>
 import { MESSAGE_TYPE, MESSAGE_STATUS } from 'shared/constants/messages';
 import inboxMixin from 'shared/mixins/inboxMixin';
-import { mapGetters } from 'vuex';
 import { messageTimestamp } from 'shared/helpers/timeHelper';
 
 export default {
@@ -51,17 +50,12 @@ export default {
       type: String,
       default: '',
     },
-    id: {
-      type: [String, Number],
-      default: '',
-    },
     inboxId: {
       type: [String, Number],
       default: 0,
     },
   },
   computed: {
-    ...mapGetters({ currentChat: 'getSelectedChat' }),
     inbox() {
       return this.$store.getters['inboxes/getInbox'](this.inboxId);
     },

app/javascript/dashboard/components/widgets/conversation/conversationBulkActions/AgentSelector.vue

@@ -28,7 +28,6 @@ export default {
   computed: {
     ...mapGetters({
       uiFlags: 'bulkActions/getUIFlags',
-      inboxes: 'inboxes/getInboxes',
       assignableAgentsUiFlags: 'inboxAssignableAgents/getUIFlags',
     }),
     filteredAgents() {

app/javascript/dashboard/components/widgets/conversation/conversationBulkActions/UpdateActions.vue

@@ -6,14 +6,6 @@ import WootDropdownItem from 'shared/components/ui/dropdown/DropdownItem.vue';
 import WootDropdownMenu from 'shared/components/ui/dropdown/DropdownMenu.vue';
 
 const props = defineProps({
-  selectedInboxes: {
-    type: Array,
-    default: () => [],
-  },
-  conversationCount: {
-    type: Number,
-    default: 0,
-  },
   showResolve: {
     type: Boolean,
     default: true,

app/javascript/dashboard/components/widgets/conversation/conversationCardComponents/CardLabels.vue

@@ -3,10 +3,16 @@ import conversationLabelMixin from 'dashboard/mixins/conversation/labelMixin';
 export default {
   mixins: [conversationLabelMixin],
   props: {
+    // conversationId prop is used in /conversation/labelMixin,
+    // remove this props when refactoring to composable if not needed
+    // eslint-disable-next-line vue/no-unused-properties
     conversationId: {
       type: Number,
       required: true,
     },
+    // conversationLabels prop is used in /conversation/labelMixin,
+    // remove this props when refactoring to composable if not needed
+    // eslint-disable-next-line vue/no-unused-properties
     conversationLabels: {
       type: String,
       required: false,

app/javascript/dashboard/components/widgets/conversation/linear/CreateIssue.vue

@@ -9,10 +9,6 @@ import { parseLinearAPIErrorResponse } from 'dashboard/store/utils/api';
 import SearchableDropdown from './SearchableDropdown.vue';
 
 const props = defineProps({
-  accountId: {
-    type: [Number, String],
-    required: true,
-  },
   conversationId: {
     type: [Number, String],
     required: true,