JS.VUE.PADDING.LINE.BETWEEN.BLOCKS
Require or disallow padding lines between blocks
Rule Details
This rule requires or disallows blank lines between the given 2 blocks. Properly blank lines help developers to understand the code.
{'vue/padding-line-between-blocks': ['error']}
Copy
<!-- GOOD -->
<template>
<div></div>
</template>
<script>
export default {}
</script>
<style></style>
{'vue/padding-line-between-blocks': ['error']}
Copy
<!-- BAD -->
<template>
<div></div>
</template>
<script>
export default {}
</script>
<style></style>
Options
Copy
{
"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)
{'vue/padding-line-between-blocks': ['error']}
Copy
<!-- GOOD -->
<template>
<div></div>
</template>
<script>
export default {}
</script>
<style></style>
{'vue/padding-line-between-blocks': ['error']}
Copy
<!-- BAD -->
<template>
<div></div>
</template>
<script>
export default {}
</script>
<style></style>
"never"
{'vue/padding-line-between-blocks': ['error', 'never']}
Copy
<!-- GOOD -->
<template>
<div></div>
</template>
<script>
export default {}
</script>
<style></style>
{'vue/padding-line-between-blocks': ['error', 'never']}
Copy
<!-- BAD -->
<template>
<div></div>
</template>
<script>
export default {}
</script>
<style></style>
Further Reading
- https://eslint.org/docs/rules/padding-line-between-statements
- https://eslint.org/docs/rules/lines-between-class-members