t-widget directive

demo/src/RootWidget.ts

@@ -5,6 +5,7 @@ const template = `
     <div t-debug="1">
         <span>Root Widget</span>
         <button t-on-click="resetCounter">Reset</button>
+        <button t-on-click="resetCounterAsync">Reset in 3s</button>
         <button t-on-click="toggle">Toggle  Counter</button>
         <input/>
         <t t-if="state.validcounter">
@@ -23,6 +24,12 @@ export default class RootWidget extends Widget {
       this.refs.counter.updateState({counter: 3})
   }
 
+  resetCounterAsync(ev: MouseEvent) {
+      setTimeout(() => {
+          this.refs.counter.updateState({counter: 3})
+      }, 3000);
+  }
+
   toggle() {
       this.updateState({validcounter: !this.state.validcounter});
   }

demo/src/main.ts

@@ -11,12 +11,12 @@
 // (<any>window).h = h;
 // (<any>window).patch = patch;
 // (<any>window).QWeb = QWeb;
-import Counter from "./Counter";
-// import RootWidget from "./RootWidget";
+// import Counter from "./Counter";
+import RootWidget from "./RootWidget";
 import env from "./env";
 
 document.addEventListener("DOMContentLoaded", async function() {
-  const rootWidget = new Counter(null, {});
+  const rootWidget = new RootWidget(null);
   rootWidget.setEnvironment(env);
   const mainDiv = document.getElementById("app")!;
   await rootWidget.mount(mainDiv);