Vetur not inferring types correctly, thinks computed property is a vuex `MutationMethod`

shailen-naidoo commented 5 years ago

[x] I have searched through existing issues
[x] I have read through docs
[x] I have read FAQ

Info

Platform: Windows 10
Vetur version: 0.21.1
VS Code version: 1.35.1

Problem

I am getting this weird error I am using mapState to bind customItems property to my component from vuex. I am spreading mapState into the computed property. When i use customItems anywhere in the component, Vetur thinks that customItems is of type MutationMethod

Here is the component:

Here is the error:

Reproducible Case

Create a Vue component
use mapState to bind a property from Vuex to the component
Try to use that property elsewhere in the component
You should get an error

ktsn commented 5 years ago

This is because return type of mapXXX is just a record type. You need to cast it by yourself currently.

...mapMutation({
  addCustomItem: 'form/ADD_CUSTOM_ITEM'
}) as {
  addCustomItem: (payload: any) => void
}

Closing as this is Vuex problem rather than Vetur.

shailen-naidoo commented 5 years ago

Thanks

On Tue, 30 Jul 2019, 08:11 katashin, notifications@github.com wrote:

Closed #1346 https://github.com/vuejs/vetur/issues/1346.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/vuejs/vetur/issues/1346?email_source=notifications&email_token=AGKSRXEOJJZCH24FNPZS7RLQB7LRDA5CNFSM4H46QXJKYY3PNVWWK3TUL52HS4DFWZEXG43VMVCXMZLOORHG65DJMZUWGYLUNFXW5KTDN5WW2ZLOORPWSZGOSYPSSGY#event-2518624539, or mute the thread https://github.com/notifications/unsubscribe-auth/AGKSRXHOASZYHG2PAGOP4HLQB7LRDANCNFSM4H46QXJA .

vuejs / vetur