RollupError: Unexpected token `@`. during build while using it with @babel/plugin-proposal-decorators

[Verthon]

Hello

I run into following issue: RollupError: Unexpected token@. Expected identifier, string literal, numeric literal or [ for the computed key when running build with the Vite

Dependencies:

• typescript v5.4.5
• vite v5.2.11
• vite-plugin-babel v1.2.0
• @babel/plugin-proposal-decorators v7.24.1
• vite-tsconfig-paths v4.3.2

Decorator usage:

function log<
    Type,
    Context extends ClassMethodDecoratorContext | ClassFieldDecoratorContext,
    ReturnType
>(message: Type): (_: unknown, context: Context) => ReturnType {
    //@ts-ignore
    return (_, context) => {
        if (context.kind === "method") {
            return () => message;
        }

        return () => () => message;
    };
}

export class Example {
    @log("test")
    public doSomething = () => {
        console.log("test");
    };
}

Reproduction repository: https://github.com/Verthon/babel-plugin-decorators-repro

Current workaround:

we are using @vitejs/plugin-react even we don't use React 😅 but it works

react({
      babel: {
        plugins: [
          ['@babel/plugin-proposal-decorators', { version: '2023-05' }],
        ],
      },
}),