Finished basic docs

app/imports/ui/pages/Documentation.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-container>
+  <v-container class="documentation">
     <v-row>
       <v-col cols="12">
         <v-fade-transition mode="out-in">
@@ -97,4 +97,4 @@ export default {
     }
   }
 }
-</script>
+</script>

app/imports/ui/pages/FunctionReference.vue

@@ -0,0 +1,56 @@
+<template>
+  <v-container class="documentation">
+    <v-row>
+      <v-col cols="12">
+        <v-card>
+          <v-card-text class="markdown">
+            <h1>Functions</h1>
+            <div
+              v-for="fn in functions"
+              :key="fn.name"
+              class="mb-3"
+            >
+              <h3>{{ fn.name }}</h3>
+              <div class="my-2">
+                {{ fn.comment }}
+              </div>
+              <table style="min-width: initial;">
+                <tr
+                  v-for="example in fn.examples"
+                  :key="example.input"
+                >
+                  <td>
+                    <code>{{ example.input }}</code>
+                  </td>
+                  <td>
+                    <v-icon>mdi-arrow-right</v-icon>
+                  </td>
+                  <td>
+                    <code>{{ example.result }}</code>
+                  </td>
+                </tr>
+              </table>
+            </div>
+          </v-card-text>
+        </v-card>
+      </v-col>
+    </v-row>
+  </v-container>
+</template>
+
+<script lang="js">
+import functions from '/imports/parser/functions.js';
+export default {
+  computed:{
+    functions(){
+      let fns = [];
+      for (let name in functions){
+        let f = functions[name];
+        fns.push({name, ...f});
+      }
+      console.log(fns);
+      return fns;
+    }
+  }
+}
+</script>