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.
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
编写简洁、可维护且技术准确的TypeScript代码，并附带相关示例
使用函数式和声明式编程模式；避免使用类
优先使用迭代和模块化来遵循DRY原则，避免代码重复
使用带有助动词的描述性变量名（例如：isLoading、hasError）
系统地组织文件：每个文件应仅包含相关内容，如导出组件、子组件、辅助函数、静态内容和类型
Naming Conventions
命名规范
Use lowercase with dashes for directories (e.g., components/auth-wizard)
Favor named exports for functions
目录使用小写加连字符的格式（例如：components/auth-wizard）
函数优先使用命名导出
TypeScript Usage
TypeScript 使用规范
Use TypeScript for all code; prefer interfaces over types for their extendability and ability to merge
Avoid enums; use maps instead for better type safety and flexibility
Use functional components with TypeScript interfaces