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

app/javascript/widget/components/ArticleHero.vue

@@ -7,10 +7,6 @@ export default {
       type: Array,
       default: () => [],
     },
-    categoryPath: {
-      type: String,
-      default: '',
-    },
   },
   methods: {
     onArticleClick(link) {

app/javascript/widget/components/ChatFooter.vue

@@ -17,12 +17,6 @@ export default {
     FooterReplyTo,
   },
   mixins: [routerMixin],
-  props: {
-    msg: {
-      type: String,
-      default: '',
-    },
-  },
   data() {
     return {
       inReplyTo: null,

app/javascript/widget/components/ChatHeader.vue

@@ -1,6 +1,4 @@
 <script>
-import { mapGetters } from 'vuex';
-
 import availabilityMixin from 'widget/mixins/availability';
 import nextAvailabilityTime from 'widget/mixins/nextAvailabilityTime';
 import FluentIcon from 'shared/components/FluentIcon/Index.vue';
@@ -38,9 +36,6 @@ export default {
     },
   },
   computed: {
-    ...mapGetters({
-      widgetColor: 'appConfig/getWidgetColor',
-    }),
     isOnline() {
       const { workingHoursEnabled } = this.channelConfig;
       const anyAgentOnline = this.availableAgents.length > 0;
@@ -61,13 +56,13 @@ export default {
 
 <template>
   <header
-    class="flex justify-between p-5 w-full"
+    class="flex justify-between w-full p-5"
     :class="$dm('bg-white', 'dark:bg-slate-900')"
   >
     <div class="flex items-center">
       <button
         v-if="showBackButton"
-        class="-ml-3 px-2"
+        class="px-2 -ml-3"
         @click="onBackButtonClick"
       >
         <FluentIcon
@@ -78,13 +73,13 @@ export default {
       </button>
       <img
         v-if="avatarUrl"
-        class="h-8 w-8 rounded-full mr-3"
+        class="w-8 h-8 mr-3 rounded-full"
         :src="avatarUrl"
         alt="avatar"
       />
       <div>
         <div
-          class="font-medium text-base leading-4 flex items-center"
+          class="flex items-center text-base font-medium leading-4"
           :class="$dm('text-black-900', 'dark:text-slate-50')"
         >
           <span v-dompurify-html="title" class="mr-1" />
@@ -94,7 +89,7 @@ export default {
           />
         </div>
         <div
-          class="text-xs mt-1 leading-3"
+          class="mt-1 text-xs leading-3"
           :class="$dm('text-black-700', 'dark:text-slate-400')"
         >
           {{ replyWaitMessage }}

app/javascript/widget/components/Form/TextArea.vue

@@ -7,10 +7,6 @@ export default {
       type: String,
       default: '',
     },
-    type: {
-      type: String,
-      default: 'text',
-    },
     placeholder: {
       type: String,
       default: '',
@@ -57,19 +53,19 @@ export default {
   <label class="block">
     <div
       v-if="label"
-      class="mb-2 text-xs leading-3 font-medium"
+      class="mb-2 text-xs font-medium leading-3"
       :class="labelClass"
     >
       {{ label }}
     </div>
     <textarea
-      class="resize-none border rounded w-full py-2 px-3 text-slate-700 leading-tight outline-none"
+      class="w-full px-3 py-2 leading-tight border rounded outline-none resize-none text-slate-700"
       :class="isTextAreaHasError"
       :placeholder="placeholder"
       :value="value"
       @change="onChange"
     />
-    <div v-if="error" class="text-red-400 mt-2 text-xs leading-3 font-medium">
+    <div v-if="error" class="mt-2 text-xs font-medium leading-3 text-red-400">
       {{ error }}
     </div>
   </label>

app/javascript/widget/components/TeamAvailability.vue

@@ -25,10 +25,6 @@ export default {
       type: Boolean,
       default: false,
     },
-    unreadCount: {
-      type: Number,
-      default: 0,
-    },
   },
 
   computed: {

app/javascript/widget/components/UserMessageBubble.vue

@@ -10,10 +10,6 @@ export default {
       type: String,
       default: '',
     },
-    status: {
-      type: String,
-      default: '',
-    },
     widgetColor: {
       type: String,
       default: '',

app/javascript/widget/components/layouts/ViewWithHeader.vue

@@ -28,7 +28,6 @@ export default {
     ...mapGetters({
       appConfig: 'appConfig/getAppConfig',
       availableAgents: 'agent/availableAgents',
-      widgetColor: 'appConfig/getWidgetColor',
     }),
     portal() {
       return window.chatwootWebChannel.portal;
@@ -108,9 +107,9 @@ export default {
     :class="{ 'overflow-auto': isOnHomeView }"
     @keydown.esc="closeWindow"
   >
-    <div class="flex flex-col h-full relative">
+    <div class="relative flex flex-col h-full">
       <div
-        class="header-wrap sticky top-0 z-40 transition-all"
+        class="sticky top-0 z-40 transition-all header-wrap"
         :class="{
           expanded: !isHeaderCollapsed,
           collapsed: isHeaderCollapsed,