takahirohonda / gatsby-portfolio-site-example

MyDatahack Blog Site with Gatsby.js
0 stars 0 forks source link

Style Lint auto fix is not quite working #8

Open takahirohonda opened 2 years ago

takahirohonda commented 2 years ago

I added stylelint. .stylelintfixrc config fixes but not all. It doesn't understand styled component, so get error for having ${(prop)} syntax. On the other hand, .stylelintrc will not do auto fix with the error below, but it will take styled-component syntax into consideration.

/Users/taka/code/mydatahack-blog-site-gatsby/src/fec/AnimatedTitle/AnimatedTitle.styled.tsx: When linting something other than CSS, you should install an appropriate syntax, e.g. "@stylelint/postcss-css-in-js", and use the "customSyntax" option