What problem does it solve?
This skill addresses the complexity of compiling Vue SFCs into optimized render functions while simultaneously generating accurate TSX for IDE type analysis, ensuring that developers get real-time feedback without sacrificing production performance.
Core Features & Use Cases
- Dual-Path Compilation: Simultaneously generates VDOM/Vapor render functions for production and JSX/TSX for IDE type checking.
- Rust-Powered Pipeline: Utilizes a high-performance, arena-based AST pipeline to handle tokenization, parsing, and code transformation.
- Use Case: Use this skill to audit the compilation pipeline of a Vue project, verify the correctness of generated TSX for a specific component, or debug template-to-render-function transformations.
Quick Start
Use the compiler-codegen skill to analyze the compilation pipeline and generate the TSX representation for the specified Vue component file.