@slidev/cli 52.11.4 → 52.12.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{build-CoOI8nIf.mjs → build-DencOEqt.mjs} +1 -1
- package/dist/cli.mjs +3 -3
- package/dist/index.mjs +2 -2
- package/dist/{serve-Jnml-HZ7.mjs → serve-BptRm0xv.mjs} +1 -1
- package/dist/{shared-C72EYint.mjs → shared-mR4BGOPs.mjs} +36 -11
- package/package.json +5 -4
- package/skills/GENERATION.md +227 -0
- package/skills/slidev/README.md +61 -0
- package/skills/slidev/SKILL.md +183 -0
- package/skills/slidev/references/animation-click-marker.md +37 -0
- package/skills/slidev/references/animation-drawing.md +68 -0
- package/skills/slidev/references/animation-rough-marker.md +53 -0
- package/skills/slidev/references/api-slide-hooks.md +37 -0
- package/skills/slidev/references/build-og-image.md +36 -0
- package/skills/slidev/references/build-pdf.md +40 -0
- package/skills/slidev/references/build-remote-assets.md +34 -0
- package/skills/slidev/references/build-seo-meta.md +43 -0
- package/skills/slidev/references/code-groups.md +64 -0
- package/skills/slidev/references/code-import-snippet.md +55 -0
- package/skills/slidev/references/code-line-highlighting.md +50 -0
- package/skills/slidev/references/code-line-numbers.md +46 -0
- package/skills/slidev/references/code-magic-move.md +57 -0
- package/skills/slidev/references/code-max-height.md +37 -0
- package/skills/slidev/references/code-twoslash.md +42 -0
- package/skills/slidev/references/core-animations.md +196 -0
- package/skills/slidev/references/core-cli.md +140 -0
- package/skills/slidev/references/core-components.md +197 -0
- package/skills/slidev/references/core-exporting.md +148 -0
- package/skills/slidev/references/core-frontmatter.md +195 -0
- package/skills/slidev/references/core-global-context.md +155 -0
- package/skills/slidev/references/core-headmatter.md +188 -0
- package/skills/slidev/references/core-hosting.md +152 -0
- package/skills/slidev/references/core-layouts.md +286 -0
- package/skills/slidev/references/core-syntax.md +155 -0
- package/skills/slidev/references/diagram-latex.md +55 -0
- package/skills/slidev/references/diagram-mermaid.md +44 -0
- package/skills/slidev/references/diagram-plantuml.md +45 -0
- package/skills/slidev/references/editor-monaco-run.md +44 -0
- package/skills/slidev/references/editor-monaco-write.md +24 -0
- package/skills/slidev/references/editor-monaco.md +50 -0
- package/skills/slidev/references/editor-prettier.md +40 -0
- package/skills/slidev/references/editor-side.md +23 -0
- package/skills/slidev/references/editor-vscode.md +55 -0
- package/skills/slidev/references/layout-canvas-size.md +25 -0
- package/skills/slidev/references/layout-draggable.md +57 -0
- package/skills/slidev/references/layout-global-layers.md +50 -0
- package/skills/slidev/references/layout-slots.md +75 -0
- package/skills/slidev/references/layout-transform.md +33 -0
- package/skills/slidev/references/layout-zoom.md +39 -0
- package/skills/slidev/references/presenter-notes-ruby.md +35 -0
- package/skills/slidev/references/presenter-recording.md +30 -0
- package/skills/slidev/references/presenter-remote.md +40 -0
- package/skills/slidev/references/presenter-timer.md +34 -0
- package/skills/slidev/references/style-direction.md +34 -0
- package/skills/slidev/references/style-icons.md +46 -0
- package/skills/slidev/references/style-scoped.md +50 -0
- package/skills/slidev/references/syntax-block-frontmatter.md +39 -0
- package/skills/slidev/references/syntax-frontmatter-merging.md +49 -0
- package/skills/slidev/references/syntax-importing-slides.md +60 -0
- package/skills/slidev/references/syntax-mdc.md +51 -0
- package/skills/slidev/references/tool-eject-theme.md +27 -0
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: block-frontmatter
|
|
3
|
+
description: Using YAML code blocks as slide frontmatter for syntax highlighting
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
# Block Frontmatter
|
|
7
|
+
|
|
8
|
+
Use a YAML code block as the frontmatter for slides when you need syntax highlighting and formatter support.
|
|
9
|
+
|
|
10
|
+
## Usage
|
|
11
|
+
|
|
12
|
+
Instead of traditional frontmatter `---`, use a yaml code block at the start of a slide:
|
|
13
|
+
|
|
14
|
+
````md
|
|
15
|
+
---
|
|
16
|
+
theme: default
|
|
17
|
+
---
|
|
18
|
+
|
|
19
|
+
# Slide 1
|
|
20
|
+
|
|
21
|
+
---
|
|
22
|
+
|
|
23
|
+
```yaml
|
|
24
|
+
layout: quote
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
# Slide 2
|
|
28
|
+
|
|
29
|
+
---
|
|
30
|
+
|
|
31
|
+
# Slide 3
|
|
32
|
+
````
|
|
33
|
+
|
|
34
|
+
## Key Points
|
|
35
|
+
|
|
36
|
+
- Works for per-slide frontmatter only
|
|
37
|
+
- Cannot use for headmatter (first frontmatter of the deck)
|
|
38
|
+
- Provides syntax highlighting in editors
|
|
39
|
+
- Compatible with prettier-plugin-slidev
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: frontmatter-merging
|
|
3
|
+
description: Priority rules when importing slides with conflicting frontmatter
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
# Frontmatter Merging
|
|
7
|
+
|
|
8
|
+
When importing slides, frontmatter from main entry takes priority.
|
|
9
|
+
|
|
10
|
+
## Example
|
|
11
|
+
|
|
12
|
+
Main file (`slides.md`):
|
|
13
|
+
```md
|
|
14
|
+
---
|
|
15
|
+
src: ./cover.md
|
|
16
|
+
background: https://sli.dev/bar.png
|
|
17
|
+
class: text-center
|
|
18
|
+
---
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
Imported file (`cover.md`):
|
|
22
|
+
```md
|
|
23
|
+
---
|
|
24
|
+
layout: cover
|
|
25
|
+
background: https://sli.dev/foo.png
|
|
26
|
+
---
|
|
27
|
+
|
|
28
|
+
# Cover
|
|
29
|
+
|
|
30
|
+
Cover Page
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
## Result
|
|
34
|
+
|
|
35
|
+
```md
|
|
36
|
+
---
|
|
37
|
+
layout: cover
|
|
38
|
+
background: https://sli.dev/bar.png # main entry wins
|
|
39
|
+
class: text-center
|
|
40
|
+
---
|
|
41
|
+
|
|
42
|
+
# Cover
|
|
43
|
+
|
|
44
|
+
Cover Page
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
## Priority Rule
|
|
48
|
+
|
|
49
|
+
Main entry > Imported file for duplicate keys.
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: importing-slides
|
|
3
|
+
description: Split presentations into multiple files for reusability
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
# Importing Slides
|
|
7
|
+
|
|
8
|
+
Split presentations into multiple files for reusability.
|
|
9
|
+
|
|
10
|
+
## Basic Import
|
|
11
|
+
|
|
12
|
+
```md
|
|
13
|
+
# Title
|
|
14
|
+
|
|
15
|
+
This is a normal page
|
|
16
|
+
|
|
17
|
+
---
|
|
18
|
+
src: ./pages/toc.md
|
|
19
|
+
---
|
|
20
|
+
|
|
21
|
+
<!-- Content here is ignored -->
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
25
|
+
# Page 4
|
|
26
|
+
|
|
27
|
+
Another normal page
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
## Import Specific Slides
|
|
31
|
+
|
|
32
|
+
Use hash to select slides:
|
|
33
|
+
|
|
34
|
+
```md
|
|
35
|
+
---
|
|
36
|
+
src: ./another-presentation.md#2,5-7
|
|
37
|
+
---
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
Imports slides 2, 5, 6, and 7.
|
|
41
|
+
|
|
42
|
+
## Reuse Slides
|
|
43
|
+
|
|
44
|
+
Import the same file multiple times:
|
|
45
|
+
|
|
46
|
+
```md
|
|
47
|
+
---
|
|
48
|
+
src: ./pages/toc.md
|
|
49
|
+
---
|
|
50
|
+
|
|
51
|
+
<!-- later... -->
|
|
52
|
+
|
|
53
|
+
---
|
|
54
|
+
src: ./pages/toc.md
|
|
55
|
+
---
|
|
56
|
+
```
|
|
57
|
+
|
|
58
|
+
## Frontmatter Priority
|
|
59
|
+
|
|
60
|
+
Main entry frontmatter overrides imported file frontmatter for duplicate keys.
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: mdc
|
|
3
|
+
description: MDC (Markdown Components) syntax support
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
# MDC Syntax
|
|
7
|
+
|
|
8
|
+
Enhanced Markdown with component and style syntax.
|
|
9
|
+
|
|
10
|
+
## Enable
|
|
11
|
+
|
|
12
|
+
```md
|
|
13
|
+
---
|
|
14
|
+
mdc: true
|
|
15
|
+
---
|
|
16
|
+
```
|
|
17
|
+
|
|
18
|
+
## Inline Styles
|
|
19
|
+
|
|
20
|
+
```md
|
|
21
|
+
This is a [red text]{style="color:red"}
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
## Inline Components
|
|
25
|
+
|
|
26
|
+
```md
|
|
27
|
+
:inline-component{prop="value"}
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
## Image Attributes
|
|
31
|
+
|
|
32
|
+
```md
|
|
33
|
+
{width=500px lazy}
|
|
34
|
+
```
|
|
35
|
+
|
|
36
|
+
## Block Components
|
|
37
|
+
|
|
38
|
+
```md
|
|
39
|
+
::block-component{prop="value"}
|
|
40
|
+
The **default** slot content
|
|
41
|
+
::
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
## Use Cases
|
|
45
|
+
|
|
46
|
+
- Add inline styles without HTML
|
|
47
|
+
- Use Vue components inline
|
|
48
|
+
- Add attributes to images
|
|
49
|
+
- Create complex component layouts
|
|
50
|
+
|
|
51
|
+
Based on Nuxt's MDC (Markdown Components) syntax.
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: eject-theme
|
|
3
|
+
description: Extract theme to local filesystem for customization
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
# Eject Theme
|
|
7
|
+
|
|
8
|
+
Extract installed theme to local filesystem for customization.
|
|
9
|
+
|
|
10
|
+
## Command
|
|
11
|
+
|
|
12
|
+
```bash
|
|
13
|
+
slidev theme eject
|
|
14
|
+
```
|
|
15
|
+
|
|
16
|
+
## Result
|
|
17
|
+
|
|
18
|
+
- Theme files copied to `./theme/`
|
|
19
|
+
- Frontmatter updated to `theme: ./theme`
|
|
20
|
+
|
|
21
|
+
## Use Case
|
|
22
|
+
|
|
23
|
+
- Full control over theme
|
|
24
|
+
- Create new theme based on existing one
|
|
25
|
+
- Customize without modifying node_modules
|
|
26
|
+
|
|
27
|
+
If creating a derivative theme, credit the original theme and author.
|