slots support for functional components

dist/moon.js

@@ -105,6 +105,29 @@
       return compiled;
     };
 
+    /**
+     * Extracts the Slots From Component Children
+     * @param {Array} children
+     * @return {Object} extracted slots
+     */
+    var getSlots = function (children) {
+      var slots = {};
+
+      // No Children Means No Slots
+      if (!children) {
+        return slots;
+      }
+
+      slots.default = [];
+
+      for (var i = 0; i < children.length; i++) {
+        var child = children[i];
+        slots.default.push(child);
+      }
+
+      return slots;
+    };
+
     /**
      * Creates a Virtual DOM Node
      * @param {String} type
@@ -133,9 +156,9 @@
      * @param {Object} component
      * @return {Object} Virtual DOM Node
      */
-    var createComponent = function (type, props, children, meta, component) {
+    var createComponent = function (type, props, meta, children, component) {
       if (component.opts.functional) {
-        return createFunctionalComponent(type, props, children, meta, component);
+        return createFunctionalComponent(type, props, meta, children, component);
       }
     };
 
@@ -148,7 +171,7 @@
      * @param {Object} functionalComponent
      * @return {Object} Virtual DOM Node
      */
-    var createFunctionalComponent = function (type, props, children, meta, functionalComponent) {
+    var createFunctionalComponent = function (type, props, meta, children, functionalComponent) {
       var data = functionalComponent.opts.data || {};
       // Merge data with provided props
       if (functionalComponent.opts.props) {
@@ -158,7 +181,8 @@
         }
       }
       return functionalComponent.opts.render(h, {
-        data: data
+        data: data,
+        slots: getSlots(children)
       });
     };