diff options
Diffstat (limited to 'app/assets/javascripts/performance_bar/components/request_selector.vue')
-rw-r--r-- | app/assets/javascripts/performance_bar/components/request_selector.vue | 12 |
1 files changed, 9 insertions, 3 deletions
diff --git a/app/assets/javascripts/performance_bar/components/request_selector.vue b/app/assets/javascripts/performance_bar/components/request_selector.vue index 75fb7bbc5c5..a46ac620f48 100644 --- a/app/assets/javascripts/performance_bar/components/request_selector.vue +++ b/app/assets/javascripts/performance_bar/components/request_selector.vue @@ -1,6 +1,5 @@ <script> -/* eslint-disable vue/no-v-html */ -import { GlPopover } from '@gitlab/ui'; +import { GlPopover, GlSafeHtmlDirective } from '@gitlab/ui'; import { glEmojiTag } from '~/emoji'; import { n__ } from '~/locale'; @@ -8,6 +7,9 @@ export default { components: { GlPopover, }, + directives: { + SafeHtml: GlSafeHtmlDirective, + }, props: { currentRequest: { type: Object, @@ -43,6 +45,7 @@ export default { methods: { glEmojiTag, }, + safeHtmlConfig: { ADD_TAGS: ['gl-emoji'] }, }; </script> <template> @@ -59,7 +62,10 @@ export default { </option> </select> <span v-if="requestsWithWarnings.length" class="gl-cursor-default"> - <span id="performance-bar-request-selector-warning" v-html="glEmojiTag('warning')"></span> + <span + id="performance-bar-request-selector-warning" + v-safe-html:[$options.safeHtmlConfig]="glEmojiTag('warning')" + ></span> <gl-popover placement="bottom" target="performance-bar-request-selector-warning" |