[IMP] component: allow component name in templates

closes #186

src/qweb_core.ts

@@ -346,6 +346,13 @@ export class QWeb {
       return;
     }
 
+    const firstLetter = node.tagName[0];
+    if (firstLetter === firstLetter.toUpperCase()) {
+        // this is a component, we modify in place the xml document to change
+        // <SomeComponent ... /> to <t t-widget="SomeComponent" ... />
+        node.setAttribute('t-widget', node.tagName);
+        node.nodeValue = 't';
+    }
     const attributes = (<Element>node).attributes;
 
     const validDirectives: {

src/qweb_extensions.ts

@@ -208,7 +208,7 @@ const T_WIDGET_MODS_CODE = Object.assign({}, MODS_CODE, {
  * explanation of the code generated by the t-widget directive for the following
  * situation:
  * ```xml
- *   <t t-widget="child"
+ *   <Child
  *      t-key="'somestring'"
  *      flag="state.flag"
  *      t-transition="fade"/>