Menubar: Identifier directly after number error with Vite

[chreds]

Describe the bug

I'm trying to set :breakpoint="600px" (or something less than default).

<Menubar :model="items" :breakpoint="600px">

and I'm getting the following error:

[vite] Internal server error: Error parsing JavaScript expression: Identifier directly after number. (1:4)

Looks to be related to the px after the number. Looks like Vite expects this to be an integer or something. Any ideas?

Reproducer

https://stackblitz.com/edit/primevue-create-vue-typescript-issue-template-uojklr?file=src%2FApp.vue

PrimeVue version

3.5.2

Vue version

3.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

No response

Steps to reproduce the behavior

Add :breakpoint="600px" to a Menubar item.

Expected behavior

Should reduce the breakpoint to 600px, instead throws an error.