← Back

vue/max-attributes-per-line warning

Limits the maximum number of attributes/properties per line to improve readability.

Examples

❌  Incorrect

<template>
    <div>
        <my-component foo="bar" baz="qux" abc="123" xyz="321"></my-component>

        <my-component
            foo="bar" baz="qux"
        ><my-component>
    </div>
</template>

✅  Correct

<template>
    <div>
        <my-component foo="bar" baz="qux" abc="123"></my-component>

        <my-component
            foo="bar"
            baz="qux"
            abc="123"
            xyz="321"
        ></my-component>
    </div>
</template>