The following delimiters are accepted for syntax highlighting. If you are using any of these patterns and they do not work, please open an issue!

Template Literal Expressions

const query = gql`
  {
    id
  }
`;

you can use these template tag literal expressions anywhere you like of course

useFancyGraphQLClient(
  graphql`
  {
    id
  }
`, {
  networkStrategy: 🚀
 }
)

const query = gql.experimental`{ id }`;

and in typescript, template tag expressions with type arguments

const query = gql<MyType>`
  {
    id
  }
`;

Function Expressions

as well as normal function expressions with template literals

gql(`{ id }`);

graphql(
  `
    {
      id
    }
  `,
);

there is a bug with function expressions with type arguments like these that we need to fix:

gql<MyType>(`{ id }`);

Note, inline "" and '' string literals could also be delimited if needed, but we currently only delimit graphql template strings for obvious reasons

Comment-Delimited patterns

/* GraphQL */
const query = `
 { id }
`;

const query = `#graphql
 { id }
`;

For full autocompletion, validation and other features, you can install GraphQL.vscode-graphql, which depends on this extension

# Hello Jan

```graphql
  query MyQuery {}
```

# Hello Jan

```js
string : X = gql`
{
  its {
    query
    time
  }
}
```