Skip to content
Skip to contents
Skip to reading controls

Search skills⌘K

Setting the file. One moment.

This file

Type

Size

Lines

Position

antfu
/
antfu/skills

Code Twoslash · Slidev · antfu/skills · Skills Docs

Repo No. 94 · Slidev

↖Back to the cover

Antfu Design
Antfu
Nitro
Nuxt
Pinia
pnpm
Slidev
Tsdown
Turborepo
Unocss
Vite
Vitepress
Vitest
Vue Best Practices
Vue Router Best Practices
Vue Testing Best Practices
Vue
Vueuse Functions
Web Design Guidelines

19 skills · 40 min

Skill 07 · Slidev

Subchapter 7.15

Code Twoslash

references/code-twoslash.mdMarkdown714 BView on GitHub

TwoSlash Integration

Show TypeScript type information inline or on hover.

Usage

7Up to skill 7Slidev

On this page

TwoSlash Integration
Usage
Features
Annotations
Use Case
Resources

This file

Number: 7.15
Position: 15 of 55
Type: Markdown
Size: 714 B

Nearby

Previous Code Max Height
Next Core Animations

Source

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

TwoSlash docs: https://twoslash.netlify.app/ (opens in a new tab)

ReferenceCode Max Height ReferenceCore Animations

references/code-twoslash.md

(opens in a new tab)

Raw file(opens in a new tab)

antfu/skills(opens in a new tab)