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/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"