Fix tables look

components/documentation/documentation.tag

@@ -7,8 +7,7 @@
         { documentation.title() }
       </h2>
 
-      <raw html={ parse(documentation.content().value()) }>
-      </raw>
+      <raw html={ parse(documentation.content().value()) } />
     </div>
 
     <div class="nine wide column third-column"></div>
@@ -18,9 +17,10 @@
     const remark = require('remark')
     const html = require('remark-html')
     const hljs  = require('remark-highlight.js')
+    const transformer = require('../../src/ast-transformer.js')
 
     this.parse = function(text) {
-      let result = remark().use([ html, hljs ]).process(text)
+      let result = remark().use([ html, hljs, transformer ]).process(text)
       return result.contents
     }
   </script>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "raml1-doc",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "Generate HTML documentation using RAML",
   "main": "index.js",
   "scripts": {

src/ast-transformer.js

@@ -0,0 +1,15 @@
+const visit = require('unist-util-visit')
+
+var transformer = (ast, file) => {
+	visit(ast, 'table', function (node) {
+		node.data = {
+      hProperties: {
+        className: 'ui table'
+      }
+    }
+	})
+}
+
+module.exports = () => {
+	return transformer
+}