Merge branch 'dy-master'

Author: krausest

frameworks/non-keyed/sprae/index.html

@@ -18,26 +18,30 @@ <h1>sprae</h1>
 					<div class="col-md-6">
 						<div class="row">
 							<div class="col-sm-6 smallpad">
-								<button @click="run()" type="button" class="btn btn-primary btn-block" id="run">Create 1,000
+								<button :onclick="e => run()" type="button" class="btn btn-primary btn-block" id="run">Create 1,000
 									rows</button>
 							</div>
 							<div class="col-sm-6 smallpad">
-								<button @click="runLots()" type="button" class="btn btn-primary btn-block" id="runlots">Create 10,000
+								<button :onclick="e => runLots()" type="button" class="btn btn-primary btn-block" id="runlots">Create
+									10,000
 									rows</button>
 							</div>
 							<div class="col-sm-6 smallpad">
-								<button @click="add()" type="button" class="btn btn-primary btn-block" id="add">Append 1,000
+								<button :onclick="e => add()" type="button" class="btn btn-primary btn-block" id="add">Append 1,000
 									rows</button>
 							</div>
 							<div class="col-sm-6 smallpad">
-								<button @click="update()" type="button" class="btn btn-primary btn-block" id="update">Update every 10th
+								<button :onclick="e => update()" type="button" class="btn btn-primary btn-block" id="update">Update
+									every 10th
 									row</button>
 							</div>
 							<div class="col-sm-6 smallpad">
-								<button @click="clear()" type="button" class="btn btn-primary btn-block" id="clear">Clear</button>
+								<button :onclick="e => clear()" type="button" class="btn btn-primary btn-block"
+									id="clear">Clear</button>
 							</div>
 							<div class="col-sm-6 smallpad">
-								<button @click="swap()" type="button" class="btn btn-primary btn-block" id="swaprows">Swap Rows</button>
+								<button :onclick="e => swap()" type="button" class="btn btn-primary btn-block" id="swaprows">Swap
+									Rows</button>
 							</div>
 						</div>
 					</div>
@@ -47,11 +51,12 @@ <h1>sprae</h1>
 				<tr :each="item in rows" :class="selected && item.id == selected.id ? 'danger' : ''">
 					<td class="col-md-1" :text="item.id"></td>
 					<td class="col-md-4">
-						<a role="select" @click="select(item)" :text="item.label"></a>
+						<a role="select" :onclick="e => select(item)" :text="item.label"></a>
 					</td>
 					<td class="col-md-1">
 						<a>
-							<span role="delete" @click="remove(item)" class="glyphicon glyphicon-remove" aria-hidden="true"></span>
+							<span role="delete" :onclick="e => remove(item)" class="glyphicon glyphicon-remove"
+								aria-hidden="true"></span>
 						</a>
 					</td>
 					<td class="col-md-6"></td>

frameworks/non-keyed/sprae/package-lock.json

@@ -5,17 +5,19 @@
   "js-framework-benchmark": {
     "frameworkVersionFromPackage": "sprae",
     "frameworkHomeURL": "https://github.com/dy/sprae",
-    "issues": [1139]
+    "issues": [
+      1139
+    ]
   },
   "keywords": [
     "vue"
   ],
   "scripts": {
-    "build-dev": "cp ./node_modules/sprae/sprae.js ./src/sprae.js",
-    "build-prod": "cp ./node_modules/sprae/sprae.min.js ./src/sprae.js"
+    "build-dev": "cp ./node_modules/sprae/dist/sprae.js ./src/sprae.js",
+    "build-prod": "cp ./node_modules/sprae/dist/sprae.min.js ./src/sprae.js"
   },
   "type": "module",
   "dependencies": {
-    "sprae": "^8.1.2"
+    "sprae": "^10.5.0"
   }
 }

frameworks/non-keyed/sprae/package.json

@@ -41,7 +41,8 @@ sprae(document.getElementById('main'), {
 	},
 
 	add() {
-		this.rows = this.rows.concat(buildData(1000))
+		this.rows.push(...buildData(1000))
+		// this.rows = this.rows.concat(buildData(1000))
 		this.selected = null
 	},