# vue/new-line-between-multi-line-property
enforce new lines between multi-line properties in Vue components
- 🔧 The
--fixoption on the command line (opens new window) can automatically fix some of the problems reported by this rule.
# 📖 Rule Details
This rule aims at enforcing new lines between multi-line properties in Vue components to help readability
<script>
/* ✗ BAD */
export default {
props: {
value: {
type: String,
required: true
},
focused: {
type: Boolean,
default: false,
required: true
},
label: String,
icon: String
},
computed: {
}
}
</script>
<script>
/* ✓ GOOD */
export default {
props: {
value: {
type: String,
required: true
},
focused: {
type: Boolean,
default: false,
required: true
},
label: String,
icon: String
},
computed: {
}
}
</script>
# 🔧 Option
{
"vue/new-line-between-multi-line-property": ["error", {
"minLineOfMultilineProperty": 2
}]
}
minLineOfMultilineProperty... Define the minimum number of rows for a multi-line property. default2
# 📚 Further Reading
# 🚀 Version
This rule was introduced in eslint-plugin-vue v7.3.0