update mmm.component docs

2 files changed, 30 insertions, 0 deletions

diff --git a/root/meta/mmm.component/simple_counter/text$lua -> mmm$component.lua b/root/meta/mmm.component/simple_counter/text$lua -> mmm$component.lua
new file mode 100644
index 0000000..6912f02
--- /dev/null
+++ b/root/meta/mmm.component/simple_counter/text$lua -> mmm$component.lua
@@ -0,0 +1,18 @@
+local comp = require 'mmm.component'
+local div, button = comp.elements.div, comp.elements.button
+
+local count = comp.ReactiveVar(0)
+
+return div {
+  button {
+    '-',
+    onclick = function () count:set(count:get() - 1) end
+  },
+  " count is: ",
+  count:map(comp.text),
+  " ",
+  button {
+    '+',
+    onclick = function () count:set(count:get() + 1) end
+  },
+}
diff --git a/root/meta/mmm.component/simple_counter/text$moonscript -> mmm$component.moon b/root/meta/mmm.component/simple_counter/text$moonscript -> mmm$component.moon
new file mode 100644
index 0000000..0c40f7a
--- /dev/null
+++ b/root/meta/mmm.component/simple_counter/text$moonscript -> mmm$component.moon
@@ -0,0 +1,12 @@
+import ReactiveVar, text, elements from require 'mmm.component'
+import div, button from elements
+
+count = ReactiveVar 0
+
+div {
+  button '-', onclick: () -> count\transform (c) -> c - 1
+  " count is: "
+  count\map text
+  " "
+  button '+', onclick: () -> count\transform (c) -> c + 1
+}