From 9fc566e55a793289e6bd65548bab68c1710b0752 Mon Sep 17 00:00:00 2001
From: Corentin Thomasset <corentin.thomasset74@gmail.com>
Date: Sun, 14 Jun 2020 20:52:43 +0200
Subject: [PATCH] refactor: now using marked for changelog

Signed-off-by: Corentin Thomasset <corentin.thomasset74@gmail.com>
---
 src/routes/About.vue | 42 ++++++++++++++++--------------------------
 1 file changed, 16 insertions(+), 26 deletions(-)

diff --git a/src/routes/About.vue b/src/routes/About.vue
index 511877f8..ab8ac8c9 100644
--- a/src/routes/About.vue
+++ b/src/routes/About.vue
@@ -11,7 +11,7 @@
             </v-col>
 
         </v-row>
-        <v-row justify="center" >
+        <v-row justify="center">
             <v-col cols="12" md="5" sm="12">
                 <v-card>
                     <v-card-title>Contributors</v-card-title>
@@ -22,12 +22,7 @@
                 <v-card>
                     <v-card-title>Changelog</v-card-title>
                     <v-card-text>
-                        <div v-for="(section, i) in changelog" :key="i">
-                            <h2>{{section.title}}</h2>
-                            <ul>
-                                <li v-for="(log, i) in section.logs" :key="i"> {{log}}</li>
-                            </ul>
-                            <br>
+                        <div v-html="changelog" class="changelog">
                         </div>
                     </v-card-text>
                 </v-card>
@@ -39,6 +34,8 @@
     import Abstract from "../components/Abstract";
     import GithubContributors from "../components/GithubContributors";
     import changelog from "../../CHANGELOG.md"
+    import marked from 'marked'
+    import DOMPurify from 'dompurify';
 
     export default {
         name: "About",
@@ -46,28 +43,21 @@
             changelog: []
         }),
         mounted() {
-
-            this.changelog = ('##' + changelog.replace(/^(.*?)##/s, ''))
-                .split('\n')
-                .filter(v => v !== '')
-                .reduce((sections, v) => {
-                    v = v.trim();
-                    if(v.startsWith('##')){
-                        sections.push({
-                            title: v.replace(/^##/, '').trim(),
-                            logs: []
-                        })
-                    }else {
-                        sections.slice(-1)[0].logs.push(v.replace(/^-/, '').trim())
-                    }
-
-                    return sections
-                }, []);
-            console.log(this.changelog);
+            this.changelog = DOMPurify.sanitize(marked('##' + changelog.replace(/^(.*?)##/s, '')));
         },
         components: {
             Abstract,
             GithubContributors
         },
     }
-</script>
\ No newline at end of file
+</script>
+
+<style scoped lang="less">
+    ::v-deep {
+        .changelog {
+            h2 {
+                margin-top: 10px;
+            }
+        }
+    }
+</style>
\ No newline at end of file