Почему происходит ошибка типизации computed сomposition api во vue 3?

Question

[QWERTY01]

Вот есть прямое указание из документации https://vuejs.org/guide/typescript/composition-api...

Делаю так же, но не работает

<script lang="ts">
import { computed, ComputedRef, defineComponent } from 'vue'

export default defineComponent({
    const pErrorMinMessage = computed<string>(() => {
      return 'world'
    })
    const fun1 = function (val: string) {
      console.log('hello + val)
    }

  fun1(pErrorMinMessage)
})
</script>

Текст ошибки следующий:
Argument of type 'ComputedRef' is not assignable to parameter of type 'string'.

Нашел так же такое решение на стаковерфлоу
https://stackoverflow.com/questions/60856216/how-t...
сделал также, однако ошибка такая же.

<script lang="ts">
import { computed, ComputedRef, defineComponent } from 'vue'

export default defineComponent({
   const pErrorMinMessage:ComputedRef<string> = computed(():string => {
      return 'world'
    })
    const fun1 = function (val: string) {
      console.log('hello + val)
    }

  fun1(pErrorMinMessage)
})
</script>

Не совсем понимаю, в связи с чем это происходит?
P.S. если поставить any, то есть чтобы было так: pErrorMinMessage:any = computed(():string => { ..... ,то все работает

Answer 1

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

А что Вам не понятно в описании текста ошибки?

Argument of type 'ComputedRef' is not assignable to parameter of type 'string'.

Давайте я засуну в переводчик за Вас:

Аргумент типа 'ComputedRef' не может быть присвоен параметру типа 'string'.

const pErrorMinMessage = computed<string>(() => {
  return 'world'
})
const fun1 = function (val: string) {
  console.log('hello' + val)
}

fun1(pErrorMinMessage.value)

Comments

[QWERTY01]

Спасибо
Я просто не мог понять что именно не так. computed без .value использовался раньше.
А когда мы указали тип, то оказывается нужно теперь добавлять .value

И в документации не совсем понятно где про это описано

Answer 2

[wonderingpeanut]

Зачем тип для computed указывать? Оно все типизировано. Тайпскрипт сможет выявить тип переменной сам.

Касаемо вопроса, у меня оба примера, которые ты привел, работают корректно. Если эти примеры это точная копия твоего кода, то может проблема в отсутствующей кавычке?

Comments

[QWERTY01]

Зачем тип для computed указывать? Оно все типизировано.

Да, но иначе ругается IDE
Единственное когда это работает, это если указать типа any,

const pErrorMinMessage: any = computed(() => {
        return 'world'
    })

В этом случае ошибки нет, в остальных случаях ошибка звучит как "Argument of type 'ComputedRef' is not assignable to parameter of type 'string'.". Так что вряд ли в кавычках причина((

[wonderingpeanut]

QWERTY01, в таком случае можешь указать тип перменной pErrorMinMessage: string.
В связи с чем это происходит - хз. Попробуй новый tsconfig сгенерировать yarn tsc --init