[REF] tools: use t-model in benchmarks

tools/benchmarks/owl-master/app.js

@@ -128,7 +128,9 @@ class App extends owl.Component {
 
   removeMessage(event) {
     this.benchmark("remove message", () => {
-      const index = this.state.messages.findIndex(m => m.id === event.detail.id);
+      const index = this.state.messages.findIndex(
+        m => m.id === event.detail.id
+      );
       this.state.messages.splice(index, 1);
     });
   }
@@ -146,14 +148,6 @@ class App extends owl.Component {
   clearLog() {
     this.refs.log.innerHTML = "";
   }
-
-  toggleMultiple() {
-    this.state.multipleFlag = !this.state.multipleFlag;
-  }
-
-  toggleClear() {
-    this.state.clearAfterFlag = !this.state.clearAfterFlag;
-  }
 }
 
 //------------------------------------------------------------------------------

tools/benchmarks/owl-master/templates.xml

@@ -12,11 +12,11 @@
         </div>
         <div class="flags">
             <div>
-                <input type="checkbox" id="multipleflag" t-on-change="toggleMultiple" t-att-checked="state.multipleFlag"/>
+                <input type="checkbox" id="multipleflag" t-model="multipleFlag"/>
                 <label for="multipleflag">Do it 20x</label>
             </div>
             <div>
-                <input type="checkbox" id="clearFlag" t-on-change="toggleClear"  t-att-checked="state.clearAfterFlag"/>
+                <input type="checkbox" id="clearFlag" t-model="clearAfterFlag" />
                 <label for="clearFlag">Clear after</label>
             </div>
         </div>