Vue Jsx Best Practices

Skill Verified Active

JSX syntax in Vue (e.g., class vs className, JSX plugin config).

Purpose

To help developers understand and correctly implement JSX syntax in Vue.js projects, bridging the gap for those familiar with React JSX.

Features

Explains JSX syntax differences between Vue and React
Covers attribute mapping (class vs. className)
Provides information on JSX plugin configuration for Vue

Use Cases

Migrating React JSX code to Vue
Resolving attribute type errors when using JSX in Vue
Configuring JSX plugins for Vue projects

Non-Goals

Providing general Vue.js best practices
Covering React-specific JSX features not applicable to Vue
Detailed setup guides for build tools beyond JSX plugin configuration

Practical Utility

info:Edge casesWhile the skill addresses specific differences, explicit documentation of failure modes and recovery steps is missing.

Installation

First, add the marketplace

/plugin marketplace add hyf0/vue-skills

/plugin install vue-skills@vue-skills

Quality Score

Verified

98 /100

Analyzed about 21 hours ago

Trust Signals

Last commitabout 2 months ago

GitHub owner hyf0

Stars2.4k

LicenseMIT

Status

View Source

Similar Extensions

Setup Tailwind Typescript

100

Configure Tailwind CSS with TypeScript in a Next.js or React project. Covers installation, configuration, custom theme extensions, component patterns, and type-safe styling utilities. Use when adding Tailwind CSS to an existing TypeScript project, customizing the Tailwind theme for a project's design system, setting up type-safe component styling patterns, or configuring Tailwind plugins and extensions.

Skill

pjt222

Frontend Design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

Skill

digitalsamba

Setup

100

Use first for install/update routing — sends setup, doctor, or MCP requests to the correct OMC setup flow

Skill

Yeachan-Heo

Mcp Setup

100

Configure popular MCP servers for enhanced agent capabilities

Skill

Yeachan-Heo

Running Claude Code Via Litellm Copilot

100

Use when routing Claude Code through a local LiteLLM proxy to GitHub Copilot, reducing direct Anthropic spend, configuring ANTHROPIC_BASE_URL or ANTHROPIC_MODEL overrides, or troubleshooting Copilot proxy setup failures such as model-not-found, no localhost traffic, or GitHub 401/403 auth errors.

Skill

xixu-me

Sync Setup

100

Use when the user wants to set up config sync for the first time, connect to GitHub, or re-initialize the backup repo.

Skill

rohithzr