Create virtual files in ESLint for each Vue SFC block, so that you can lint them individually.
npm install eslint-processor-vue-blocks[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![bundle][bundle-src]][bundle-href]
[![JSDocs][jsdocs-src]][jsdocs-href]
[![License][license-src]][license-href]
Create virtual files in ESLint for each Vue SFC block, so that you can lint them individually.
``bash`
npm i -D eslint-processor-vue-blocks eslint-merge-processors
In ESLint flat config:
`js
// eslint.config.js
import { mergeProcessors } from 'eslint-merge-processors'
import pluginVue from 'eslint-plugin-vue'
import processorVueBlocks from 'eslint-processor-vue-blocks'
export default [
{
files: ['/.vue'],
plugins: {
vue: pluginVue,
},
// eslint-plugin-vue will set a default processor for .vue fileseslint-merge-processors
// we use to extend it
processor: mergeProcessors([
pluginVue.processors['.vue'],
processorVueBlocks({
blocks: {
styles: true,
customBlocks: true,
// Usually it's not recommended to lint