Replace sprintf with GlSprintf component

ee/app/assets/javascripts/feature_flags/components/configure_feature_flags_modal.vue

@@ -10,7 +10,7 @@ import {
   GlIcon,
   GlSafeHtmlDirective as SafeHtml,
 } from '@gitlab/ui';
-import { s__, __, sprintf } from '~/locale';
+import { s__, __ } from '~/locale';
 import ModalCopyButton from '~/vue_shared/components/modal_copy_button.vue';
 import Callout from '~/vue_shared/components/callout.vue';
 
@@ -112,20 +112,6 @@ export default {
           }
         : null;
     },
-    helpText() {
-      return sprintf(
-        s__(
-          'FeatureFlags|Install a %{docs_link_anchored_start}compatible client library%{docs_link_anchored_end} and specify the API URL, application name, and instance ID during the configuration setup. %{docs_link_start}More Information%{docs_link_end}',
-        ),
-        {
-          docs_link_anchored_start: `<a href="${this.helpClientLibrariesPath}" target="_blank">`,
-          docs_link_anchored_end: '</a>',
-          docs_link_start: `<a href="${this.helpPath}" target="_blank">`,
-          docs_link_end: '</a>',
-        },
-        false,
-      );
-    },
   },
 
   methods: {
@@ -151,7 +137,23 @@ export default {
     <template #modal-title>
       {{ $options.modalTitle }}
     </template>
-    <p v-safe-html="helpText"></p>
+    <p>
+      <gl-sprintf
+        :message="
+          s__(
+            'FeatureFlags|Install a %{docsLinkAnchoredStart}compatible client library%{docsLinkAnchoredEnd} and specify the API URL, application name, and instance ID during the configuration setup. %{docsLinkStart}More Information%{docsLinkEnd}',
+          )
+        "
+      >
+        <template #docsLinkAnchored="{ content }">
+          <gl-link :href="helpClientLibrariesPath" target="_blank">{{ content }}</gl-link>
+        </template>
+        <template #docsLink="{ content }">
+          <gl-link :href="helpPath" target="_blank">{{ content }}</gl-link>
+        </template>
+      </gl-sprintf>
+    </p>
+
     <callout category="warning">
       <gl-sprintf
         :message="

ee/spec/frontend/feature_flags/components/configure_feature_flags_modal_spec.js

@@ -75,9 +75,9 @@ describe('Configure Feature Flags Modal', () => {
 
     it('should have links to the documentation', () => {
       const help = wrapper.find('p');
-      const link = help.find('a[href="/help/path"]');
+      const link = help.find('gl-link-stub[href="/help/path"]');
       expect(link.exists()).toBe(true);
-      const anchoredLink = help.find('a[href="/help/path/#flags"]');
+      const anchoredLink = help.find('gl-link-stub[href="/help/path/#flags"]');
       expect(anchoredLink.exists()).toBe(true);
     });