new-line-between-multi-line-property.md

pageClass	sidebarDepth	title	description
rule-details	0	vue/new-line-between-multi-line-property	enforce new lines between multi-line properties in Vue components

vue/new-line-between-multi-line-property

enforce new lines between multi-line properties in Vue components

• 🔧 The --fix option on the command line 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

Examples of incorrect code for this rule:

<script>
export default {
  props: {
    value: {
      type: String,
      required: true
    },
    focused: {
      type: Boolean,
      default: false,
      required: true
    },

    label: String,
    icon: String
  },
  computed: {

  }
}
</script>

Examples of correct code for this rule:

<script>
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-multiline-property": ["error", {
    "minLineOfMultilineProperty": 2
  }]
}

• minLineOfMultilineProperty ... type: number, Define the minimum number of rows for a multi-line property .type: number, default: 2 , min:: 2

📚 Further Reading

Nothing here

🔍 Implementation

• Rule source
• Test source