I'm struggling to get the linter to properly lint the template section of my .vue files. Any suggestions on how I can configure this?
Basically, I want the linter to format something like this:
<template>
<v-container>
<h1>Home</h1>
</v-container>
</template>
To look like this:
<template>
<v-container>
<h1>Home</h1>
</v-container>
</template>
These are my current configurations:
// .eslintrc
module.exports = {
root: true,
env: {
node: true
},
'extends': [
'plugin:vue/essential',
'@vue/standard'
],
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
},
parserOptions: {
parser: 'babel-eslint'
}
}
And here are the dependencies listed in my package.json file:
// package.json
{
"name": "mobile.zmittag",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint",
"i18n:report": "vue-cli-service i18n:report --src './src/**/*.?(js|vue)' --locales './src/locales/**/*.json'",
"postinstall": "npm run build",
"start": "node server.js",
"test:unit": "vue-cli-service test:unit"
},
"dependencies": {
// List of dependencies...
},
"devDependencies": {
// List of dev dependencies...
}
}