ayanova/src/components/wiki-control.vue

@@ -1,14 +1,15 @@
 <template>
   <div>
-    <v-col cols="12">
-      <span class="v-label v-label--active theme--light">
-        {{ $ay.t("WikiPage") }}
-      </span>
-      <v-sheet elevation="4" color="light-gray" v-html="compiledOutput" class="pa-2 pa-sm-6">
-        <!-- <div v-html="compiledOutput"></div> -->
-      </v-sheet>
-      <div>raw Content: {{ content }}</div>
-    </v-col>
+    <span class="v-label v-label--active theme--light">
+      {{ $ay.t("WikiPage") }}
+    </span>
+    <v-sheet
+      elevation="1"
+      color="grey lighten-5"
+      v-html="compiledOutput()"
+      class="pa-2 pa-sm-6"
+    >
+    </v-sheet>
   </div>
 </template>
 <script>
@@ -16,12 +17,12 @@ import marked from "marked";
 export default {
   data: () => ({}),
   props: {
-    content: String
+    value: String
   },
-  computed: {
+  methods: {
     compiledOutput() {
       //return marked(this.content, { sanitize: true });
-      return marked(this.content);
+      return marked(this.value);
     }
   }
 };
@@ -32,6 +33,7 @@ put the output on a paper element so it's raised and delineated
 figure out why parts are fucked (blockquote)
 remove extra spacing on sides in xs mode (gutters maybe on column or row?)
 Show/hide/edit control
+eyeball icon like password reveal
 
  */
 </script>

ayanova/src/views/widget.vue

@@ -205,7 +205,7 @@
               ></gz-custom-fields>
             </v-col>
             <v-col cols="12">
-              <gz-wiki :content="obj.wikiContent"></gz-wiki
+              <gz-wiki v-model="obj.wikiContent" :parentVM="this"></gz-wiki
             ></v-col>
           </v-row>
         </v-form>