Remove v-html from vue_shared/.../blob_viewers/rich_viewer.vue

Signed-off-by: Takuya Noguchi <takninnovationresearch@gmail.com>

app/assets/javascripts/vue_shared/components/blob_viewers/rich_viewer.vue

 <script>
-/* eslint-disable vue/no-v-html */
+import { GlSafeHtmlDirective as SafeHtml } from '@gitlab/ui';
 import MarkdownFieldView from '~/vue_shared/components/markdown/field_view.vue';
 import ViewerMixin from './mixins';
 import { handleBlobRichViewer } from '~/blob/viewer';
@@ -8,6 +8,9 @@ export default {
   components: {
     MarkdownFieldView,
   },
+  directives: {
+    SafeHtml,
+  },
   mixins: [ViewerMixin],
   mounted() {
     handleBlobRichViewer(this.$refs.content, this.type);
@@ -15,5 +18,5 @@ export default {
 };
 </script>
 <template>
-  <markdown-field-view ref="content" v-html="content" />
+  <markdown-field-view ref="content" v-safe-html="content" />
 </template>