style: apply fixes for eslint issues [cw-3590] (#10210)

These fixes are all auto generated and can be merged directly

Fixes the following issues

1. Event used on components should be hypenated
2. Attribute orders in components
3. Use `unmounted` instead of `destroyed`
4. Add explicit `emits` declarations for components, autofixed [using
this
script](https://gist.github.com/scmmishra/6f549109b96400006bb69bbde392eddf)


We ignore the top level v-if for now, we will fix it later

app/javascript/dashboard/modules/contact/ContactMergeModal.vue

@@ -16,6 +16,7 @@ export default {
       required: true,
     },
   },
+  emits: ['close'],
   setup() {
     const show = defineModel('show', { type: Boolean, default: false });
 

app/javascript/dashboard/modules/contact/components/ContactAttribute.vue

@@ -12,6 +12,7 @@ export default {
     value: { type: [String, Number], default: '' },
     showEdit: { type: Boolean, default: false },
   },
+  emits: ['update'],
   data() {
     return {
       isEditing: false,

app/javascript/dashboard/modules/contact/components/ContactFields.vue

@@ -9,6 +9,7 @@ export default {
       default: () => ({}),
     },
   },
+  emits: ['update', 'createAttribute'],
 
   computed: {
     additionalAttributes() {

app/javascript/dashboard/modules/contact/components/ContactIntro.vue

@@ -13,6 +13,7 @@ export default {
       default: () => ({}),
     },
   },
+  emits: ['edit', 'message'],
 
   computed: {
     additionalAttributes() {

app/javascript/dashboard/modules/contact/components/ContactPanel.vue

@@ -77,7 +77,7 @@ export default {
     <ContactFields
       :contact="contact"
       @update="updateField"
-      @createAttribute="toggleCustomAttributeModal"
+      @create-attribute="toggleCustomAttributeModal"
     />
     <EditContact
       v-if="showEditModal"

app/javascript/dashboard/modules/contact/components/MergeContact.vue

@@ -25,6 +25,7 @@ export default {
       default: () => [],
     },
   },
+  emits: ['search', 'submit', 'cancel'],
   setup() {
     return { v$: useVuelidate() };
   },
@@ -115,9 +116,11 @@ export default {
                 :phone-number="props.option.phone_number"
               />
             </template>
-            <span slot="noResult">
-              {{ $t('AGENT_MGMT.SEARCH.NO_RESULTS') }}
-            </span>
+            <template #noResult>
+              <span>
+                {{ $t('AGENT_MGMT.SEARCH.NO_RESULTS') }}
+              </span>
+            </template>
           </multiselect>
           <span v-if="v$.parentContact.$error" class="message">
             {{ $t('MERGE_CONTACTS.FORM.CHILD_CONTACT.ERROR') }}

app/javascript/dashboard/modules/contact/components/MergeContactSummary.vue

@@ -13,6 +13,7 @@ export default {
 };
 </script>
 
+<!-- eslint-disable-next-line vue/no-root-v-if -->
 <template>
   <div
     v-if="parentContactName"

app/javascript/dashboard/modules/conversations/components/MessageContextMenu.vue

@@ -39,6 +39,7 @@ export default {
       default: () => ({}),
     },
   },
+  emits: ['open', 'close', 'replyTo'],
   setup() {
     const { getPlainText } = useMessageFormatter();
     return {

app/javascript/dashboard/modules/notes/components/ContactNote.vue

@@ -25,6 +25,7 @@ export default {
       default: 0,
     },
   },
+  emits: ['delete'],
   setup() {
     const { formatMessage } = useMessageFormatter();
     return {

app/javascript/dashboard/modules/notes/components/NoteList.vue

@@ -20,6 +20,7 @@ export default {
       default: false,
     },
   },
+  emits: ['add', 'edit', 'delete'],
 
   methods: {
     onAddNote(value) {

app/javascript/dashboard/modules/search/components/ReadMore.vue

@@ -6,6 +6,7 @@ export default {
       default: false,
     },
   },
+  emits: ['expand'],
 };
 </script>
 

app/javascript/dashboard/modules/search/components/SearchHeader.vue

@@ -1,5 +1,7 @@
 <script>
 export default {
+  emits: ['search'],
+
   data() {
     return {
       searchQuery: '',

app/javascript/dashboard/modules/search/components/SearchTabs.vue

@@ -10,6 +10,7 @@ export default {
       default: 0,
     },
   },
+  emits: ['tabChange'],
   data() {
     return {
       activeTab: 0,

app/javascript/dashboard/modules/search/components/SearchView.vue

@@ -220,7 +220,7 @@ export default {
           v-if="query"
           :tabs="tabs"
           :selected-tab="activeTabIndex"
-          @tabChange="tab => (selectedTab = tab)"
+          @tab-change="tab => (selectedTab = tab)"
         />
       </header>
       <div class="search-results">