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    

• javascript
• vue.js
• eslint
• eslint-plugin-vue

Share Improve this question Follow asked Jan 28, 2019 at 16:35 Billal BEGUERADJBillal BEGUERADJ 22.9k4545 gold badges123123 silver badges140140 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 1

As 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.