prettier still ignores .eslintrc.js with setting vetur.format.defaultFormatter.js to prettier-eslint

[752]

• I have searched through existing issues
• I have read through docs
• I have read FAQ

Info

• Platform: Win
• Vetur version: 0.14.3
• VS Code version:1.30.1

Problem

I've seen many issues before, but none of them worked. i just want to formate .vue file based on rules in .eslintrc.js. Can anyone give me a clear answer on how to config?
my current vscode configuration:

  "eslint.run": "onSave",  
  "eslint.validate": ["javascript", "javascriptreact", "vue", "html"],  
  "prettier.eslintIntegration": true,  
  "vetur.format.defaultFormatter.js": "prettier-eslint"  

.eslintrc.js file (generated by vue cli 3.0):

module.exports = {
  root: true,
  env: {
    node: true,
  },
  extends: [
    'plugin:vue/essential',
    '@vue/airbnb',
  ],
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
  },
  parserOptions: {
    parser: 'babel-eslint',
  },
};

[deangoku]

I have the same problem, any solutions?

[octref]

Can you create a repo on GitHub where I can test this?

[SharakPL]

Why there's no option to use eslint as formatter for js and stylelint for css/scss? With VSCode's new settings prettier is not required. One can simply use eslint and stylelint rules for that with

"editor.codeActionsOnSave": {
	"source.fixAll.eslint": true,
	"source.fixAll.stylelint": true,
}