up

Author: fi3ework

examples/vue-component-bundle/package.json

@@ -10,7 +10,7 @@
   },
   "devDependencies": {
     "@rslib/core": "workspace:*",
-    "rsbuild-plugin-unplugin-vue": "^0.0.3",
+    "rsbuild-plugin-unplugin-vue": "^0.0.5",
     "typescript": "^5.8.3",
     "vue": "^3.5.13",
     "vue-tsc": "^2.2.10"

examples/vue-component-bundle/rslib.config.ts

@@ -4,4 +4,7 @@ import { pluginUnpluginVue } from 'rsbuild-plugin-unplugin-vue';
 export default defineConfig({
   plugins: [pluginUnpluginVue()],
   lib: [{ format: 'esm' }],
+  output: {
+    target: 'web',
+  },
 });

examples/vue-component-bundleless/package.json

@@ -21,7 +21,7 @@
     "@storybook/blocks": "^8.6.12",
     "@storybook/test": "^8.6.12",
     "@storybook/vue3": "^8.6.12",
-    "rsbuild-plugin-unplugin-vue": "^0.0.3",
+    "rsbuild-plugin-unplugin-vue": "^0.0.5",
     "storybook": "^8.6.12",
     "storybook-addon-rslib": "^1.0.1",
     "storybook-vue3-rsbuild": "^1.0.1",

examples/vue-component-bundleless/rslib.config.ts

@@ -4,4 +4,7 @@ import { pluginUnpluginVue } from 'rsbuild-plugin-unplugin-vue';
 export default defineConfig({
   plugins: [pluginUnpluginVue()],
   lib: [{ bundle: false, format: 'esm' }],
+  output: {
+    target: 'web',
+  },
 });

pnpm-lock.yaml

@@ -1,14 +1,15 @@
+import { platform } from 'node:os';
 import { join } from 'node:path';
 import { buildAndGetResults } from 'test-helper';
 import { describe, expect, test } from 'vitest';
 
-describe('ESM', async () => {
+// '__file' path can't be normalized on win32.
+describe.runIf(platform() !== 'win32')('ESM', async () => {
   const fixturePath = join(__dirname);
   const { js, css } = await buildAndGetResults({
     fixturePath,
     type: 'all',
   });
-
   test('bundle', async () => {
     expect(js.contents.esm1).toMatchInlineSnapshot(`
       {

tests/integration/vue/index.test.ts

@@ -5,7 +5,7 @@
   "type": "module",
   "devDependencies": {
     "@rsbuild/plugin-less": "^1.2.4",
-    "rsbuild-plugin-unplugin-vue": "^0.0.3",
+    "rsbuild-plugin-unplugin-vue": "^0.0.5",
     "vue": "^3.5.13"
   },
   "peerDependencies": {

tests/integration/vue/package.json

@@ -11,6 +11,7 @@ export default defineConfig({
       plugins: [pluginUnpluginVue()],
       bundle: false,
       output: {
+        target: 'web',
         distPath: {
           root: 'dist/bundleless',
         },
@@ -20,6 +21,7 @@ export default defineConfig({
     generateBundleEsmConfig({
       plugins: [pluginUnpluginVue()],
       output: {
+        target: 'web',
         distPath: {
           root: 'dist/bundle',
         },

tests/integration/vue/rslib.config.ts

@@ -39,7 +39,8 @@ Plugins available for React:
 
 Plugins available for Vue:
 
-- [Vue Plugin](https://rsbuild.dev/plugins/list/plugin-vue): Provides support for Vue 3 SFC (Single File Components).
+- [Vue Plugin](https://github.com/rspack-contrib/rsbuild-plugin-unplugin-vue): Based on [unplugin-vue](https://github.com/unplugin/unplugin-vue), provides support for Vue 3 SFC (Single File Components).
+- [Vue Plugin](https://rsbuild.dev/zh/plugins/list/plugin-vue): Based on [vue-loader](https://github.com/vuejs/vue-loader), provides support for Vue 3 SFC (Single File Components) (Recommend using the implementation based on [unplugin-vue](https://github.com/unplugin/unplugin-vue), as vue-loader is no longer maintained).
 - [Vue JSX Plugin](https://github.com/rspack-contrib/rsbuild-plugin-vue-jsx): Provides support for Vue 3 JSX / TSX syntax.
 - [Vue2 Plugin](https://github.com/rspack-contrib/rsbuild-plugin-vue2): Provides support for Vue 2 SFC (Single File Components).
 - [Vue2 JSX Plugin](https://github.com/rspack-contrib/rsbuild-plugin-vue2-jsx): Provides support for Vue 2 JSX / TSX syntax.

website/docs/en/config/rsbuild/plugins.mdx

@@ -100,3 +100,4 @@ Check out more details in the [Storybook Rsbuild documentation](https://storyboo
 ## Example
 
 - [React component library + Rslib + Storybook](https://github.com/rspack-contrib/storybook-rsbuild/tree/main/sandboxes/rslib-react-component)
+- [Vue component library + Rslib + Storybook](https://github.com/rspack-contrib/storybook-rsbuild/tree/main/sandboxes/rslib-vue3-component)