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/ArticleHero.vue

@@ -8,6 +8,7 @@ export default {
       default: () => [],
     },
   },
+  emits: ['view', 'viewAll'],
   methods: {
     onArticleClick(link) {
       this.$emit('view', link);
@@ -20,7 +21,7 @@ export default {
   <CategoryCard
     :title="$t('PORTAL.POPULAR_ARTICLES')"
     :articles="articles.slice(0, 6)"
-    @viewAll="$emit('viewAll')"
+    @view-all="$emit('viewAll')"
     @view="onArticleClick"
   />
 </template>