Shiki Magic Move

Shiki Magic Move 让你能够在代码变化之间实现精细的过渡效果，类似于 Keynote 的 Magic Move。你可以查看演示网站了解它是如何工作的。

在 Slidev 中，我们将 magic-move 绑定到点击系统。语法是用 ````md magic-move 包裹代表每个步骤的多个代码块（注意是 4 个反引号），这将被转换为一个代码块，随着你的点击变形到每个步骤。

````md magic-move
```js
console.log(`Step ${1}`)
```
```js
console.log(`Step ${1 + 1}`)
```
```ts
console.log(`Step ${3}` as string)
```
````

也可以将 Magic Move 与 ✨ 行高亮和 ✨ 行号混合使用，例如：

````md magic-move {at:4, lines: true} // [!code hl]
```js {*|1|2-5} // [!code hl]
let count = 1
function add() {
  count++
}
```

中间的非代码块会被忽略，你可以在这里放一些注释。

```js {*}{lines: false} // [!code hl]
let count = 1
const add = () => count += 1
```
````

Shiki Magic Move ​

Shiki Magic Move