[READ-ONLY] Mirror of https://github.com/vitest-dev/vitest. Next generation testing framework powered by Vite.
vitest.dev
test
testing-tools
vite
docs: show a warning in v0 docs (#7002)
Co-authored-by: Vladimir Sheremet <sleuths.slews0s@icloud.com>
authored by
dalaoshu
Vladimir Sheremet
and committed by
GitHub
(Dec 3, 2024, 11:40 AM +0100)
21a2b9b0
3801c23a
+53
+1
docs/.vitepress/components.d.ts
+1
docs/.vitepress/components.d.ts
···
13
13
HomePage: typeof import('./components/HomePage.vue')['default']
14
14
ListItem: typeof import('./components/ListItem.vue')['default']
15
15
NonProjectOption: typeof import('./components/NonProjectOption.vue')['default']
16
+
OldDocument: typeof import('./components/OldDocument.vue')['default']
16
17
RouterLink: typeof import('vue-router')['RouterLink']
17
18
RouterView: typeof import('vue-router')['RouterView']
18
19
}
+42
docs/.vitepress/components/OldDocument.vue
+42
docs/.vitepress/components/OldDocument.vue
···
1
+
<template>
2
+
<div class="old-document">
3
+
<p>
4
+
This documentation covers pre-stable Vitest v0 <strong>(old version)</strong>. For the
5
+
latest version, see
6
+
<a href="https://vitest.dev" class="new-document-link">https://vitest.dev</a>.
7
+
</p>
8
+
</div>
9
+
</template>
10
+
11
+
<style>
12
+
:root {
13
+
--vp-layout-top-height: 96px;
14
+
@media (min-width: 455px) {
15
+
--vp-layout-top-height: 64px;
16
+
}
17
+
@media (min-width: 960px) {
18
+
--vp-layout-top-height: 32px;
19
+
}
20
+
}
21
+
22
+
.old-document {
23
+
position: fixed;
24
+
display: flex;
25
+
height: var(--vp-layout-top-height);
26
+
width: 100%;
27
+
padding: 4px 32px;
28
+
justify-content: center;
29
+
align-items: center;
30
+
color: var(--vp-c-old-document-text);
31
+
background: var(--vp-c-old-document-bg);
32
+
z-index: var(--vp-z-index-layout-top);
33
+
34
+
.new-document-link {
35
+
text-decoration: underline;
36
+
color: var(--vp-c-text-1);
37
+
&:hover {
38
+
color: var(--vp-c-text-2);
39
+
}
40
+
}
41
+
}
42
+
</style>
+8
docs/.vitepress/style/vars.css
+8
docs/.vitepress/style/vars.css
···
22
22
--vp-code-copy-code-bg: rgba(125,125,125,0.1);
23
23
--vp-code-copy-code-hover-bg: rgba(125,125,125,0.2);
24
24
--vp-c-disabled-bg: rgba(125,125,125,0.2);
25
+
26
+
/* Old Document */
27
+
--vp-c-old-document-bg: #f4f8e0;
28
+
--vp-c-old-document-text: #2a3a1b;
25
29
}
26
30
27
31
.dark {
···
35
39
--vp-c-text-dark-2: rgba(235, 235, 235, 0.60);
36
40
/* fix lang name: check the same above (this is the default) */
37
41
--vp-c-text-dark-3: rgba(235, 235, 235, 0.38);
42
+
43
+
/* Old Document */
44
+
--vp-c-old-document-bg: #2d3b2e;
45
+
--vp-c-old-document-text: #c5d9b6;
38
46
}
39
47
40
48
/**
+2
docs/.vitepress/theme/index.ts
+2
docs/.vitepress/theme/index.ts
···
5
5
import '../style/vars.css'
6
6
import 'uno.css'
7
7
import HomePage from '../components/HomePage.vue'
8
+
import OldDocument from '../components/OldDocument.vue'
8
9
9
10
if (inBrowser)
10
11
import('./pwa')
···
14
15
Layout() {
15
16
return h(Theme.Layout, null, {
16
17
'home-features-after': () => h(HomePage),
18
+
'layout-top': () => h(OldDocument),
17
19
})
18
20
},
19
21
}