add score and delta information to performance metrics output

ee/app/assets/javascripts/vue_merge_request_widget/components/mr_widget_report_issues.vue

@@ -32,6 +32,9 @@
       isTypeQuality() {
         return this.type === 'codequality';
       },
+      isTypePerformance() {
+        return this.type === 'performance';
+      },
       isTypeSecurity() {
         return this.type === 'security';
       },
@@ -55,7 +58,11 @@
       <template v-if="isStatusSuccess && isTypeQuality">Fixed:</template>
       <template v-if="isTypeSecurity && issue.priority">{{issue.priority}}:</template>
 
-      {{issue.name}}
+      {{issue.name}}<template v-if="issue.score">: {{issue.score}}</template>
+
+      <template v-if="isTypePerformance && issue.delta != null">
+        ({{issue.delta >= 0 ? '+' : ''}}{{issue.delta}})
+      </template>
 
       <template v-if="issue.path">
         in

ee/app/assets/javascripts/vue_merge_request_widget/stores/mr_widget_store.js

@@ -102,13 +102,17 @@ export default class MergeRequestStore extends CEMergeRequestStore {
 
     this.performanceMetrics.improved = [
       {
-        name: 'Overall Score: 55',
+        name: 'Overall Score',
+        score: 50,
+        delta: 0,
         path: '/foo/bar',
       },
     ];
     this.performanceMetrics.degraded = [
       {
-        name: 'Overall Score: 54',
+        name: 'Overall Score',
+        score: 53,
+        delta: -1,
         path: '/foo/bar/bin',
       },
     ];