Search code examples
javascriptvue.jseslinteslint-plugin-vue

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 complains:

error  Expected 1 line break before closing bracket, but no line breaks\
 found  vue/html-closing-bracket-newline    

Solution

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