Syntax highlighting/autocomplete broken for .vue files

[burkgames]

• I have searched through existing issues
• I have read through docs
• I have read FAQ

Info

• Platform: Win 10 64
• Vetur version:0.16.1
• VS Code version:1.31.1

Problem

1、none highlight for data/components/methods/props...

2、import component from *.vue，complete with autocomplete...

if import component with none suffix，none autocomplete...

Reproducible Case

• update to the lates vs code
• updated to the lates vetur
• open a .vue file
• observe

[dezmou]

Same here, for example the autocomplete for javascript in .vue in <script> tag is not working, yet it work good in .js files.

in both vscode and code-insiders

[robertracz]

Hey guys, same issue here. Somehow in .vue file inside script tag export default {... cannot resolve the Vue alias... if I do export default new Vue({...}) then it starts working but that's not a solution.

[octref]

The syntax highlighting is working for me. Did you install any other Vue extensions?

For importing with .vue suffix, see FAQ.

[robertracz]

Hey @octref thanks for the quick response. So actually it turned out it was due to the fact that I opened my vscode in the parent directory of my SPA app :) I'm assuming some configuration files were not loaded correctly although the AutoComplete for the imports work (I already have a jsconfig in the root).

Not sure if we need to account for that in general, but I think it'd be helpful to come up with a documented workaround and/or highlight it in the FAQ. All the dotnet core apps have a solution folder that groups your projects together so I'm guessing I wasn't the only one who messed this up. This is my first vue project however I've had several React front end projects set up and never similar issues.

Let me know what you think,

Rob

[slanden]

@robertracz I have the same problem as you and others, and I also was in a parent directory (vue app in one subfolder, backend node app in another) but reopening vscode in the vue app folder did not fix the issue for me

[octref]

@robertracz That is tracked in #815.

[kimini507]

Hi, I'm also having a similar problem in one of my .vue files

Tried to:
Open/close file
Uninstall/install vetur
Restart VSCode

[octref]

@kimini507 Please open new issue with full file.