Vue Jsx Best Practices
Plugin Verified ActiveJSX syntax in Vue (e.g., class vs className, JSX plugin config).
To help Vue.js developers write better JSX code by providing best practices and addressing common syntax differences and gotchas.
Features
- Vue 3 JSX syntax guidance
- Class vs className differences
- JSX configuration advice
- Best practices for Vue JSX
Use Cases
- When encountering 'class' vs 'className' errors in Vue JSX.
- When migrating React JSX code to Vue.
- When needing guidance on Vue JSX configuration.
Non-Goals
- General Vue.js development best practices.
- React JSX best practices.
- Debugging runtime errors unrelated to JSX syntax.
Installation
First, add the marketplace
/plugin marketplace add hyf0/vue-skills/plugin install vue-jsx-best-practices@vue-skillsQuality Score
VerifiedTrust Signals
Similar Extensions
Uc Taskmanager
100SDD WORK-PIPELINE Agent — Requirements analysis & development 6-agent full pipeline with DAG-based orchestration and sliding window context management
Brand Landingpage
99Guides developers from brand discovery through iterative design to deployment-ready HTML via Stitch.
Multi Platform Apps
99Cross-platform application development coordinating web, iOS, Android, and desktop implementations
UI/UX Design Plugin
99Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
Gsap Skills
99Official GSAP skills for Claude, Cursor, and other AI agents — animations, timelines, ScrollTrigger, plugins, utilities, React, and performance
Create Adaptable Composable
98Create a library-grade Vue composable that accepts maybe-reactive inputs (MaybeRef / MaybeRefOrGetter) so callers can pass a plain value, ref, or getter. Normalize inputs with toValue()/toRef() inside reactive effects (watch/watchEffect) to keep behavior predictable and reactive. Use this skill when user asks for creating adaptable or reusable composables.