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

app/javascript/widget/views/Home.vue

@@ -102,19 +102,19 @@ export default {
 
 <template>
   <div
-    class="z-50 rounded-md w-full flex flex-1 flex-col"
+    class="z-50 flex flex-col flex-1 w-full rounded-md"
     :class="{ 'pb-2': showArticles, 'justify-end': !showArticles }"
   >
-    <div class="px-4 pt-4 w-full">
+    <div class="w-full px-4 pt-4">
       <TeamAvailability
         :available-agents="availableAgents"
         :has-conversation="!!conversationSize"
         :unread-count="unreadMessageCount"
-        @start-conversation="startConversation"
+        @startConversation="startConversation"
       />
     </div>
-    <div v-if="showArticles" class="px-4 py-2 w-full">
-      <div class="p-4 rounded-md bg-white dark:bg-slate-700 shadow-sm w-full">
+    <div v-if="showArticles" class="w-full px-4 py-2">
+      <div class="w-full p-4 bg-white rounded-md shadow-sm dark:bg-slate-700">
         <ArticleHero
           v-if="
             !articleUiFlags.isFetching &&
@@ -123,12 +123,12 @@ export default {
           "
           :articles="popularArticles"
           @view="openArticleInArticleViewer"
-          @view-all="viewAllArticles"
+          @viewAll="viewAllArticles"
         />
       </div>
     </div>
-    <div v-if="articleUiFlags.isFetching" class="px-4 py-2 w-full">
-      <div class="p-4 rounded-md bg-white dark:bg-slate-700 shadow-sm w-full">
+    <div v-if="articleUiFlags.isFetching" class="w-full px-4 py-2">
+      <div class="w-full p-4 bg-white rounded-md shadow-sm dark:bg-slate-700">
         <ArticleCardSkeletonLoader />
       </div>
     </div>