| name | vue |
| description | Best practices for Vue.js development including security, performance, and developer experience |
| goal | āļāļąāļāļāļē Vue.js āļāļēāļĄ best practices |
| outcome | Vue.js applications āļĄāļĩāļāļļāļāļ āļēāļāđāļĨāļ°āļāļĢāļ°āļŠāļīāļāļāļīāļ āļēāļ |
Vue.js Development
When to Apply
āđāļāđ Skill āļāļĩāđāđāļĄāļ·āđāļāļāļąāļāļāļē Vue.js applications
- āđāļĄāļ·āđāļāļŠāļĢāđāļēāļ Vue applications āđāļŦāļĄāđ
- āđāļĄāļ·āđāļ refactor existing components
- āđāļĄāļ·āđāļ ensure application security āđāļĨāļ° accessibility
- āđāļĄāļ·āđāļ optimize application performance
Rules
| Priority | Impact | Reference | Name | Description | Prefix | Condition |
|---|
| 1 | CRITICAL | vue-security.md | Security | Guidelines āļŠāļģāļŦāļĢāļąāļāļāļēāļĢāļāļāļāđāļāļ Vue applications āļāļēāļ vulnerabilities | vue- | āđāļĄāļ·āđāļ ensure security |
| 2 | HIGH | vue-performance.md | Performance | Best practices āļŠāļģāļŦāļĢāļąāļāļāļēāļĢāļŠāļĢāđāļēāļ high-performance Vue components | vue- | āđāļĄāļ·āđāļ optimize performance |
| 2 | HIGH | vue-optimzation.md | Optimization | Techniques āļŠāļģāļŦāļĢāļąāļ optimizing Vue application performance | vue- | āđāļĄāļ·āđāļ optimize |
| 2 | HIGH | vue-reactivity.md | Reactivity | āļāļēāļĢāđāļāđāļēāđāļāđāļĨāļ°āđāļāđ reactivity system āļāļāļ Vue | vue- | āđāļĄāļ·āđāļāđāļāđ reactivity |
| 2 | HIGH | vue-composables.md | Composables | āļāļēāļĢāļŠāļĢāđāļēāļāđāļĨāļ°āđāļāđ composables āļŠāļģāļŦāļĢāļąāļ reusable logic | vue- | āđāļĄāļ·āđāļāļŠāļĢāđāļēāļ composables |
| 2 | HIGH | vue-reuseables.md | Reusables | Patterns āļŠāļģāļŦāļĢāļąāļāļāļēāļĢāļŠāļĢāđāļēāļ reusable components āđāļĨāļ° utilities | vue- | āđāļĄāļ·āđāļāļŠāļĢāđāļēāļ reusable code |
| 4 | MEDIUM | vue-dx.md | DX | Practices āļŠāļģāļŦāļĢāļąāļāļāļēāļĢāļāļĢāļąāļāļāļĢāļļāļ developer experience | vue- | āđāļĄāļ·āđāļ improve DX |
| 4 | MEDIUM | vue-styles.md | Styles | Guidelines āļŠāļģāļŦāļĢāļąāļāļāļēāļĢāļāļąāļāļāļēāļĢ component styling āļāļĒāđāļēāļ scalable | vue- | āđāļĄāļ·āđāļāļāļąāļāļāļēāļĢ styles |
| 5 | MEDIUM | vue-accessibility.md | Accessibility | āļāļēāļĢāļĢāļąāļāļĢāļāļāļ§āđāļē Vue applications āļāļāļāļāļļāļāđāļāđāļēāļāļķāļāđāļāđāļŠāļģāļŦāļĢāļąāļāļāļļāļ users | vue- | āđāļĄāļ·āđāļ ensure accessibility |
Knowledge
| Reference | Name | Description | Prefix |
|---|
Overview
Rules
āđāļāđāļĨāļ°āđāļāļĨāđ Rule āļāļĢāļ°āļāļāļāļāđāļ§āļĒ:
- āđāļŦāļāļļāļāļĨ (Why)
- āļāļąāļ§āļāļĒāđāļēāļāļāļĩāđāđāļĄāđāļāļĩ (Anti-patterns)
- āļāļąāļ§āļāļĒāđāļēāļāļāļĩāđāļāļĩ (Best practices)
- āļāļāļāļĩāđāļāđāļāļāļāļāļīāļāļąāļāļīāļāļēāļĄ (Rules)
- āļāļĨāļāļĢāļ°āļāļāļāđāļēāđāļĄāđāļāļģāļāļēāļĄ (Impact)
- āđāļāļāļŠāļēāļĢāļāđāļēāļāļāļīāļ (References)
Knowledge
āđāļāđāļĨāļ°āđāļāļĨāđ Knowledge āļāļĢāļ°āļāļāļāļāđāļ§āļĒ:
- Overview: āļ āļēāļāļĢāļ§āļĄāļāļāļ topic
- Key Concepts: concepts āļŠāļģāļāļąāļāļāļĩāđāļāđāļāļāļĢāļđāđ
- Examples: āļāļąāļ§āļāļĒāđāļēāļāļāļēāļĢāđāļāđāļāļēāļ
- Best Practices: best practices āļāļĩāđāļāļ§āļĢāļāļģāļāļēāļĄ
- References: āļĨāļīāļāļāđāđāļāļĒāļąāļāđāļŦāļĨāđāļāļāđāļāļĄāļđāļĨāļāđāļāļāļāļąāļ
How to Use
āđāļāđāļĨāļ°āđāļāļĨāđ Rule āļāļāļīāļāļēāļĒāļāļķāļ:
- āđāļŦāļāļļāļāļĨāļāļĩāđāļāđāļāļāļāļģāļāļēāļĄāļāļ
- āļāļąāļ§āļāļĒāđāļēāļāļāļĩāđāđāļĄāđāļāļĩāđāļĨāļ°āļāļĩ
- āļāļāļāļĩāđāļāđāļāļāļāļāļīāļāļąāļāļīāļāļēāļĄ
- āļāļĨāļāļĢāļ°āļāļāļāđāļēāđāļĄāđāļāļģāļāļēāļĄ
- āđāļāļāļŠāļēāļĢāļāđāļēāļāļāļīāļ
āđāļāđāļĨāļ°āđāļāļĨāđ Knowledge āļāļāļīāļāļēāļĒāļāļķāļ:
- āļ āļēāļāļĢāļ§āļĄāļāļāļ topic
- Concepts āļŠāļģāļāļąāļāļāļĩāđāļāđāļāļāļĢāļđāđ
- āļāļąāļ§āļāļĒāđāļēāļāļāļēāļĢāđāļāđāļāļēāļ
- Best practices āļāļĩāđāļāļ§āļĢāļāļģāļāļēāļĄ
- āđāļāļāļŠāļēāļĢāļāđāļēāļāļāļīāļ
References