Add support for compiling <template>s content

Author: wooorm

lib/element.js

@@ -27,7 +27,7 @@ var SO = '/';
 /* Stringify an element `node`. */
 function element(ctx, node, index, parent) {
   var name = node.tagName;
-  var content = all(ctx, node);
+  var content = all(ctx, name === 'template' ? node.content : node);
   var selfClosing = ctx.voids.indexOf(name.toLowerCase()) !== -1;
   var attrs = attributes(ctx, node.properties);
   var omit = ctx.omit;

test/element.js

@@ -53,5 +53,27 @@ test('`element`', function (t) {
     'attribute ends with `/`'
   );
 
+  t.deepEqual(
+    to({
+      type: 'element',
+      tagName: 'template',
+      properties: {},
+      children: [],
+      content: {
+        type: 'root',
+        children: [
+          h('p', [
+            h('b', 'Bold'),
+            ' and ',
+            h('i', 'italic'),
+            '.'
+          ])
+        ]
+      }
+    }),
+    '<template><p><b>Bold</b> and <i>italic</i>.</p></template>',
+    'should support `<template>`s content'
+  );
+
   t.end();
 });