Validation Warning: Unknown option "*.js" with value XXX was found in the config root.

Description

I get this error on precommit hook: ● Validation Warning:

Unknown option “*.js” with value [‘prettier-eslint --write’, ‘git add’] was found in the config root.

You are probably trying to mix simple and advanced config formats. Adding

“linters”: { “*.js”: [“prettier-eslint --write”,“git add”] }

will fix it and remove this message.

Please refer to https://github.com/okonet/lint-staged#configuration for more information…

It seems that in the last version 7.2.0 the configuration options changed: from

  "lint-staged": {
      "*.{js,scss}": [
        "prettier-eslint --write",
        "git add"
      ]
    "ignore": [
      "**/src/scripts/*.min.js"
    ]
  },

to

  "lint-staged": {
    "linters": {
      "*.{js,scss}": [
        "prettier-eslint --write",
        "git add"
      ]
    },
    "ignore": [
      "**/src/scripts/*.min.js"
    ]
  },

Documentation need to be updated.

Steps to reproduce

Install version 7.20 Add the following config in package.json:

  "lint-staged": {
      "*.{js,scss}": [
        "prettier-eslint --write",
        "git add"
      ]
    "ignore": [
      "**/src/scripts/*.min.js"
    ]
  },

Environment

• OS: macOS High Sierra
• Node.js: v9.10.1
• lint-staged: 7.2.0

[sudo-suhas]

Nice rant. Like I said. A PR is welcome.

[albanx]

We are to the classic problem here, who writes the code thinks usage/documentation is clear and obvious. Neither the advance config format neither the warning does not explain, or give an example how a correct config should be. Literally here is the avance format:

Advanced config format To set options and keep lint-staged extensible, advanced format can be used. This should hold linters object in linters property.

To set options and keep lint-staged extensible, advanced format can be used This does not say nothing, what options?, what does it mean keep extensible? What about: To customize lint-staged some advance options are available:

This should hold linters object in linters property. What is the linters object? What is the linters property? and where should I keep it? What about: To use the avance options the config format should be as the following:

   "lint-staged": {
    "linters": {
      "*.{js,scss}": [
        "prettier-eslint --write",
        "git add"
      ]
    },
    "ignore": [
      "**/src/scripts/*.min.js"
    ]
  }

Now is useless to discuss on this and point references how documentation should be written. Just keep in mind that when we write configuration documentation we should put ourself in other shoes.