eslint-plugin-use-macros

eslint-plugin-use-macros

Installation

npm install --save eslint-plugin-use-macros
# or
yarn add eslint-plugin-use-macros

This plugin provides the rules to use the babel macros for specific libraries (such as styled-components and graphql-tag.)

• styled-components -> styled-components/macro
  • use-macros/styled-components
• graphql-tag -> graphql.macro
  • use-macros/graphql-tag

// invalid
import gql from "graphql-tag";

const QUERY = gql`
  query getUser {
    user {
      id
      title
    }
  }
`;

👇

// valid
import { gql } from "graphql.macro";

const QUERY = gql`
  query getUser {
    user {
      id
      title
    }
  }
`;