gql inside vue file not properly highlighted

[mastito03]

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

Info

• Platform: Linux
• Vetur version: 0.11.7
• VS Code version: 1.20.1

Problem

I'm using vue-apollo and using gql syntax inside vue file. but gql syntax not properly highlighted.

this what inside .vue file

this what inside .js file

Reproducible Case

install GraphQL for VSCode extension for syntax highlight

[octref]

What GraphQL is using:

"injectionSelector": "L:source -string -comment"

It's injecting grammar to source.js. Vetur is embedding source.js. This should work automatically.
I have created an upstream issue: microsoft/vscode#44056

[flakeparadigm]

While it certainly doesn't address the issue with grammars not inheriting injections as expected, a fix for his has been merged into GraphQL for VSCode extension mention in the original issue report.

[octref]

@flakeparadigm Thanks, sorry for the late response, it's working as expected:

Would you mind me sending similar PRs for other graphql extensions that fix the injection grammar?

[flakeparadigm]

I don't mind at all, feel free to! :)