Create padding-line-between-tags rule

docs/rules/README.md

@@ -257,6 +257,7 @@ For example:
 | [vue/require-name-property](./require-name-property.md) | require a name property in Vue components |  | :hammer: |
 | [vue/script-indent](./script-indent.md) | enforce consistent indentation in `<script>` | :wrench: | :lipstick: |
 | [vue/sort-keys](./sort-keys.md) | enforce sort-keys in a manner that is compatible with order-in-components |  | :hammer: |
+| [vue/space-between-siblings](./space-between-siblings.md) | Insert newlines between sibling tags in template  | :wrench: | :warning: |
 | [vue/static-class-names-order](./static-class-names-order.md) | enforce static class names order | :wrench: | :hammer: |
 | [vue/v-for-delimiter-style](./v-for-delimiter-style.md) | enforce `v-for` directive's delimiter style | :wrench: | :lipstick: |
 | [vue/v-on-function-call](./v-on-function-call.md) | enforce or forbid parentheses after method calls without arguments in `v-on` directives | :wrench: | :hammer: |

docs/rules/space-between-siblings.md

@@ -0,0 +1,123 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/space-between-siblings
+description: Insert newlines between sibling tags in template 
+---
+# vue/space-between-siblings
+
+> Insert newlines between sibling tags in template
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+## :book: Rule Details
+
+This rule requires newlines between sibling HTML tags
+
+<eslint-code-block fix :rules="{'vue/space-between-siblings': ['error']}">
+
+```vue
+<!-- ✓ GOOD -->
+<template>
+  <div>
+    <ul>
+      <li>
+      </li>
+
+      <li>
+      </li>
+
+      <li>
+      </li>
+    </ul>
+  </div>
+</template>
+```
+
+```vue
+<!-- ✗ BAD -->
+<template>
+  <div>
+    <ul>
+      <li>
+      </li>
+      <li>
+      </li>
+      <li>
+      </li>
+    </ul>
+  </div>
+</template>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+```json
+{
+  "vue/space-between-siblings": ["error", {
+      "ignoreNewlinesBefore": [],
+      "ignoreNewlinesAfter": []
+  }]
+}
+```
+
+- `ignoreNewlinesBefore` ignores newlines before specified elements.
+    default `[]`
+- `ignoreNewlinesAfter` ignores newlines after specified elements.
+    default `[]`
+
+### `"ignoreNewlinesBefore": ["br"]`
+
+<eslint-code-block fix :rules="{'vue/space-between-siblings': ['error', { ignoreNewlinesBefore: ['br'] }]}">
+
+```vue
+<template>
+  <div>
+    <ul>
+      <li>
+      </li>
+
+      <li>
+      </li>
+      <br />
+
+      <li>
+      </li>
+    </ul>
+  </div>
+</template>
+```
+
+</eslint-code-block>
+
+### `"ignoreNewlinesAfter": ["br"]`
+
+<eslint-code-block fix :rules="{'vue/space-between-siblings': ['error', { ignoreNewlinesAfter: ['br'] }]}">
+
+```vue
+<template>
+  <div>
+    <ul>
+      <li>
+      </li>
+
+      <li>
+      </li>
+
+      <br />
+      <li>
+      </li>
+    </ul>
+  </div>
+</template>
+```
+
+</eslint-code-block>
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/space-between-siblings.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/space-between-siblings.js)

lib/index.js

@@ -183,6 +183,7 @@ module.exports = {
     'script-setup-uses-vars': require('./rules/script-setup-uses-vars'),
     'singleline-html-element-content-newline': require('./rules/singleline-html-element-content-newline'),
     'sort-keys': require('./rules/sort-keys'),
+    'space-between-siblings': require('./rules/space-between-siblings'),
     'space-in-parens': require('./rules/space-in-parens'),
     'space-infix-ops': require('./rules/space-infix-ops'),
     'space-unary-ops': require('./rules/space-unary-ops'),

lib/rules/space-between-siblings.js

@@ -0,0 +1,123 @@
+/**
+ * @author *****your name*****
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+// ...
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+/**
+ * @param {RuleContext} context
+ */
+function checkNewline(context) {
+  /** @type {string[]} */
+  let ignoreNewlinesAfter = []
+  /** @type {string[]} */
+  let ignoreNewlinesBefore = []
+
+  if (context.options.length > 0) {
+    const options = context.options[0]
+    ignoreNewlinesAfter = options.ignoreNewlinesAfter ?? []
+    ignoreNewlinesBefore = options.ignoreNewlinesBefore ?? []
+  }
+
+  /**
+   * @param {VElement} block
+   */
+  return (block) => {
+    if (ignoreNewlinesAfter.includes(block.name)) {
+      return
+    }
+
+    const endTag = block.endTag || block.startTag
+    const lowerSiblings = block.parent.children
+      .filter(
+        (element) =>
+          element.type === 'VElement' && element.range !== block.range
+      )
+      .filter((sibling) => sibling.range[0] - endTag.range[1] > 0)
+
+    if (lowerSiblings.length === 0) {
+      return
+    }
+
+    let closestSibling = lowerSiblings[0]
+
+    for (const sibling of lowerSiblings) {
+      const diff = sibling.range[0] - endTag.range[1]
+      if (diff < closestSibling.range[0] - endTag.range[1]) {
+        closestSibling = sibling
+      }
+    }
+
+    if (closestSibling.loc.start.line === endTag.loc.end.line + 1) {
+      context.report({
+        messageId: 'always',
+        loc: closestSibling.loc,
+        // @ts-ignore
+        fix(fixer) {
+          const element = /** @type {VElement} */ (closestSibling)
+          if (!ignoreNewlinesBefore.includes(element.name)) {
+            return fixer.insertTextAfter(block, '\n')
+          }
+        }
+      })
+    }
+  }
+}
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'require newlines between sibling tags in template',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/space-between-siblings.html'
+    },
+    fixable: 'whitespace',
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          ignoreNewlinesBefore: {
+            type: 'array',
+            items: { type: 'string' },
+            uniqueItems: true,
+            additionalItems: false
+          },
+          ignoreNewlinesAfter: {
+            type: 'array',
+            items: { type: 'string' },
+            uniqueItems: true,
+            additionalItems: false
+          }
+        },
+        additionalProperties: false
+      }
+    ],
+    messages: {
+      never: 'Unexpected blank line before this block.',
+      always: 'Expected blank line after this block.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    return utils.defineTemplateBodyVisitor(context, {
+      VElement: checkNewline(context)
+    })
+  }
+}