Bind i18n Object To SeverityProgressBar Props

When instantiating the SeverityProgressBar ComponentClass, the $t prop should
be passed to it, so that the messages in the tooltip of the progress bar are rendered

Signed-off-by: Aravind Parappil <[email protected]>

Author: aravindparappil46

src/views/portfolio/components/ComponentSearch.vue

@@ -330,7 +330,7 @@ export default {
           field: 'metrics',
           sortable: false,
           visible: false,
-          formatter(metrics, row, index) {
+          formatter: function (metrics, row, index) {
             if (typeof metrics === 'undefined') {
               return '-'; // No vulnerability info available
             }
@@ -345,11 +345,12 @@ export default {
                 medium: metrics.medium,
                 low: metrics.low,
                 unassigned: metrics.unassigned,
+                $t: this.$t.bind(this),
               },
             });
             progressBar.$mount();
             return progressBar.$el.outerHTML;
-          },
+          }.bind(this),
         },
       ],
       data: [],

src/views/portfolio/projects/ProjectComponents.vue

@@ -275,7 +275,7 @@ export default {
           title: this.$t('message.vulnerabilities'),
           field: 'metrics',
           sortable: false,
-          formatter(metrics, row, index) {
+          formatter: function (metrics, row, index) {
             if (typeof metrics === 'undefined') {
               return '-'; // No vulnerability info available
             }
@@ -290,11 +290,12 @@ export default {
                 medium: metrics.medium,
                 low: metrics.low,
                 unassigned: metrics.unassigned,
+                $t: this.$t.bind(this),
               },
             });
             progressBar.$mount();
             return progressBar.$el.outerHTML;
-          },
+          }.bind(this),
         },
       ],
       data: [],

src/views/portfolio/projects/ProjectServices.vue

@@ -82,7 +82,7 @@ export default {
           title: this.$t('message.vulnerabilities'),
           field: 'metrics',
           sortable: false,
-          formatter(metrics, row, index) {
+          formatter: function (metrics, row, index) {
             if (typeof metrics === 'undefined') {
               return '-'; // No vulnerability info available
             }
@@ -97,11 +97,12 @@ export default {
                 medium: metrics.medium,
                 low: metrics.low,
                 unassigned: metrics.unassigned,
+                $t: this.$t.bind(this),
               },
             });
             progressBar.$mount();
             return progressBar.$el.outerHTML;
-          },
+          }.bind(this),
         },
       ],
       data: [],