My current .eslintrc.js file has these options set for the eslint-plugin-vue plugin:
"vue/html-closing-bracket-newline": ["error", {
"singleline": "never",
"multiline": "always"
}]
The problem this accepts only this syntax:
<v-flex
xs12
>
<Test />
</v-flex>
How can I ask it to let me write this way instead:
<v-flex
xs12>
<Test />
</v-flex>
If I write the last syntax, ESLint plains:
error Expected 1 line break before closing bracket, but no line breaks\
found vue/html-closing-bracket-newline
My current .eslintrc.js file has these options set for the eslint-plugin-vue plugin:
"vue/html-closing-bracket-newline": ["error", {
"singleline": "never",
"multiline": "always"
}]
The problem this accepts only this syntax:
<v-flex
xs12
>
<Test />
</v-flex>
How can I ask it to let me write this way instead:
<v-flex
xs12>
<Test />
</v-flex>
If I write the last syntax, ESLint plains:
error Expected 1 line break before closing bracket, but no line breaks\
found vue/html-closing-bracket-newline
1 Answer
Reset to default 1As per documentation
"multiline": "never"
... should fix your issue. Unfortunately, there's no way the rule can be implemented to accept both. It's either never or always.
Your pick. But Vue strongly suggests always.