The validator 'default' must be a function error in prod when importing all @vee-validate/rules

[AndColla]

What happened?

I have a nuxt plugin to import all the @vee-validate/rules

import AllRules from '@vee-validate/rules';

Object.keys(AllRules).forEach(rule => {
  defineRule(rule, AllRules[rule]);
});

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp
});

When I try to use this plugin in dev mode it works just fine, but if I try to build and run it in prod mode i get The validator 'default' must be a function.

This error appeared after the 4.11.4 update

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

[nuxt] [request error] [unhandled] [500] Extension Error: The validator 'default' must be a function.
  at async eval (./server/chunks/handlers/renderer.mjs:46:22)  
  at async Object.eval [as handler] (./server/chunks/nitro/node-server.mjs:2177:19)  
  at async Server.toNodeHandle (./server/chunks/nitro/node-server.mjs:2366:7)

Demo link

https://stackblitz.com/edit/nuxt-starter-fkj1dc?file=plugins%2Fvee-validate.js

Code of Conduct

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

[logaretm]

Seems like the production build isn't handling default and named exports at the same time. Will be a breaking change but I will tag it in the next patch release.

[corradopetrelli]

Same issue with Vue 3 and vee-validate 4.11.8 in production

[zsq44]

Same issue with Vue 3 and vee-validate 4.13.1 in production

[Uleertel]

Same issue with Vue 3 and vee-validate & vee-validate/rules 4.13.2
Can you please consider this issue since it breaking the behavior described on https://www.npmjs.com/package/@vee-validate/rules

import { defineRule } from 'vee-validate';
import * as rules from '@vee-validate/rules';

Object.keys(rules).forEach(rule => {
  defineRule(rule, rules[rule]);
});