create-slidev 0.48.0 → 0.48.2
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 +19 -14
package/package.json
CHANGED
package/template/package.json
CHANGED
package/template/slides.md
CHANGED
|
@@ -90,18 +90,6 @@ h1 {
|
|
|
90
90
|
Here is another comment.
|
|
91
91
|
-->
|
|
92
92
|
|
|
93
|
-
---
|
|
94
|
-
layout: default
|
|
95
|
-
---
|
|
96
|
-
|
|
97
|
-
# Table of contents
|
|
98
|
-
|
|
99
|
-
```html
|
|
100
|
-
<Toc minDepth="1" maxDepth="1"></Toc>
|
|
101
|
-
```
|
|
102
|
-
|
|
103
|
-
<Toc maxDepth="1"></Toc>
|
|
104
|
-
|
|
105
93
|
---
|
|
106
94
|
transition: slide-up
|
|
107
95
|
level: 2
|
|
@@ -129,6 +117,25 @@ Hover on the bottom-left corner to see the navigation's controls panel, [learn m
|
|
|
129
117
|
/>
|
|
130
118
|
<p v-after class="absolute bottom-23 left-45 opacity-30 transform -rotate-10">Here!</p>
|
|
131
119
|
|
|
120
|
+
---
|
|
121
|
+
layout: two-cols
|
|
122
|
+
layoutClass: gap-16
|
|
123
|
+
---
|
|
124
|
+
|
|
125
|
+
# Table of contents
|
|
126
|
+
|
|
127
|
+
You can use the `Toc` component to generate a table of contents for your slides:
|
|
128
|
+
|
|
129
|
+
```html
|
|
130
|
+
<Toc minDepth="1" maxDepth="1"></Toc>
|
|
131
|
+
```
|
|
132
|
+
|
|
133
|
+
The title will be inferred from your slide content, or you can override it with `title` and `level` in your frontmatter.
|
|
134
|
+
|
|
135
|
+
::right::
|
|
136
|
+
|
|
137
|
+
<Toc v-click minDepth="1" maxDepth="2"></Toc>
|
|
138
|
+
|
|
132
139
|
---
|
|
133
140
|
layout: image-right
|
|
134
141
|
image: https://cover.sli.dev
|
|
@@ -188,8 +195,6 @@ level: 2
|
|
|
188
195
|
|
|
189
196
|
# Shiki Magic Move
|
|
190
197
|
|
|
191
|
-
(this feature is still experimental)
|
|
192
|
-
|
|
193
198
|
Powered by [shiki-magic-move](https://shiki-magic-move.netlify.app/), Slidev supports animations across multiple code snippets.
|
|
194
199
|
|
|
195
200
|
Add multiple code blocks and wrap them with <code>````md magic-move</code> (four backticks) to enable the magic move. For example:
|