diff --git a/ayanova/src/components/wiki-viewer-control.vue b/ayanova/src/components/wiki-viewer-control.vue
index 15b2150d..44b521c4 100644
--- a/ayanova/src/components/wiki-viewer-control.vue
+++ b/ayanova/src/components/wiki-viewer-control.vue
@@ -1,14 +1,34 @@
 <template>
-  <v-col cols="12">
-    <div class="display-3">wiki viewer control</div>
-    <div>Content: {{ content }}</div>
-  </v-col>
+  <div>
+    <v-col cols="12">
+      <span class="v-label v-label--active theme--light">
+        {{ $ay.t("WikiPage") }}
+      </span>
+      <div v-html="compiledOutput"></div>
+      <div>raw Content: {{ content }}</div>
+    </v-col>
+  </div>
 </template>
 <script>
+import marked from "marked";
 export default {
   data: () => ({}),
   props: {
     content: String
+  },
+  computed: {
+    compiledOutput() {
+      return marked(this.content, { sanitize: true });
+    }
   }
 };
+
+/**
+ * 
+ * //markdown viewer
+Vue.filter("marked", function vueMarkedFilter(value) {
+  return marked(value, { sanitize: true });
+});
+
+ */
 </script>
diff --git a/ayanova/src/main.js b/ayanova/src/main.js
index 38da46bb..82c3f7e7 100644
--- a/ayanova/src/main.js
+++ b/ayanova/src/main.js
@@ -15,6 +15,7 @@ import { DateTime } from "luxon";
 import VueCurrencyInput from "vue-currency-input";
 import lodash from "./libs/lodash.min.js";
 
+
 //my libs
 import errorhandler from "./api/errorhandler";
 import ayaNovaVersion from "./api/ayanova-version";
@@ -153,6 +154,7 @@ document.addEventListener("fetchEnd", function() {
 /////////////////////////////////////////////////////////////////
 // FILTERS
 //
+
 //example filter kept for just in case
 // Vue.filter("capitalize", function vueFilterCapitalize(value) {
 //   if (!value) return "";