space-between-siblings.md

pageClass	sidebarDepth	title	description
rule-details	0	vue/space-between-siblings	Insert newlines between sibling tags in template

vue/space-between-siblings

Insert newlines between sibling tags in template

• ❗ This rule has not been released yet.
• 🔧 The --fix option on the command line can automatically fix some of the problems reported by this rule.

📖 Rule Details

This rule requires newlines between sibling HTML tags

<!-- ✓ GOOD -->
<template>
  <div>
    <ul>
      <li>
      </li>

      <li>
      </li>

      <li>
      </li>
    </ul>
  </div>
</template>

<!-- ✗ BAD -->
<template>
  <div>
    <ul>
      <li>
      </li>
      <li>
      </li>
      <li>
      </li>
    </ul>
  </div>
</template>

🔧 Options

{
  "vue/space-between-siblings": ["error", {
      "ignoreNewlinesBefore": [],
      "ignoreNewlinesAfter": []
  }]
}

• ignoreNewlinesBefore ignores newlines before specified elements. default []
• ignoreNewlinesAfter ignores newlines after specified elements. default []

"ignoreNewlinesBefore": ["br"]

<template>
  <div>
    <ul>
      <li>
      </li>

      <li>
      </li>
      <br />

      <li>
      </li>
    </ul>
  </div>
</template>

"ignoreNewlinesAfter": ["br"]

<template>
  <div>
    <ul>
      <li>
      </li>

      <li>
      </li>
      
      <br />
      <li>
      </li>
    </ul>
  </div>
</template>

🔍 Implementation

• Rule source
• Test source