ContextQMD
Back to Slidev

TwoSlash Integration

skills/slidev/references/code-twoslash.md

52.15.1609 B
Original Source

TwoSlash Integration

Show TypeScript type information inline or on hover.

Usage

md
```ts twoslash
import { ref } from 'vue'

const count = ref(0)
//            ^?
```

Features

  • Type information on hover
  • Inline type annotations with ^?
  • Errors and warnings display
  • Full TypeScript compiler integration

Annotations

ts
const count = ref(0)
//            ^?
// Shows: const count: Ref<number>

Use Case

Perfect for TypeScript/JavaScript teaching materials where showing types helps understanding.

Resources