Exercise 4.5

Author: d-levin

4-state-management/4.5-functional.html

@@ -4,7 +4,25 @@
 
 <script>
 function app ({ el, model, view, actions }) {
-  // Implement this!
+  const wrappedActions = {}
+
+  Object.keys(actions).forEach(key => {
+    const originalAction = actions[key]
+    wrappedActions[key] = () => {
+      vm.model = originalAction(vm.model)
+    }
+  })
+
+  const vm = new Vue({
+    el,
+    data: {
+      model
+    },
+    render (h) {
+      return view(h, this.model, wrappedActions)
+    },
+    methods: actions
+  })
 }
 
 // voila