Vetur Prettier ignores ESLint rules with prettier.eslintIntegration set to true

• [x ] I have searched through existing issues
• [ x] I have read through docs
• [ x] I have read FAQ

Info

• Platform: macOS
• Vetur version: 0.11.7
• VS Code version: 1.20.1

Problem

Vetur’s version of prettier does not respect my ESLint rules even though I have prettier.eslintIntegration set to true.

Cannot get .vue files to format according to eslintrc.js. .js files format without issue. This causes a problem when using vue-cli and the Standard ESLint rules.

[alexeigs]

Open your settings.json and overwrite the default settings:

"vetur.format.defaultFormatterOptions": {
    "prettier": {
        // add your prettier settings here
        "singleQuote": true,
        "semi": false,
    }
}

[Bartozzz]

cc @iamswain25 @gilesbutler

I had the same issue. I was using ESLint & Prettier to format my code but it was only formatting code between <template> and <style> tags – not <script>'s. The following configuration should solve this issue:

• VSCode config:

Update: Removed "prettier.disableLanguages"

{
  "editor.formatOnSave": true,

  "vetur.validation.template": false,
  "vetur.format.defaultFormatter.scss": "prettier",
  "vetur.format.defaultFormatter.css": "prettier",
  "vetur.format.defaultFormatter.js": "prettier",

  "prettier.eslintIntegration": true,

  "eslint.autoFixOnSave": true,
  "eslint.options": { "extensions": [".html", ".js", ".vue", ".jsx"] },
  "eslint.validate": [
     "javascript",
     "javascriptreact",
     {
       "language": "vue",
       "autoFix": true
     }
  ],

  "javascript.validate.enable": false,
  "javascript.format.enable": false
}

• .eslintrc.json:

module.exports = {
  root: true,

  extends: ["plugin:vue/essential", "@vue/prettier"],
  plugins: ["vue"],

  env: {
    browser: true,
    node: true
  },

  parserOptions: {
    parser: "babel-eslint",
    ecmaVersion: 2017,
    sourceType: "module"
  }
};

• package.json:

{
  "devDependencies": {
    "@vue/cli-plugin-babel": "^3.0.4",
    "@vue/cli-plugin-eslint": "^3.0.4",
    "eslint": "5.6.1",
    "eslint-plugin-vue": "4.7.1",
    "prettier": "1.14.3"
  }
}

Required VSCode plugins:

• Prettier
• ESLint
• Vetur