Как исправить ошибку Vue + TypeScript?

Question

[SM_ST]

form.categoryId = computed(() => {
    return storeCategory.getSelectedCategory.id;
  });

Выдает вот такую ошибку

(property) categoryId: number
Тип "ComputedRef<number>" не может быть назначен для типа "number"

Answer 1

[Дмитрий Беляев]

А что Вам не понятно из описания ошибки?
Вы пытаетесь присвоить объект ComputedRef<number>, возвращаемый функцией computed в поле объекта объявленное как number.
Нужно или поменять тип у поля, или обновлять поле через watch.

Comments

[SM_ST]

А какой тип поставить?

export interface Form {
  id: number;
  image: string;
  gallery: Array<Gallery>;
  categoryId: number;
  title: string;
  metaTitle: string,
  metaDescription: string,
  description: string;
  price: number;
  oldPrice: number;
  composition: string[];
  concurents: Array<Concurent>;
  quantity: number;
  promocode: string;
  isPublished: boolean;
  text: string;
  settings: Array<Setting>;
}

[Дмитрий Беляев]

SM_ST, ну это же очевидно: ComputedRef<number>
Вот только Вы уверены, что другой код не сломается, если Вы типы поменяете?

[SM_ST]

Дмитрий Беляев, вроде бы нет) а через watch как запилить?

[Дмитрий Беляев]

SM_ST, может лучше на фриланс? ну или почитать доку по vue и ts хотя бы...

[SM_ST]

Дмитрий Беляев, ахах) я ждал такой ответ) не все ок с vue и ts)) уже решил этот вопрос, спасибо