adding support for markdown in pages

src/main.js

@@ -26,4 +26,6 @@ export default function (Vue, {router, head, isClient}) {
     defaultPlacement: 'top-end',
     defaultClass: 'bg-black text-xs px-2 leading-normal py-1 rounded absolute text-gray-400 max-w-xs mb-1'
   })
+  var VueMarkdown = require('vue-markdown');
+  Vue.use(VueMarkdown);
 }

src/pages/About.vue

@@ -14,20 +14,24 @@
         pricing="$299 USD per night"
         url="/vacations/cancun"
       />
-
-
+      <vue-markdown>
+# This is markdown
+### Hello world!
+      </vue-markdown>
     </div>
-
-
-
-  </Layout>
+</Layout>
 </template>
 
 <script>
+import VueMarkdown from 'vue-markdown'
 
 export default {
   metaInfo: {
     title: "About us"
+  },
+
+  components: {
+    VueMarkdown
   }
 };
 </script>