How does the indent rule work? I always get errors no matter what formatting.

[trusktr]

I'm trying to learn how the indent rule work. I have some code that I think is formatted well, but I get an error. This my config:

    settings: {
        'html/html-extensions': ['.html'],
        'html/indent': 'tab',
        'html/report-bad-indent': 'error',
    },

And I get this error:

(same error on that last one).

If I change the config to 'html/indent': '+2',, then I get the same error on all lines:

What does this option do exactly?

[BenoitZugmeyer]

Sorry for the late answer. Is the documentation not clear enough?

• a number designates a number of spaces
• tab designates a single tab as indentation
• Starting with + indicates the indentation to be relative to the indentation of the opening <script> tag

So: in your first configuration, you are using "tab". The first JS line should be indented with a single tab, no space. Ex:

»   »   <script>
»   const $ = require('jquery')
»   ...

Using "+tab", you'll need to indent your code relatively to the <script> tag, ex:

»   »   <script>
»   »   »   const $ = require('jquery')
»   »   »   ...

By using "+2", you'll need to indent your code with 2 spaces relatively to the <script> tag, ex:

········<script>
··········const $ = require('jquery')
··········...

Let me know if it is not clear.

[trusktr]

@BenoitZugmeyer Hi, thanks for the reply. Ah, I get it, so I needed the +.