Skip to content

Commit 0b90a50

Browse files
posvaposva
committed
docs: mp banner
1 parent 66a6f54 commit 0b90a50

File tree

8 files changed

+960
-615
lines changed

8 files changed

+960
-615
lines changed

Diff for: ‎package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@
2929
"enquirer": "^2.4.1",
3030
"execa": "^8.0.1",
3131
"globby": "^14.0.0",
32-
"lint-staged": "^15.1.0",
32+
"lint-staged": "^15.2.0",
3333
"minimist": "^1.2.8",
3434
"p-series": "^3.0.0",
3535
"prettier": "^2.8.8",

Diff for: ‎packages/docs/.vitepress/theme/components/AsideSponsors.vue

+70-26
Original file line numberDiff line numberDiff line change
@@ -1,38 +1,82 @@
1-
<script setup>
2-
const banners = [
3-
{
4-
id: 1,
5-
name: 'Vue.js Certification',
6-
link: 'https://certificates.dev/vuejs/?friend=VUEROUTER&utm_source=affiliate&utm_medium=vuerouter&utm_campaign=VueRouter_CERT&utm_content=sidebar',
7-
image: '/banners/vuejs-certification.svg',
8-
},
9-
{
10-
id: 2,
11-
name: 'Mastering Pinia',
12-
link: 'https://masteringpinia.com/?utm_source=affiliate&utm_medium=vuerouter&utm_campaign=VueRouter_MP&utm_content=sidebar',
13-
image: '/banners/mastering-pinia.png',
14-
},
15-
]
16-
</script>
17-
181
<template>
192
<a
20-
v-for="banner in banners"
21-
:key="banner.id"
22-
:href="banner.link"
3+
class="mp-banner"
4+
href="https://masteringpinia.com/?utm_source=affiliate&utm_medium=vuerouter&utm_campaign=VueRouter_MP&utm_content=sidebar"
235
target="_blank"
24-
:class="`banner_image_${banner.id}`"
256
>
26-
<img :src="banner.image" :alt="banner.name" />
7+
<img width="22" height="22" src="/mp-pinia-logo.svg" />
8+
<span>
9+
<p class="extra-info">Complete guide to</p>
10+
<p class="heading">Mastering Pinia</p>
11+
<p class="extra-info">written by its creator</p>
12+
</span>
13+
</a>
14+
15+
<a
16+
class="banner"
17+
href="https://certificates.dev/vuejs/?friend=VUEROUTER&utm_source=affiliate&utm_medium=vuerouter&utm_campaign=VueRouter_CERT&utm_content=sidebar"
18+
target="_blank"
19+
>
20+
<img src="/banners/vuejs-certification.svg" alt="Vue.js Certification" />
2721
</a>
2822
</template>
2923

3024
<style scoped>
31-
.banner_image_1 {
32-
padding: 25px 10px 0px 0px;
25+
.banner {
26+
margin-bottom: 0.5rem;
27+
}
28+
29+
.mp-banner {
30+
margin: 1rem 0;
31+
padding: 0.4rem 0;
32+
border-radius: 14px;
33+
position: relative;
34+
font-size: 0.9rem;
35+
font-weight: 700;
36+
line-height: 1.1rem;
37+
display: flex;
38+
align-items: center;
39+
justify-content: center;
40+
width: 100%;
41+
gap: 1rem;
42+
background-color: var(--vp-c-bg-alt);
43+
border: 2px solid var(--vp-c-bg-alt);
44+
transition: border-color 0.5s;
45+
}
46+
47+
.mp-banner:hover {
48+
border: 2px solid var(--vp-c-brand-1);
49+
}
50+
51+
.mp-banner img {
52+
transition: transform 0.5s;
53+
transform: scale(1.25);
54+
}
55+
.mp-banner:hover img {
56+
transform: scale(1.75);
57+
}
58+
59+
.mp-banner .extra-info {
60+
color: var(--vp-c-text-1);
61+
opacity: 0;
62+
font-size: 0.7rem;
63+
padding-left: 0.1rem;
64+
transition: opacity 0.5s;
65+
}
66+
67+
.mp-banner .heading {
68+
background-image: linear-gradient(
69+
120deg,
70+
var(--vp-c-brand-3) 16%,
71+
var(--vp-c-brand-2),
72+
var(--vp-c-brand-1)
73+
);
74+
background-clip: text;
75+
-webkit-background-clip: text;
76+
-webkit-text-fill-color: transparent;
3377
}
3478
35-
.banner_image_2 {
36-
padding: 15px 10px 15px 0px;
79+
.mp-banner:hover .extra-info {
80+
opacity: 0.9;
3781
}
3882
</style>

Diff for: ‎packages/docs/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
"docs:build": "vitepress build ."
1010
},
1111
"dependencies": {
12-
"vitepress": "1.0.0-rc.25",
12+
"vitepress": "1.0.0-rc.31",
1313
"vue-router": "workspace:*"
1414
}
1515
}

Diff for: ‎packages/docs/public/banners/mastering-pinia.png

-28.4 KB
Binary file not shown.

Diff for: ‎packages/docs/public/mp-pinia-logo.svg

+30
Loading

Diff for: ‎packages/playground/package.json

+6-6
Original file line numberDiff line numberDiff line change
@@ -9,16 +9,16 @@
99
"preview": "vite preview --port 4173"
1010
},
1111
"dependencies": {
12-
"vue": "^3.3.9"
12+
"vue": "^3.3.11"
1313
},
1414
"devDependencies": {
15-
"@types/node": "^20.10.1",
16-
"@vitejs/plugin-vue": "^4.5.1",
17-
"@vue/compiler-sfc": "^3.3.9",
15+
"@types/node": "^20.10.4",
16+
"@vitejs/plugin-vue": "^4.5.2",
17+
"@vue/compiler-sfc": "^3.3.11",
1818
"@vue/tsconfig": "^0.4.0",
1919
"typescript": "~5.1.6",
20-
"vite": "^4.5.0",
20+
"vite": "^5.0.7",
2121
"vue-router": "workspace:*",
22-
"vue-tsc": "^1.8.24"
22+
"vue-tsc": "^1.8.25"
2323
}
2424
}

Diff for: ‎packages/router/package.json

+9-9
Original file line numberDiff line numberDiff line change
@@ -83,18 +83,18 @@
8383
},
8484
"devDependencies": {
8585
"@microsoft/api-extractor": "^7.36.4",
86-
"@rollup/plugin-alias": "^5.0.1",
86+
"@rollup/plugin-alias": "^5.1.0",
8787
"@rollup/plugin-commonjs": "^25.0.7",
8888
"@rollup/plugin-node-resolve": "^15.2.3",
8989
"@rollup/plugin-replace": "^5.0.5",
9090
"@rollup/plugin-terser": "^0.4.4",
9191
"@sucrase/jest-plugin": "^3.0.0",
92-
"@types/jest": "^29.5.8",
93-
"@types/jsdom": "^21.1.5",
94-
"@types/nightwatch": "^2.3.28",
95-
"@vitejs/plugin-vue": "^4.5.1",
96-
"@vue/compiler-sfc": "^3.3.9",
97-
"@vue/server-renderer": "^3.3.9",
92+
"@types/jest": "^29.5.11",
93+
"@types/jsdom": "^21.1.6",
94+
"@types/nightwatch": "^2.3.30",
95+
"@vitejs/plugin-vue": "^4.5.2",
96+
"@vue/compiler-sfc": "^3.3.11",
97+
"@vue/server-renderer": "^3.3.11",
9898
"@vue/test-utils": "^2.4.3",
9999
"browserstack-local": "^1.5.5",
100100
"chromedriver": "^119.0.1",
@@ -114,7 +114,7 @@
114114
"rollup-plugin-typescript2": "^0.36.0",
115115
"sucrase": "^3.34.0",
116116
"typescript": "~5.1.6",
117-
"vite": "^4.5.0",
118-
"vue": "^3.3.9"
117+
"vite": "^5.0.7",
118+
"vue": "^3.3.11"
119119
}
120120
}

0 commit comments

Comments
 (0)