Object API "this" is not defined on types with defineComponent

[bbugh]

We're incrementally adding the composition-api using defineComponent, and ran into a snag with one of our components that uses $route in the data function:

This code works fine with defineComponent, it's just the typing that doesn't.

Possibly related to #338?

[antfu]

Can you share a reproduction on CodeSandbox? It looks fine to me.

[bbugh]

Sure, here's a reproduction CodeSandbox. The error appears in App.vue.

[meschg]

Hello,
I come to this issue through #338 #406 but I am not sure which issue is the right one - sorry :/.
Code execution is working in Browser without any error just VS Code does not know what to make out of it...

"minimal" sample project:
https://github.com/meschg/vue-stack-cesium/blob/53755243c08f36ea1c3a93181ef8b643556ef81c/src/components/HelloCompositionAPIExternal.vue#L65

Thanks for all your effort!
kind regards

[pikax]

@meschg the reason is because of your computed: mapState is breaking the types. That's a known typescript issue with vue, nothing can be done aside of setting a type to it.

[meschg]

@meschg the reason is because of your computed: mapState is breaking the types. That's a known typescript issue with vue, nothing can be done aside of setting a type to it.

@pikax Ah good to know - wasn't sure. But I think your answer will also help others with the same error :). Thank you