Skip to content

搜索技能.../

Agent Skill Search Engine

搜索

搜索
分类
职业

关于

关于
隐私政策
服务条款

© 2026 Skills Pool. 保留所有权利。

Structure Vue Types | Skills Pool

技能档案

Structure Vue Types

Structure Vue components TypeScript types (props, emits, slots) để tránh type inference slowness, generic complexity. Dựa trên vuejs/core

nguyentrongnghia20010 星标2026年3月30日

职业
分类: 前端

技能内容

SKILL: structure-vue-types

Purpose

Optimize Vue component TypeScript types:

Props Types - Generic inference không slow down compiler (issue #14323)
Emits Types - defineEmits type safety
Slots Types - Scoped slot type inference
Generic Complexity - Tránh deeply nested generics

Use When

Component .ts file có TypeScript slow/lag
defineModel + defineEmits cùng file gây TS compiler slow
Props interface too complex, vỡ IDE autocomplete
Props/Emits reuse ở nhiều components

Execution Approach

Kiểm tra theo thứ tự:

Props Type: Có dùng generic union quá phức tạp không? Có thể simplify bằng as const không?

相关技能

快速安装

Structure Vue Types

npx skillvault add nguyentrongnghia2001/nguyentrongnghia2001-vue-skills-skills-structure-vue-types-skill-md

下载 Skill 打开源码仓库

作者: nguyentrongnghia2001
星标: 0
更新时间: 2026年3月30日
职业

本页内容

01SKILL: structure-vue-types

defineModel/defineEmits: Cùng file copy props type 2 lần? Có thể extract ra .d.ts không?

Slot Types: Slot scope generics có clean không? Có tránh any chưa?

Reuse: Props interface được define ở 3, 4 component? Nên move ra types/ shared

Expected Output

Identify over-complex types gây TS lag
Suggest .d.ts extraction nếu cần
Refactor to remove duplication

Context Optimization

Focus vào <script setup lang="ts"> section
Grep search cho defineProps, defineEmits, defineModel

02

Purpose

04Execution Approach

05Expected Output

06Context Optimization

Web 开发人员

Extract Errors

Use when adding new error messages to React, or seeing "unknown error code" warnings.

Frontend Patterns

React、Next.js、状态管理、性能优化和UI最佳实践的前端开发模式。

Coding Standards

Baseline cross-project coding conventions for naming, readability, immutability, and code-quality review. Use detailed frontend or backend skills for framework-specific patterns.

Coding Standards

Universal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development.

Coding Standards

TypeScript, JavaScript, React, Node.js 개발을 위한 범용 코딩 표준, 모범 사례 및 패턴.

Frontend Patterns

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

Web 开发人员