Merge branch...

Merge branch '241922-remove-v-html-from-app-assets-javascripts-cycle_analytics-components-stage_staging_component' into 'master'

Remove v-html from app/assets/javascripts/cycle_analytics/components/stage_staging_component.vue

Closes #241922

See merge request gitlab-org/gitlab!41512

app/assets/javascripts/cycle_analytics/components/stage_staging_component.vue

 <script>
-/* eslint-disable vue/no-v-html */
-import { GlIcon } from '@gitlab/ui';
+import { GlIcon, GlSafeHtmlDirective as SafeHtml } from '@gitlab/ui';
 import userAvatarImage from '../../vue_shared/components/user_avatar/user_avatar_image.vue';
 import iconBranch from '../svg/icon_branch.svg';
 import limitWarning from './limit_warning_component.vue';
@@ -13,6 +12,9 @@ export default {
     limitWarning,
     GlIcon,
   },
+  directives: {
+    SafeHtml,
+  },
   props: {
     items: {
       type: Array,
@@ -47,7 +49,7 @@ export default {
             <a :href="build.url" class="pipeline-id"> #{{ build.id }} </a>
             <gl-icon :size="16" name="fork" />
             <a :href="build.branch.url" class="ref-name"> {{ build.branch.name }} </a>
-            <span class="icon-branch" v-html="iconBranch"> </span>
+            <span v-safe-html="iconBranch" class="icon-branch"> </span>
             <a :href="build.commitUrl" class="commit-sha"> {{ build.shortSha }} </a>
           </h5>
           <span>