vite: use babel to transform decorators

Author: michael-brade

package.json

@@ -104,6 +104,8 @@
     "rollup-plugin-visualizer": "7.0.x",
     "esbuild": "0.28.x",
     "terser": "5.48.x",
+    "@rolldown/plugin-babel": "0.2.x",
+    "@babel/plugin-proposal-decorators": "8.0.x",
     "mocha": "11.7.x",
     "mocha-junit-reporter": "2.x",
     "chai": "6.x",
@@ -123,9 +125,6 @@
     "@types/tmp": "^0.2.6"
   },
   "mocha": {
-    "extension": [
-      "ts"
-    ],
     "node-option": [
       "import=tsx"
     ],

package.json.sh

@@ -184,6 +184,9 @@ devDependencies:
     'esbuild': '0.28.x'
     'terser': '5.48.x'
 
+    '@rolldown/plugin-babel': '0.2.x'
+    '@babel/plugin-proposal-decorators': '8.0.x'
+
     ### testing
 
     'mocha': '11.7.x'
@@ -209,7 +212,6 @@ devDependencies:
     "@types/tmp": "^0.2.6"
 
 mocha:
-    extension: ['ts']
     'node-option': [ "import=tsx" ]
     file:
         'test/lib/globals.ts'

vite.config.ts

@@ -5,6 +5,8 @@ import { defineConfig } from 'vite';
 import { checker } from 'vite-plugin-checker';
 import dts from 'unplugin-dts/vite'
 
+import babel from "@rolldown/plugin-babel"
+
 import livescript from "./lib/rollup-plugin-livescript.js";
 import peggy from "./lib/vite-plugin-peggy.ts";
 
@@ -23,9 +25,21 @@ export default defineConfig({
     logLevel: "info",
 
     plugins: [
-        // checker({
-        //     typescript: true
-        // }),
+        checker({
+            typescript: true
+        }),
+
+        babel({
+            presets: [{
+                preset: () => ({
+                    plugins: [["@babel/plugin-proposal-decorators", { version: "2023-11" }]]
+                }),
+                rolldown: {
+                    filter: { code: "@" }
+                }
+            }]
+        }),
+
         livescript(),
         peggy({
             plugins: [ignoreInfiniteLoop],