padding-line-between-blocks.md

Pattern: Malformed padding line between blocks

Issue: -

Description

Requires or disallows blank lines between the given 2 blocks. Properly blank lines help developers to understand the code.

Options

{
  "vue/padding-line-between-blocks": ["error", "always" | "never"]
}

• "always" (default) ... Requires one or more blank lines. Note it does not count lines that comments exist as blank lines.
• "never" ... Disallows blank lines.

"always" (default)

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

<script>
export default {}
</script>

<style></style>

<!-- ✗ BAD -->
<template>
  <div></div>
</template>
<script>
export default {}
</script>
<style></style>

"never"

<!-- ✓ GOOD -->
<template>
  <div></div>
</template>
<script>
export default {}
</script>
<style></style>

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

<script>
export default {}
</script>

<style></style>

Further Reading

• eslint-plugin-vue - padding-line-between-blocks