Replace stylistic rules with prettier plugin

[fregante]

Stylelint does a less-than-stellar job at formatting, and they’re fine with it:

• Fix false negatives for multiline selectors in indentation stylelint/stylelint#3461
• Fix false positives for parens in selectors in indentation stylelint/stylelint#5181

So what do you think about adding this plugin to the config to defer this job to Prettier by default?

https://github.com/prettier/stylelint-prettier

[connorjs]

FYI - Stylelint 15 has deprecated stylistic rules, which means the stylelint-prettier-plugin stylelint-config-prettier has no utility v15+.

https://stylelint.io/migration-guide/to-15

Edit: Fix typo, thanks for pointing it out.

[fregante]

the stylelint-prettier-plugin has no utility v15+.

Doesn't v15 mean exactly the opposite? Because stylelint doesn't have formatting rules, you should use Prettier either separately or as a plugin.

In fact the plugin was readied for v15 by dropping its overriding config: prettier/stylelint-prettier#284

[fregante]

I think you're confusing stylelint-config-prettier with the stylelint-prettier plugin

Either way, great move by stylelint, they were worse than eslint at formatting. I hope eslint takes note and follows suit.

[connorjs]

Correct! (a) I typed without checking specifics and (b) mis-read the intent when glancing through issues. 🤦🏻‍♂️🤦🏻‍♂️

Additionally, you may no longer need to extend Prettier's Stylelint config as there should be no conflicting rules:

{
- "extends": ["stylelint-config-prettier"],
  "rules": { .. }
}

---

Because stylelint doesn't have formatting rules, you should use Prettier either separately or as a plugin.

👍🏻

[fregante]

Yeah the confusing part is that they called the config a "plugin" in a few places 🤷‍♂️

[sindresorhus]

I personally don't plan to use Prettier, but I'm happy to have the current config split into stylistic and non-stylistic if that would help.