# svelte/max-attributes-per-line

enforce the maximum number of attributes per line

  • 🔧 The --fix option on the command line can automatically fix some of the problems reported by this rule.

# 📖 Rule Details

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

This rule aims to enforce a number of attributes per line in templates. It checks all the elements in a template and verifies that the number of attributes per line does not exceed the defined maximum. An attribute is considered to be in a new line when there is a line break between two attributes.

There is a configurable number of attributes that are acceptable in one-line case (default 1), as well as how many attributes are acceptable per line in multi-line case (default 1).

<script>  /* eslint svelte/max-attributes-per-line: "error" */ </script>  <!-- ✓ GOOD --> <input  type="text"  bind:value={text}  {maxlength}  {...attrs}  readonly  size="20" /> <button  type="button"  on:click={click}  {maxlength}  {...attrs}  disabled  data-my-data="foo" />  <!-- ✗ BAD --> <input type="text" 
'bind:value' should be on a new line. (svelte/max-attributes-per-line)
bind:value={text} {maxlength} {...attrs} readonly /> <button type="button" 
'on:click' should be on a new line. (svelte/max-attributes-per-line)
on:click={click} {maxlength} {...attrs}> CLICK ME! </button>

# 🔧 Options

{  "svelte/max-attributes-per-line": [  "error",  {  "multiline": 1,  "singleline": 1  }  ] }
  • multiline … The number of maximum attributes per line when the opening tag is in multiple lines. Default is 1.
  • singleline … The number of maximum attributes per line when the opening tag is in a single line. Default is 1.

# 🚀 Version

This rule was introduced in eslint-plugin-svelte v0.2.0

# 🔍 Implementation