Property 'xx' does not exist on type 'Validation<ValidationArgs<unknown>, unknown>'

Properties defined in thevalidation()method are not recognized by typescript and so compilation fails

Expected behavior Properties defined in the validation()methods recognized as attributes of the v$ instance

Q: How to declare the properties under vuelidate validation valid v$ attributes?

Snippet:

<template>
   <div v-if="v$.xx.$error">xx error</div>
--> Property 'xx' does not exist on type 'Validation<ValidationArgs<unknown>, unknown>' <--
</template>

<script lang="ts">
import useVuelidate from '@vuelidate/core'
import { required } from '@vuelidate/validators'
export default defineComponent({
  setup() {
    const v$ = useVuelidate()
    return { v$ }
  },
  data() {
    return {
      xx: '',
    }
  },
  validations() {
    return {
      xx: { required },
    }
  }
}

Same error without thesetup() method and exposingv$indata():

data() {
    return {
      v$: useVuelidate(),
    }

package.json:

{
  "dependencies": {
    "@vuelidate/core": "^2.0.0-alpha.40",
    "@vuelidate/validators": "^2.0.0-alpha.28",
    "vee-validate": "^4.5.11",
    "vue": "^3.2.32",
  },
  "devDependencies": {
    "@types/vuelidate": "^0.7.15",
    "typescript": "^4.6.3",
    "vite": "^2.9.5",
  }
}

[alexejrotar]

@jorparad are you using options API or composition API? I suppose you are using typescript, otherwise you wouldn’t get such an error. in that case I recommend using the composition API. i.e. create your data and rules inside your setup method, and call useVuelidate with these as arguments. see my previous comment for an example. if that won’t solve the problem, would you post a code snippet?

[jorparad]

I’m following the examples in the documentation using useVuelidate() inside setup() and getting this error.

How is the correct way of specifying the type if the way described in the documentation is not working?