VSCode does not show HTML attributes in .vue files but shows in html files

Question

I have spent 3 hours figuring out what's going on but could not find it out. I am new to HTML and intellisense help me know many attributes of a tag on the go. However, with .vue files html attributes are not being shown up.

a) Attributes being shown up in "index.html"

b) No attributes hints in "TodoItem.vue"

I have already installed Vetur, HTML CSS Support and Vue VSCode Snippets extension from marketplace.

Answer 1

First, install Vetur extension after that go to

File > Preferences > Settings

In the list find and open Extensions find Vetur, scroll down and find Template Interpolation Service (must be checked).