Syntax highlighting fails when seeing .graphql`

[ericclemmons]

const query = require('fs').readFileSync(`${__dirname}/MyQuery.graphql`, 'utf8');

describe('some test' () => {
  it('should do something', async () => {
    return request
      .post('/graphql')
      .send({ query, variables })
      .expect(res => expect(res.body).toMatchSnapshot())
      .expect(206);
  });
});

//   Some
//   comments

I was able to confirm that the following works:

const query = require('fs').readFileSync(__dirname + '/MyQuery.graphql', 'utf8');

So the issue is with graphql + backtick.

[ericclemmons]

This seems to be the culprit, but I don't understand the capture annotation (yet):

graphql-for-vscode/syntaxes/graphql.js.json

Lines 38 to 47 in 1cdee66

	"begin": "(`)(#graphql)",
	"beginCaptures": {
	"1": {
	"name": "punctuation.definition.string.template.begin.js"
	},
	"2": {
	"name": "comment.line.graphql.js"
	}
	},
	"end": "`",