fix: apply ESLint rule vue/custom-event-name-casing

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

@@ -40,7 +40,7 @@ export default {
       this.$emit('update', { location: value });
     },
     handleCustomCreate() {
-      this.$emit('create-attribute');
+      this.$emit('createAttribute');
     },
     onCustomAttributeUpdate(key, value) {
       this.$emit('update', { custom_attributes: { [key]: value } });

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

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

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

@@ -25,7 +25,7 @@ export default {
   methods: {
     onTabChange(index) {
       this.activeTab = index;
-      this.$emit('tab-change', this.tabs[index].key);
+      this.$emit('tabChange', this.tabs[index].key);
     },
   },
 };

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

@@ -160,7 +160,7 @@ export default {
           v-if="query"
           :tabs="tabs"
           :selected-tab="activeTabIndex"
-          @tab-change="tab => (selectedTab = tab)"
+          @tabChange="tab => (selectedTab = tab)"
         />
       </header>
       <div class="search-results">
@@ -195,7 +195,7 @@ export default {
             {{ $t('SEARCH.EMPTY_STATE_FULL', { query }) }}
           </p>
         </div>
-        <div v-else class="empty text-center">
+        <div v-else class="text-center empty">
           <p class="text-center margin-bottom-0">
             <fluent-icon icon="search" size="24px" class="icon" />
           </p>