Fix outdated MR security warning

changelogs/unreleased/avoid-using-gl-object.yml

+---
+title: Fix outdated MR security warning message
+merge_request: 23496
+author:
+type: fixed

ee/app/assets/javascripts/vue_merge_request_widget/mr_widget_options.vue

@@ -318,6 +318,7 @@ export default {
         :can-create-issue="mr.canCreateIssue"
         :can-create-merge-request="mr.canCreateMergeRequest"
         :can-dismiss-vulnerability="mr.canDismissVulnerability"
+        :diverged-commits-count="mr.divergedCommitsCount"
       />
       <mr-widget-licenses
         v-if="shouldRenderLicenseReport"

ee/app/assets/javascripts/vue_shared/security_reports/grouped_security_reports_app.vue

@@ -113,6 +113,11 @@ export default {
       type: Boolean,
       required: true,
     },
+    divergedCommitsCount: {
+      type: Number,
+      required: false,
+      default: 0,
+    },
   },
   componentNames,
   computed: {
@@ -154,10 +159,7 @@ export default {
       return this.enabledReports.sast;
     },
     subHeadingText() {
-      const mrDivergedCommitsCount =
-        (gl && gl.mrWidgetData && gl.mrWidgetData.diverged_commits_count) || 0;
-      const isMRBranchOutdated = mrDivergedCommitsCount > 0;
-
+      const isMRBranchOutdated = this.divergedCommitsCount > 0;
       if (isMRBranchOutdated) {
         return sprintf(
           s__(

ee/spec/frontend/vue_shared/security_reports/grouped_security_reports_app_spec.js

@@ -352,6 +352,7 @@ describe('Grouped security reports app', () => {
 
       createWrapper({
         ...props,
+        divergedCommitsCount: 1,
         targetBranch: 'master',
         enabledReports: {
           sast: true,