Update cample to v3.2.0-beta.0

Author: antonmak1

frameworks/keyed/cample/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "js-framework-benchmark-cample",
-  "version": "3.1.0",
+  "version": "3.2.0-beta.0",
   "description": "cample demo",
   "main": "dist/main.js",
   "js-framework-benchmark": {
@@ -29,6 +29,6 @@
     "webpack-cli": "5.0.1"
   },
   "dependencies": {
-    "cample": "3.1.0"
+    "cample": "3.2.0-beta.0"
   }
 }

frameworks/keyed/cample/package.json

@@ -76,22 +76,21 @@ const buildData = (count) => {
     });
   return data;
 };
+
 const eachComponent = each(
   "table-rows",
   ({ importedData }) => importedData.rows,
-  `<tr key="{{row.id}}" class="{{[selected]}}">
+  `<tr key={{row.id}} class={{[selected]}}>
     <td class='col-md-1'>{{row.id}}</td>
     <td class='col-md-4'><a :click="{{importedData.setSelected(row.id)}}" class='lbl'>{{row.label}}</a></td>
     <td class='col-md-1'><a :click="{{importedData.delete(row.id)}}" class='remove'><span class='remove glyphicon glyphicon-remove' aria-hidden='true'></span></a></td>
     <td class='col-md-6'></td>
   </tr>`,
   {
-    values: ({ row, importedData }) => {
-      return {
-        selected: {
-          danger: row.id === importedData.selected,
-        },
-      };
+    values: {
+      selected: {
+        "row.id === importedData.selected": "danger",
+      },
     },
     valueName: "row",
     functionName: "updateTable",