how to override extended eslint config

hi i am using antfu's eslint config (https://github.com/antfu/eslint-config). here's my .eslintrc.cjs
process.env.ESLINT_TSCONFIG = 'tsconfig.json'

/** @type {import("eslint").Linter.Config} */
const config = {
  root: true,
  extends: '@antfu',
}

module.exports = config

now i want to override a rule to use double quotes instead of single quotes. the readme says i can override it by adding it to a rules field. so i added it like this:
const config = {
  root: true,
  extends: '@antfu',
  rules: {
    quotes: ['error', 'double'],
  },
}

but instead of overriding, its actually enforcing both the rules.
https://this-vegetable.is-from.space/Code_53HG4zHeSp.gif
Solution
looks like his config isn't properly configured
Was this page helpful?