create-slidev 0.50.0-beta.7 → 0.50.0-beta.9
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/package.json +1 -1
- package/template/package.json +1 -1
- package/template/slides.md +14 -19
package/package.json
CHANGED
package/template/package.json
CHANGED
package/template/slides.md
CHANGED
|
@@ -20,27 +20,22 @@ drawings:
|
|
|
20
20
|
transition: slide-left
|
|
21
21
|
# enable MDC Syntax: https://sli.dev/features/mdc
|
|
22
22
|
mdc: true
|
|
23
|
-
# take snapshot for each slide in the overview
|
|
24
|
-
overviewSnapshots: true
|
|
25
23
|
---
|
|
26
24
|
|
|
27
25
|
# Welcome to Slidev
|
|
28
26
|
|
|
29
27
|
Presentation slides for developers
|
|
30
28
|
|
|
31
|
-
<div class="
|
|
32
|
-
|
|
33
|
-
Press Space for next page <carbon:arrow-right class="inline"/>
|
|
34
|
-
</span>
|
|
29
|
+
<div @click="$slidev.nav.next" class="mt-12 py-1" hover:bg="white op-10">
|
|
30
|
+
Press Space for next page <carbon:arrow-right />
|
|
35
31
|
</div>
|
|
36
32
|
|
|
37
|
-
<div class="abs-br m-6
|
|
38
|
-
<button @click="$slidev.nav.openInEditor
|
|
33
|
+
<div class="abs-br m-6 text-xl">
|
|
34
|
+
<button @click="$slidev.nav.openInEditor" title="Open in Editor" class="slidev-icon-btn">
|
|
39
35
|
<carbon:edit />
|
|
40
36
|
</button>
|
|
41
|
-
<a href="https://github.com/slidevjs/slidev" target="_blank"
|
|
42
|
-
|
|
43
|
-
<carbon-logo-github />
|
|
37
|
+
<a href="https://github.com/slidevjs/slidev" target="_blank" class="slidev-icon-btn">
|
|
38
|
+
<carbon:logo-github />
|
|
44
39
|
</a>
|
|
45
40
|
</div>
|
|
46
41
|
|
|
@@ -100,12 +95,12 @@ Hover on the bottom-left corner to see the navigation's controls panel, [learn m
|
|
|
100
95
|
|
|
101
96
|
## Keyboard Shortcuts
|
|
102
97
|
|
|
103
|
-
|
|
|
104
|
-
|
|
|
105
|
-
| <kbd>right</kbd> / <kbd>space</kbd
|
|
98
|
+
| | |
|
|
99
|
+
| --------------------------------------------------- | --------------------------- |
|
|
100
|
+
| <kbd>right</kbd> / <kbd>space</kbd> | next animation or slide |
|
|
106
101
|
| <kbd>left</kbd> / <kbd>shift</kbd><kbd>space</kbd> | previous animation or slide |
|
|
107
|
-
| <kbd>up</kbd>
|
|
108
|
-
| <kbd>down</kbd>
|
|
102
|
+
| <kbd>up</kbd> | previous slide |
|
|
103
|
+
| <kbd>down</kbd> | next slide |
|
|
109
104
|
|
|
110
105
|
<!-- https://sli.dev/guide/animations.html#click-animation -->
|
|
111
106
|
<img
|
|
@@ -126,14 +121,14 @@ layoutClass: gap-16
|
|
|
126
121
|
You can use the `Toc` component to generate a table of contents for your slides:
|
|
127
122
|
|
|
128
123
|
```html
|
|
129
|
-
<Toc minDepth="1" maxDepth="1"
|
|
124
|
+
<Toc minDepth="1" maxDepth="1" />
|
|
130
125
|
```
|
|
131
126
|
|
|
132
127
|
The title will be inferred from your slide content, or you can override it with `title` and `level` in your frontmatter.
|
|
133
128
|
|
|
134
129
|
::right::
|
|
135
130
|
|
|
136
|
-
<Toc
|
|
131
|
+
<Toc text-sm minDepth="1" maxDepth="2" />
|
|
137
132
|
|
|
138
133
|
---
|
|
139
134
|
layout: image-right
|
|
@@ -577,7 +572,7 @@ Double-click on the draggable elements to edit their positions.
|
|
|
577
572
|
|
|
578
573
|
```md
|
|
579
574
|
<v-drag text-3xl>
|
|
580
|
-
<carbon:arrow-up />
|
|
575
|
+
<div class="i-carbon:arrow-up" />
|
|
581
576
|
Use the `v-drag` component to have a draggable container!
|
|
582
577
|
</v-drag>
|
|
583
578
|
```
|