test: use @rollup/plugin-swc with rolldown-vite for ecma decorators

Author: sapphi-red

playground/vue-jsx-ts-built-in/package.json

@@ -14,6 +14,8 @@
   },
   "devDependencies": {
     "@babel/plugin-syntax-decorators": "^7.27.1",
+    "@rollup/plugin-swc": "^0.4.0",
+    "@swc/core": "^1.13.5",
     "@vitejs/plugin-vue": "workspace:*",
     "@vitejs/plugin-vue-jsx": "workspace:*"
   }

playground/vue-jsx-ts-built-in/vite.config.js

@@ -1,4 +1,5 @@
 import { defineConfig } from 'vite'
+import * as vite from 'vite'
 import vueJsxPlugin from '@vitejs/plugin-vue-jsx'
 import vuePlugin from '@vitejs/plugin-vue'
 import babelPluginSyntaxDecorators from '@babel/plugin-syntax-decorators'
@@ -17,6 +18,24 @@ export default defineConfig({
       ],
     }),
     vuePlugin(),
+    // rolldown-vite does not support ecma decorators yet, use SWC for them
+    // https://github.com/oxc-project/oxc/issues/9170
+    'rolldownVersion' in vite &&
+      vite.withFilter(
+        {
+          ...swc({
+            swc: {
+              jsc: {
+                parser: { decorators: true, decoratorsBeforeExport: true },
+                transform: { decoratorVersion: '2022-03' },
+              },
+            },
+          }),
+        },
+        {
+          transform: { id: /\/decorators\//, code: '@' },
+        },
+      ),
   ],
   build: {
     // to make tests faster