vue-best-practices

SKILL.md

| extract-component-props | get props type, wrapper component, extend props, inherit props, ComponentProps | Extract types from .vue components | | vue-tsc-strict-templates | undefined component, template error, strictTemplates | Catch undefined components in templates |

| fallthrough-attributes | fallthrough, $attrs, wrapper component | Type-check fallthrough attributes | | strict-css-modules | css modules, $style, typo | Catch CSS module class typos | | data-attributes-config | data-, strictTemplates, attribute | Allow data- attributes |

| volar-3-breaking-changes | volar, vue-language-server, editor | Fix Volar 3.0 upgrade issues | | module-resolution-bundler | cannot find module, @vue/tsconfig, moduleResolution | Fix module resolution errors | | define-model-update-event | defineModel, update event, undefined | Fix model update errors |

TypeScript, vue-tsc 및 Volar에 대한 Vue 3 및 Vue.js 모범 사례. 이 기술은 올바른 입력 패턴을 보장하기 위해 Vue 구성 요소를 작성, 검토 또는 리팩토링할 때 사용해야 합니다. Vue 구성 요소, props 추출, 래퍼 구성 요소, 템플릿 유형 확인 또는 Volar 구성과 관련된 작업을 트리거합니다. 출처: prorise-cool/prorise-claude-skills.

원본 보기