{"library":"rollup-plugin-vue-jsx-compat","title":"rollup-plugin-vue-jsx-compat","description":"A Rollup plugin that transforms Vue JSX syntax (e.g., <div className=\"hehe\">) into Vue 3 compatible render functions using createVNode. Version 0.0.6 is the current stable release; it works alongside rollup-plugin-esbuild and the esbuild jsxFactory option. Unlike Babel-based Vue JSX plugins, this leverages esbuild for fast compilation and includes a built-in runtime helper (vueJsxCompat) to bridge esbuild's JSX output to Vue's createVNode. The plugin injects the transform automatically and allows custom JSX transformer paths. Ships TypeScript definitions, but the user must configure esbuild's jsxFactory option separately.","language":"javascript","status":"active","last_verified":"Mon Apr 27","install":{"commands":["npm install rollup-plugin-vue-jsx-compat"],"cli":null},"imports":["import vueJsx from 'rollup-plugin-vue-jsx-compat'","// Not exported directly; injected by the plugin. Import only if you define a custom path.","import { createVNode } from 'vue'"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"// rollup.config.js\nimport vueJsx from 'rollup-plugin-vue-jsx-compat';\nimport esbuild from 'rollup-plugin-esbuild';\n\nexport default {\n  input: 'src/index.tsx',\n  output: {\n    dir: 'dist',\n    format: 'esm',\n  },\n  plugins: [\n    vueJsx(),\n    esbuild({\n      jsxFactory: 'vueJsxCompat',\n    }),\n  ],\n};","lang":"javascript","description":"Shows minimal Rollup configuration using vue-jsx-compat with esbuild plugin, setting jsxFactory to the injected helper.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}