[@types/vuelidate] Unable to build

[vkural]

Hello,

I am using nuxt 2 with typescript. Im using vuelidate with types/vuelidate. But when i run the project, console shows me an error.

When i remove types/vuelidate, the error disappears.

` ERROR RangeError: Maximum call stack size exceeded 14:47:55

at resolveStructuredTypeMembers (node_modules/typescript/lib/typescript.js:58714:25)
at getPropertyOfType (node_modules/typescript/lib/typescript.js:59406:32)
at createUnionOrIntersectionProperty (node_modules/typescript/lib/typescript.js:59167:32)
at getUnionOrIntersectionProperty (node_modules/typescript/lib/typescript.js:59325:28)
at getPropertyOfUnionOrIntersectionType (node_modules/typescript/lib/typescript.js:59334:28)
at getPropertiesOfUnionOrIntersectionType (node_modules/typescript/lib/typescript.js:58753:48)
at getReducedType (node_modules/typescript/lib/typescript.js:59351:34)
at getNormalizedType (node_modules/typescript/lib/typescript.js:64647:84)
at isRelatedTo (node_modules/typescript/lib/typescript.js:64998:30)
at checkTypeRelatedTo (node_modules/typescript/lib/typescript.js:64685:26)
`

[typescript-bot]

Thanks for the discussion about "vuelidate", some useful links for everyone:

• npm
• DT
• Related discussions

Pinging the DT module owners: @janesser, @jubairsaidi, @orblazer, @shadrus.

[vkural]

In vue.d.ts file i changed it as below. Now it is working. But I am not sure if this is the right solution. The package needs to be updated.

Old

interface Vue { $v: ValidationProperties<Vue> & ValidationGroups & Validation }

New
interface Vue { $v: ValidationGroups & Validation }

[janesser]

@vkural thanks for contributing.
don't hesitate to raise a PR in the direction indicated.

is there some sandbox project your original finding can be reproduced and the fix verified?

iirc there is a testfile to the typing which would eventually benefit from a case extension where ValidationProperties get involved.

[TimWiffenAsura]

Hi, I am also experiencing this issue and as far as I can tell, a PR hasn't been created to fix this issue. As well as the solution proposed above, I have also seen this solution:

-        [P in Exclude<keyof V, '$v'>]?: Validation & ValidationProperties<V[P]> & ValidationEvaluation
+        [P in Exclude<keyof V, '$v' | '$parent' | '$root' | '$children'>]?: Validation & ValidationProperties<V[P]> & ValidationEvaluation

This isn't my strongest area so I'd welcome some input to push this forward.

[IGx89]

Ran into this bug today myself while updating multiple projects from Vue 2.6 to 2.7 and submitted a PR, using the approach mentioned by Tim: #64311.