add ui

ui/components/katex/katex.page.js

@@ -0,0 +1,16 @@
+import { AutoloadPage } from 'vj/misc/PageLoader';
+
+import 'katex/dist/katex.min.css';
+import './katex.styl';
+
+const katexPage = new AutoloadPage('katexPage', () => {
+  import('katex/dist/contrib/auto-render.min.js').then((renderKatex) => {
+    function runKatex($containers) {
+      $containers.get().forEach(container => renderKatex(container));
+    }
+    runKatex($('.typo'));
+    $(document).on('vjContentNew', e => runKatex($(e.target).find('.typo')));
+  });
+});
+
+export default katexPage;

ui/components/katex/katex.styl

@@ -0,0 +1,2 @@
+.katex
+  font-size: 1em