Intellisense in .vue files?

[snaptopixel]

Recent additions in TypeStrong/ts-loader#270 have made working with .vue files are reality, however the lack of intellisense between <script lang="ts"> tags severely limits usefulness.

I've added basic support here: hedefalk/atom-vue#43, but I'm not sure how to get intellisense working (haven't done any Atom dev personally)

[Maxobat]

Have you gotten any progress in getting intellisense working?

[snaptopixel]

I've looked into it @Maxobat but haven't (and likely won't) make progress any time soon.

[UnGast]

I would love to see that feature too.

[snaptopixel]

FYI, I'm using VSCode nowadays still no autocomplete in vue files, but it's nice overall. Atom got too slow for me after a while.

[UnGast]

@snaptopixel Did you try out the atom-typescript-beta package? It's a lot faster than before.

[jonboiser]

When you're working on a vue file and have language-vue installed, the autocomplete provider is actually working, but gets stuck at this line waiting for the completions

https://github.com/TypeStrong/atom-typescript/blob/master/lib/main/atom/autoCompleteProvider.ts#L75

In the debugger, I found that when sending the completions request to tsserver, I get an error back

"Error processing request. No Project.
Error: No Project.
    at Object.ThrowNoProject (/Users/jon/github/vue-ts-hacks/node_modules/typescript/lib/tsserver.js:75710:23)
    at IOSession.Session.getFileAndProjectWorker (/Users/jon/github/vue-ts-hacks/node_modules/typescript/lib/tsserver.js:80056:42)
    at IOSession.Session.getFileAndProject (/Users/jon/github/vue-ts-hacks/node_modules/typescript/lib/tsserver.js:80046:29)
    at IOSession.Session.getCompletions (/Users/jon/github/vue-ts-hacks/node_modules/typescript/lib/tsserver.js:80196:31)
    at Session.handlers.ts.createMapFromTemplate._a.(anonymous function) (/Users/jon/github/vue-ts-hacks/node_modules/typescript/lib/tsserver.js:79346:61)
    at /Users/jon/github/vue-ts-hacks/node_modules/typescript/lib/tsserver.js:80657:88
    at IOSession.Session.executeWithRequestId (/Users/jon/github/vue-ts-hacks/node_modules/typescript/lib/tsserver.js:80648:28)
    at IOSession.Session.executeCommand (/Users/jon/github/vue-ts-hacks/node_modules/typescript/lib/tsserver.js:80657:33)
    at IOSession.Session.onMessage (/Users/jon/github/vue-ts-hacks/node_modules/typescript/lib/tsserver.js:80677:35)
    at Interface.<anonymous> (/Users/jon/github/vue-ts-hacks/node_modules/typescript/lib/tsserver.js:81864:27)"

BTW, in VSCode with the vetur package, you do get type errors and intellisense when working inside of .vue files, so they must have found a way around this.

[qm3ster]

So, it's actually enabled in source.ts.embedded.html scope, there's just a bug at the moment?

[TotomInc]

Vue now have official support for Typescript since a few months (Vue 2.5) and the most used Typescript package for Atom doesn't have support for ts inside .vue files. Is someone working on this? Is there any work already done? There are no way to actually benefit of ts inside .vue files (no modules, no workaround).

[snaptopixel]

The vetur package for VS Code supports it @TotomInc

[TotomInc]

But we are talking about an Atom package here, I don't want to switch to VS Code only for this feature. I mean, if I wanted to use VS Code instead of Atom, I would not be here and look for this issue. There must be a way to implement TS autocomplete on .vue files.

[lierdakil]

I wonder why the discussion about supporting vue files is even here in the first place. Try looking at vue-specific packages maybe? https://github.com/rwatts3/atom-ide-vue for instance.

[TotomInc]

Maybe I'm still here because atom-typescript is the only TypeScript package you will ever need... It looks like it's this package job to offer an Intellisense for .vue files, or am I wrong? Is the direction of this package to implement libraries support (react, angular, vue, ...)?

[lierdakil]

TypeScript package though. Nobody ever said anything about third-party library support. .vue files aren't TypeScript, are they?

I don't use vue, and I'm the last active maintainer left on this project. PRs are welcome. If it turns into a lot of vue-specific code I would kindly request to make it into a separate package, because I won't be able to maintain that. If that hypothetical package needs to interface with atom-typescript, I will be happy to discuss that.

[TotomInc]

I would really like to contribute but I have 0 experience with Atom packages and making an Intellisense package communicate with a Vue Language Server seems kinda hard as an introduction to Atom packages. 😄