refactor: update benchmarks

Author: thetutlage

assets/app.js

@@ -24,7 +24,7 @@ Alpine.data('barChart', function (data) {
   return {
     init() {
       highcharts.chart(this.$root, {
-        colors: ['#b335dd', '#9231ef', '#6f6dff'],
+        colors: ['#ca5bf2', '#408aff', '#6f6dff', '#334155', '#ed7d31'],
         title: {
           text: '',
         },
@@ -35,7 +35,7 @@ Alpine.data('barChart', function (data) {
           type: 'bar',
         },
         xAxis: {
-          categories: ['Yup', 'Zod', 'VineJS'],
+          categories: ['VineJS', 'Zod', 'Yup', 'Valibot', 'Joi'],
           gridLineWidth: 1,
           lineWidth: 0,
         },
@@ -90,7 +90,7 @@ Alpine.data('notification', function (version) {
     hide() {
       localStorage.setItem('_x_notificationKey', version)
       this.isVisible = false
-    }
+    },
   }
 })
 

templates/partials/benchmarks.edge

@@ -1,7 +1,7 @@
 <div style="margin-bottom: 40px; text-align:center;">
   <div
     style="min-height: 400px;"
-    x-data="barChart([521218, 1277525, 9744651])"
+    x-data="barChart([11081135, 6478164, 434455, 5619021, 2110782])"
   ></div>
   <span style="color: var(--mauve11); font-size: 14px;">
     Operations per second (higher is better)