vuejs/create-eslint-config

eslint prettier auto save invalid

wakaka378 opened this issue · 1 comments

After using VUE3 to create a project, I found that it automatically saved the repair and failed

image

I hope it is like this

image

I later discovered it

// eslint.json
{
  extends: [
    'plugin:vue/vue3-essential',
    'eslint:recommended',
    '@vue/eslint-config-typescript',
    '@vue/eslint-config-prettier/skip-formatting'
  ],
}

'@vue/eslint-config-prettier/skip-formatting' config why add 'skip-formatting'??

I turned it into

// eslint.json
{
  extends: [
   ...
    '@vue/eslint-config-prettier'
  ],
}

It started working

It is turned off in node_modules page

// node_modules/@vue/eslint-config-prettier/skip-formatting.js
  rules: {
    "prettier/prettier": "off",
  },

So why use eslintConfig.extends.push('@vue/eslint-config-prettier/skip-formatting')configuration in the code

Explained here: https://github.com/vuejs/eslint-config-prettier#use-separate-commands-for-linting-and-formatting

If you use Prettier alongside ESLint, I'd recommend only using Prettier to format your code.