fix(sba-icon-button): replace v-on with v-bind and explicitly emit click event to fix event handler warning

Author: SteKoe

spring-boot-admin-server-ui/src/main/frontend/components/sba-icon-button.vue

@@ -19,7 +19,8 @@
     class="border-none sm:m-1 bg-transparent!"
     :title="title"
     size="xs"
-    v-on="$attrs"
+    v-bind="$attrs"
+    @click="$emit('click', $event)"
   >
     <font-awesome-icon :icon="icon" :size="size" :class="iconClass" />
   </sba-button>
@@ -49,6 +50,7 @@ export default {
       default: null,
     },
   },
+  emits: ['click'],
 };
 </script>
 

spring-boot-admin-server-ui/src/main/frontend/views/instances/metrics/metric.spec.ts

@@ -18,20 +18,6 @@ describe('Metric', () => {
         plugins: [i18n],
         stubs: {
           FontAwesomeIcon: true,
-          /*
-            To prevent:
-            [Vue warn]: Wrong type passed as event handler to onClass - did you forget @ or : in front of your prop?
-            Expected function or array of functions, received type string.
-              at <SbaButton class="border-none sm:m-1 bg-transparent! self-end" title=null size="xs"  ... >
-              at <SbaIconButton icon="trash" class="self-end" onClick=fn >
-              at <Anonymous header-sticks-below="#navigation" title="percent.test" >
-              at <Metric metricName="percent.test" instance= Instance { ... } statisticTypes= { VALUE: 'percent' }  ... >
-              at <VTUROOT>
-           */
-          SbaButton: {
-            inheritAttrs: false,
-            template: '<button><slot /></button>',
-          },
         },
       },
       props: {