From 227d6c5aaee6ca74bbf4ca585fd7b9dcb58c1c18 Mon Sep 17 00:00:00 2001
From: Stefan Zermatten <stefanzermatten@gmail.com>
Date: Tue, 27 Oct 2020 10:39:20 +0200
Subject: [PATCH] Markdown and calculations now supported in slot filler
 descriptions

---
 app/imports/ui/creature/slots/SlotFillDialog.vue | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/app/imports/ui/creature/slots/SlotFillDialog.vue b/app/imports/ui/creature/slots/SlotFillDialog.vue
index 7e758b27..ed084875 100644
--- a/app/imports/ui/creature/slots/SlotFillDialog.vue
+++ b/app/imports/ui/creature/slots/SlotFillDialog.vue
@@ -40,9 +40,10 @@
                       :color="node.color"
                     />
                   </h3>
-                  <div v-if="node.description">
-                    {{ node.description }}
-                  </div>
+                  <property-description
+                    v-if="node.description"
+                    :value="node.description"
+                  />
                 </div>
               </v-card-title>
             </v-card>
@@ -110,12 +111,14 @@ import { parse, CompilationContext } from '/imports/parser/parser.js';
 import PROPERTIES from '/imports/constants/PROPERTIES.js';
 import ColumnLayout from '/imports/ui/components/ColumnLayout.vue';
 import TreeNodeView from '/imports/ui/properties/treeNodeViews/TreeNodeView.vue';
+import PropertyDescription from '/imports/ui/properties/viewers/shared/PropertyDescription.vue'
 
 export default {
   components: {
 		DialogBase,
     ColumnLayout,
     TreeNodeView,
+    PropertyDescription,
 	},
   props:{
     slotId: {
@@ -142,6 +145,10 @@ export default {
       return propName && propName.toLowerCase();
     },
   },
+  reactiveProvide: {
+    name: 'context',
+    include: ['creature'],
+  },
   methods:{
     getTitle(model){
       if (!model) return;