Prettier compatibility for JS/TS (`eslint-config-prettier`)

[fregante]

Clear and concise description of the problem

I'd like to use Prettier (externally) and this config for everything else. The suggestion is generally to use either stylistic or prettier, but not both. The problem is that stylistic has extra linting rules that Prettier doesn't concern itself with.

We have eslint-config-prettier for this purpose but I don’t think it works when plugins are renamed.

Suggested solution

import antfu from '@antfu/eslint-config'

export default antfu({
    prettierCompat: true,
})

Alternative

I think the alternative is

import antfu from '@antfu/eslint-config'
import eslintConfigPrettier from 'eslint-config-prettier'

export default [
    ...antfu()
        .renamePlugins({
        ts: '@typescript-eslint',
        yaml: 'yml',
        node: 'n'
        // …
    }),
    eslintConfigPrettier,
]

with the drawbacks:

• having to manually specify and maintain the renames list
• losing the advantages of the rename

Additional context

No response

Validations

• [X] Follow our Code of Conduct
• [X] Read the Contributing Guide.
• [X] Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

[fregante]

An alternative solution is to find and disable all conflicting rules. In my case, for now, it's:

export default antfu({
    rules: {
        'style/arrow-parens': 'off',
        'style/object-curly-spacing': 'off',
        'style/brace-style': 'off',
        'style/indent': 'off',
        'style/operator-linebreak': 'off',
        'style/quote-props': 'off',
        'svelte/indent': 'off',
    },
});

Which is not terrible, but also it's likely that new contributors will find more issues and won't know how to deal with them. eslint-config-prettier already exists as a solution to this and it would be great to be able to use it.