\n\n## Usage\n\nInstall:\n\n```bash\nnpm add @rsbuild/plugin-vue2-jsx -D\n```\n\nAdd plugin to your `rsbuild.config.ts`:\n\n```ts\n// rsbuild.config.ts\nimport { pluginBabel } from \"@rsbuild/plugin-babel\";\nimport { pluginVue2 } from \"@rsbuild/plugin-vue2\";\nimport { pluginVue2Jsx } from \"@rsbuild/plugin-vue2-jsx\";\n\nexport default {\n plugins: [\n pluginBabel({\n include: /\\.(?:jsx|tsx)$/,\n }),\n pluginVue2(),\n pluginVue2Jsx(),\n ],\n};\n```\n\nSince the Vue JSX plugin relies on Babel for compilation, you need to additionally add the [@rsbuild/plugin-babel](https://www.npmjs.com/package/@rsbuild/plugin-babel).\n\nBabel compilation will introduce extra overhead, in the example above, we use `include` to match `.jsx` and `.tsx` files, thereby reducing the performance cost brought by Babel.\n\nAfter registering the plugin, you can use Vue's [JSX / TSX syntax](https://github.com/vuejs/jsx-vue2) in `.jsx`, `.tsx`, and `.vue` files.\n\n## Vue SFC\n\nWhen using JSX in Vue SFC, you need to add `lang=\"jsx\"` or `lang=\"tsx\"` to the `\n```\n\n- TSX:\n\n```html title=\"App.vue\"\n\n```\n\n## Options\n\nIf you need to customize the compilation behavior of Vue JSX, you can use the following configs.\n\n### vueJsxOptions\n\nOptions passed to `@vue/babel-preset-jsx`, please refer to the [@vue/babel-preset-jsx documentation](https://github.com/vuejs/jsx-vue2) for detailed usage.\n\n- **Type:**\n\n```ts\ntype VueJSXPresetOptions = {\n compositionAPI?: boolean | string;\n functional?: boolean;\n injectH?: boolean;\n vModel?: boolean;\n vOn?: boolean;\n};\n```\n\n- **Default:**\n\n```ts\nconst defaultOptions = {\n injectH: true,\n};\n```\n\n- **Example:**\n\n```ts\npluginVue2Jsx({\n vueJsxOptions: {\n injectH: false,\n },\n});\n```\n\n## License\n\n[MIT](./LICENSE).","users":{}}
![\"npm](\"https://img.shields.io/npm/v/@rsbuild/plugin-vue2-jsx?style=flat-square&colorA=564341&colorB=EDED91\")
\n \n ![\"license\"](\"https://img.shields.io/badge/License-MIT-blue.svg?style=flat-square&colorA=564341&colorB=EDED91\"){kind=icon}
\n