Does it support Vuex 3 state management?

Absolutely. It provides guidance on creating namespaced modules and using map helpers to keep your state management logic clean, predictable, and modular.

How does this skill help with Vue 3 migration?

It identifies deprecated features like Filters and $listeners and encourages the use of the Composition API in Vue 2.7+ to prepare the codebase for a smoother transition.

Can it fix Options API ordering automatically?

Yes, it can reorganize component properties like data, props, and methods into a standardized, readable order based on Vue 2 style guide best practices.

Why does this skill recommend avoiding Mixins?

Mixins often lead to naming conflicts and implicit dependencies that make code hard to maintain; the skill helps refactor them into explicit patterns like Scoped Slots or external JS utilities.

Vue 2 Best Practices

Name: Vue 2 Best Practices
Author: Protagonistss

byProtagonistss

0•

개발자 도구

Standardizes Vue 2 development by enforcing Options API patterns, Vuex modularity, and migration-ready code structures.

The Vue 2 Best Practices skill provides specialized guidance for maintaining and modernizing legacy Vue.js applications. It helps developers enforce consistent Options API ordering, avoid common anti-patterns like mixin-overuse and arrow function errors, and implement scalable Vuex 3 architectures with namespaced modules. Designed for teams managing long-term projects, it streamlines code reviews and bridges the gap to Vue 3 by introducing migration-friendly patterns and Composition API bridge strategies within the Vue 2 ecosystem.

주요 기능

01Preparation for Vue 3 migration through Vue 2.7+ Composition API patterns

02Detection and removal of Vue 2 anti-patterns like direct DOM manipulation

03Implementation of namespaced Vuex 3 modules and map helpers

04Automated Options API property reordering and standardization

050 GitHub stars

06Refactoring legacy Mixins into modern utility functions or HOCs

사용 사례

01Refactoring a messy legacy Vue 2 component to follow standard industry patterns

02Auditing a codebase for deprecated features before attempting a Vue 3 upgrade

03Converting a monolithic Vuex store into a scalable, namespaced module system

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add protagonistss/ithinku-plugins vue2-best-practices

For use in Claude.ai and ChatGPT

Download Skill