!docs: building 2.x document

.vitepress/components.d.ts

@@ -13,6 +13,7 @@ declare module 'vue' {
     HomePage: typeof import('./components/HomePage.vue')['default']
     ListItem: typeof import('./components/ListItem.vue')['default']
     NonProjectOption: typeof import('./components/NonProjectOption.vue')['default']
+    OldDocument: typeof import('./components/OldDocument.vue')['default']
     Version: typeof import('./components/Version.vue')['default']
   }
 }

.vitepress/components/FeaturesList.vue

@@ -37,7 +37,7 @@
       内置
       <a target="_blank" href="https://www.chaijs.com/" rel="nofollow">Chai</a>
       进行断言 + 与
-      <a href="https://jestjs.io/zh-Hans/docs/expect" rel="nofollow">Jest expect 语法</a>兼容的 API
+      <a href="https://jestjs.io/zh-Hans/docs/expect" rel="nofollow">Jest expect 语法</a> 兼容的 API
     </ListItem>
     <ListItem>
       内置用于对象模拟(Mock)的

.vitepress/components/HomePage.vue

@@ -24,13 +24,7 @@ import { sponsors } from '../sponsors'
         </div>
         <p flex flex-col items-center mt-10 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"
-              decoding="async"
-            >
+            <img src="/netlify.svg" alt="Deploys by Netlify" width="114" height="151" decoding="async">
           </a>
         </p>
       </main>
@@ -53,7 +47,10 @@ import { sponsors } from '../sponsors'
   text-align: center;
   font-weight: 600;
   white-space: nowrap;
-  transition: color 0.25s, border-color 0.25s, background-color 0.25s;
+  transition:
+    color 0.25s,
+    border-color 0.25s,
+    background-color 0.25s;
   /* .VPButton.medium */
   border-radius: 20px;
   padding: 0 20px;

.vitepress/components/OldDocument.vue

@@ -0,0 +1,41 @@
+<template>
+  <div class="old-document">
+    <p>
+      本文档适用于 v2 <strong>（旧版本）</strong>。如需查看最新版本请访问
+      <a href="https://cn.vitest.dev" class="new-document-link">https://cn.vitest.dev</a>.
+    </p>
+  </div>
+</template>
+
+<style>
+:root {
+  --vp-layout-top-height: 96px;
+  @media (min-width: 455px) {
+    --vp-layout-top-height: 64px;
+  }
+  @media (min-width: 960px) {
+    --vp-layout-top-height: 32px;
+  }
+}
+
+.old-document {
+  position: fixed;
+  display: flex;
+  height: var(--vp-layout-top-height);
+  width: 100%;
+  padding: 4px 32px;
+  justify-content: center;
+  align-items: center;
+  color: var(--vp-c-old-document-text);
+  background: var(--vp-c-old-document-bg);
+  z-index: var(--vp-z-index-layout-top);
+
+  .new-document-link {
+    text-decoration: underline;
+    color: var(--vp-c-text-1);
+    &:hover {
+      color: var(--vp-c-text-2);
+    }
+  }
+}
+</style>