[USelectMenu] regex error on filtering special characters (.,)

[gertaMng]

Environment

• Operating System: Darwin
• Node Version: v18.15.0
• Nuxt Version: 3.12.4
• CLI Version: 3.12.0
• Nitro Version: 2.9.7
• Package Manager: [email protected]
• Builder: -
• User Config: extends, uiPro, typescript, colorMode, runtimeConfig, imports, app, compatibilityDate
• Runtime Modules: -
• Build Modules: -

Version

v2.18.4

Reproduction

https://stackblitz.com/edit/nuxt-ui-ucgnmg?file=app.vue

Description

USelectMenu throws regex error while filtering special chars, the select stops filtering, but in the console it throws the following error:
DaS55lpH.js:14 SyntaxError: Invalid regular expression: /(/i: Unterminated group (at DaS55lpH.js:39:107506)
at new RegExp ()
at DaS55lpH.js:39:107506
at Array.some ()
at DaS55lpH.js:39:107428
at u (DaS55lpH.js:10:7546)
at Array.filter ()
at Do (DaS55lpH.js:10:7636)
at Proxy.filter (DaS55lpH.js:10:6121)
at xz.fn (DaS55lpH.js:39:107324)
at DC (DaS55lpH.js:10:3093)

It is reproducable even on official documentation.

Additional context

No response

Logs

No response

[enegandev]

Hi Gerta,

I'm having the same problem as you.

Im currently using nuxt/ui-pro 1.4.0
I hope there will be another release with a solution and not solve it with a workaround.

@benjamincanac @smarroufin

[benjamincanac]

Thanks for the report! Never noticed that before 😬

[gertaMng]

@benjamincanac Thank you for the quick response! On which version of nuxt/ui-pro do I find the fix?

[benjamincanac]

This component belongs to nuxt/ui and it hasn't been released yet. You can however use the Edge package: @nuxt/[email protected]

https://ui.nuxt.com/getting-started/installation#edge