image/svg+xml is not supported in mimes() validator

[martindzejky]

What happened?

mimes(file, ['image/svg+xml'])

returns false if file is an SVG image file. It should return true. In

vee-validate/packages/rules/src/mimes.ts

Line 12 in 93228b7

const regex = new RegExp(`${mimes.join('|').replace('*', '.+')}$`, 'i');

you also need to escape the + sign.

Reproduction steps

No response

Version

Vue.js 3.x and vee-validate 4.x

What browsers are you seeing the problem on?

• Firefox
• Chrome
• Safari
• Microsoft Edge

Relevant log output

No response

Demo link

NA

Code of Conduct

• I agree to follow this project's Code of Conduct

[martindzejky]

Sorry for not including a demo link, I wasn't able to quickly get one working 🤦 . I hope the issue is self-explanatory and does not need a reproduction link.