-
-
Notifications
You must be signed in to change notification settings - Fork 593
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Completion for Vue interpolations in HTML #1083
Comments
Wow.. that looks amazing!!! Is there a flag to enable it though? I can't seem to get any completion after upgrading vetur on my end. Or is it a vue-class-component compatibiity thing. Hmm.... |
@hmexx Can you put your setup in a repo and open a new issue? I probably need to do more work to support vue-class-component. |
@octref Yeah that was my question. I suppose it does not work when using class component style? |
I can confirm that when I switch one of my components to non-class style it starts working, although that little type/preview box on the right (e.g. "My foo that does absolutely nothing") does not show up. All the props and methods show up though. I will investigate further before submitting an issue ticket. EDIT: Well, I'm an idiot, I just discovered the "double control-space" to view additinal info in VScode. After using vscode for 2 years. So it works fully with a non-class stye component! Do you still need a reproduction repo for testing vue-class-component? Any hello world example from the web should do. Thanks again for the great work!!! |
That looks amazing. This is a naive question, but would this apply to any template lang supported by Vetur (for example Pug), or just HTML? |
Absolutely fantastic. Thank you, @octref, this is huge for us 😀 |
It doesn't work if we use |
This tracks completion for template interpolations inside Vue template interpolations.
Problem:
Currently there is no completion for the 4 places marked with
|
The goal is to provide completions for
[ props | data | method | computed]
, and also$store
/$router
etc.The plan is to create a virtual file that TypeScript Language Service can understand and get the current
this
completion and filter it down to useful items:The text was updated successfully, but these errors were encountered: