yarn add -D stylelint stylelint-config-standart stylelint-config-prettier
If you want order
{ | |
"version": "0.4.0", | |
"notes": "See the assets to download this version and install.", | |
"pub_date": "2023-10-13T19:51:19.567Z", | |
"platforms": { | |
"darwin-x86_64": { | |
"signature": "dW50cnVzdGVkIGNvbW1lbnQ6IHNpZ25hdHVyZSBmcm9tIHRhdXJpIHNlY3JldCBrZXkKUlVUTkV6MnpYTHd5a08rb1dUb2Y0UkRJVnZGT1o3RGhtbGxZdjEvT0FFNDI5eVZaNDBYZEVPSWg0MjZHUStaYVpCTlM0Y0gwVnZacC9YRzA3NkFHTG9kdjFwLzAzbHNGNndBPQp0cnVzdGVkIGNvbW1lbnQ6IHRpbWVzdGFtcDoxNjk3MjI2NDgwCWZpbGU6dHpldmEtYWRvbS5hcHAudGFyLmd6CkRSZU9ISFNwSmJvSXJPcS93MnN4bkU4WURTWlMzR3VHYTJjU2NSTDJlTGVXaFA1bnBTRGl1T3AxZFpoRmRCMVFwVEV0UERnRjhMN29nbDA3Y0VSMkJRPT0K", | |
"url": "https://github.com/nirtamir2/tzeva-adom/releases/download/app-v0.4.0/tzeva-adom_x64.app.tar.gz" | |
}, | |
"linux-x86_64": { |
yarn add -D typescript-plugin-css-modules
This allow using CSS modules with the noPropertyAccessFromIndexSignature
option.
If I won't add this, and won't generate TypeScript declerations from the css modules file -
the TS will error about missing styles.someClassName
because it's been accessed but not declared.
module.exports = { | |
plugins: [ | |
require.resolve("@trivago/prettier-plugin-sort-imports"), | |
require.resolve("prettier-plugin-packagejson"), | |
require.resolve("@nirtamir2/prettier-plugin-css-order"), | |
], | |
// @see https://github.com/trivago/prettier-plugin-sort-imports | |
importOrder: [ | |
"^react$", | |
"<THIRD_PARTY_MODULES>", |
import React, { Component } from 'react' | |
import logo from './logo.svg' | |
import './App.css' | |
import PhoneInputField from './components/PhoneInputField' | |
class App extends Component { | |
state = { | |
phone: '' | |
} |