Vue 2 errors accessing scoped properties in slots

[jaredmcateer]

Minimal Test Case

https://github.com/jaredmcateer/vue2-volar-type-error

Explanation

  <SlotComponent>
    <template v-slot="props"><span>{{ props.value }}</span> </template>
    <template #oneThing="props"><span>{{ props.value }}</span> </template>
  </SlotComponent>

Trying to access scope properties of a slot in Vue 2 results in an error Property 'value' does not exist on type 'VNode[]'... ts(2551)

in #439 the workaround appears to be to assert the scoped property to a type (#oneThing="props as MyProp") but in Vue 2 trying to do that will result in an Unexpected token error at compile time.

[hexf00]

see #1354 (comment)

and you need read document chapter "Setup for Vue 2", add package and config

https://github.com/johnsoncodehk/volar/tree/master/extensions/vscode-vue-language-features

[jaredmcateer]

I've read the documentation and followed it as best I can, I noticed I missed the vueCompilerOptions section (in my test repo) and I added it but it made no difference, do you think I've missed something in my test repo?

Edit: after reloading vscode it appears the missing vueCompilerOptions in tsconfig was the actual problem.