@slidev/cli 52.14.1 → 52.15.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@slidev/cli",
   "type": "module",
-  "version": "52.14.1",
+  "version": "52.15.0",
   "description": "Presentation slides for developers",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -32,7 +32,7 @@
     "template.md"
   ],
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=20.12.0"
   },
   "peerDependencies": {
     "playwright-chromium": "^1.10.0"
@@ -43,20 +43,20 @@
     }
   },
   "dependencies": {
-    "@antfu/ni": "^28.2.0",
+    "@antfu/ni": "^30.1.0",
     "@antfu/utils": "^9.3.0",
-    "@comark/markdown-it": "^0.3.0",
-    "@iconify-json/carbon": "^1.2.19",
+    "@comark/markdown-it": "^0.3.4",
+    "@iconify-json/carbon": "^1.2.20",
     "@iconify-json/ph": "^1.2.2",
     "@iconify-json/svg-spinners": "^1.2.4",
     "@lillallol/outline-pdf": "^4.0.0",
-    "@shikijs/markdown-it": "^4.0.1",
-    "@shikijs/twoslash": "^4.0.1",
-    "@shikijs/vitepress-twoslash": "^4.0.1",
-    "@unocss/extractor-mdc": "^66.6.3",
-    "@unocss/reset": "^66.6.3",
-    "@vitejs/plugin-vue": "^6.0.4",
-    "@vitejs/plugin-vue-jsx": "^5.1.4",
+    "@shikijs/markdown-it": "^4.0.2",
+    "@shikijs/twoslash": "^4.0.2",
+    "@shikijs/vitepress-twoslash": "^4.0.2",
+    "@unocss/extractor-mdc": "^66.6.8",
+    "@unocss/reset": "^66.6.8",
+    "@vitejs/plugin-vue": "^6.0.6",
+    "@vitejs/plugin-vue-jsx": "^5.1.5",
     "ansis": "^4.2.0",
     "chokidar": "^5.0.0",
     "cli-progress": "^3.12.0",
@@ -65,22 +65,23 @@
     "fast-glob": "^3.3.3",
     "get-port-please": "^3.2.0",
     "global-directory": "^5.0.0",
-    "htmlparser2": "^10.1.0",
+    "htmlparser2": "^12.0.0",
     "is-installed-globally": "^1.0.0",
     "jiti": "^2.6.1",
-    "katex": "^0.16.33",
+    "katex": "^0.16.45",
     "local-pkg": "^1.1.2",
     "lz-string": "^1.5.0",
     "magic-string": "^0.30.21",
     "magic-string-stack": "^1.1.0",
-    "markdown-exit": "^1.0.0-beta.8",
+    "markdown-exit": "^1.0.0-beta.9",
     "markdown-it-footnote": "^4.0.0",
-    "mlly": "^1.8.0",
+    "markdown-it-github-alerts": "^1.0.1",
+    "mlly": "^1.8.2",
     "monaco-editor": "^0.55.1",
     "obug": "^2.1.1",
     "open": "^11.0.0",
     "pdf-lib": "^1.17.1",
-    "picomatch": "^4.0.3",
+    "picomatch": "^4.0.4",
     "plantuml-encoder": "^1.4.0",
     "postcss-nested": "^7.0.2",
     "pptxgenjs": "^4.0.1",
@@ -89,34 +90,34 @@
     "resolve-from": "^5.0.0",
     "resolve-global": "^2.0.0",
     "semver": "^7.7.4",
-    "shiki": "^4.0.1",
-    "shiki-magic-move": "^1.2.1",
+    "shiki": "^4.0.2",
+    "shiki-magic-move": "^1.3.0",
     "sirv": "^3.0.2",
     "source-map-js": "^1.2.1",
     "typescript": "^5.9.3",
-    "unhead": "^2.1.10",
-    "unocss": "^66.6.2",
+    "unhead": "^2.1.13",
+    "unocss": "^66.6.8",
     "unplugin-icons": "^23.0.1",
-    "unplugin-vue-components": "^31.0.0",
+    "unplugin-vue-components": "^32.0.0",
     "unplugin-vue-markdown": "^30.0.0",
     "untun": "^0.1.3",
-    "uqr": "^0.1.2",
-    "vite": "^7.3.1",
+    "uqr": "^0.1.3",
+    "vite": "^8.0.10",
     "vite-plugin-inspect": "^11.3.3",
     "vite-plugin-remote-assets": "^2.1.0",
-    "vite-plugin-static-copy": "^3.2.0",
+    "vite-plugin-static-copy": "^4.1.0",
     "vite-plugin-vue-server-ref": "^1.0.0",
-    "vitefu": "^1.1.2",
-    "vue": "^3.5.29",
-    "yaml": "^2.8.2",
+    "vitefu": "^1.1.3",
+    "vue": "^3.5.33",
+    "yaml": "^2.8.3",
     "yargs": "^18.0.0",
-    "@slidev/parser": "52.14.1",
-    "@slidev/types": "52.14.1",
-    "@slidev/client": "52.14.1"
+    "@slidev/client": "52.15.0",
+    "@slidev/parser": "52.15.0",
+    "@slidev/types": "52.15.0"
   },
   "devDependencies": {
     "@hedgedoc/markdown-it-plugins": "^2.1.4",
-    "@types/picomatch": "^4.0.2",
+    "@types/picomatch": "^4.0.3",
     "@types/plantuml-encoder": "^1.4.2"
   },
   "scripts": {

package/skills/slidev/SKILL.md

@@ -1,6 +1,6 @@
 ---
 name: slidev
-description: Create and present web-based slides for developers using Markdown, Vue components, code highlighting, animations, and interactive features. Use when building technical presentations, conference talks, or teaching materials.
+description: Create and present web-based slidedecks for developers using Slidev with Markdown, Vue components, code highlighting, animations, and interactive features. Use when building technical presentations, conference talks, code walkthroughs, teaching materials, or developer decks.
 ---
 
 # Slidev - Presentation Slides for Developers
@@ -9,21 +9,25 @@ Web-based slides maker built on Vite, Vue, and Markdown.
 
 ## When to Use
 
-- Technical presentations with live code examples
+- Technical presentations or slidedecks with live code examples
 - Syntax-highlighted code snippets with animations
 - Interactive demos (Monaco editor, runnable code)
 - Mathematical equations (LaTeX) or diagrams (Mermaid, PlantUML)
 - Record presentations with presenter notes
 - Export to PDF, PPTX, or host as SPA
+- Code walkthroughs for developer talks or workshops
 
 ## Quick Start
 
 ```bash
 pnpm create slidev    # Create project
-pnpm run dev          # Start dev server
-pnpm run export       # Export to PDF
+pnpm run dev          # Start dev server (opens http://localhost:3030)
+pnpm run build        # Build static SPA
+pnpm run export       # Export to PDF (requires playwright-chromium)
 ```
 
+**Verify**: After `pnpm run dev`, confirm slides load at `http://localhost:3030`. After `pnpm run export`, check the output PDF exists in the project root.
+
 ## Basic Syntax
 
 ```md
@@ -144,6 +148,8 @@ Presenter notes go here
 | OG image | `seoMeta.ogImage` or `og-image.png` | [build-og-image](references/build-og-image.md) |
 | SEO tags | `seoMeta:` | [build-seo-meta](references/build-seo-meta.md) |
 
+**Export prerequisite**: `pnpm add -D playwright-chromium` is required for PDF/PPTX/PNG export. If export fails with a browser error, install this dependency first.
+
 ### Editor & Tools
 
 | Feature | Usage | Reference |

package/skills/slidev/references/api-slide-hooks.md

@@ -14,11 +14,11 @@ import { onSlideEnter, onSlideLeave, useIsSlideActive } from '@slidev/client'
 
 const isActive = useIsSlideActive()
 
-onSlideEnter(() => {
+onSlideEnter((to, from) => {
   // Called when slide becomes active
 })
 
-onSlideLeave(() => {
+onSlideLeave((to, from) => {
   // Called when slide becomes inactive
 })
 ```

package/skills/slidev/references/core-global-context.md

@@ -113,12 +113,12 @@ const { $page, $clicks, $frontmatter } = useSlideContext()
 ```ts
 import { onSlideEnter, onSlideLeave } from '@slidev/client'
 
-onSlideEnter(() => {
+onSlideEnter((to, from) => {
   // Slide became active
   startAnimation()
 })
 
-onSlideLeave(() => {
+onSlideLeave((to, from) => {
   // Slide became inactive
   cleanup()
 })