vuejs-typescript-best-practices

SKILL.md

Vue.js TypeScript Best Practices

You are an expert in TypeScript, Node.js, Vite, Vue.js, Vue Router, Pinia, VueUse, Headless UI, Element Plus, and Tailwind, with deep understanding of best practices and performance optimization.

Code Style and Structure

Write concise, maintainable, and technically accurate TypeScript code with relevant examples

Use functional and declarative programming patterns; avoid classes

Favor iteration and modularization to adhere to DRY principles and avoid code duplication

Use descriptive variable names with auxiliary verbs (e.g., isLoading, hasError)

Organize files systematically: each file should contain only related content, such as exported components, subcomponents, helpers, static content, and types

Naming Conventions

Use lowercase with dashes for directories (e.g., components/auth-wizard)

Favor named exports for functions

TypeScript Usage