https://github.com/peterroe/vitepress-plugin-magic-move
shiki-magic-move for vitepress
https://github.com/peterroe/vitepress-plugin-magic-move
magic-move vitepress-plugin
Last synced: 6 months ago
JSON representation
shiki-magic-move for vitepress
- Host: GitHub
- URL: https://github.com/peterroe/vitepress-plugin-magic-move
- Owner: peterroe
- License: mit
- Created: 2024-03-19T15:03:09.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2025-06-29T08:15:32.000Z (7 months ago)
- Last Synced: 2025-06-29T09:24:56.848Z (7 months ago)
- Topics: magic-move, vitepress-plugin
- Language: TypeScript
- Homepage: https://peterroe.github.io/vitepress-plugin-magic-move/
- Size: 1.15 MB
- Stars: 9
- Watchers: 1
- Forks: 0
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## vitepress-plugin-magic-move
[shiki-magic-move](https://github.com/shikijs/shiki-magic-move) for vitepress
Document: https://peterroe.github.io/vitepress-plugin-magic-move/
## Install
Install dependencies first
```bash
pnpm i vitepress-plugin-magic-move shiki-magic-move
```
Then add plugin to `.vitepress/config.ts`
```ts
// .vitepress/config.ts
import { defineConfig } from 'vitepress'
import { withMagicMove } from 'vitepress-plugin-magic-move'
export default withMagicMove(defineConfig({
// your config
}))
```
And add css style in `.vitepress/theme/index.ts`
```ts
// .vitepress/theme/index.ts
import 'shiki-magic-move/style.css'
export default {
// ...
}
```
## Usage
````md
:::magic-move
```ts
// code here
```
```ts
// code here
```
```ts
// ...
```
:::
````