fix: apply ESLint rule vue/prefer-true-attribute-shorthand

app/javascript/dashboard/components/ConversationItem.vue

@@ -58,7 +58,7 @@ export default {
     :conversation-type="conversationType"
     :selected="isConversationSelected(source.id)"
     :show-assignee="showAssignee"
-    :enable-context-menu="true"
+    enable-context-menu
     @selectConversation="selectConversation"
     @deSelectConversation="deSelectConversation"
     @assignAgent="assignAgent"

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

@@ -92,7 +92,7 @@ export default {
         v-if="!isACustomBrandedInstance"
         icon="book-open-globe"
         name="DOCS"
-        :open-in-new-page="true"
+        open-in-new-page
         :to="helpDocsURL"
       />
       <NotificationBell @openNotificationPanel="openNotificationPanel" />

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

@@ -27,8 +27,8 @@ export default {
 <template>
   <div class="date-picker">
     <DatePicker
-      :range="true"
-      :confirm="true"
+      range
+      confirm
       :clearable="false"
       :editable="false"
       :confirm-text="confirmText"

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

@@ -34,7 +34,7 @@ export default {
   <div class="date-picker">
     <DatePicker
       type="datetime"
-      :confirm="true"
+      confirm
       :clearable="false"
       :editable="false"
       :confirm-text="confirmText"

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

@@ -138,7 +138,7 @@ export default {
               track-by="id"
               label="name"
               :placeholder="$t('FORMS.MULTISELECT.SELECT')"
-              :multiple="true"
+              multiple
               selected-label
               :select-label="$t('FORMS.MULTISELECT.ENTER_TO_SELECT')"
               deselect-label=""
@@ -186,7 +186,7 @@ export default {
       v-if="inputType === 'textarea'"
       v-model="castMessageVmodel"
       rows="4"
-      :enable-variables="true"
+      enable-variables
       :placeholder="$t('AUTOMATION.ACTION.TEAM_MESSAGE_INPUT_PLACEHOLDER')"
       class="action-message"
     />

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

@@ -33,7 +33,7 @@ export default {
         track-by="id"
         label="name"
         :placeholder="$t('AUTOMATION.ACTION.TEAM_DROPDOWN_PLACEHOLDER')"
-        :multiple="true"
+        multiple
         selected-label
         :select-label="$t('FORMS.MULTISELECT.ENTER_TO_SELECT')"
         deselect-label=""

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

@@ -42,7 +42,7 @@ export default {
     <Chrome
       v-if="isPickerOpen"
       v-on-clickaway="closeTogglePicker"
-      :disable-alpha="true"
+      disable-alpha
       :value="value"
       class="colorpicker--chrome"
       @input="updateColor"

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

@@ -203,7 +203,7 @@ export default {
               track-by="id"
               label="name"
               placeholder="Select"
-              :multiple="true"
+              multiple
               selected-label
               :select-label="$t('FORMS.MULTISELECT.ENTER_TO_SELECT')"
               deselect-label=""

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

@@ -84,7 +84,7 @@ export default {
       :key="label.id"
       :title="label.title"
       :description="label.description"
-      :show-close="true"
+      show-close
       :color="label.color"
       variant="smooth"
       @click="removeItem"

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

@@ -43,7 +43,7 @@ export default {
       :title="user.name"
       :src="user.thumbnail"
       :username="user.name"
-      :has-border="true"
+      has-border
       :size="size"
       :class="`overlapping-thumbnail gap-${gap}`"
     />

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

@@ -325,7 +325,7 @@ export default {
           :dropdown-values="getDropdownValues(appliedFilters[i].attribute_key)"
           :show-query-operator="i !== appliedFilters.length - 1"
           :show-user-input="showUserInput(appliedFilters[i].filter_operator)"
-          :grouped-filters="true"
+          grouped-filters
           :error-message="validationErrors[`filter_${i}`]"
           @resetFilter="resetFilter(i, appliedFilters[i])"
           @removeFilter="removeFilter(i)"

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

@@ -1087,7 +1087,7 @@ export default {
       color-scheme="secondary"
       class="banner--self-assign"
       :banner-message="$t('CONVERSATION.NOT_ASSIGNED_TO_YOU')"
-      :has-action-button="true"
+      has-action-button
       :action-button-label="$t('CONVERSATION.ASSIGN_TO_ME')"
       @click="onClickSelfAssign"
     />
@@ -1146,7 +1146,7 @@ export default {
         :placeholder="messagePlaceHolder"
         :min-height="4"
         :signature="signatureToApply"
-        :allow-signature="true"
+        allow-signature
         :send-with-signature="sendWithSignature"
         @typingOff="onTypingOff"
         @typingOn="onTypingOn"
@@ -1162,10 +1162,10 @@ export default {
         :placeholder="messagePlaceHolder"
         :update-selection-with="updateEditorSelectionWith"
         :min-height="4"
-        :enable-variables="true"
+        enable-variables
         :variables="messageVariables"
         :signature="signatureToApply"
-        :allow-signature="true"
+        allow-signature
         :channel-type="channelType"
         @typingOff="onTypingOff"
         @typingOn="onTypingOn"

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

@@ -26,7 +26,7 @@ export default {
 <template>
   <div class="image message-text__wrap">
     <img :src="url" @click="onClick" @error="$emit('error')" />
-    <woot-modal :full-width="true" :show.sync="show" :on-close="onClose">
+    <woot-modal full-width :show.sync="show" :on-close="onClose">
       <img :src="url" class="modal-image skip-context-menu" />
     </woot-modal>
   </div>