From 03d58c281fec00a50347ad66a1bf08ae83ba35c4 Mon Sep 17 00:00:00 2001
From: Julien WITTOUCK <julien.wittouck@gmail.com>
Date: Fri, 20 Mar 2020 16:56:06 +0100
Subject: [PATCH] :recycle: : use markdown component in readme

---
 src/main/client/app/pages/modules/readme.vue    | 17 +++++++++--------
 .../client/app/shared/components/markdown.vue   |  2 +-
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/main/client/app/pages/modules/readme.vue b/src/main/client/app/pages/modules/readme.vue
index 9570011e5..8f68b843d 100644
--- a/src/main/client/app/pages/modules/readme.vue
+++ b/src/main/client/app/pages/modules/readme.vue
@@ -6,24 +6,25 @@
       class="m-5"
       style="height: 2.5rem; width: 2.5rem"
     />
-    <div
+    <app-markdown
       v-if="loaded"
-      class="markdown-body"
-    >
-      <!-- eslint-disable-next-line vue/no-v-html -->
-      <div v-html="content" />
-    </div>
+      :content="content"
+    />
   </b-container>
 </template>
 
 <script>
-  import marked from 'marked';
+  import { AppMarkdown } from '@/shared/components';
 
   import { getModuleReadme } from '@/shared/api/modules-api';
 
   export default {
     name: 'AppReadme',
 
+    components: {
+      AppMarkdown,
+    },
+
     props: {
       moduleId: {
         type: String,
@@ -38,7 +39,7 @@
 
     async created() {
       const readme = await getModuleReadme(this.moduleId);
-      this.content = marked(readme);
+      this.content = readme;
       this.loaded = true;
     },
   };
diff --git a/src/main/client/app/shared/components/markdown.vue b/src/main/client/app/shared/components/markdown.vue
index fc311fb7a..df50f42bf 100644
--- a/src/main/client/app/shared/components/markdown.vue
+++ b/src/main/client/app/shared/components/markdown.vue
@@ -9,7 +9,7 @@
   import marked from 'marked';
 
   export default {
-    name: 'Markdown',
+    name: 'AppMarkdown',
 
     props: {
       content: {