docs: use VPTeamMembers component from VitePress

bench/package.json

@@ -2,8 +2,8 @@
   "type": "module",
   "private": true,
   "scripts": {
-    "bench": "esno src/index.ts",
-    "bench:ci": "esno src/github.ts"
+    "bench": "esmo src/index.ts",
+    "bench:ci": "esmo src/github.ts"
   },
   "devDependencies": {
     "@actions/core": "^1.9.0",
@@ -12,7 +12,7 @@
     "@happy-dom/jest-environment": "^4.1.0",
     "@types/benchmark": "^2.1.1",
     "benchmark": "^2.1.4",
-    "esno": "^0.16.3",
+    "esno": "^0.14.1",
     "execa": "^6.1.0",
     "fs-extra": "^10.1.0",
     "markdown-table": "^3.0.2",

docs/.vitepress/components.d.ts

@@ -11,7 +11,6 @@ declare module '@vue/runtime-core' {
     ListItem: typeof import('./components/ListItem.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
-    TeamMember: typeof import('./components/TeamMember.vue')['default']
   }
 }
 

docs/.vitepress/components/HomePage.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { VPTeamMembers } from 'vitepress/theme'
 import { teamMembers } from '../contributors'
 </script>
 
@@ -10,12 +11,8 @@ import { teamMembers } from '../contributors'
           <h2 id="meet-the-team" op50 font-normal p="t-10 b-2">
             Meet The Team
           </h2>
-          <div grid="~ cols-1 md:cols-2 lg:cols-3 gap-x-10 gap-y-10 items-center" p-10>
-            <TeamMember
-              v-for="c of teamMembers"
-              :key="c.github"
-              v-bind="c"
-            />
+          <div w-full p-10>
+            <VPTeamMembers size="small" :members="teamMembers" />
           </div>
           <h2 id="the-team" op50 font-normal pt-5 pb-2>
             Contributors