From 21a2b9b093e7a925e1ce51bfd663e741a3ce4c6e Mon Sep 17 00:00:00 2001
From: dalaoshu <laipichan@qq.com>
Date: Tue, 3 Dec 2024 18:40:05 +0800
Subject: [PATCH] docs: show a warning in v0 docs (#7002)

Co-authored-by: Vladimir Sheremet <sleuths.slews0s@icloud.com>
---
 docs/.vitepress/components.d.ts            |  1 +
 docs/.vitepress/components/OldDocument.vue | 42 ++++++++++++++++++++++
 docs/.vitepress/style/vars.css             |  8 +++++
 docs/.vitepress/theme/index.ts             |  2 ++
 4 files changed, 53 insertions(+)
 create mode 100644 docs/.vitepress/components/OldDocument.vue

diff --git a/docs/.vitepress/components.d.ts b/docs/.vitepress/components.d.ts
index 387f256ae..4cfb0cb5f 100644
--- a/docs/.vitepress/components.d.ts
+++ b/docs/.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']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
   }
diff --git a/docs/.vitepress/components/OldDocument.vue b/docs/.vitepress/components/OldDocument.vue
new file mode 100644
index 000000000..3147adfde
--- /dev/null
+++ b/docs/.vitepress/components/OldDocument.vue
@@ -0,0 +1,42 @@
+<template>
+  <div class="old-document">
+    <p>
+      This documentation covers pre-stable Vitest v0 <strong>(old version)</strong>. For the
+      latest version, see
+      <a href="https://vitest.dev" class="new-document-link">https://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>
diff --git a/docs/.vitepress/style/vars.css b/docs/.vitepress/style/vars.css
index 65e72f6fd..d33e73805 100644
--- a/docs/.vitepress/style/vars.css
+++ b/docs/.vitepress/style/vars.css
@@ -22,6 +22,10 @@
   --vp-code-copy-code-bg: rgba(125,125,125,0.1);
   --vp-code-copy-code-hover-bg: rgba(125,125,125,0.2);
   --vp-c-disabled-bg: rgba(125,125,125,0.2);
+
+  /* Old Document */
+  --vp-c-old-document-bg: #f4f8e0;
+  --vp-c-old-document-text: #2a3a1b;
 }
 
 .dark {
@@ -35,6 +39,10 @@
   --vp-c-text-dark-2: rgba(235, 235, 235, 0.60);
   /* fix lang name: check the same above (this is the default) */
   --vp-c-text-dark-3: rgba(235, 235, 235, 0.38);
+
+  /* Old Document */
+  --vp-c-old-document-bg: #2d3b2e;
+  --vp-c-old-document-text: #c5d9b6;
 }
 
 /**
diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
index b3a6de257..d30f6249c 100644
--- a/docs/.vitepress/theme/index.ts
+++ b/docs/.vitepress/theme/index.ts
@@ -5,6 +5,7 @@ import '../style/main.css'
 import '../style/vars.css'
 import 'uno.css'
 import HomePage from '../components/HomePage.vue'
+import OldDocument from '../components/OldDocument.vue'
 
 if (inBrowser)
   import('./pwa')
@@ -14,6 +15,7 @@ export default {
   Layout() {
     return h(Theme.Layout, null, {
       'home-features-after': () => h(HomePage),
+      'layout-top': () => h(OldDocument),
     })
   },
 }
-- 
2.51.2