How do I suppress this TS error? I have turned off the strict mode in the tsconfig.

[jzs11]

Hi,

I am facing an annoying problem by using the VueUse's useVModel. The project sill can compile, but the TS server keeps reporting this as a syntactical error.

Any ideas I could get around with it?

Thanks

[yaegassy]

@jzs11 You may be able to suppress it with @ts-ignore. Try it.

See: #342 (comment)

[jzs11]

Hey, thanks for your reply. Here is some screenshots, maybe I mis-use it.

[yaegassy]

How about this?

<PersonDropdown
  v-else-if="columnHelper.isPerson(cell)"
  :cell="cell"
  :data="cell.value"
  // @ts-ignore
  v-model:data="cell.value"
/>

[jzs11]

ESLint is not happy with it. sorry.

Just a bit annoying to see those red lines floating around the IDE, the project is still working fine. 😉

[johnsoncodehk]

Hi @jzs11, v-model:data="xxx" is shorthand of :data="xxx" + @update:data="xxx = $event", when you use :data + v-model:data, here actually has double :data binding. So you just need to remove :data only keep v-model:data.

[jzs11]

Hi, I tried that before, the wired thing is if I remove v-model:data it stops binding the update event back to the parent which mean it stops working.

[jzs11]

I also created an issue in VueUse repo to ask any suggestion - vueuse/vueuse#688

[johnsoncodehk]

I mean remove :data not v-model:data. 😅

[jzs11]

You are the man!! Thanks!