Есть способ выделить синтаксис GraphQl TypeDef внутри `` (серьезный акцент) в vscode?

Question

Я хочу, чтобы синтаксис выделил код внутри typeDef. Это возможно?

Есть расширение для этого? Или я должен кодировать typeDef другим способом?

export const typeDef = `
 type User {
  _id: ID!
  email: String!
  password: String
  createdEvents: [Event!]
 }

 type AuthData {
  userId: ID!
  token: String!
  tokenExpiration: Int!
 }

 input UserInput {
  email: String!
  password: String!
 }
`;

Answer 1

Если вы используете правое расширение , вам нужно использовать тег gql из graphql-tag.

const gql = require('graphql-tag')

const typeDefs = gql`
  type User { ... }
`

Тег анализирует предоставленную строку и возвращает DocumentNode объект, который должен быть передан makeExecutableSchema или конструктору ApolloServer. На стороне клиента также ожидается, что запросы, используемые ApolloClient, будут DocumentNode объектами и должны быть одинаково обернуты.

Расширение способно обнаруживать использование тега и соответственно применять подсветку синтаксиса.