0Pricing
Vue Academy · Lesson

TypeScript Declarations for Component Libraries

vite-plugin-dts, generating .d.ts files, typing component props for library consumers.

Why Type Declarations

TypeScript consumers expect .d.ts files so they get autocompletion and type checking on your components and props. A published library should ship generated declarations alongside its JS.

vite-plugin-dts

vite-plugin-dts generates .d.ts files from your source during the Vite build, including types for .vue single-file components.

npm install -D vite-plugin-dts

All lessons in this course

  1. Vite Library Mode Configuration
  2. TypeScript Declarations for Component Libraries
  3. Tree-Shaking and Auto-Import
  4. Publishing to npm and Semantic Versioning
← Back to Vue Academy