The ESLint custom parser for `.vue` files.
npm install vue-eslint-parser
The ESLint custom parser for .vue files.
This parser allows us to lint the of .vue files. We can make mistakes easily on if we use complex directives and expressions in the template. This parser and the rules of eslint-plugin-vue would catch some of the mistakes.
``bash`
npm install --save-dev eslint vue-eslint-parser
Write parser option into your eslint.config.* file.
`js`
import vueParser from "vue-eslint-parser"
export default [
js.configs.recommended,
{
files: [".vue", "/.vue"],
languageOptions: {
parser: vueParser,
},
}
]
parserOptions has the same properties as what espree, the default parser of ESLint, is supporting.
For example:
`js`
import vueParser from "vue-eslint-parser"
export default [
{
files: [".vue", "/.vue"],
languageOptions: {
parser: vueParser,
sourceType: "module",
ecmaVersion: "latest",
parserOptions: {
ecmaFeatures: {
globalReturn: false,
impliedStrict: false,
jsx: false
}
}
},
}
]
You can use parserOptions.parser property to specify a custom parser to parse