Implements idiomatic Vue JSX syntax and patterns while preventing common React-style attribute errors.
This skill provides specialized guidance for developers using JSX within the Vue 3 ecosystem. It ensures that Claude correctly differentiates between React and Vue JSX conventions—such as using 'class' instead of 'className'—and helps resolve complex attribute type errors. It is particularly useful for teams migrating React components to Vue or those who prefer the flexibility of render functions over template-based development, offering precise configuration patterns for JSX plugins and TypeScript integration.
Características Principales
01Enforces Vue 3 specific event handling and slot patterns in JSX
02Guides the migration of React components to Vue render functions
03Corrects React-to-Vue attribute mapping (e.g., class vs. className)
04Provides optimal JSX plugin configuration for Vite and Webpack
051,280 GitHub stars
06Resolves TypeScript attribute and prop type errors in JSX
Casos de Uso
01Setting up a new Vue project with JSX support for advanced UI components
02Migrating a legacy React component library to Vue 3
03Debugging type mismatches in complex Vue render functions
