chore: rename package

README.md

@@ -1,10 +1,10 @@
-# rsbuild-plugin-example
+# @rsbuild/plugin-vue2-jsx
 
-rsbuild-plugin-example is a Rsbuild plugin to do something.
+@rsbuild/plugin-vue2-jsx is a Rsbuild plugin to do something.
 
 <p>
-  <a href="https://npmjs.com/package/rsbuild-plugin-example">
-   <img src="https://img.shields.io/npm/v/rsbuild-plugin-example?style=flat-square&colorA=564341&colorB=EDED91" alt="npm version" />
+  <a href="https://npmjs.com/package/@rsbuild/plugin-vue2-jsx">
+   <img src="https://img.shields.io/npm/v/@rsbuild/plugin-vue2-jsx?style=flat-square&colorA=564341&colorB=EDED91" alt="npm version" />
   </a>
   <img src="https://img.shields.io/badge/License-MIT-blue.svg?style=flat-square&colorA=564341&colorB=EDED91" alt="license" />
 </p>
@@ -14,17 +14,17 @@ rsbuild-plugin-example is a Rsbuild plugin to do something.
 Install:
 
 ```bash
-npm add rsbuild-plugin-example -D
+npm add @rsbuild/plugin-vue2-jsx -D
 ```
 
 Add plugin to your `rsbuild.config.ts`:
 
 ```ts
 // rsbuild.config.ts
-import { pluginExample } from "rsbuild-plugin-example";
+import { pluginVue2Jsx } from "@rsbuild/plugin-vue2-jsx";
 
 export default {
-  plugins: [pluginExample()],
+  plugins: [pluginVue2Jsx()],
 };
 ```
 
@@ -39,7 +39,7 @@ Some description.
 - Example:
 
 ```js
-pluginExample({
+pluginVue2Jsx({
   foo: "bar",
 });
 ```

package.json

@@ -1,7 +1,7 @@
 {
-  "name": "rsbuild-plugin-example",
+  "name": "@rsbuild/plugin-vue2-jsx",
   "version": "0.0.0",
-  "repository": "https://github.com/rspack-contrib/rsbuild-plugin-template",
+  "repository": "https://github.com/rspack-contrib/@rsbuild/plugin-vue2-jsx",
   "license": "MIT",
   "type": "module",
   "exports": {

playground/rsbuild.config.ts

@@ -1,6 +1,6 @@
 import { defineConfig } from '@rsbuild/core';
-import { pluginExample } from '../src';
+import { pluginVue2Jsx } from '../src';
 
 export default defineConfig({
-  plugins: [pluginExample()],
+  plugins: [pluginVue2Jsx()],
 });

src/index.ts

@@ -1,14 +1,14 @@
 import type { RsbuildPlugin } from '@rsbuild/core';
 
-export type PluginExampleOptions = {
+export type pluginVue2JsxOptions = {
   foo?: string;
   bar?: boolean;
 };
 
-export const pluginExample = (
-  options: PluginExampleOptions = {},
+export const pluginVue2Jsx = (
+  options: pluginVue2JsxOptions = {},
 ): RsbuildPlugin => ({
-  name: 'plugin-example',
+  name: 'plugin-vue2-jsx',
 
   setup() {
     console.log('Hello Rsbuild!', options);

test/basic/index.test.ts

@@ -2,7 +2,7 @@ import { dirname } from 'node:path';
 import { fileURLToPath } from 'node:url';
 import { expect, test } from '@playwright/test';
 import { createRsbuild } from '@rsbuild/core';
-import { pluginExample } from '../../src';
+import { pluginVue2Jsx } from '../../src';
 import { getRandomPort } from '../helper';
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
@@ -11,7 +11,7 @@ test('should render page as expected', async ({ page }) => {
   const rsbuild = await createRsbuild({
     cwd: __dirname,
     rsbuildConfig: {
-      plugins: [pluginExample()],
+      plugins: [pluginVue2Jsx()],
       server: {
         port: getRandomPort(),
       },
@@ -30,7 +30,7 @@ test('should build succeed', async ({ page }) => {
   const rsbuild = await createRsbuild({
     cwd: __dirname,
     rsbuildConfig: {
-      plugins: [pluginExample()],
+      plugins: [pluginVue2Jsx()],
     },
   });