indent

This rule enforces consistent indentation.

How to use

.eslintrc.js

module.exports = {
  rules: {
    "@html-eslint/indent": "error",
  },
};

This rule has a mixed option:

For 4-space indentation (default option):

{
  "@html-eslint/indent": ["error", 4]
}

Or For tabbed indentation:

{
  "@html-eslint/indent": ["error", "tab"]
}

Examples of incorrect code for this rule with the default option:

<html>
  <body></body>
</html>

Examples of correct code for this rule:

<html>
    <body></body>
</html>

If the option is number it means the number of spaces for indentation.

{
  "@html-eslint/indent": ["error", 2]
}

Examples of incorrect code for this rule with the "2" option:

<html>
      <body></body>
</html>

Examples of correct code for this rule with the "2" option:

<html>
  <body></body>
</html>

If the option is "tab" it means using tab for indentation.

{
  "@html-eslint/indent": ["error", "tab"]
}

Examples of incorrect code for this rule:

<html>
          <body></body>
</html>

Examples of correct code for this rule:

<html>
  <body></body>
</html>

This rule has an object option:

{
  "@html-eslint/indent": [
    "error",
    2,
    {
      "Attribute": 2
    }
  ]
}

Attribute (default: 1): enforces indentation level for attributes. e.g. indent of 2 spaces with Attribute set to 2 will indent the attributes with 4 spaces (2 x 2).