Vetur: Syntax highlighting/autocomplete broken for .vue files

Created on 20 Feb 2019 · 8Comments · Source: vuejs/vetur

[ ] 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

need-more-info

Source

burkgames

👍5

Most helpful comment

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