From 648e4f0ca8d16d48347d02e8696a20ce9d2c04bf Mon Sep 17 00:00:00 2001 From: Eduardo San Martin Morote Date: Thu, 24 Aug 2023 12:04:00 +0200 Subject: [PATCH] docs: mastering pinia --- .../.vitepress/theme/styles/home-links.css | 46 +++++++++++++++++++ packages/docs/index.md | 5 +- packages/docs/package.json | 3 +- packages/docs/public/mp-logo.svg | 44 ++++++++++++++++++ .../docs/{run-typedoc.js => run-typedoc.cjs} | 2 +- ...pedoc-markdown.js => typedoc-markdown.cjs} | 0 6 files changed, 97 insertions(+), 3 deletions(-) create mode 100644 packages/docs/public/mp-logo.svg rename packages/docs/{run-typedoc.js => run-typedoc.cjs} (87%) rename packages/docs/{typedoc-markdown.js => typedoc-markdown.cjs} (100%) diff --git a/packages/docs/.vitepress/theme/styles/home-links.css b/packages/docs/.vitepress/theme/styles/home-links.css index 87cdb063..d1af13b6 100644 --- a/packages/docs/.vitepress/theme/styles/home-links.css +++ b/packages/docs/.vitepress/theme/styles/home-links.css @@ -22,6 +22,52 @@ a.cta.vue-mastery::before { margin-right: 0.5em; } +a.cta.mastering-pinia { + height: 100%; + line-height: 100%; + display: flex; + justify-content: center; + white-space: pre; + min-height: 41px; + position: relative; +} +a.cta.mastering-pinia::before { + content: ''; + width: 156px; + height: 100%; + display: inline-block; + background-image: url('/mp-logo.svg'); + background-size: 156px; + background-repeat: no-repeat; + vertical-align: bottom; + line-height: normal; + transform: translateY(6px); +} +a.cta.mastering-pinia:hover::after { + animation: none; +} +a.cta.mastering-pinia::after { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + /* background-color: var(--vp-button-brand-border); */ + border: 1px solid var(--vp-button-brand-border); + border-radius: 20px; + animation: ping 3s cubic-bezier(0, 0, 0.2, 1) infinite; + z-index: -1; +} + +@keyframes ping { + 15%, + to { + transform: scale(1.25, 2); + opacity: 0; + } +} + a.cta.vueschool { position: relative; color: currentColor; diff --git a/packages/docs/index.md b/packages/docs/index.md index 0d1e07bc..86131110 100644 --- a/packages/docs/index.md +++ b/packages/docs/index.md @@ -4,7 +4,7 @@ layout: home title: Pinia titleTemplate: The intuitive store for Vue.js -hero: +hero: name: Pinia text: The intuitive store for Vue.js tagline: Type Safe, Extensible, and Modular by design. Forget you are even using a store. @@ -18,6 +18,9 @@ hero: - theme: alt text: Demo link: https://stackblitz.com/github/piniajs/example-vue-3-vite + - theme: cta mastering-pinia + text: ' ' + link: https://masteringpinia.com - theme: cta vueschool text: Watch Video Introduction link: https://vueschool.io/lessons/introduction-to-pinia?friend=vuerouter&utm_source=pinia&utm_medium=link&utm_campaign=homepage diff --git a/packages/docs/package.json b/packages/docs/package.json index cba284bd..29e1f7e6 100644 --- a/packages/docs/package.json +++ b/packages/docs/package.json @@ -2,9 +2,10 @@ "name": "@pinia/docs", "version": "0.0.0", "private": true, + "type": "module", "scripts": { "docs": "vitepress dev .", - "docs:api": "node run-typedoc.js", + "docs:api": "node run-typedoc.cjs", "docs:build": "vitepress build ." }, "dependencies": { diff --git a/packages/docs/public/mp-logo.svg b/packages/docs/public/mp-logo.svg new file mode 100644 index 00000000..afabae37 --- /dev/null +++ b/packages/docs/public/mp-logo.svg @@ -0,0 +1,44 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/docs/run-typedoc.js b/packages/docs/run-typedoc.cjs similarity index 87% rename from packages/docs/run-typedoc.js rename to packages/docs/run-typedoc.cjs index cc55b606..de4e44dc 100644 --- a/packages/docs/run-typedoc.js +++ b/packages/docs/run-typedoc.cjs @@ -1,4 +1,4 @@ -const { createTypeDocApp } = require('./typedoc-markdown') +const { createTypeDocApp } = require('./typedoc-markdown.cjs') const path = require('path') createTypeDocApp({ diff --git a/packages/docs/typedoc-markdown.js b/packages/docs/typedoc-markdown.cjs similarity index 100% rename from packages/docs/typedoc-markdown.js rename to packages/docs/typedoc-markdown.cjs -- 2.47.3