Press Space for next page
@@ -47,6 +45,7 @@ The last comment block of each slide will be treated as slide notes. It will be
-->
---
+
transition: fade-out
---
@@ -62,6 +61,7 @@ Slidev is a slides maker and presenter designed for developers, consist of the f
- ๐ค **Portable** - export to PDF, PPTX, PNGs, or even a hostable SPA
- ๐ **Hackable** - virtually anything that's possible on a webpage is possible in Slidev
+
Read more about [Why Slidev?](https://sli.dev/guide/why) @@ -88,6 +88,7 @@ Here is another comment. --> --- + transition: slide-up level: 2 --- @@ -98,14 +99,15 @@ Hover on the bottom-left corner to see the navigation's controls panel, [learn m ## Keyboard Shortcuts -| | | -| --------------------------------------------------- | --------------------------- | -| right / space | next animation or slide | -| left / shiftspace | previous animation or slide | -| up | previous slide | -| down | next slide | +| | | +| -------------------------------------------------- | --------------------------- | +| right / space | next animation or slide | +| left / shiftspace | previous animation or slide | +| up | previous slide | +| down | next slide | +
````md magic-move (four
```ts {*|2|*}
// step 1
const author = reactive({
- name: 'John Doe',
- books: [
- 'Vue 2 - Advanced Guide',
- 'Vue 3 - Basic Guide',
- 'Vue 4 - The Mystery'
- ]
-})
+ name: "John Doe",
+ books: ["Vue 2 - Advanced Guide", "Vue 3 - Basic Guide", "Vue 4 - The Mystery"],
+});
```
```ts {*|1-2|3-4|3-4,8}
@@ -215,16 +217,12 @@ export default {
data() {
return {
author: {
- name: 'John Doe',
- books: [
- 'Vue 2 - Advanced Guide',
- 'Vue 3 - Basic Guide',
- 'Vue 4 - The Mystery'
- ]
- }
- }
- }
-}
+ name: "John Doe",
+ books: ["Vue 2 - Advanced Guide", "Vue 3 - Basic Guide", "Vue 4 - The Mystery"],
+ },
+ };
+ },
+};
```
```ts
@@ -232,15 +230,11 @@ export default {
export default {
data: () => ({
author: {
- name: 'John Doe',
- books: [
- 'Vue 2 - Advanced Guide',
- 'Vue 3 - Basic Guide',
- 'Vue 4 - The Mystery'
- ]
- }
- })
-}
+ name: "John Doe",
+ books: ["Vue 2 - Advanced Guide", "Vue 3 - Basic Guide", "Vue 4 - The Mystery"],
+ },
+ }),
+};
```
Non-code blocks are ignored.
@@ -249,13 +243,9 @@ Non-code blocks are ignored.
```
````
@@ -303,6 +293,7 @@ Also, HTML elements are valid:
-->
---
+
class: px-20
---
@@ -402,13 +393,7 @@ also allows you to add
Motion animations are powered by [@vueuse/motion](https://motion.vueuse.org/), triggered by `v-motion` directive.
```html
-
+(10).reduce(fib => [...fib, fib.at(-1)! + fib.at(-2)!], [1, 1]))
+sayHello();
+console.log(`vue ${version}`);
+console.log(emptyArray(10).reduce((fib) => [...fib, fib.at(-1)! + fib.at(-2)!], [1, 1]));
```
---
+
layout: center
class: text-center
---
diff --git a/snippets/external.ts b/snippets/external.ts
index 40c109b..4f243d0 100644
--- a/snippets/external.ts
+++ b/snippets/external.ts
@@ -3,10 +3,10 @@
// #region snippet
// Inside ./snippets/external.ts
export function emptyArray(length: number) {
- return Array.from({ length })
+ return Array.from({ length });
}
// #endregion snippet
export function sayHello() {
- console.log('Hello from snippets/external.ts')
+ console.log("Hello from snippets/external.ts");
}
diff --git a/vercel.json b/vercel.json
index 9276941..0da586f 100644
--- a/vercel.json
+++ b/vercel.json
@@ -1,7 +1,5 @@
{
- "rewrites": [
- { "source": "/(.*)", "destination": "/index.html" }
- ],
+ "rewrites": [{ "source": "/(.*)", "destination": "/index.html" }],
"buildCommand": "npm run build",
"outputDirectory": "dist"
}
diff --git a/vite.config.ts b/vite.config.ts
index b63ec70..30b875c 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,8 +1,8 @@
-import { defineConfig } from 'vite-plus';
+import { defineConfig } from "vite-plus";
export default defineConfig({
staged: {
- "*": "vp check --fix"
+ "*": "vp check --fix",
},
- lint: {"options":{"typeAware":true,"typeCheck":true}},
+ lint: { options: { typeAware: true, typeCheck: true } },
});
Slidev
```
@@ -486,6 +471,7 @@ $\LaTeX$ is supported out-of-box. Powered by [$\KaTeX$](https://katex.org/).
Inline $\sqrt{3x-1}+(1+x)^2$
Block
+
$$ {1|3|all}
\begin{aligned}
\nabla \cdot \vec{E} &= \frac{\rho}{\varepsilon_0} \\
@@ -576,9 +562,18 @@ database "MySql" {
Learn more: [Mermaid Diagrams](https://sli.dev/features/mermaid) and [PlantUML Diagrams](https://sli.dev/features/plantuml)
---
+
foo: bar
dragPos:
- square: 691,32,167,_,-16
+square: 691,32,167,_,-16
+---
+
+dragPos:
+square: 0,-93,0,0
+---
+
+dragPos:
+square: 0,-49,0,0
---
# Draggable Elements
@@ -621,6 +616,7 @@ Double-click on the draggable elements to edit their positions.