Refactor code based on comments from PR review

webapp/components/Badges.vue

@@ -12,7 +12,7 @@
     >
       <hc-image
         :title="badge.key"
-        :image-props="imageProps(badge.icon)"
+        :image-props="{ src: badge.icon}"
         class="hc-badge"
       />
     </div>
@@ -30,11 +30,6 @@ export default {
       type: Array,
       default: () => []
     }
-  },
-  methods: {
-    imageProps(icon) {
-      return { src: icon }
-    }
   }
 }
 </script>

webapp/components/Empty.vue

@@ -58,11 +58,8 @@ export default {
     }
   },
   computed: {
-    iconPath() {
-      return `/img/empty/${this.icon}.svg`
-    },
-    imageProps: {
-      src: iconPath
+    imageProps() {
+      return { src: `/img/empty/${this.icon}.svg` }
     }
   }
 }

webapp/pages/settings/my-social-media.vue

@@ -12,7 +12,7 @@
         >
           <a :href="link.url">
             <hc-image
-              :image-props="imageProps(link.favicon)"
+              :image-props="{ src: link.favicon }"
               alt="Social Media link"
               width="16"
               height="16"
@@ -105,9 +105,6 @@ export default {
           this.$toast.success(this.$t('settings.social-media.success')),
           (this.value = '')
         )
-    },
-    imageProps(favicon) {
-      return { src: favicon }
     }
   }
 }