Remove v-html from repository preview

app/assets/javascripts/repository/components/preview/index.vue

 <script>
-import { GlIcon, GlLink, GlLoadingIcon } from '@gitlab/ui';
+import { GlIcon, GlLink, GlLoadingIcon, GlSafeHtmlDirective as SafeHtml } from '@gitlab/ui';
 import $ from 'jquery';
 import '~/behaviors/markdown/render_gfm';
 import { handleLocationHash } from '~/lib/utils/common_utils';
@@ -22,6 +22,9 @@ export default {
     GlLink,
     GlLoadingIcon,
   },
+  directives: {
+    SafeHtml,
+  },
   props: {
     blob: {
       type: Object,
@@ -59,11 +62,7 @@ export default {
     </div>
     <div class="blob-viewer" data-qa-selector="blob_viewer_content" itemprop="about">
       <gl-loading-icon v-if="loading > 0" size="md" color="dark" class="my-4 mx-auto" />
-      <div
-        v-else-if="readme"
-        ref="readme"
-        v-html="readme.html /* eslint-disable-line vue/no-v-html */"
-      ></div>
+      <div v-else-if="readme" ref="readme" v-safe-html="readme.html"></div>
     </div>
   </article>
 </template>