Eslint-plugin-object-css NPM

eslint-plugin-object-css

NPM Version NPM License

ESLint plugin for object CSS properties order and valid value verification.

Installation

You'll first need to install ESLint:

npm i eslint --save-dev

Next install eslint-plugin-object-css:

npm install eslint-plugin-object-css --save-dev

Usage

Add object-css to the plugins section of your .eslintrc configuration file. You can omit the eslint-plugin- prefix:

{
  "plugins": ["object-css"]
}

Rules

If you want to set security levels individually set them in the rules.

{
  "rules": {
    "object-css/recess-order": "warn"
    "object-css/valid-value": "error"
  }
}

※ If you use typescript you will need a suitable parser like typescript-eslint.
If you are using eslint v8 and below set "eslint.useESLintClass": true in vscode's setting.json.

Supports ESLint v9 and higher

npm install @eslint/js typescript-eslint --save-dev

If you are using eslint 9 or higher do not use this useESLintClass.

Example config mjs

The following file is a configuration file that contains recommended settings for TypeScript and eslint.

import eslint from '@eslint/js'
import tseslint from 'typescript-eslint'
import objectCss from 'eslint-plugin-object-css'

const eslintConfig = tseslint.config(
  eslint.configs.recommended
  ...tseslint.configs.strict
  objectCss.flatConfigs.recommended
  {
    files: ['**/*.{ts,tsx}']
  }
)

export default eslintConfig