diff --git a/docs/components.d.ts b/docs/.vitepress/components.d.ts
similarity index 53%
rename from docs/components.d.ts
rename to docs/.vitepress/components.d.ts
index 42b60f0d6..98b1ea187 100644
--- a/docs/components.d.ts
+++ b/docs/.vitepress/components.d.ts
@@ -5,13 +5,13 @@ import '@vue/runtime-core'
 
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
-    Avatar: typeof import('./src/components/Avatar.vue')['default']
-    Contributors: typeof import('./src/components/Contributors.vue')['default']
-    FeaturesList: typeof import('./src/components/FeaturesList.vue')['default']
-    Home: typeof import('./src/components/Home.vue')['default']
-    ListItem: typeof import('./src/components/ListItem.vue')['default']
+    Contributors: typeof import('./components/Contributors.vue')['default']
+    FeaturesList: typeof import('./components/FeaturesList.vue')['default']
+    HomePage: typeof import('./components/HomePage.vue')['default']
+    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']
   }
 }
 
diff --git a/docs/src/components/Contributors.vue b/docs/.vitepress/components/Contributors.vue
similarity index 62%
rename from docs/src/components/Contributors.vue
rename to docs/.vitepress/components/Contributors.vue
index f37b0adca..6fa8dcd32 100644
--- a/docs/src/components/Contributors.vue
+++ b/docs/.vitepress/components/Contributors.vue
@@ -3,9 +3,9 @@ import { contributors } from '../contributors'
 </script>
 
 <template>
-  <div flex="~ wrap gap-1" justify-center>
+  <div flex="~ wrap gap2" justify-center>
     <a v-for="{ name, avatar } of contributors" :key="name" :href="`https://github.com/${name}`" m-0 rel="noopener noreferrer" :aria-label="`${name} on GitHub`">
-      <img loading="lazy" :src="avatar" width="40" height="40" rounded-full min-w-10 min-h-10 h-10 w-10 :alt="`${name}'s avatar`">
+      <img loading="lazy" :src="avatar" width="50" height="50" rounded-full h-12 w-12 :alt="`${name}'s avatar`">
     </a>
   </div>
 </template>
diff --git a/docs/src/components/FeaturesList.vue b/docs/.vitepress/components/FeaturesList.vue
similarity index 97%
rename from docs/src/components/FeaturesList.vue
rename to docs/.vitepress/components/FeaturesList.vue
index 05924f9f2..2422b3127 100644
--- a/docs/src/components/FeaturesList.vue
+++ b/docs/.vitepress/components/FeaturesList.vue
@@ -2,7 +2,7 @@
   <ul
     class="features-list"
     dir="auto"
-    flex="~ col gap-5 md:gap-3"
+    flex="~ col gap2 md:gap-3"
   >
     <ListItem><a target="_blank" href="https://vitejs.dev" rel="noopener noreferrer">Vite</a>'s config, transformers, resolvers, and plugins.</ListItem>
     <ListItem>Use the same setup from your app to run the tests!</ListItem>
@@ -26,6 +26,7 @@
   list-style: none;
   display: flex;
   gap: 0.4rem;
+  margin: 0;
 }
 
 .features-list {
diff --git a/docs/.vitepress/components/HomePage.vue b/docs/.vitepress/components/HomePage.vue
new file mode 100644
index 000000000..4d2e7dc6a
--- /dev/null
+++ b/docs/.vitepress/components/HomePage.vue
@@ -0,0 +1,71 @@
+<script setup lang="ts">
+import { teamMembers } from '../contributors'
+</script>
+
+<template>
+  <div class="content">
+    <div class="content-container">
+      <main class="main">
+        <div class="vp-doc" flex flex-col items-center mt-10>
+          <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>
+          <h2 id="the-team" op50 font-normal pt-5 pb-2>
+            Contributors
+          </h2>
+          <p text-lg max-w-200 text-center leading-7>
+            <Contributors />
+            <br>
+            <a href="https://chat.vitest.dev" rel="noopener noreferrer">Join the community</a> and get involved!
+          </p>
+
+          <h2 id="sponsored-by" op50 font-normal pt-5 pb-2>
+            Sponsored by
+          </h2>
+          <div grid="~ cols-1 lg:cols-2" w-full text-center mt-10>
+            <div class="flex flex-col">
+              <a text-lg h="32px" href="https://github.com/sponsors/antfu" rel="noopener noreferrer">Anthony's Sponsors</a>
+              <a href="https://cdn.jsdelivr.net/gh/antfu/static/sponsors.svg" target="_blank" rel="noopener noreferrer">
+                <img
+                  crossorigin="anonymous"
+                  inline-block
+                  width="768" height="1464"
+                  class="resizable-img"
+                  loading="lazy"
+                  src="/sponsors/antfu.svg"
+                  alt="Anthony Fu's sponsors"
+                >
+              </a>
+            </div>
+            <div class="flex flex-col">
+              <a text-lg h="32px" href="https://github.com/sponsors/patak-dev" rel="noopener noreferrer">Patak's Sponsors</a>
+              <a href="https://cdn.jsdelivr.net/gh/patak-dev/static/sponsors.svg" target="_blank" rel="noopener noreferrer">
+                <img
+                  crossorigin="anonymous"
+                  inline-block
+                  width="768" height="722"
+                  class="resizable-img"
+                  loading="lazy"
+                  src="/sponsors/patak-dev.svg"
+                  alt="Patak's sponsors"
+                >
+              </a>
+            </div>
+          </div>
+          <p class="text-center opacity-75">
+            <a href="https://www.netlify.com" rel="noopener noreferrer">
+              <img src="/netlify.svg" alt="Deploys by Netlify" width="114" height="151">
+            </a>
+          </p>
+        </div>
+      </main>
+    </div>
+  </div>
+</template>
diff --git a/docs/src/components/ListItem.vue b/docs/.vitepress/components/ListItem.vue
similarity index 95%
rename from docs/src/components/ListItem.vue
rename to docs/.vitepress/components/ListItem.vue
index a1b001f2f..ae92d61a0 100644
--- a/docs/src/components/ListItem.vue
+++ b/docs/.vitepress/components/ListItem.vue
@@ -51,7 +51,7 @@ onMounted(async () => {
         <div i-carbon:circle-dash animate-spin animate-2s text-yellow4 />
       </div>
       <div absolute transition duration-300 :class="state === 1 ? '' : 'flip'">
-        <div i-carbon:checkmark-outline text-green4 />
+        <div i-carbon:checkmark-outline class="text-$vp-c-brand" />
       </div>
       <div absolute transition duration-300 :class="state === 2 ? '' : 'flip'">
         <div i-carbon:close-outline text-red4 />
diff --git a/docs/.vitepress/components/TeamMember.vue b/docs/.vitepress/components/TeamMember.vue
new file mode 100644
index 000000000..cd9ecbd49
--- /dev/null
+++ b/docs/.vitepress/components/TeamMember.vue
@@ -0,0 +1,59 @@
+<script setup lang="ts">
+import type { CoreTeam } from '../contributors'
+
+defineProps<{
+  avatar: CoreTeam['avatar']
+  name: CoreTeam['name']
+  github: CoreTeam['github']
+  twitter: CoreTeam['twitter']
+  sponsors: CoreTeam['sponsors']
+  description: CoreTeam['description']
+}>()
+</script>
+
+<template>
+  <div text-left flex="~ row gap6" relative>
+    <img
+      loading="lazy"
+      width="100" height="100"
+      rounded-full min-w-25 min-h-25 h-25 w-25
+      inline-block
+      :src="avatar"
+      :alt="`${name}'s avatar`"
+    >
+    <div flex="~ col gap2">
+      <div text-2xl>
+        {{ name }}
+      </div>
+      <div op60 v-html="description" />
+      <div flex="~ inline gap-2" text-2xl>
+        <a
+          class="i-carbon-logo-github inline-block !text-current op30 hover:op100 mya transition duration-200"
+          :href="`https://github.com/${github}`"
+          target="_blank"
+          rel="noopener noreferrer"
+          :aria-label="`${name} on GitHub`"
+        />
+        <a
+          v-if="twitter"
+          class="i-carbon-logo-twitter inline-block text-1.3em mya !text-current op30 hover:op100 transition duration-200"
+          :href="`https://twitter.com/${twitter}`"
+          target="_blank"
+          rel="noopener noreferrer"
+          :aria-label="`${name} on Twitter`"
+        />
+      </div>
+    </div>
+    <a
+      v-if="sponsors"
+      class="btn bg-pink-500 hover:bg-pink-600 text-sm !text-white px3 absolute top-1 right-1"
+      flex="~ row gap-2"
+      target="_blank"
+      rel="noopener noreferrer"
+      :href="`https://github.com/sponsors/${github}`"
+    >
+      <span class="i-carbon-favorite-filled" />
+      Sponsor
+    </a>
+  </div>
+</template>
diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
index e88251155..53986851d 100644
--- a/docs/.vitepress/config.ts
+++ b/docs/.vitepress/config.ts
@@ -4,23 +4,25 @@ import {
   contributing,
   discord,
   font,
+  github,
   ogImage,
   ogUrl,
   releases,
   twitter,
   vitestDescription,
   vitestName,
-} from '../docs-data'
-import { coreTeamMembers } from '../src/contributors'
+} from './meta'
+import { teamMembers } from './contributors'
 
 export default defineConfig({
+  lang: 'en-US',
   title: vitestName,
   description: vitestDescription,
   head: [
     ['meta', { name: 'theme-color', content: '#ffffff' }],
     ['link', { rel: 'icon', href: '/logo.svg', type: 'image/svg+xml' }],
     ['link', { rel: 'alternate icon', href: '/favicon.ico', type: 'image/png', sizes: '16x16' }],
-    ['meta', { name: 'author', content: `${coreTeamMembers.map(c => c.name).join(', ')} and ${vitestName} contributors` }],
+    ['meta', { name: 'author', content: `${teamMembers.map(c => c.name).join(', ')} and ${vitestName} contributors` }],
     ['meta', { name: 'keywords', content: 'vitest, vite, test, coverage, snapshot, react, vue, preact, svelte, solid, lit, ruby, cypress, puppeteer, jsdom, happy-dom, test-runner, jest, typescript, esm, tinypool, tinyspy, c8, node' }],
     ['meta', { property: 'og:title', content: vitestName }],
     ['meta', { property: 'og:description', content: vitestDescription }],
@@ -34,21 +36,48 @@ export default defineConfig({
     ['link', { rel: 'mask-icon', href: '/logo.svg', color: '#ffffff' }],
     ['link', { rel: 'apple-touch-icon', href: '/apple-touch-icon.png', sizes: '180x180' }],
   ],
+  lastUpdated: true,
+  markdown: {
+    theme: {
+      light: 'vitesse-light',
+      dark: 'vitesse-dark',
+    },
+  },
   themeConfig: {
-    repo: 'vitest-dev/vitest',
     logo: '/logo.svg',
-    docsDir: 'docs',
-    docsBranch: 'main',
-    editLinks: true,
-    editLinkText: 'Suggest changes to this page',
+
+    editLink: {
+      repo: 'vitest-dev/vitest',
+      branch: 'main',
+      dir: 'docs',
+      text: 'Suggest changes to this page',
+    },
 
     algolia: {
       appId: 'ZTF29HGJ69',
       apiKey: '9c3ced6fed60d2670bb36ab7e8bed8bc',
       indexName: 'vitest',
-      // searchParameters: {
-      //   facetFilters: ['tags:en']
-      // }
+      searchParameters: {
+        facetFilters: ['tags:en'],
+      },
+    },
+
+    localeLinks: {
+      text: 'English',
+      items: [
+        { text: '简体中文', link: 'https://cn.vitest.dev' },
+      ],
+    },
+
+    socialLinks: [
+      { icon: 'twitter', link: twitter },
+      { icon: 'discord', link: discord },
+      { icon: 'github', link: github },
+    ],
+
+    footer: {
+      message: 'Released under the MIT License.',
+      copyright: 'Copyright © 2021-PRESENT Anthony Fu, Matías Capeletto and Vitest contributors',
     },
 
     nav: [
@@ -68,37 +97,14 @@ export default defineConfig({
           },
         ],
       },
-      {
-        text: 'Discord',
-        link: discord,
-      },
-      {
-        text: 'Twitter',
-        link: twitter,
-      },
-      {
-        text: 'English',
-        items: [
-          {
-            text: 'English',
-            link: '',
-          },
-          {
-            text: '简体中文',
-            link: 'https://cn.vitest.dev',
-          },
-        ],
-      },
     ],
 
     sidebar: {
-      '/config/': 'auto',
-      '/api/': 'auto',
-      // catch-all fallback
+      // TODO: bring sidebar of apis and config back
       '/': [
         {
           text: 'Guide',
-          children: [
+          items: [
             {
               text: 'Why Vitest',
               link: '/guide/why',
@@ -158,6 +164,24 @@ export default defineConfig({
             },
           ],
         },
+        {
+          text: 'API',
+          items: [
+            {
+              text: 'API Reference',
+              link: '/api/',
+            },
+          ],
+        },
+        {
+          text: 'Config',
+          items: [
+            {
+              text: 'Config Reference',
+              link: '/config/',
+            },
+          ],
+        },
       ],
     },
   },
diff --git a/docs/contributors.json b/docs/.vitepress/contributor-names.json
similarity index 100%
rename from docs/contributors.json
rename to docs/.vitepress/contributor-names.json
diff --git a/docs/src/contributors.ts b/docs/.vitepress/contributors.ts
similarity index 90%
rename from docs/src/contributors.ts
rename to docs/.vitepress/contributors.ts
index 2bc36453a..de04ea4c5 100644
--- a/docs/src/contributors.ts
+++ b/docs/.vitepress/contributors.ts
@@ -1,4 +1,4 @@
-import contributors from '../contributors.json'
+import contributorNames from './contributor-names.json'
 
 export interface Contributor {
   name: string
@@ -18,13 +18,13 @@ const contributorsAvatars: Record<string, string> = {}
 
 const getAvatarUrl = (name: string) => import.meta.hot ? `https://github.com/${name}.png` : `/user-avatars/${name}.png`
 
-const contributorList = (contributors as string[]).reduce((acc, name) => {
+export const contributors = (contributorNames as string[]).reduce((acc, name) => {
   contributorsAvatars[name] = getAvatarUrl(name)
   acc.push({ name, avatar: contributorsAvatars[name] })
   return acc
 }, [] as Contributor[])
 
-const coreTeamMembers: CoreTeam[] = [
+export const teamMembers: CoreTeam[] = [
   {
     avatar: contributorsAvatars.antfu,
     name: 'Anthony Fu',
@@ -41,14 +41,6 @@ const coreTeamMembers: CoreTeam[] = [
     sponsors: true,
     description: 'A collaborative being<br>Core team member of Vite<br>Team member of Vue',
   },
-  {
-    avatar: contributorsAvatars.Aslemammad,
-    name: 'Mohammad Bagher',
-    github: 'Aslemammad',
-    twitter: 'asleMammadam',
-    sponsors: false,
-    description: 'An open source developer<br>Team member of Poimandres and Vike',
-  },
   {
     avatar: contributorsAvatars['sheremet-va'],
     name: 'Vladimir',
@@ -57,6 +49,14 @@ const coreTeamMembers: CoreTeam[] = [
     sponsors: false,
     description: 'An open source fullstack developer',
   },
+  {
+    avatar: contributorsAvatars.Aslemammad,
+    name: 'Mohammad Bagher',
+    github: 'Aslemammad',
+    twitter: 'asleMammadam',
+    sponsors: false,
+    description: 'An open source developer<br>Team member of Poimandres and Vike',
+  },
   {
     avatar: contributorsAvatars.Demivan,
     name: 'Ivan Demchuk',
@@ -82,5 +82,3 @@ const coreTeamMembers: CoreTeam[] = [
     description: 'A fullstack developer<br>Creating tools for collaboration',
   },
 ]
-
-export { coreTeamMembers, contributorList as contributors }
diff --git a/docs/docs-data.ts b/docs/.vitepress/meta.ts
similarity index 95%
rename from docs/docs-data.ts
rename to docs/.vitepress/meta.ts
index 14a0f5a3c..eea342567 100644
--- a/docs/docs-data.ts
+++ b/docs/.vitepress/meta.ts
@@ -15,6 +15,7 @@ export const ogUrl = 'https://vitest.dev/'
 export const ogImage = `${ogUrl}og.png`
 
 /* GitHub and social links */
+export const github = 'https://github.com/vitest-dev/vitest'
 export const releases = 'https://github.com/vitest-dev/vitest/releases'
 export const contributing = 'https://github.com/vitest-dev/vitest/blob/main/CONTRIBUTING.md'
 export const discord = 'https://chat.vitest.dev'
diff --git a/docs/scripts/assets.ts b/docs/.vitepress/scripts/assets.ts
similarity index 97%
rename from docs/scripts/assets.ts
rename to docs/.vitepress/scripts/assets.ts
index dce1f4d02..2daca50f7 100644
--- a/docs/scripts/assets.ts
+++ b/docs/.vitepress/scripts/assets.ts
@@ -1,6 +1,6 @@
 import { promises as fs } from 'fs'
 import fg from 'fast-glob'
-import { font, preconnectHomeLinks, preconnectLinks } from '../docs-data'
+import { font, preconnectHomeLinks, preconnectLinks } from '../meta'
 
 const preconnect = `
   ${preconnectLinks.map(l => `<link rel="dns-prefetch" href="${l}">`).join('\n')}
diff --git a/docs/.vitepress/scripts/fetch-avatars.ts b/docs/.vitepress/scripts/fetch-avatars.ts
new file mode 100644
index 000000000..2cc24fa55
--- /dev/null
+++ b/docs/.vitepress/scripts/fetch-avatars.ts
@@ -0,0 +1,35 @@
+import { join, resolve } from 'pathe'
+import fs from 'fs-extra'
+import { $fetch } from 'ohmyfetch'
+import { teamMembers } from '../contributors'
+
+const docsDir = resolve(__dirname, '../..')
+const pathContributors = resolve(docsDir, '.vitepress/contributor-names.json')
+const dirAvatars = resolve(docsDir, 'public/user-avatars/')
+const dirSponsors = resolve(docsDir, 'public/sponsors/')
+
+let contributors: string[] = []
+const team = teamMembers.map(i => i.github)
+
+async function download(url: string, fileName: string) {
+  // eslint-disable-next-line no-console
+  console.log('downloading', fileName)
+  const image = await $fetch(url, { responseType: 'arrayBuffer' })
+  await fs.writeFile(fileName, Buffer.from(image))
+}
+
+async function fetchAvatars() {
+  await fs.ensureDir(dirAvatars)
+  contributors = JSON.parse(await fs.readFile(pathContributors, { encoding: 'utf-8' }))
+
+  await Promise.all(contributors.map(name => download(`https://github.com/${name}.png?size${team.includes(name) ? 100 : 40}`, join(dirAvatars, 'name.png'))))
+}
+
+async function fetchSponsors() {
+  await fs.ensureDir(dirSponsors)
+  await download('https://cdn.jsdelivr.net/gh/antfu/static/sponsors.svg', join(dirSponsors, 'antfu.svg'))
+  await download('https://cdn.jsdelivr.net/gh/patak-dev/static/sponsors.svg', join(dirSponsors, 'patak-dev.svg'))
+}
+
+fetchAvatars()
+fetchSponsors()
diff --git a/docs/.vitepress/style/main.css b/docs/.vitepress/style/main.css
new file mode 100644
index 000000000..4daa2f82c
--- /dev/null
+++ b/docs/.vitepress/style/main.css
@@ -0,0 +1,23 @@
+/* Overrides */
+
+.VPSocialLink {
+  transform: scale(0.9);
+}
+
+.vp-doc th, .vp-doc td {
+  padding: 6px 10px;
+  border: 1px solid #8882;
+}
+
+/* h3 breaks SEO => replaced with h2 with the same size */
+.home-content h2 {
+  margin-top: 2rem;
+  font-size: 1.35rem;
+  border-bottom: none;
+  margin-bottom: 0;
+}
+
+img.resizable-img {
+  width: unset;
+  height: unset;
+}
diff --git a/docs/.vitepress/style/vars.css b/docs/.vitepress/style/vars.css
new file mode 100644
index 000000000..b194b9bd9
--- /dev/null
+++ b/docs/.vitepress/style/vars.css
@@ -0,0 +1,76 @@
+/**
+ * Colors
+ * -------------------------------------------------------------------------- */
+
+:root {
+  --vp-c-accent: rgb(218, 180, 11);
+  --vp-c-brand: #61aa17;
+  --vp-c-brand-light: #9ac440;
+  --vp-c-brand-lighter: #acd05c;
+  --vp-c-brand-dark: #668d11;
+  --vp-c-brand-darker: #52730d;
+  --vp-code-block-bg: rgba(125,125,125,0.04);
+  --vp-c-green-light: rgb(18, 181, 157);
+  --vp-custom-block-tip-border: rgba(18, 181, 157, 0.5);
+  --vp-custom-block-tip-bg: rgba(18, 181, 157, 0.1);
+}
+
+.dark {
+  --vp-code-block-bg: rgba(0,0,0,0.2);
+}
+
+/**
+ * Component: Button
+ * -------------------------------------------------------------------------- */
+
+:root {
+  --vp-button-brand-border: var(--vp-c-brand-light);
+  --vp-button-brand-text: var(--vp-c-text-dark-1);
+  --vp-button-brand-bg: var(--vp-c-brand);
+  --vp-button-brand-hover-border: var(--vp-c-brand-light);
+  --vp-button-brand-hover-text: var(--vp-c-text-dark-1);
+  --vp-button-brand-hover-bg: var(--vp-c-brand-light);
+  --vp-button-brand-active-border: var(--vp-c-brand-light);
+  --vp-button-brand-active-text: var(--vp-c-text-dark-1);
+  --vp-button-brand-active-bg: var(--vp-button-brand-bg);
+}
+
+/**
+ * Component: Home
+ * -------------------------------------------------------------------------- */
+
+ :root {
+  --vp-home-hero-name-color: transparent;
+  --vp-home-hero-name-background: -webkit-linear-gradient(
+    120deg,
+    #86b91a 30%,
+    #edd532
+  );
+  --vp-home-hero-image-background-image: linear-gradient(
+    -45deg,
+    #86b91a60 30%,
+    #edd53260
+  );
+  --vp-home-hero-image-filter: blur(30px);
+}
+
+@media (min-width: 640px) {
+  :root {
+    --vp-home-hero-image-filter: blur(56px);
+  }
+}
+
+@media (min-width: 960px) {
+  :root {
+    --vp-home-hero-image-filter: blur(72px);
+  }
+}
+
+
+/**
+ * Component: Algolia
+ * -------------------------------------------------------------------------- */
+
+.DocSearch {
+  --docsearch-primary-color: var(--vp-c-brand) !important;
+}
diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
index b629d9c72..061797e5e 100644
--- a/docs/.vitepress/theme/index.ts
+++ b/docs/.vitepress/theme/index.ts
@@ -1,9 +1,20 @@
-import 'uno.css'
+import { h } from 'vue'
+import Theme from 'vitepress/theme'
 import { inBrowser } from 'vitepress'
-import DefaultTheme from 'vitepress/theme'
-import '../../main.css'
+import '../style/main.css'
+import '../style/vars.css'
+import 'uno.css'
+import HomePage from '../components/HomePage.vue'
 
 if (inBrowser)
   import('./pwa')
 
-export default DefaultTheme
+export default {
+  ...Theme,
+  Layout() {
+    return h(Theme.Layout, null, {
+      'home-features-after': () => h(HomePage),
+    })
+  },
+}
+
diff --git a/docs/api/index.md b/docs/api/index.md
index d7b43605f..238babf3c 100644
--- a/docs/api/index.md
+++ b/docs/api/index.md
@@ -1,3 +1,7 @@
+---
+outline: deep
+---
+
 # API Reference
 
 The following types are used in the type signatures below
diff --git a/docs/config/index.md b/docs/config/index.md
index 655f7551a..1bfc5dff4 100644
--- a/docs/config/index.md
+++ b/docs/config/index.md
@@ -1,3 +1,7 @@
+---
+outline: deep
+---
+
 # Configuring Vitest
 
 ## Configuration
diff --git a/docs/guide/features.md b/docs/guide/features.md
index 022d14c7e..0e973b540 100644
--- a/docs/guide/features.md
+++ b/docs/guide/features.md
@@ -1,3 +1,7 @@
+---
+outline: deep
+---
+
 # Features
 
 <FeaturesList class="!gap-1 text-lg" />
diff --git a/docs/guide/index.md b/docs/guide/index.md
index e1bc0fc3a..17a0e2416 100644
--- a/docs/guide/index.md
+++ b/docs/guide/index.md
@@ -13,14 +13,14 @@ You can try Vitest online on [StackBlitz](https://vitest.new). It runs Vitest di
 ## Adding Vitest to your Project
 
 ```bash
-// with npm
-$ npm install -D vitest
+# with npm
+npm install -D vitest
 
-// or with yarn
-$ yarn add -D vitest
+# or with yarn
+yarn add -D vitest
 
-// or with pnpm
-$ pnpm add -D vitest
+# or with pnpm
+pnpm add -D vitest
 ```
 
 :::tip
@@ -54,7 +54,7 @@ See the list of config options in the [Config Reference](../config/)
 In a project where Vitest is installed, you can use the `vitest` binary in your npm scripts, or run it directly with `npx vitest`. Here are the default npm scripts in a scaffolded Vitest project:
 
 <!-- prettier-ignore -->
-```json5
+```json
 {
   "scripts": {
     "test": "vitest",
diff --git a/docs/index.md b/docs/index.md
index 9742b22b1..2f7212f03 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -1,9 +1,38 @@
 ---
-home: true
+layout: home
 sidebar: false
-title: 'Vitest - A blazing fast unit test framework powered by Vite'
 
-footer: 'MIT Licensed | Copyright © 2021-PRESENT Anthony Fu, Matías Capeletto and Vitest contributors'
+title: Vitest
+titleTemplate: A blazing fast unit test framework powered by Vite
+
+hero:
+  name: Vitest
+  text: Blazing Fast Unit Test Framework
+  tagline: A Vite-native unit test framework. It's fast!
+  image:
+    src: /logo-shadow.svg
+    alt: Vitest
+  actions:
+    - theme: brand
+      text: Get Started
+      link: /guide/
+    - theme: alt
+      text: Features
+      link: /guide/features
+    - theme: alt
+      text: Why Vitest?
+      link: /guide/why
+    - theme: alt
+      text: View on GitHub
+      link: https://github.com/vitest-dev/vitest
+
+features:
+  - title: Vite Powered
+    details: Reuse Vite's config, transformers, resolvers, and plugins - consistant across your app and tests.
+  - title: Jest Compatible
+    details: Expect, snapshot, coverage, and more - migrate from Jest is straightforward.
+  - title: Smart & instant watch mode
+    details: Only rerun the related changes, just like HMR for tests!
+  - title: ESM, TypeScript, JSX
+    details: Out-of-box ESM, TypeScript and JSX support powered by esbuild
 ---
-
-<Home />
diff --git a/docs/main.css b/docs/main.css
deleted file mode 100644
index ebcb5431f..000000000
--- a/docs/main.css
+++ /dev/null
@@ -1,192 +0,0 @@
-:root {
-  --c-brand: #ca931c;
-  --c-accent: #729B1B;
-  --font-family-base: "Readex Pro", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont, sans-serif;
-  --bg-gradient: 255,255,255;
-  --cm-ttc-c-thumb: #eee;
-  --cm-ttc-c-track: white;
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --c-bg: rgb(20,20,20) !important;
-    --c-text: rgb(255,255,255,87%) !important;
-    --c-text-light: #fdd888 !important;
-    --c-brand: #fdd888 !important;
-    --c-accent: #90C321 !important;
-    --bg-gradient: 20,20,20 !important;
-    --code-inline-bg-color: #282c34aa !important;
-    --cm-ttc-c-thumb: #333;
-    --cm-ttc-c-track: #111;
-  }
-
-  tr:nth-child(2n) {
-    background-color: var(--c-bg) !important;
-  }
-  tr {
-    border-top: 1px solid var(--code-inline-bg-color) !important;
-  }
-}
-
-main.home ul > li {
-  opacity: 0.8;
-  transition: .1s ease;
-}
-main.home ul > li:hover {
-  opacity: 1;
-}
-
-main.home {
-  position: relative;
-  overflow-x: hidden;
-}
-
-main.home::before {
-  content: '';
-  inset: 0;
-  position: absolute;
-  z-index: -1;
-  background-image: url("/bg.png");
-  background-repeat: repeat;
-  background-size: 50%;
-}
-
-@media screen and (max-width: 768px) {
-  main.home {
-    background-size: 100%;
-  }
-}
-
-main.home {
-  background:
-    radial-gradient(ellipse, rgba(var(--bg-gradient),1) 50%, rgba(var(--bg-gradient),0.4) 120%),
-    radial-gradient(ellipse at top, rgba(var(--bg-gradient),0.8) 20%, rgba(var(--bg-gradient),0) 100%),
-    radial-gradient(ellipse at left, rgba(var(--bg-gradient),0.6) 20%, rgba(var(--bg-gradient),0) 100%),
-    radial-gradient(ellipse at right, rgba(var(--bg-gradient),0.6) 20%, rgba(var(--bg-gradient),0) 100%);
-}
-
-
-.custom-block.tip {
-  background-color: rgba(255, 229, 100, 0.1)
-}
-
-.custom-block.info {
-  color: var(--c-text-light-2);
-}
-
-.custom-block.warning {
-  color: inherit;
-}
-
-.nav-bar-title .logo {
-  height: 1.5em !important;
-  margin-right: 0.5rem !important;
-}
-
-/* Overrides */
-
-.home-content {
-  max-width: 1800px !important;
-}
-
-.custom-block.tip {
-  border-color: var(--c-accent) !important;
-  background-color: #90C32130 !important;
-}
-
-th, td {
-  border: 1px solid #8885;
-}
-
-/* h3 breaks SEO => replaced with h2 with the same size */
-.home-content h2 {
-  margin-top: 2rem;
-  font-size: 1.35rem;
-  border-bottom: none;
-  margin-bottom: 0;
-}
-
-img.resizable-img {
-  width: unset;
-  height: unset;
-}
-
-.DocSearch-Modal {
-  --docsearch-logo-color: #ca931c;
-}
-
-@media (prefers-color-scheme: dark) {
-  .algolia-search-box > button {
-    --docsearch-searchbox-background: transparent;
-    --docsearch-searchbox-focus-background: var(--docsearch-searchbox-background);
-    --docsearch-text-color: #90a4b7;
-    --docsearch-key-gradient: linear-gradient(-225deg,--docsearch-searchbox-background,--docsearch-searchbox-background);
-  }
-  .algolia-search-box > button:hover {
-    --c-brand: #ca931c;
-    --docsearch-text-color: #ca931c;
-    --docsearch-muted-color: #ca931c;
-  }
-  .algolia-search-box > button:hover > .DocSearch-Button-Keys > .DocSearch-Button-Key {
-    color: #ca931c;
-    box-shadow: inset 0 -1px 0 0 var(--docsearch-muted-color),inset 0 0 1px 1px var(--docsearch-muted-color),0 1px 1px 1px var(--docsearch-muted-color);
-  }
-  .DocSearch-Modal {
-    --docsearch-modal-background: rgb(20,20,20);
-    --docsearch-primary-color: #ca931c;
-    --docsearch-highlight-color: var(--docsearch-primary-color);
-    --docsearch-searchbox-shadow: inset 0 0 0 2px var(--docsearch-primary-color);
-    --docsearch-text-color: #90a4b7;
-    --docsearch-muted-color: var(--c-text-lighter);
-    --docsearch-searchbox-background: rgb(20,20,20);
-    --docsearch-searchbox-focus-background: rgb(20,20,20);
-    --docsearch-footer-background: rgb(20,20,20);
-    --docsearch-modal-shadow: none;
-  }
-  .DocSearch-Commands-Key {
-    color: #ca931c;
-    --docsearch-text-color: #ca931c;
-    --docsearch-highlight-color: var(--docsearch-text-color);
-  }
-  .DocSearch-Dropdown {
-    scrollbar-color: var(--cm-ttc-c-thumb) var(--cm-ttc-c-track) !important;
-  }
-  .DocSearch-Dropdown::-webkit-scrollbar-track {
-    background: var(--cm-ttc-c-track) !important;
-  }
-  .DocSearch-Dropdown::-webkit-scrollbar-thumb {
-    background-color: var(--cm-ttc-c-thumb) !important;
-    border: 2px solid var(--cm-ttc-c-thumb) !important;
-  }
-  .DocSearch-Footer {
-    --docsearch-footer-shadow: 0 -1px 0 0 #90a4b7,0 -3px 6px 0 rgba(69,98,155,0.12);
-    --docsearch-key-gradient: linear-gradient(-225deg,--docsearch-searchbox-background,--docsearch-searchbox-background);
-    --docsearch-key-shadow: inset 0 -1px 0 0 #ca931c,inset 0 0 1px 1px #ca931c,0 1px 1px 1px #ca931c;
-  }
-  .DocSearch-Hit > a {
-    --docsearch-hit-background: transparent;
-    --docsearch-hit-shadow: none;
-    border: 1px solid #ca931c;
-  }
-  .DocSearch-Hit-Container {
-    --docsearch-hit-color: #90a4b7;
-  }
-  .DocSearch-Hit[aria-selected=true] a {
-    --docsearch-highlight-color: #fdd888;
-  }
-  .DocSearch-Hit[aria-selected=true] .DocSearch-Hit-action,
-  .DocSearch-Hit[aria-selected=true] .DocSearch-Hit-icon,
-  .DocSearch-Hit[aria-selected=true] .DocSearch-Hit-path,
-  .DocSearch-Hit[aria-selected=true] .DocSearch-Hit-text,
-  .DocSearch-Hit[aria-selected=true] .DocSearch-Hit-title,
-  .DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Tree {
-    --docsearch-hit-active-color: rgb(45,45,45);
-  }
-  .DocSearch-Hit[aria-selected=true] mark {
-    --docsearch-hit-active-color: rgb(20,20,20);
-  }
-  .DocSearch-Reset {
-   --docsearch-icon-color: #90a4b7;
-  }
-}
-
diff --git a/docs/package.json b/docs/package.json
index c44139ecf..b99192a1f 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -6,7 +6,7 @@
     "build": "nr prefetch && vitepress build",
     "serve": "vitepress serve",
     "preview-https": "pnpm run build && serve .vitepress/dist",
-    "prefetch": "esno scripts/fetch-avatars.ts"
+    "prefetch": "esno .vitepress/scripts/fetch-avatars.ts"
   },
   "dependencies": {
     "@vueuse/core": "^8.5.0",
@@ -23,7 +23,7 @@
     "unocss": "^0.36.0",
     "unplugin-vue-components": "^0.19.6",
     "vite-plugin-pwa": "^0.12.0",
-    "vitepress": "^0.22.4",
+    "vitepress": "^1.0.0-alpha.1",
     "workbox-window": "^6.5.3"
   }
 }
diff --git a/docs/public/logo-shadow.svg b/docs/public/logo-shadow.svg
new file mode 100644
index 000000000..82506aac4
--- /dev/null
+++ b/docs/public/logo-shadow.svg
@@ -0,0 +1,24 @@
+<svg width="250" height="250" viewBox="0 0 165 165" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_301_2)">
+<g filter="url(#filter0_d_301_2)">
+<path d="M120.831 57.2543L84.693 109.505C84.3099 110.059 83.7558 110.474 83.1148 110.687C82.4738 110.9 81.7809 110.898 81.1412 110.684C80.5015 110.469 79.95 110.052 79.5702 109.497C79.1905 108.941 79.0032 108.277 79.037 107.606L80.4833 78.7582L57.1343 73.8064C56.6353 73.7007 56.1704 73.474 55.7807 73.1465C55.391 72.8191 55.0885 72.4009 54.9001 71.929C54.7117 71.4571 54.6432 70.9461 54.7006 70.4412C54.758 69.9364 54.9395 69.4532 55.2291 69.0345L91.3675 16.7837C91.7507 16.2294 92.3048 15.8145 92.9458 15.6018C93.5869 15.3891 94.2798 15.3902 94.9196 15.6051C95.5593 15.8199 96.1109 16.2367 96.4906 16.7923C96.8703 17.3478 97.0575 18.0117 97.0236 18.6833L95.5773 47.5314L118.926 52.4827C119.425 52.5885 119.89 52.8152 120.28 53.1426C120.67 53.4701 120.972 53.8883 121.16 54.3602C121.349 54.8321 121.417 55.3431 121.36 55.8479C121.303 56.3528 121.121 56.836 120.831 57.2547L120.831 57.2543Z" fill="#FCC72B"/>
+<path d="M82.9866 153.343C82.0254 153.344 81.0735 153.156 80.1855 152.788C79.2975 152.42 78.4909 151.88 77.8122 151.2L43.6658 117.056C42.2998 115.683 41.5341 113.824 41.5366 111.887C41.5392 109.95 42.3098 108.092 43.6796 106.723C45.0493 105.353 46.9064 104.582 48.8435 104.579C50.7807 104.577 52.6399 105.342 54.0134 106.708L82.9866 135.678L146.105 72.5626C147.481 71.2088 149.336 70.4536 151.266 70.4615C153.197 70.4693 155.046 71.2396 156.41 72.6045C157.775 73.9695 158.546 75.8184 158.554 77.7487C158.561 79.679 157.806 81.5342 156.452 82.9101L88.1597 151.2C87.4811 151.881 86.6747 152.42 85.7869 152.788C84.8992 153.156 83.9475 153.344 82.9866 153.343Z" fill="#729B1B"/>
+<path d="M82.9572 153.343C83.9184 153.344 84.8703 153.156 85.7583 152.788C86.6463 152.42 87.4528 151.88 88.1316 151.2L122.278 117.056C123.644 115.683 124.41 113.824 124.407 111.887C124.405 109.95 123.634 108.092 122.264 106.723C120.894 105.353 119.037 104.582 117.1 104.579C115.163 104.577 113.304 105.342 111.93 106.708L82.9572 135.678L19.8389 72.5626C18.4629 71.2088 16.6077 70.4536 14.6775 70.4615C12.7472 70.4693 10.8982 71.2396 9.53331 72.6045C8.16839 73.9695 7.39811 75.8184 7.39025 77.7487C7.38239 79.679 8.13759 81.5342 9.49135 82.9101L77.784 151.2C78.4627 151.881 79.2691 152.42 80.1568 152.788C81.0446 153.156 81.9963 153.344 82.9572 153.343Z" fill="#729B1B" fill-opacity="0.5"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_301_2" x="1.3902" y="10.4431" width="167.163" height="153.9" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="3"/>
+<feGaussianBlur stdDeviation="4"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.108333 0 0 0 0 0.108333 0 0 0 0 0.108333 0 0 0 0.2 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_301_2"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_301_2" result="shape"/>
+</filter>
+<clipPath id="clip0_301_2">
+<rect width="165" height="165" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/docs/public/logo.svg b/docs/public/logo.svg
index fd9daaf61..1bd07d504 100644
--- a/docs/public/logo.svg
+++ b/docs/public/logo.svg
@@ -1,4 +1,4 @@
-<svg width="165" height="165" viewBox="0 0 165 165" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="260" height="260" viewBox="0 0 165 165" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M120.831 57.2543L84.693 109.505C84.3099 110.059 83.7558 110.474 83.1148 110.687C82.4738 110.9 81.7809 110.898 81.1412 110.684C80.5015 110.469 79.95 110.052 79.5702 109.497C79.1905 108.941 79.0032 108.277 79.037 107.606L80.4833 78.7582L57.1343 73.8064C56.6353 73.7007 56.1704 73.474 55.7807 73.1465C55.391 72.8191 55.0885 72.4009 54.9001 71.929C54.7117 71.4571 54.6432 70.9461 54.7006 70.4412C54.758 69.9364 54.9395 69.4532 55.2291 69.0345L91.3675 16.7837C91.7507 16.2294 92.3048 15.8145 92.9458 15.6018C93.5869 15.3891 94.2798 15.3902 94.9196 15.6051C95.5593 15.8199 96.1109 16.2367 96.4906 16.7923C96.8703 17.3478 97.0575 18.0117 97.0236 18.6833L95.5773 47.5314L118.926 52.4828C119.425 52.5885 119.89 52.8152 120.28 53.1426C120.67 53.4701 120.972 53.8883 121.16 54.3602C121.349 54.8321 121.417 55.3431 121.36 55.8479C121.303 56.3528 121.121 56.836 120.831 57.2547L120.831 57.2543Z" fill="#FCC72B"/>
 <path d="M82.9866 153.343C82.0254 153.344 81.0735 153.156 80.1855 152.788C79.2975 152.42 78.4909 151.88 77.8122 151.2L43.6658 117.056C42.2998 115.683 41.5341 113.824 41.5366 111.887C41.5392 109.95 42.3098 108.092 43.6796 106.723C45.0493 105.353 46.9064 104.582 48.8435 104.579C50.7807 104.577 52.6399 105.342 54.0134 106.708L82.9866 135.678L146.105 72.5626C147.481 71.2088 149.336 70.4536 151.266 70.4615C153.197 70.4693 155.046 71.2396 156.41 72.6045C157.775 73.9695 158.546 75.8184 158.554 77.7487C158.561 79.679 157.806 81.5342 156.452 82.9101L88.1597 151.2C87.4811 151.881 86.6747 152.42 85.7869 152.788C84.8992 153.156 83.9475 153.344 82.9866 153.343Z" fill="#729B1B"/>
 <path d="M82.9572 153.343C83.9184 153.344 84.8703 153.156 85.7583 152.788C86.6463 152.42 87.4528 151.88 88.1316 151.2L122.278 117.056C123.644 115.683 124.41 113.824 124.407 111.887C124.405 109.95 123.634 108.092 122.264 106.723C120.894 105.353 119.037 104.582 117.1 104.579C115.163 104.577 113.304 105.342 111.93 106.708L82.9572 135.678L19.8389 72.5626C18.4629 71.2088 16.6077 70.4536 14.6775 70.4615C12.7472 70.4693 10.8982 71.2396 9.53331 72.6045C8.16839 73.9695 7.39811 75.8184 7.39025 77.7487C7.38239 79.679 8.13759 81.5342 9.49135 82.9101L77.784 151.2C78.4627 151.881 79.2691 152.42 80.1568 152.788C81.0446 153.156 81.9963 153.344 82.9572 153.343Z" fill="#729B1B" fill-opacity="0.5"/>
diff --git a/docs/scripts/fetch-avatars.ts b/docs/scripts/fetch-avatars.ts
deleted file mode 100644
index e6b7c0180..000000000
--- a/docs/scripts/fetch-avatars.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import fs from 'fs-extra'
-import { $fetch } from 'ohmyfetch'
-import { coreTeamMembers } from '../src/contributors'
-
-const pathContributors = '../docs/contributors.json'
-const dirAvatars = '../docs/public/user-avatars/'
-const dirSponsors = '../docs/public/sponsors/'
-
-let contributors: string[] = []
-const team = coreTeamMembers.map(i => i.github)
-
-async function download(url: string, fileName: string) {
-  const image = await $fetch(url, { responseType: 'arrayBuffer' })
-  await fs.writeFile(fileName, Buffer.from(image))
-}
-
-async function fetchAvatars() {
-  await fs.ensureDir(dirAvatars)
-  contributors = JSON.parse(await fs.readFile(pathContributors, { encoding: 'utf-8' }))
-
-  await Promise.all(contributors.map(async name => download(`https://github.com/${name}.png?size${team.includes(name) ? 100 : 40}`, `${dirAvatars}${name}.png`)))
-}
-
-async function fetchSponsors() {
-  await fs.ensureDir(dirSponsors)
-  await download('https://cdn.jsdelivr.net/gh/antfu/static/sponsors.svg', `${dirSponsors}antfu.svg`)
-  await download('https://cdn.jsdelivr.net/gh/patak-dev/static/sponsors.svg', `${dirSponsors}patak-dev.svg`)
-}
-
-fetchAvatars()
-fetchSponsors()
diff --git a/docs/src/components/Avatar.vue b/docs/src/components/Avatar.vue
deleted file mode 100644
index 079b20091..000000000
--- a/docs/src/components/Avatar.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<script setup lang="ts">
-import type { CoreTeam } from '../contributors'
-
-defineProps<{
-  avatar: CoreTeam['avatar']
-  name: CoreTeam['name']
-  github: CoreTeam['github']
-  twitter: CoreTeam['twitter']
-  sponsors: CoreTeam['sponsors']
-  description: CoreTeam['description']
-}>()
-</script>
-
-<template>
-  <div text-center>
-    <img loading="lazy" :src="avatar" width="100" height="100" rounded-full min-w-25 min-h-25 h-25 w-25 :alt="`${name}'s avatar`">
-    <div text-xl mt-1 mb-1>
-      {{ name }}
-    </div>
-    <div op60 v-html="description" />
-    <div flex="~ inline gap-2" py-4 text-2xl>
-      <a
-        class="i-carbon-logo-github inline-block text-current op30 hover:op100 mya transition duration-200"
-        :href="`https://github.com/${github}`"
-        target="_blank"
-        rel="noopener noreferrer"
-        :aria-label="`${name} on GitHub`"
-      />
-      <a
-        v-if="twitter"
-        class="i-carbon-logo-twitter inline-block text-1.3em mya text-current op30 hover:op100 transition duration-200"
-        :href="`https://twitter.com/${twitter}`"
-        target="_blank"
-        rel="noopener noreferrer"
-        :aria-label="`${name} on Twitter`"
-      />
-    </div>
-    <br>
-    <a
-      v-if="sponsors"
-      class="btn mt-1 bg-pink-500 hover:bg-pink-600"
-      target="_blank"
-      rel="noopener noreferrer"
-      :href="`https://github.com/sponsors/${github}`"
-    >
-      <span class="i-carbon-favorite-filled inline-block" />
-      Sponsor
-    </a>
-  </div>
-</template>
diff --git a/docs/src/components/Home.vue b/docs/src/components/Home.vue
deleted file mode 100644
index 1ce9eb3f7..000000000
--- a/docs/src/components/Home.vue
+++ /dev/null
@@ -1,101 +0,0 @@
-<script setup lang="ts">
-import { coreTeamMembers } from '../contributors'
-</script>
-
-<template>
-  <div flex flex-col items-center>
-    <div flex flex-col items-center p="t-10 md:t-20 b-10">
-      <img src="/logo.svg" h="40 md:60" alt="Vitest logo" width="240" height="240">
-      <h1 text-3em md:text-4em font-light>
-        Vitest
-      </h1>
-      <p text="1.2em center" leading-7 op60 font-normal tracking-wide>
-        A blazing fast unit-test framework<br>powered by
-        <a href="https://vitejs.dev" target="_blank" rel="noopener noreferrer" font="bold">Vite ⚡️</a>
-      </p>
-      <div
-        text-center
-        flex
-        flex-col
-        sm:flex-row
-        flex-wrap
-        items-center
-        gap-4
-        mt-5
-        children:my0
-      >
-        <a class="btn bg-yellow-500 hover:bg-yellow-600 dark:bg-yellow-600 dark:hover:bg-yellow-700 saturate-80" href="/guide/" rel="noopener noreferrer">
-          <span class="i-carbon:page-last inline-block text-lg" />
-          <span ma>Get Started</span>
-        </a>
-        <a class="btn bg-lime-500 hover:bg-lime-600 dark:bg-lime-600 dark:hover:bg-lime-700 saturate-80" href="/guide/why" rel="noopener noreferrer">
-          <span class="i-carbon:list-checked inline-block text-lg" />
-          <span ma>Why Vitest</span>
-        </a>
-      </div>
-    </div>
-
-    <h2 op50 font-normal pt-10>
-      Features
-    </h2>
-    <FeaturesList class="max-w-140 text-lg" />
-
-    <h2 id="meet-the-team" op50 font-normal pt-5 pb-2>
-      Meet The Team
-    </h2>
-    <div grid="~ sm:cols-2 gap-x-8 gap-y-20 items-center" p-10>
-      <Avatar
-        v-for="c of coreTeamMembers"
-        :key="c.github"
-        v-bind="c"
-      />
-    </div>
-    <h2 id="the-team" op50 font-normal pt-5 pb-2>
-      Contributors
-    </h2>
-    <p op80 text-lg max-w-150 text-center leading-7>
-      <Contributors />
-      <br>
-      <a href="https://chat.vitest.dev" rel="noopener noreferrer">Join the community</a> and get involved!
-    </p>
-
-    <h2 id="sponsored-by" op50 font-normal pt-5 pb-2>
-      Sponsored by
-    </h2>
-    <div grid="~ cols-1 lg:cols-2" w-screen text-center mt-10>
-      <div class="flex flex-col">
-        <a text-lg h="32px" href="https://github.com/sponsors/antfu" rel="noopener noreferrer">Anthony's Sponsors</a>
-        <a href="https://cdn.jsdelivr.net/gh/antfu/static/sponsors.svg" target="_blank" rel="noopener noreferrer">
-          <img
-            crossorigin="anonymous"
-            width="768" height="1464"
-            class="resizable-img"
-            loading="lazy"
-            src="/sponsors/antfu.svg"
-            alt="Anthony Fu's sponsors"
-          >
-        </a>
-      </div>
-      <div class="flex flex-col">
-        <a text-lg h="32px" href="https://github.com/sponsors/patak-dev" rel="noopener noreferrer">Patak's Sponsors</a>
-        <a href="https://cdn.jsdelivr.net/gh/patak-dev/static/sponsors.svg" target="_blank" rel="noopener noreferrer">
-          <img
-            crossorigin="anonymous"
-            width="768" height="722"
-            class="resizable-img"
-            loading="lazy"
-            src="/sponsors/patak-dev.svg"
-            alt="Patak's sponsors"
-          >
-        </a>
-      </div>
-    </div>
-
-    <p class="text-center opacity-75">
-      <a href="https://www.netlify.com" rel="noopener noreferrer">
-        <img src="/netlify.svg" alt="Deploys by Netlify" width="114" height="151">
-      </a>
-    </p>
-    <div mb-30 />
-  </div>
-</template>
diff --git a/docs/tsconfig.json b/docs/tsconfig.json
index 8812b2439..43d6a1679 100644
--- a/docs/tsconfig.json
+++ b/docs/tsconfig.json
@@ -5,8 +5,8 @@
     "target": "esnext",
     "lib": ["DOM", "ESNext"],
     "strict": true,
+    "jsx": "preserve",
     "esModuleInterop": true,
-    "incremental": false,
     "skipLibCheck": true,
     "moduleResolution": "node",
     "resolveJsonModule": true,
@@ -15,7 +15,6 @@
     "forceConsistentCasingInFileNames": true,
     "types": [
       "vite/client",
-      "vite-plugin-pages/client",
       "vite-plugin-pwa/client",
       "vitepress"
     ],
diff --git a/docs/vite.config.ts b/docs/vite.config.ts
index 5bc34b109..6741a9a63 100644
--- a/docs/vite.config.ts
+++ b/docs/vite.config.ts
@@ -14,8 +14,8 @@ import {
   vitestDescription,
   vitestName,
   vitestShortName,
-} from './docs-data'
-import { optimizePages } from './scripts/assets'
+} from './.vitepress/meta'
+import { optimizePages } from './.vitepress/scripts/assets'
 
 const PWA = VitePWA({
   outDir: '.vitepress/dist',
@@ -86,7 +86,8 @@ export default defineConfig({
   plugins: [
     Components({
       include: [/\.vue/, /\.md/],
-      dts: true,
+      dirs: '.vitepress/components',
+      dts: '.vitepress/components.d.ts',
     }),
     Unocss({
       shortcuts: [
diff --git a/package.json b/package.json
index 0b78cd714..57165eb3f 100644
--- a/package.json
+++ b/package.json
@@ -62,7 +62,6 @@
     "simple-git-hooks": "^2.8.0",
     "typescript": "^4.7.2",
     "vite": "^2.9.9",
-    "vitepress": "^0.22.4",
     "vitest": "workspace:*",
     "vue": "^3.2.36"
   },
diff --git a/packages/web-worker/README.md b/packages/web-worker/README.md
index 474f6aeb9..326a6f4f1 100644
--- a/packages/web-worker/README.md
+++ b/packages/web-worker/README.md
@@ -6,7 +6,7 @@ Simulates Web Worker, but in the same thread. Supports both `new Worker(url)` an
 
 ## Installing
 
-```sh
+```bash
 # with npm
 npm install -D @vitest/web-worker
 
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 5e8dca6ca..e7c4bc4f9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -41,7 +41,6 @@ importers:
       simple-git-hooks: ^2.8.0
       typescript: ^4.7.2
       vite: ^2.9.9
-      vitepress: ^0.22.4
       vitest: workspace:*
       vue: ^3.2.36
     devDependencies:
@@ -78,7 +77,6 @@ importers:
       simple-git-hooks: 2.8.0
       typescript: 4.7.2
       vite: 2.9.9
-      vitepress: 0.22.4
       vitest: link:packages/vitest
       vue: 3.2.36
 
@@ -95,7 +93,7 @@ importers:
       unocss: ^0.36.0
       unplugin-vue-components: ^0.19.6
       vite-plugin-pwa: ^0.12.0
-      vitepress: ^0.22.4
+      vitepress: ^1.0.0-alpha.1
       vue: ^3.2.36
       workbox-window: ^6.5.3
     dependencies:
@@ -112,7 +110,7 @@ importers:
       unocss: 0.36.0_vite@2.9.9
       unplugin-vue-components: 0.19.6_vite@2.9.9+vue@3.2.33
       vite-plugin-pwa: 0.12.0_vite@2.9.9
-      vitepress: 0.22.4
+      vitepress: 1.0.0-alpha.1
       workbox-window: 6.5.3
 
   examples/basic:
@@ -163,7 +161,7 @@ importers:
       lit: 2.2.5
     devDependencies:
       '@vitest/ui': link:../../packages/ui
-      happy-dom: 4.1.0
+      happy-dom: 5.0.0
       vite: 2.9.9
       vitest: link:../../packages/vitest
 
@@ -295,7 +293,7 @@ importers:
     dependencies:
       '@emotion/react': 11.9.0_3dj5wppwohj5ocihzt4m54mr2a
       '@emotion/styled': 11.8.1_3zgpe2oef7sbs566rsy6a7qm7i
-      '@mui/lab': 5.0.0-alpha.83_r7a7s2hz762ox6q4ctdyql64vq
+      '@mui/lab': 5.0.0-alpha.84_r7a7s2hz762ox6q4ctdyql64vq
       '@mui/material': 5.6.4_rikzftoujo3cmwul4lespwcm6i
       history: 5.3.0
       notistack: 2.0.5_udzxwwnbdmb3fntj5kb5hemvo4
@@ -354,7 +352,7 @@ importers:
       '@storybook/builder-vite': 0.1.35_232lyga3osnhqucz6qw2facp2y
       '@storybook/react': 6.4.22_xzhww52kftivill7y72sn2b2py
       '@storybook/testing-library': 0.0.11_sfoxds7t5ydpegc3knd667wn6m
-      '@storybook/testing-react': 1.3.0_zmp7smyayanu66ckztnuvka5hu
+      '@storybook/testing-react': 1.3.0_ndrjlzltktbx2icl6lpdatt3le
       '@testing-library/jest-dom': 5.16.4
       '@testing-library/react': 12.1.5_sfoxds7t5ydpegc3knd667wn6m
       '@types/react': 17.0.45
@@ -460,7 +458,7 @@ importers:
       solid-js: 1.4.3
     devDependencies:
       jsdom: 19.0.0
-      solid-start: 0.1.0-alpha.81_sxk67xfmlpfitgaiotkbmbo6ze
+      solid-start: 0.1.0-alpha.82_sxk67xfmlpfitgaiotkbmbo6ze
       solid-testing-library: 0.3.0_solid-js@1.4.3
       vitest: link:../../packages/vitest
 
@@ -4675,8 +4673,8 @@ packages:
       react-is: 17.0.2
     dev: false
 
-  /@mui/base/5.0.0-alpha.82_sfoxds7t5ydpegc3knd667wn6m:
-    resolution: {integrity: sha512-WUVDjCGnLXzmGxrmfW31blhucg0sRX4YddK2Falq7FlVzwdJaPgWn/xzPZmdLL0+WXon0gQVnDrq2qvggE/GMg==}
+  /@mui/base/5.0.0-alpha.83_sfoxds7t5ydpegc3knd667wn6m:
+    resolution: {integrity: sha512-/bFcjiI36R2Epf2Y3BkZOIdxrz5uMLqOU4cRai4igJ8DHTRMZDeKbOff0SdvwJNwg8r6oPUyoeOpsWkaOOX9/g==}
     engines: {node: '>=12.0.0'}
     peerDependencies:
       '@types/react': ^17.0.0 || ^18.0.0
@@ -4698,8 +4696,8 @@ packages:
       react-is: 17.0.2
     dev: false
 
-  /@mui/lab/5.0.0-alpha.83_r7a7s2hz762ox6q4ctdyql64vq:
-    resolution: {integrity: sha512-y8JWVfuXckVDbKL+Txyv1WXMSAOCJmqfLuCRUpotYXxZDzNLgA67iv7jw5pya8+xrOvzht+rEy2llG57AqCoaQ==}
+  /@mui/lab/5.0.0-alpha.84_r7a7s2hz762ox6q4ctdyql64vq:
+    resolution: {integrity: sha512-HLYD6E3PAlzKMGZkkpiPI7trHP3WYDvrjQstEsFwdaGy9AMWPmyTxhwUyfB4VVHOx3zcj4p/a36kECDtEOAJ+g==}
     engines: {node: '>=12.0.0'}
     peerDependencies:
       '@emotion/react': ^11.5.0
@@ -4731,11 +4729,11 @@ packages:
       '@babel/runtime': 7.17.9
       '@emotion/react': 11.9.0_3dj5wppwohj5ocihzt4m54mr2a
       '@emotion/styled': 11.8.1_3zgpe2oef7sbs566rsy6a7qm7i
-      '@mui/base': 5.0.0-alpha.82_sfoxds7t5ydpegc3knd667wn6m
+      '@mui/base': 5.0.0-alpha.83_sfoxds7t5ydpegc3knd667wn6m
       '@mui/material': 5.6.4_rikzftoujo3cmwul4lespwcm6i
-      '@mui/system': 5.8.1_bgqmsvm4hz6izcmpcwescmz73y
+      '@mui/system': 5.8.2_bgqmsvm4hz6izcmpcwescmz73y
       '@mui/utils': 5.8.0_react@17.0.2
-      '@mui/x-date-pickers': 5.0.0-alpha.1_7jod3iw6d2ge2ozrnrsnrbomt4
+      '@mui/x-date-pickers': 5.0.0-alpha.1_c2ezohbeeu4t7xc7xz3ud3dbca
       clsx: 1.1.1
       date-fns: 2.28.0
       prop-types: 15.8.1
@@ -4847,6 +4845,35 @@ packages:
       react: 17.0.2
     dev: false
 
+  /@mui/system/5.8.2_bgqmsvm4hz6izcmpcwescmz73y:
+    resolution: {integrity: sha512-N74gDNKM+MnWvKTMmCPvCVLH4f0ZzakP1bcMDaPctrHwcyxNcEmtTGNpIiVk0Iu7vtThZAFL3DjHpINPGF7+cg==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      '@emotion/react': ^11.5.0
+      '@emotion/styled': ^11.3.0
+      '@types/react': ^17.0.0 || ^18.0.0
+      react: ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@emotion/react':
+        optional: true
+      '@emotion/styled':
+        optional: true
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.17.9
+      '@emotion/react': 11.9.0_3dj5wppwohj5ocihzt4m54mr2a
+      '@emotion/styled': 11.8.1_3zgpe2oef7sbs566rsy6a7qm7i
+      '@mui/private-theming': 5.8.0_react@17.0.2
+      '@mui/styled-engine': 5.8.0_bgqmsvm4hz6izcmpcwescmz73y
+      '@mui/types': 7.1.3
+      '@mui/utils': 5.8.0_react@17.0.2
+      clsx: 1.1.1
+      csstype: 3.1.0
+      prop-types: 15.8.1
+      react: 17.0.2
+    dev: false
+
   /@mui/types/7.1.3:
     resolution: {integrity: sha512-DDF0UhMBo4Uezlk+6QxrlDbchF79XG6Zs0zIewlR4c0Dt6GKVFfUtzPtHCH1tTbcSlq/L2bGEdiaoHBJ9Y1gSA==}
     peerDependencies:
@@ -4870,7 +4897,7 @@ packages:
       react-is: 17.0.2
     dev: false
 
-  /@mui/x-date-pickers/5.0.0-alpha.1_7jod3iw6d2ge2ozrnrsnrbomt4:
+  /@mui/x-date-pickers/5.0.0-alpha.1_c2ezohbeeu4t7xc7xz3ud3dbca:
     resolution: {integrity: sha512-dLPkRiIn2Gr0momblxiOnIwrxn4SijVix+8e08mwAGWhiWcmWep1O9XTRDpZsjB0kjHYCf+kZjlRX4dxnj2acg==}
     engines: {node: '>=12.0.0'}
     peerDependencies:
@@ -4897,7 +4924,7 @@ packages:
       '@date-io/luxon': 2.13.1
       '@date-io/moment': 2.13.1
       '@mui/material': 5.6.4_rikzftoujo3cmwul4lespwcm6i
-      '@mui/system': 5.8.1_bgqmsvm4hz6izcmpcwescmz73y
+      '@mui/system': 5.8.2_bgqmsvm4hz6izcmpcwescmz73y
       '@mui/utils': 5.8.0_react@17.0.2
       clsx: 1.1.1
       date-fns: 2.28.0
@@ -5670,6 +5697,27 @@ packages:
       regenerator-runtime: 0.13.9
     dev: true
 
+  /@storybook/addons/6.5.6_sfoxds7t5ydpegc3knd667wn6m:
+    resolution: {integrity: sha512-Ktv7Pk4iq+8+6yifXu3bOiC1ii9VXD93mmha7XcrdW+wl8jti9Ll5jLKEN0lAhd+Qupz4R0g9+znpRXk5n0pBg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      '@storybook/api': 6.5.6_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/channels': 6.5.6
+      '@storybook/client-logger': 6.5.6
+      '@storybook/core-events': 6.5.6
+      '@storybook/csf': 0.0.2--canary.4566f4d.1
+      '@storybook/router': 6.5.6_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/theming': 6.5.6_sfoxds7t5ydpegc3knd667wn6m
+      '@types/webpack-env': 1.16.4
+      core-js: 3.22.2
+      global: 4.4.0
+      react: 17.0.2
+      react-dom: 17.0.2_react@17.0.2
+      regenerator-runtime: 0.13.9
+    dev: true
+
   /@storybook/api/6.4.22_sfoxds7t5ydpegc3knd667wn6m:
     resolution: {integrity: sha512-lAVI3o2hKupYHXFTt+1nqFct942up5dHH6YD7SZZJGyW21dwKC3HK1IzCsTawq3fZAKkgWFgmOO649hKk60yKg==}
     peerDependencies:
@@ -5724,6 +5772,33 @@ packages:
       util-deprecate: 1.0.2
     dev: true
 
+  /@storybook/api/6.5.6_sfoxds7t5ydpegc3knd667wn6m:
+    resolution: {integrity: sha512-GHhjb6mji+R+FWytx7MIOKqca49ZXjvnIPpyp5zXAtgdk2Yn2j8C0MRPO1ovh4nHKWVvx6larmhskRxfUjk06g==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      '@storybook/channels': 6.5.6
+      '@storybook/client-logger': 6.5.6
+      '@storybook/core-events': 6.5.6
+      '@storybook/csf': 0.0.2--canary.4566f4d.1
+      '@storybook/router': 6.5.6_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/semver': 7.3.2
+      '@storybook/theming': 6.5.6_sfoxds7t5ydpegc3knd667wn6m
+      core-js: 3.22.2
+      fast-deep-equal: 3.1.3
+      global: 4.4.0
+      lodash: 4.17.21
+      memoizerific: 1.11.3
+      react: 17.0.2
+      react-dom: 17.0.2_react@17.0.2
+      regenerator-runtime: 0.13.9
+      store2: 2.13.2
+      telejson: 6.0.8
+      ts-dedent: 2.2.0
+      util-deprecate: 1.0.2
+    dev: true
+
   /@storybook/builder-vite/0.1.35_232lyga3osnhqucz6qw2facp2y:
     resolution: {integrity: sha512-QEVbfEH/wXHSh1i/Nz8Ox+YDn6Y2OOpHrOa+GsuJG/Oej+WErYDVnBxN8HrfNyc02bzksH8NsML8yZDBLQPccA==}
     peerDependencies:
@@ -5896,6 +5971,14 @@ packages:
       util-deprecate: 1.0.2
     dev: true
 
+  /@storybook/channels/6.5.6:
+    resolution: {integrity: sha512-rS0Dk9fSiMBsPvkiMo9CuvDCoXbGmYKiX/juS3F4u+sedhH+XtH4jFf49lJWoNVAE6eJPFyXATU4p1mm8Z85kQ==}
+    dependencies:
+      core-js: 3.22.2
+      ts-dedent: 2.2.0
+      util-deprecate: 1.0.2
+    dev: true
+
   /@storybook/client-api/6.4.22_sfoxds7t5ydpegc3knd667wn6m:
     resolution: {integrity: sha512-sO6HJNtrrdit7dNXQcZMdlmmZG1k6TswH3gAyP/DoYajycrTwSJ6ovkarzkO+0QcJ+etgra4TEdTIXiGHBMe/A==}
     peerDependencies:
@@ -5940,6 +6023,13 @@ packages:
       global: 4.4.0
     dev: true
 
+  /@storybook/client-logger/6.5.6:
+    resolution: {integrity: sha512-hJzhn5EO0S4fUAZkKzBGNACJfupV9n+7TSIaU4mpVP+/ImS9uPdorAAtyqp5HC6R6vA67POoSgX0+qPgZnWvaw==}
+    dependencies:
+      core-js: 3.22.2
+      global: 4.4.0
+    dev: true
+
   /@storybook/components/6.4.22_k2mvpji5i2ojml6m4ftklg47pa:
     resolution: {integrity: sha512-dCbXIJF9orMvH72VtAfCQsYbe57OP7fAADtR6YTwfCw9Sm1jFuZr8JbblQ1HcrXEoJG21nOyad3Hm5EYVb/sBw==}
     peerDependencies:
@@ -6187,6 +6277,12 @@ packages:
       core-js: 3.22.2
     dev: true
 
+  /@storybook/core-events/6.5.6:
+    resolution: {integrity: sha512-bzktgM1i0QPrayH1ANbKb7nYpehSpi5QHWps2vVQbvtpI/pGlTtpde1e87vfAt74Bvsvd3/9IpQkQKteDODAkA==}
+    dependencies:
+      core-js: 3.22.2
+    dev: true
+
   /@storybook/core-server/6.4.22_d7hxgdrbzc2xoznrqvqjyatyfi:
     resolution: {integrity: sha512-wFh3e2fa0un1d4+BJP+nd3FVWUO7uHTqv3OGBfOmzQMKp4NU1zaBNdSQG7Hz6mw0fYPBPZgBjPfsJRwIYLLZyw==}
     peerDependencies:
@@ -6633,6 +6729,19 @@ packages:
       regenerator-runtime: 0.13.9
     dev: true
 
+  /@storybook/router/6.5.6_sfoxds7t5ydpegc3knd667wn6m:
+    resolution: {integrity: sha512-SL9X/+bkJxafH5V9r65liMgs+EvGddMCQ/4JP/p3GIu6+2G3pW613Ww5sqCBCB1R4zoYcsMT7F1q/D5NWByVHg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      '@storybook/client-logger': 6.5.6
+      core-js: 3.22.2
+      react: 17.0.2
+      react-dom: 17.0.2_react@17.0.2
+      regenerator-runtime: 0.13.9
+    dev: true
+
   /@storybook/semver/7.3.2:
     resolution: {integrity: sha512-SWeszlsiPsMI0Ps0jVNtH64cI5c0UF3f7KgjVKJoNP30crQ6wUSddY2hsdeczZXEKVJGEn50Q60flcGsQGIcrg==}
     engines: {node: '>=10'}
@@ -6725,7 +6834,7 @@ packages:
       - react-dom
     dev: true
 
-  /@storybook/testing-react/1.3.0_zmp7smyayanu66ckztnuvka5hu:
+  /@storybook/testing-react/1.3.0_ndrjlzltktbx2icl6lpdatt3le:
     resolution: {integrity: sha512-TfxzflxwBHSPhetWKuYt239t+1iN8gnnUN8OKo5UGtwwirghKQlApjH23QXW6j8YBqFhmq+yP29Oqf8HgKCFLw==}
     engines: {node: '>=10'}
     peerDependencies:
@@ -6735,7 +6844,7 @@ packages:
       '@storybook/react': '>=6.4.0'
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
     dependencies:
-      '@storybook/addons': 6.5.5_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/addons': 6.5.6_sfoxds7t5ydpegc3knd667wn6m
       '@storybook/client-api': 6.4.22_sfoxds7t5ydpegc3knd667wn6m
       '@storybook/csf': 0.0.2--canary.87bc651.0
       '@storybook/preview-web': 6.5.5_sfoxds7t5ydpegc3knd667wn6m
@@ -6778,6 +6887,19 @@ packages:
       regenerator-runtime: 0.13.9
     dev: true
 
+  /@storybook/theming/6.5.6_sfoxds7t5ydpegc3knd667wn6m:
+    resolution: {integrity: sha512-JEKl9gdVD2Ef9xSwRtaq6EpjJD5xe7X2OP/4e61ucrp/rSOk7SOpYUZYQh6PhYLGhnGbgQkedVVc9CUhK8bs6Q==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      '@storybook/client-logger': 6.5.6
+      core-js: 3.22.2
+      react: 17.0.2
+      react-dom: 17.0.2_react@17.0.2
+      regenerator-runtime: 0.13.9
+    dev: true
+
   /@storybook/ui/6.4.22_k2mvpji5i2ojml6m4ftklg47pa:
     resolution: {integrity: sha512-UVjMoyVsqPr+mkS1L7m30O/xrdIEgZ5SCWsvqhmyMUok3F3tRB+6M+OA5Yy+cIVfvObpA7MhxirUT1elCGXsWQ==}
     peerDependencies:
@@ -7085,7 +7207,7 @@ packages:
     dev: true
 
   /@types/form-data/0.0.33:
-    resolution: {integrity: sha512-8BSvG1kGm83cyJITQMZSulnl6QV8jqAGreJsc5tPu1Jq0vTSOiY/k24Wx82JRpWwZSqrala6sd5rWi6aNXvqcw==}
+    resolution: {integrity: sha1-yayFsqX9GENbjIXZ7LUObWyJP/g=}
     dependencies:
       '@types/node': 17.0.35
     dev: true
@@ -8177,6 +8299,23 @@ packages:
       vue: 3.2.33
       vue-demi: 0.12.5_vue@3.2.33
 
+  /@vueuse/core/8.5.0_vue@3.2.36:
+    resolution: {integrity: sha512-VEJ6sGNsPlUp0o9BGda2YISvDZbhWJSOJu5zlp2TufRGVrLcYUKr31jyFEOj6RXzG3k/H4aCYeZyjpItfU8glw==}
+    peerDependencies:
+      '@vue/composition-api': ^1.1.0
+      vue: ^2.6.0 || ^3.2.0
+    peerDependenciesMeta:
+      '@vue/composition-api':
+        optional: true
+      vue:
+        optional: true
+    dependencies:
+      '@vueuse/metadata': 8.5.0
+      '@vueuse/shared': 8.5.0_vue@3.2.36
+      vue: 3.2.36
+      vue-demi: 0.12.5_vue@3.2.36
+    dev: true
+
   /@vueuse/integrations/8.5.0_axios@0.26.1:
     resolution: {integrity: sha512-tZNYg5T07OacF1x4evGoRZK1BMU0ge7MqF4tzR3eJLD0EPiq4jd6+HUzCloPtMZ14wNPwaP1B8xYUyYxucPJ3w==}
     peerDependencies:
@@ -8235,6 +8374,21 @@ packages:
       vue: 3.2.33
       vue-demi: 0.12.5_vue@3.2.33
 
+  /@vueuse/shared/8.5.0_vue@3.2.36:
+    resolution: {integrity: sha512-qKG+SZb44VvGD4dU5cQ63z4JE2Yk39hQUecR0a9sEdJA01cx+XrxAvFKJfPooxwoiqalAVw/ktWK6xbyc/jS3g==}
+    peerDependencies:
+      '@vue/composition-api': ^1.1.0
+      vue: ^2.6.0 || ^3.2.0
+    peerDependenciesMeta:
+      '@vue/composition-api':
+        optional: true
+      vue:
+        optional: true
+    dependencies:
+      vue: 3.2.36
+      vue-demi: 0.12.5_vue@3.2.36
+    dev: true
+
   /@webassemblyjs/ast/1.9.0:
     resolution: {integrity: sha512-C6wW5L+b7ogSDVqymbkkvuW9kruN//YisMED04xzeBBqjHa2FYnmvOlS6Xj68xWQRgWvI9cIglsjFowH/RJyEA==}
     dependencies:
@@ -9358,6 +9512,10 @@ packages:
       - supports-color
     dev: true
 
+  /body-scroll-lock/4.0.0-beta.0:
+    resolution: {integrity: sha512-a7tP5+0Mw3YlUJcGAKUqIBkYYGlYxk2fnCasq/FUph1hadxlTRjF+gAcZksxANnaMnALjxEddmSi/H3OR8ugcQ==}
+    dev: true
+
   /boolbase/1.0.0:
     resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
     dev: true
@@ -11550,7 +11708,7 @@ packages:
     dev: true
 
   /ee-first/1.1.1:
-    resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
+    resolution: {integrity: sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=}
     dev: true
 
   /ejs/3.1.7:
@@ -13454,7 +13612,7 @@ packages:
     dev: true
 
   /format/0.2.2:
-    resolution: {integrity: sha512-wzsgA6WOq+09wrU1tsJ09udeR/YZRaeArL9e1wPbFg3GG2yDnC2ldKpxs4xunpFF9DgqCqOIra3bc1HWrJ37Ww==}
+    resolution: {integrity: sha1-1hcBB+nv3E7TDJ3DkBbflCtctYs=}
     engines: {node: '>=0.4.x'}
     dev: true
 
@@ -13899,6 +14057,20 @@ packages:
       - encoding
     dev: true
 
+  /happy-dom/5.0.0:
+    resolution: {integrity: sha512-n47uxVRW2prLQ1mYEfwc5JPeMmiQGHpUsM0edtqlKIWJlAvpZJmq0ZAKdeDuZ/f1Gu8kXumy9jyWsJ1zRT7VEw==}
+    dependencies:
+      css.escape: 1.5.1
+      he: 1.2.0
+      node-fetch: 2.6.7
+      sync-request: 6.1.0
+      webidl-conversions: 7.0.0
+      whatwg-encoding: 2.0.0
+      whatwg-mimetype: 3.0.0
+    transitivePeerDependencies:
+      - encoding
+    dev: true
+
   /has-ansi/2.0.0:
     resolution: {integrity: sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=}
     engines: {node: '>=0.10.0'}
@@ -14416,7 +14588,7 @@ packages:
     dev: true
 
   /inflight/1.0.6:
-    resolution: {integrity: sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=}
+    resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
     dependencies:
       once: 1.4.0
       wrappy: 1.0.2
@@ -14490,7 +14662,7 @@ packages:
     dev: true
 
   /ip/1.1.5:
-    resolution: {integrity: sha1-vd7XARQpCCjAoDnnLvJfWq7ENUo=}
+    resolution: {integrity: sha512-rBtCAQAJm8A110nbwn6YdveUnuZH3WrC36IwkRXxDnq53JvXA2NVQvB7IHyKomxK1MJ4VDNw3UtFDdXQ+AvLYA==}
     dev: true
 
   /ipaddr.js/1.9.1:
@@ -14665,7 +14837,7 @@ packages:
     dev: true
 
   /is-extendable/0.1.1:
-    resolution: {integrity: sha1-YrEQ4omkcUGOPsNqYX1HLjAd/Ik=}
+    resolution: {integrity: sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==}
     engines: {node: '>=0.10.0'}
     dev: true
 
@@ -14677,7 +14849,7 @@ packages:
     dev: true
 
   /is-extglob/2.1.1:
-    resolution: {integrity: sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=}
+    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
     engines: {node: '>=0.10.0'}
     dev: true
 
@@ -15823,7 +15995,7 @@ packages:
     dev: true
 
   /kind-of/3.2.2:
-    resolution: {integrity: sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=}
+    resolution: {integrity: sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==}
     engines: {node: '>=0.10.0'}
     dependencies:
       is-buffer: 1.1.6
@@ -16233,7 +16405,7 @@ packages:
     dev: true
 
   /map-or-similar/1.5.0:
-    resolution: {integrity: sha512-0aF7ZmVon1igznGI4VS30yugpduQW3y3GkcgGJOp7d8x8QrizhigUxjI/m2UojsXXto+jLAH3KSz+xOJTiORjg==}
+    resolution: {integrity: sha1-beJlMXSt+12e3DPGnT6Sobdvrwg=}
     dev: true
 
   /map-visit/1.0.0:
@@ -16632,7 +16804,7 @@ packages:
     engines: {node: '>=10'}
 
   /ms/2.0.0:
-    resolution: {integrity: sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=}
+    resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==}
     dev: true
 
   /ms/2.1.1:
@@ -16651,7 +16823,7 @@ packages:
     peerDependencies:
       msw: '>=0.35.0 <1.0.0'
     dependencies:
-      '@storybook/addons': 6.5.5_sfoxds7t5ydpegc3knd667wn6m
+      '@storybook/addons': 6.5.6_sfoxds7t5ydpegc3knd667wn6m
       is-node-process: 1.0.1
       msw: 0.39.2
     transitivePeerDependencies:
@@ -16736,7 +16908,7 @@ packages:
     dev: true
 
   /natural-compare/1.4.0:
-    resolution: {integrity: sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=}
+    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
     dev: true
 
   /nearley/2.20.1:
@@ -16838,7 +17010,7 @@ packages:
       whatwg-url: 5.0.0
 
   /node-int64/0.4.0:
-    resolution: {integrity: sha1-h6kGXNs1XTGC2PlM4RGIuCXGijs=}
+    resolution: {integrity: sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==}
     dev: true
 
   /node-libs-browser/2.2.1:
@@ -16890,7 +17062,7 @@ packages:
     dev: true
 
   /normalize-path/2.1.1:
-    resolution: {integrity: sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=}
+    resolution: {integrity: sha512-3pKJwH184Xo/lnH6oyP1q2pMd7HcypqqmRs91/6/i2CGtWwIKGCkOOMTm/zXbgTEWHw1uNpNi/igc3ePOYHb6w==}
     engines: {node: '>=0.10.0'}
     dependencies:
       remove-trailing-separator: 1.1.0
@@ -16990,11 +17162,11 @@ packages:
     dev: true
 
   /object-assign/4.1.1:
-    resolution: {integrity: sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=}
+    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
     engines: {node: '>=0.10.0'}
 
   /object-copy/0.1.0:
-    resolution: {integrity: sha1-fn2Fi3gb18mRpBupde04EnVOmYw=}
+    resolution: {integrity: sha512-79LYn6VAb63zgtmAteVOWo9Vdj71ZVBy3Pbse+VqxDpEP83XuujMrGqHIwAXJ5I/aM0zU7dIyIAhifVTPrNItQ==}
     engines: {node: '>=0.10.0'}
     dependencies:
       copy-descriptor: 0.1.1
@@ -17024,7 +17196,7 @@ packages:
     dev: true
 
   /object-visit/1.0.1:
-    resolution: {integrity: sha1-95xEk68MU3e1n+OdOV5BBC3QRbs=}
+    resolution: {integrity: sha512-GBaMwwAVK9qbQN3Scdo0OyvgPW7l3lnaVMj84uTOZlswkX0KpF6fyDBJhtTthf7pymztoN36/KEr1DyhF96zEA==}
     engines: {node: '>=0.10.0'}
     dependencies:
       isobject: 3.0.1
@@ -17075,7 +17247,7 @@ packages:
     dev: true
 
   /object.pick/1.3.0:
-    resolution: {integrity: sha1-h6EKxMFpS9Lhy/U1kaZhQftd10c=}
+    resolution: {integrity: sha512-tqa/UMy/CCoYmj+H5qc07qvSL9dqcs/WZENZ1JbtWBlATP+iVOe778gE6MSijnyCnORzDuX6hU+LA4SZ09YjFQ==}
     engines: {node: '>=0.10.0'}
     dependencies:
       isobject: 3.0.1
@@ -17124,7 +17296,7 @@ packages:
     dev: true
 
   /once/1.4.0:
-    resolution: {integrity: sha1-WDsap3WWHUsROsF9nFC6753Xa9E=}
+    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
     dependencies:
       wrappy: 1.0.2
 
@@ -17197,7 +17369,7 @@ packages:
     dev: true
 
   /os-browserify/0.3.0:
-    resolution: {integrity: sha1-hUNzx/XCMVkU/Jv8a9gjj92h7Cc=}
+    resolution: {integrity: sha512-gjcpUc3clBf9+210TRaDWbf+rZZZEshZ+DlXMRCeAjp0xhTrnQsKHypIy1J3d5hKdUzj69t708EHtU8P6bUn0A==}
     dev: true
 
   /os-tmpdir/1.0.2:
@@ -17383,7 +17555,7 @@ packages:
     dev: true
 
   /parse-cache-control/1.0.1:
-    resolution: {integrity: sha1-juqz5U+laSD+Fro493+iGqzC104=}
+    resolution: {integrity: sha512-60zvsJReQPX5/QP0Kzfd/VrpjScIQ7SHBW6bFCYfEP+fp0Eppr1SHhIO5nd1PjZtvclzSzES9D/p5nFJurwfWg==}
     dev: true
 
   /parse-entities/2.0.0:
@@ -17444,7 +17616,7 @@ packages:
     dev: true
 
   /pascalcase/0.1.1:
-    resolution: {integrity: sha1-s2PlXoAGym/iF4TS2yK9FdeRfxQ=}
+    resolution: {integrity: sha512-XHXfu/yOQRy9vYOtUDVMN60OEJjW013GoObG1o+xwQTpB9eYJX/BjXMsdW13ZDPruFhYYn0AG22w0xgQMwl3Nw==}
     engines: {node: '>=0.10.0'}
     dev: true
 
@@ -17453,11 +17625,11 @@ packages:
     dev: true
 
   /path-dirname/1.0.2:
-    resolution: {integrity: sha1-zDPSTVJeCZpTiMAzbG4yuRYGCeA=}
+    resolution: {integrity: sha512-ALzNPpyNq9AqXMBjeymIjFDAkAFH06mHJH/cSBHAgU0s4vfpBn6b2nf8tiRLvagKD8RbTpq2FKTBg7cl9l3c7Q==}
     dev: true
 
   /path-exists/3.0.0:
-    resolution: {integrity: sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=}
+    resolution: {integrity: sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==}
     engines: {node: '>=4'}
     dev: true
 
@@ -17472,7 +17644,7 @@ packages:
     dev: true
 
   /path-is-absolute/1.0.1:
-    resolution: {integrity: sha1-F0uSaHNVNP+8es5r9TpanhtcX18=}
+    resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
     engines: {node: '>=0.10.0'}
 
   /path-key/2.0.1:
@@ -17569,12 +17741,12 @@ packages:
     dev: true
 
   /pify/2.3.0:
-    resolution: {integrity: sha1-7RQaasBDqEnqWISY59yosVMw6Qw=}
+    resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
     engines: {node: '>=0.10.0'}
     dev: true
 
   /pify/3.0.0:
-    resolution: {integrity: sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=}
+    resolution: {integrity: sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg==}
     engines: {node: '>=4'}
     dev: true
 
@@ -17670,7 +17842,7 @@ packages:
     optional: true
 
   /posix-character-classes/0.1.1:
-    resolution: {integrity: sha1-AerA/jta9xoqbAL+q7jB/vfgDqs=}
+    resolution: {integrity: sha512-xTgYBc3fuo7Yt7JbiuFxSYGToMoz8fLoE6TC9Wx1P/u+LfeThMOAqmuyECnlBaaJb+u1m9hHiXUEtwW4OzfUJg==}
     engines: {node: '>=0.10.0'}
     dev: true
 
@@ -17832,7 +18004,7 @@ packages:
     dev: true
 
   /pretty-hrtime/1.0.3:
-    resolution: {integrity: sha1-t+PqQkNaTJsnWdmeDyAesZWALuE=}
+    resolution: {integrity: sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==}
     engines: {node: '>= 0.8'}
     dev: true
 
@@ -17860,7 +18032,7 @@ packages:
     dev: true
 
   /process/0.11.10:
-    resolution: {integrity: sha1-czIwDoQBYb2j5podHZGn1LwW8YI=}
+    resolution: {integrity: sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==}
     engines: {node: '>= 0.6.0'}
     dev: true
 
@@ -17870,7 +18042,7 @@ packages:
     dev: true
 
   /promise-inflight/1.0.1:
-    resolution: {integrity: sha1-mEcocL8igTL8vdhoEputEsPAKeM=}
+    resolution: {integrity: sha512-6zWPyEOFaQBJYcGMHBKTKJ3u6TBsnMFOIZSa6ce1e/ZrrsOlnHRHbabMjLiBYKp+n44X9eUI6VUPaukCXHuG4g==}
     peerDependencies:
       bluebird: '*'
     peerDependenciesMeta:
@@ -17879,7 +18051,7 @@ packages:
     dev: true
 
   /promise-inflight/1.0.1_bluebird@3.7.2:
-    resolution: {integrity: sha1-mEcocL8igTL8vdhoEputEsPAKeM=}
+    resolution: {integrity: sha512-6zWPyEOFaQBJYcGMHBKTKJ3u6TBsnMFOIZSa6ce1e/ZrrsOlnHRHbabMjLiBYKp+n44X9eUI6VUPaukCXHuG4g==}
     peerDependencies:
       bluebird: '*'
     peerDependenciesMeta:
@@ -17966,7 +18138,7 @@ packages:
     dev: true
 
   /prr/1.0.1:
-    resolution: {integrity: sha1-0/wRS6BplaRexok/SEzrHXj19HY=}
+    resolution: {integrity: sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==}
     dev: true
 
   /pseudomap/1.0.2:
@@ -18011,11 +18183,11 @@ packages:
     dev: true
 
   /punycode/1.3.2:
-    resolution: {integrity: sha1-llOgNvt8HuQjQvIyXM7v6jkmxI0=}
+    resolution: {integrity: sha512-RofWgt/7fL5wP1Y7fxE7/EmTLzQVnB0ycyibJ0OOHIlJqTNzglYFxVwETOcIoJqJmpDXJ9xImDv+Fq34F/d4Dw==}
     dev: true
 
   /punycode/1.4.1:
-    resolution: {integrity: sha1-wNWmOycYgArY4esPpSachN1BhF4=}
+    resolution: {integrity: sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==}
     dev: true
 
   /punycode/2.1.1:
@@ -18065,12 +18237,12 @@ packages:
     dev: true
 
   /querystring-es3/0.2.1:
-    resolution: {integrity: sha1-nsYfeQSYdXB9aUFFlv2Qek1xHnM=}
+    resolution: {integrity: sha512-773xhDQnZBMFobEiztv8LIl70ch5MSF/jUQVlhwFyBILqq96anmoctVIYz+ZRp0qbCKATTn6ev02M3r7Ga5vqA==}
     engines: {node: '>=0.4.x'}
     dev: true
 
   /querystring/0.2.0:
-    resolution: {integrity: sha1-sgmEkgO7Jd+CDadW50cAWHhSFiA=}
+    resolution: {integrity: sha512-X/xY82scca2tau62i9mDyU9K+I+djTMUsvwf7xnUX5GLvVzgJybOJf4Y6o9Zx3oJK/LSXg5tTZBjwzqVPaPO2g==}
     engines: {node: '>=0.4.x'}
     deprecated: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
     dev: true
@@ -18095,7 +18267,7 @@ packages:
     dev: true
 
   /ramda/0.21.0:
-    resolution: {integrity: sha1-oAGr7bP/YQd9T/HVd9RN536NCjU=}
+    resolution: {integrity: sha512-HGd5aczYKQXGILB+abY290V7Xz62eFajpa6AtMdwEmQSakJmgSO7ks4eI3HdR34j+X2Vz4Thp9VAJbrCAMbO2w==}
     dev: true
 
   /randexp/0.4.6:
@@ -19045,6 +19217,7 @@ packages:
     hasBin: true
     optionalDependencies:
       fsevents: 2.3.2
+    dev: true
 
   /rollup/2.75.3:
     resolution: {integrity: sha512-YA29fLU6MAYSaDxIQYrGGOcbXlDmG96h0krGGYObroezcQ0KgEPM3+7MtKD/qeuUbFuAJXvKZee5dA1dpwq1PQ==}
@@ -19371,6 +19544,14 @@ packages:
     resolution: {integrity: sha512-Vpfqwm4EnqGdlsBFNmHhxhElJYrdfcxPThu+ryKS5J8L/fhAwLazFZtq+S+TWZ9ANj2piSQLGj6NQg+lKPmxrw==}
     dev: true
 
+  /shiki/0.10.1:
+    resolution: {integrity: sha512-VsY7QJVzU51j5o1+DguUd+6vmCmZ5v/6gYu4vyYAhzjuNQU6P/vmSy4uQaOhvje031qQMiW0d2BwgMH52vqMng==}
+    dependencies:
+      jsonc-parser: 3.0.0
+      vscode-oniguruma: 1.6.2
+      vscode-textmate: 5.2.0
+    dev: true
+
   /side-channel/1.0.4:
     resolution: {integrity: sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==}
     dependencies:
@@ -19512,11 +19693,11 @@ packages:
       solid-js: 1.4.3
     dev: true
 
-  /solid-start-node/0.1.0-alpha.74_ed6pmaatsfx4ruhymr65bgrfze:
-    resolution: {integrity: sha512-dvhlAly3xv+t1IODkDi25oN7Q3sKm0jOV3hqYBE5Y7roDjJaTlZbpSYzZpxc+hdNo5VcdYfiFXff5Xe5V2UILQ==}
+  /solid-start-node/0.1.0-alpha.82_mqg3epxgbslirbqyvbdiu7ar5u:
+    resolution: {integrity: sha512-v0S/y260wcFBNSZ9gShJvZjw6MWD8OfHHruPqDWgzquD0izCXtYfAoU6+YpkejF482Nt/ZfPWXB5LKR+3GdxrQ==}
     requiresBuild: true
     peerDependencies:
-      solid-start: next
+      solid-start: '*'
       undici: ^4.12.2
       vite: '*'
     dependencies:
@@ -19527,7 +19708,7 @@ packages:
       polka: 1.0.0-next.22
       rollup: 2.75.3
       sirv: 1.0.19
-      solid-start: 0.1.0-alpha.81_sxk67xfmlpfitgaiotkbmbo6ze
+      solid-start: 0.1.0-alpha.82_sxk67xfmlpfitgaiotkbmbo6ze
       undici: 4.16.0
       vite: 2.9.9
     transitivePeerDependencies:
@@ -19535,8 +19716,8 @@ packages:
     dev: true
     optional: true
 
-  /solid-start/0.1.0-alpha.81_sxk67xfmlpfitgaiotkbmbo6ze:
-    resolution: {integrity: sha512-+M2qye+GdUdMt/NPoFGuZSb4QKTm4lUoXAf7BchumNP/mybVcecxiytOc6a8M3TWyPC8g8ZxWOXxOs/mWo3GcA==}
+  /solid-start/0.1.0-alpha.82_sxk67xfmlpfitgaiotkbmbo6ze:
+    resolution: {integrity: sha512-nR1xxJBdeeNFuUEr6uy98EF/bd/88GCZwiEb+cCm+d3+aeb1ixN1qdoME4KtN+k9ZWYRsZPe7fqcBOC2MLGl5Q==}
     hasBin: true
     peerDependencies:
       solid-app-router: ^0.3.1
@@ -19572,7 +19753,7 @@ packages:
       vite-plugin-inspect: 0.3.15_vite@2.9.9
       vite-plugin-solid: 2.2.6
     optionalDependencies:
-      solid-start-node: 0.1.0-alpha.74_ed6pmaatsfx4ruhymr65bgrfze
+      solid-start-node: 0.1.0-alpha.82_mqg3epxgbslirbqyvbdiu7ar5u
     transitivePeerDependencies:
       - less
       - sass
@@ -21633,22 +21814,25 @@ packages:
       esbuild: 0.14.42
       postcss: 8.4.14
       resolve: 1.22.0
-      rollup: 2.74.1
+      rollup: 2.75.3
     optionalDependencies:
       fsevents: 2.3.2
 
-  /vitepress/0.22.4:
-    resolution: {integrity: sha512-oZUnLO/SpYdThaBKefDeOiVlr0Rie4Ppx3FzMnMyLtJnI5GlBMNjqYqMy/4+umm/iC+ZDJfI+IlDKxv5fZnYzA==}
-    engines: {node: '>=14.0.0'}
+  /vitepress/1.0.0-alpha.1:
+    resolution: {integrity: sha512-yA0QIl+mB3fQ2j+keQVa0DTT0waP2AeWM/p9VYfUAT9vOkQEGass4/oYmMGPCQrBwCaO3cpOxJL3ZFVooyvybQ==}
+    engines: {node: '>=14.6.0'}
     hasBin: true
     dependencies:
       '@docsearch/css': 3.1.0
       '@docsearch/js': 3.1.0
       '@vitejs/plugin-vue': 2.3.3_vite@2.9.9+vue@3.2.36
-      prismjs: 1.28.0
+      '@vueuse/core': 8.5.0_vue@3.2.36
+      body-scroll-lock: 4.0.0-beta.0
+      shiki: 0.10.1
       vite: 2.9.9
       vue: 3.2.36
     transitivePeerDependencies:
+      - '@vue/composition-api'
       - less
       - sass
       - stylus
@@ -21658,6 +21842,14 @@ packages:
     resolution: {integrity: sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==}
     dev: true
 
+  /vscode-oniguruma/1.6.2:
+    resolution: {integrity: sha512-KH8+KKov5eS/9WhofZR8M8dMHWN2gTxjMsG4jd04YhpbPR91fUj7rYQ2/XjeHCJWbg7X++ApRIU9NUwM2vTvLA==}
+    dev: true
+
+  /vscode-textmate/5.2.0:
+    resolution: {integrity: sha512-Uw5ooOQxRASHgu6C7GVvUxisKXfSgW4oFlO+aa+PAkgmH89O3CXxEEzNRNtHSqtXFTl0nAC1uYj0GMSH27uwtQ==}
+    dev: true
+
   /vue-demi/0.12.5_vue@3.2.33:
     resolution: {integrity: sha512-BREuTgTYlUr0zw0EZn3hnhC3I6gPWv+Kwh4MCih6QcAeaTlaIX0DwOVN0wHej7hSvDPecz4jygy/idsgKfW58Q==}
     engines: {node: '>=12'}
@@ -21672,6 +21864,21 @@ packages:
     dependencies:
       vue: 3.2.33
 
+  /vue-demi/0.12.5_vue@3.2.36:
+    resolution: {integrity: sha512-BREuTgTYlUr0zw0EZn3hnhC3I6gPWv+Kwh4MCih6QcAeaTlaIX0DwOVN0wHej7hSvDPecz4jygy/idsgKfW58Q==}
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
+    peerDependencies:
+      '@vue/composition-api': ^1.0.0-rc.1
+      vue: ^3.0.0-0 || ^2.6.0
+    peerDependenciesMeta:
+      '@vue/composition-api':
+        optional: true
+    dependencies:
+      vue: 3.2.36
+    dev: true
+
   /vue-eslint-parser/9.0.2_eslint@8.16.0:
     resolution: {integrity: sha512-uCPQwTGjOtAYrwnU+76pYxalhjsh7iFBsHwBqDHiOPTxtICDaraO4Szw54WFTNZTAEsgHHzqFOu1mmnBOBRzDA==}
     engines: {node: ^14.17.0 || >=16.0.0}
diff --git a/scripts/update-contributors.ts b/scripts/update-contributors.ts
index 741fae08e..faa8048d2 100644
--- a/scripts/update-contributors.ts
+++ b/scripts/update-contributors.ts
@@ -21,7 +21,7 @@ async function fetchContributors(page = 1) {
 
 async function generate() {
   const collaborators = await fetchContributors()
-  await fs.writeFile('./docs/contributors.json', JSON.stringify(collaborators, null, 2), 'utf8')
+  await fs.writeFile('./docs/.vitepress/contributor-names.json', JSON.stringify(collaborators, null, 2), 'utf8')
 }
 
 generate()