eslint-plugin-use-macros

4.0.1 • Public • Published

eslint-plugin-use-macros npm version

Rule details

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
    }
  }
`;

Installation

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

Usage

With "Flat Config"

import pluginUseMacros from "eslint-plugin-use-macros";

export default [
  {
    plugins: {
      "use-macros": pluginUseMacros,
    },
    rules: {
      "use-macros/styled-components": "error",
    },
  },
];

With "Legacy Config"

{
  "plugins": ["use-macros"],
  "rules": {
    "use-macros/styled-components": "error"
  }
}

Package Sidebar

Install

npm i eslint-plugin-use-macros

Weekly Downloads

4,937

Version

4.0.1

License

MIT

Unpacked Size

5.64 kB

Total Files

7

Last publish

Collaborators

  • wantedly_dev
  • yamadayuki