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

Pattern: Malformed newline between multi-line properties

Issue: -

Description

This rule aims at enforcing new lines between multi-line properties in Vue components to help readability

Examples

<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>

Further Reading

• eslint-plugin-vue - new-line-between-multi-line-property