tinloof / eslint-plugin-better-styled-components

ESlint's rules for styled components 💅

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Add support for code with inline comments

LuighiV opened this issue · comments

Hi, I had identified that the eslint doesn't run when there is a comment inside a styled props declaration.

For example in this code, the rules don't get applied:

export const Myblock = styled('h1')`
  // color: ${({ theme }) => theme.colors.primary};
  font-size: 1.375rem;
  text-align: center;
  font-weight: bold;
`;

However, if I delete the line with the comment, the ESLint rules are applied sucessfully:

export const Myblock = styled('h1')`
  font-size: 1.375rem;
  font-weight: bold;
  text-align: center;
`;