update: vue-next version and update markRaw

Author: exodusanto

frameworks/keyed/vue-next/package.json

@@ -20,12 +20,12 @@
     "url": "https://github.com/krausest/js-framework-benchmark.git"
   },
   "devDependencies": {
-    "@vue/compiler-sfc": "^3.0.0-alpha.5",
+    "@vue/compiler-sfc": "^3.0.0-beta.2",
     "vue-loader": "^16.0.0-alpha.1",
     "webpack": "^4.41.4",
     "webpack-cli": "^3.3.10"
   },
   "dependencies": {
-    "vue": "^3.0.0-alpha.5"
+    "vue": "^3.0.0-beta.2"
   }
 }

frameworks/keyed/vue-next/src/App.vue

@@ -2,7 +2,7 @@
     <div class="jumbotron">
         <div class="row">
             <div class="col-md-6">
-                <h1>Vue.js 3.0.0-alpha5 (keyed)</h1>
+                <h1>Vue.js 3.0.0-beta2 (keyed)</h1>
             </div>
             <div class="col-md-6">
                 <div class="row">
@@ -51,7 +51,7 @@
 </template>
 
 <script>
-import { ref, markNonReactive } from 'vue';
+import { ref, markRaw } from 'vue';
 
 let ID = 1;
 let startTime;
@@ -93,7 +93,7 @@ export default {
         const rows = ref([]);
 
         function setRows(update = rows.value.slice()) {
-          rows.value = markNonReactive(update)
+          rows.value = markRaw(update)
         }
 
         function add() {

frameworks/non-keyed/vue-next/package.json

@@ -20,12 +20,12 @@
     "url": "https://github.com/krausest/js-framework-benchmark.git"
   },
   "devDependencies": {
-    "@vue/compiler-sfc": "^3.0.0-alpha.5",
+    "@vue/compiler-sfc": "^3.0.0-beta.2",
     "vue-loader": "^16.0.0-alpha.1",
     "webpack": "^4.41.4",
     "webpack-cli": "^3.3.10"
   },
   "dependencies": {
-    "vue": "^3.0.0-alpha.5"
+    "vue": "^3.0.0-beta.2"
   }
 }

frameworks/non-keyed/vue-next/src/App.vue

@@ -2,7 +2,7 @@
     <div class="jumbotron">
         <div class="row">
             <div class="col-md-6">
-                <h1>Vue.js 3.0.0-alpha5 (non-keyed)</h1>
+                <h1>Vue.js 3.0.0-beta2 (non-keyed)</h1>
             </div>
             <div class="col-md-6">
                 <div class="row">
@@ -50,7 +50,7 @@
 </template>
 
 <script>
-import { ref, markNonReactive } from 'vue';
+import { ref, markRaw } from 'vue';
 
 let ID = 1;
 let startTime;
@@ -92,7 +92,7 @@ export default {
         const rows = ref([]);
 
         function setRows(update = rows.value.slice()) {
-          rows.value = markNonReactive(update)
+          rows.value = markRaw(update)
         }
 
         function add() {