Skip to content

Rule proposal: padding-lines-between-tags #1832

@amiranagram

Description

@amiranagram

Please describe what the rule should do:

The rule, as demonstrated in #855 (comment) and #1829 should enforce line breaks between HTML tags in template. Not all tags, just siblings.

What category should the rule belong to?

  • Enforces code style (layout)
  • Warns about a potential error (problem)
  • Suggests an alternate way of doing something (suggestion)
  • Other (please specify:)

Provide 2-3 code examples that this rule should warn about:

<!-- GOOD --> <template> <div> <p>Item 1</p> <p>Item 2</p> </div> </template> <!-- BAD --> <template> <div> <p>Item 1</p> <p>Item 2</p> </div> </template>
<!-- GOOD --> <template> <ul> <li>1</li> <li>2</li> <li> <ul> <li>3.1</li> <li>3.2</li> </ul> </li> <li> <ul> <li>4.1</li> </ul> </li> </ul> </template> <!-- BAD--> <template> <ul> <li>1</li> <li>2</li> <li> <ul> <li>3.1</li> <li>3.2</li> </ul> </li> <li> <ul> <li>4.1</li> </ul> </li> </ul> </template>

Additional context

Similar to vue/padding-line-between-blocks https://eslint.vuejs.org/rules/padding-line-between-blocks.html

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions