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/superadmin_pages/views/dashboard/Index.vue

@@ -40,26 +40,28 @@ const { accountsCount, usersCount, inboxesCount, conversationsCount } =
 <template>
   <div class="w-full h-full">
     <header class="main-content__header" role="banner">
-      <h1 id="page-title" class="main-content__page-title">Admin Dashboard</h1>
+      <h1 id="page-title" class="main-content__page-title">
+        {{ 'Admin Dashboard' }}
+      </h1>
     </header>
 
     <section class="main-content__body main-content__body--flush">
       <div class="report--list">
         <div class="report-card">
           <div class="metric">{{ accountsCount }}</div>
-          <div>Accounts</div>
+          <div>{{ 'Accounts' }}</div>
         </div>
         <div class="report-card">
           <div class="metric">{{ usersCount }}</div>
-          <div>Users</div>
+          <div>{{ 'Users' }}</div>
         </div>
         <div class="report-card">
           <div class="metric">{{ inboxesCount }}</div>
-          <div>Inboxes</div>
+          <div>{{ 'Inboxes' }}</div>
         </div>
         <div class="report-card">
           <div class="metric">{{ conversationsCount }}</div>
-          <div>Conversations</div>
+          <div>{{ 'Conversations' }}</div>
         </div>
       </div>
     </section>