In my .eslintrc.js file, I have set up some linting rules as shown below:
module.exports = {
root: true,
env: {
browser: true,
es6: true,
node: true,
},
extends: ['plugin:vue/recommended', 'eslint:recommended'],
parserOptions: {
parser: 'babel-eslint',
},
rules: {
// various linting rules here
},
}
These rules are also reflected in my workspace settings:
{
// workspace settings here
}
When I save and format the file, everything works fine. However, when I run the command
eslint --fix --ext js,vue src
The lint warnings and errors are shown, but the vue/html-indent rule is not being followed.
- Initial component structure:
<transition
// component structure
</transition>
- Formatted component structure:
<transition
// formatted component
</transition>
- Linted component structure:
<transition
// linted component structure
</transition>
I need help in fixing the vue/html-indent errors during linting. How can I achieve this using the vetur/eslint format from the command line?