Как корректно типизировать результат функции?

Question

[700Hp]

Приветствую, знатоки.
Я создал класс, в котором объединил несколько методов для валидации.
Использую vue и библиотеку vuelidate
Мне нужно типизировать переменную v$, подскажите как наиболее корректно это было бы сделать? Попробовал ReturnType, увы подсказок webstorm никаких не выдаёт, хотя и явных ошибок нет.

Пример rules&formdata

const data = {
    rules: {
      login: base({}),
      password: password
    },
    formData: reactive({
      login: '',
      password: '',
      remember_me: false
    }

Каждый ключ rules это так-же объёт, которые включает в себя метод проверки и сообщение об ошибке.

export const base = ({ min = 2, max = 255 }) => {
  return {
    minLength: ValidatorErrorMsgVuelidate.minLength(min),
    maxLength: ValidatorErrorMsgVuelidate.maxLength(max),
    required: ValidatorErrorMsgVuelidate.required()
  }
}

Объединяющий класс

export default class ValidatorVuelidate {
  constructor(rules, formData) {
    this.v$ = useVuelidate(rules, formData)
  }

  public validateField = (event: Event): void => {
    const eventTarget = event.target as HTMLInputElement
    const nameField = eventTarget.name
    this.v$.value[nameField].$touch()
    if (this.v$.value[nameField].$error) {
      this.v$.value[nameField].$validate()
    }
  }

  public validateForm = (): boolean | void => {
    this.v$.value.$validate()
    if (this.v$.value.$error) {
      return this.v$.value.$touch()
    }
    return true
  }

  public resetValidateField = (nameField: string): void => {
    this.v$.value[nameField].$reset()
  }
}

v$ является ref, включает в себя некоторые методы, а так-же имена полей формы.

Например:
v$.value.$touch()

Типы самой функции useVuelidate

export function useVuelidate(globalConfig?: GlobalConfig): Ref<Validation>;
export function useVuelidate<
  T extends {[key in keyof Vargs]: any},
  Vargs extends ValidationArgs = ValidationArgs,
  EState extends ExtractState<Vargs> = ExtractState<Vargs>
>(
  validationsArgs: Ref<Vargs> | Vargs,
  state: T | Ref<T> | ToRefs<T>,
  globalConfig?: GlobalConfig
): Ref<Validation<Vargs, T>>;

export default useVuelidate;

Comments

[WbICHA]

v$ возьмёт тип из useVuelidate, в который ты передаёшь 2 эни. Так что для начала стоило бы конструктор типизировать.

[700Hp]

WbICHA, подскажи пожалуйста.
Всю голову сломал
Никак не могу понять что он хочет.

конструктор и v$ типизировал таким образом

public v$: Ref<Validation<object, Ref<object>>>

  constructor(rules: object, formData: Ref<object>) {
    this.v$ = useVuelidate(rules, formData)
  }

Webstorm предлагает изменить непонятно на что.

[WbICHA]

700Hp, у тебя реф и валидейшен точно правильные импортированные? В любом случае прими автофикс и посмотри.

[700Hp]

WbICHA, больше не откуда.

chat gpt такое решение предложил

public v$: Validation<ValidationArgs, ExtractState<FormData>>

  constructor(rules: ValidationArgs, formData: ExtractState<object>) {
    this.v$ = useVuelidate<ValidationArgs, ExtractState<FormData>, ValidationArgs>(
      rules as ValidationArgs,
      formData as unknown as Record<string, any>
    ) as unknown as Validation<ValidationArgs, ExtractState<FormData>>
  }

Но почему-то он V$ не делает реактивным.
Несмотря на то, что функция возвращает реактиным его.

[WbICHA]

700Hp,

chat gpt такое решение предложил

Мог ещё у соседки-бабули спросить.

Но почему-то он V$ не делает реактивным.
Несмотря на то, что функция возвращает реактиным его.

Воспроизведи ошибку в песочнице и дай ссыль. Дальше гадать у меня желания нет.