vue-cli3 eslint vue/script-indent conflicting with compiler

When I have my .eslint.js file include the rule:

"vue/script-indent": [
    "error",
    4,
    {
        "baseIndent": 1,
        "switchCase": 1,
    }
]

and save, it generates the error:

error: Expected indentation of 32 spaces but found 24 spaces (vue/script-indent)

What's causing this weird conflict? (since it doesn't seem to be taking the rules from my .eslint.js file)

from vue-cli3 eslint vue/script-indent conflicting with compiler