All skills
hyf0 avatar

/vue-jsx-best-practices

@bc922e4 official
by hyf0hyf0/vue-skills2.9k stars
167

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

Use this Skill: https://skilld.dev/gh/hyf0/vue-skills/vue-jsx-best-practices

This session only. Nothing lands on disk.

SKILL.md

≈22 tokens always: the name and description. ≈55 when used: this file. ≈1k more on demand in 1 file.

Vue JSX best practices and differences from React JSX.

JSX

Source: SKILL.md on GitHub

No alerts17d5 checks · Risk SAFE
  • Gen Agent Trust Hub17d

    This skill provides educational documentation and configuration examples for using JSX in Vue projects. It contains no malicious code, unauthorized network access, or sensitive data handling.

  • Socket17d

    No alerts

  • Snyk17d

    Risk: LOW · No issues

  • Runlayer7mo

    2 files scanned · No issues

  • ZeroLeaks5mo

    Score: 93/100 · 2 sections analyzed

Signed by skilld at bc922e4. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub 2 months ago.

Steadyupdated 8 months ago
version
2.0.0
author
github.com/vuejs-ai
  • Vue
  • TypeScript
  • jsx
  • react-migration
  • syntax
  • render-functions
  • class-attributes

README badge

README badge for hyf0/vue-skills/vue-jsx-best-practices

Explains Vue JSX syntax and conventions, including attribute naming differences from React (class vs className, on-prefixed event handlers). Use this when migrating React JSX components to Vue or resolving JSX attribute type errors.

Generated from the current SKILL.md.

Does this cover the differences between Vue JSX and React JSX?
Yes. The skill includes a reference guide on render-function JSX differences, covering topics like class vs className attributes.
Will this help me migrate React JSX code to Vue?
Yes. The skill explicitly addresses migrating React JSX to Vue and resolving attribute type errors in that context.
Does this cover JSX plugin configuration?
Yes. The skill covers JSX syntax in Vue including plugin configuration setup.

Generated from the current SKILL.md. These answers refresh after source changes.