ESLint plugin for Prettier formatting, which is better for Vue SFC
npm install eslint-plugin-prettier-vue


> Make prettier works better on Vue SFC
- Includes all functions of eslint-plugin-prettier.
- Provides the ability for prettier to process custom blocks of Vue SFCs.
- Options to disable prettier for , or blocks of Vue SFCs.
Prettier custom blocks:
!demo
``sh`
npm install --save-dev \
eslint-plugin-prettier-vue \
eslint-plugin-vue \
eslint-config-prettier \
eslint \
prettier
DO NOT use eslint-plugin-prettier together. This plugin includes all functionalities of eslint-plugin-prettier so you do not need it.
`js
// .eslintrc.js
module.exports = {
extends: ['plugin:vue/recommended', 'plugin:prettier-vue/recommended'],
settings: {
'prettier-vue': {
// Settings for how to process Vue SFC Blocks
SFCBlocks: {
/**
* Use prettier to process blocks or notfalse
*
* If set to , you may need to enable those vue rules that are disabled by eslint-config-prettier,
* because you need them to lint blocks
*
* @default true
*/
template: true,
/**
* Use prettier to process