DataTable multiple selection checkboxes broken when aliasing import vue to @vue/compat

[zippitydooda]

Describe the bug

When adding bootstrap-vue to project an alias like below is required:

resolve: { alias: { vue: '@vue/compat', }, }

However, this breaks Primevue DataTable multiple selection checkboxes (see reproducer). Checkboxes are not able to be visually toggled.

Reproducer

https://stackblitz.com/~/github.com/zippitydooda/primevue-bootstrap-checkboxes-reproducer

PrimeVue version

3.51.0

Vue version

3.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

No response

Steps to reproduce the behavior

1. Go to app
2. Try to click on the checkboxes on DataTable
3. Checkboxes toggling is broken - the underlying model receives changes but visually the checkboxes remain unselected

Expected behavior

The checkboxes graphical selection state changes along with the model