From adfe1dc613863f214a3febecd81bbc1f29b9f8cc Mon Sep 17 00:00:00 2001
From: Stefan Zermatten <stefanzermatten@gmail.com>
Date: Fri, 13 Mar 2020 10:12:01 +0200
Subject: [PATCH] Markdown now works in property descriptions for viewers

---
 app/imports/ui/components/MarkdownText.vue                 | 2 ++
 .../ui/properties/viewers/shared/PropertyDescription.vue   | 7 ++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/app/imports/ui/components/MarkdownText.vue b/app/imports/ui/components/MarkdownText.vue
index 1d2ffc06..72cb843a 100644
--- a/app/imports/ui/components/MarkdownText.vue
+++ b/app/imports/ui/components/MarkdownText.vue
@@ -13,6 +13,8 @@
 		computed: {
 	    compiledMarkdown() {
 				if (!this.markdown) return;
+				//TODO sanitizing by marked is deprecated
+				//TODO Markdown <hr> need to be styled to match their vue components
 				return marked(this.markdown, { sanitize: true });
 	    },
 	  },
diff --git a/app/imports/ui/properties/viewers/shared/PropertyDescription.vue b/app/imports/ui/properties/viewers/shared/PropertyDescription.vue
index 47767357..77f15ba6 100644
--- a/app/imports/ui/properties/viewers/shared/PropertyDescription.vue
+++ b/app/imports/ui/properties/viewers/shared/PropertyDescription.vue
@@ -1,13 +1,18 @@
 <template lang="html">
 	<p v-if="value" class="mt-3">
-		{{value}}
+		<markdown-text :markdown="value"/>
 	</p>
 </template>
 
 <script>
+import MarkdownText from '/imports/ui/components/MarkdownText.vue';
+
 export default {
 	props: {
 		value: String,
 	},
+	components: {
+		MarkdownText,
+	},
 }
 </script>