[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: https://github.com/vuejs/vetur/issues/2523 https://github.com/vuejs/vetur/issues/2341 https://github.com/vuejs/vetur/issues/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