[VIDEO] Go to Definition in the same .vue file not working

[vadimcoder]

• [yes] I have searched through existing issues
• [yes] I have read through docs
• [yes] I have read FAQ
• [yes] I have tried restarting VS Code or running Vetur: Restart VLS

Info

• Platform: macOS
• Vetur version: v0.35.0
• VS Code version: 1.64.2

Panel -> Output -> Vue Language Server -->

Problem

Go to Definition > No definition found.

<template>
  <div class="hello">
    <h1>{{ msg }}</h1> <!-- msg -> Go to Definition  > No definition found. --!>
  </div>
</template>

<script>
export default {
  props: {
    msg: String
  }
}
</script>

Reproducible Case

The problem is not reproducible on https://github.com/octref/veturpack/generate. But it is reproducible on @vue/cli project:

npm install -g @vue/cli
vue create my-project

Video:

I recorded a proof screencast 52 seconds, but Github says it is too big. So I uploaded on youtube: https://www.youtube.com/watch?v=BB_gRYLgHyc

~~
Thanks,
Vadim

Might be similar issues:
#2523
#2341
#3083

P.S.: I will appreciate any help because I don't want to get back to WebStorm!😀

[EnjoyChan]

the same to me, some output :
Failed to transform template of ***index.vue.template
[Error - 12:19:05 PM] TypeError: e.isPropertyAccessChain is not a function

[hieu-ht]

This VSCode extension works well for me, hope this help
https://marketplace.visualstudio.com/items?itemName=zardoy.vetur-extended

[yoyo930021]

Do you enable this vetur.experimental.templateInterpolationService in your setting?
https://vuejs.github.io/vetur/guide/interpolation.html#generic-language-features