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/widget/components/template/Article.vue

@@ -21,6 +21,7 @@ export default {
 };
 </script>
 
+<!-- eslint-disable-next-line vue/no-root-v-if -->
 <template>
   <div
     v-if="!!items.length"
@@ -35,10 +36,9 @@ export default {
             class="mr-1"
             :class="getThemeClass('text-black-900', 'dark:text-slate-50')"
           />
-          <span
-            :class="getThemeClass('text-slate-900', 'dark:text-slate-50')"
-            >{{ item.title }}</span
-          >
+          <span :class="getThemeClass('text-slate-900', 'dark:text-slate-50')">
+            {{ item.title }}
+          </span>
         </span>
         <span
           class="description"