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

const query = /* GraphQL */ `
  {
    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
const myQuery = gql`
  {
    its {
      query
      time
    }
  }
`;
```

val query = graphql"""
  { id }
"""
val query2 = gql"""
  { id }
"""
val query3 = schema"""
  { id }
"""

val query = """#graphql
 { id }
"""