# svelte/mustache-spacing

enforce unified spacing in mustache

  • 🔧 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 unified spacing in mustaches.

<script>  /* eslint svelte/mustache-spacing: "error" */ </script>  <!-- ✓ GOOD --> {name} <input bind:value={text} class="foo {bar}" /> <input {id} {...attrs} /> {@html page} {@debug o1, o2}  {#if c1}...{:else if c2}...{:else}...{/if}  {#each list as item}...{/each}  {#await p}...{:then val}...{:catch err}...{/await}  {#key id}...{/key}  <!-- ✗ BAD --> 
Expected no space after '{', but found. (svelte/mustache-spacing)
{ 
Expected no space before '}', but found. (svelte/mustache-spacing)
name } <input bind:value=
Expected no space after '{', but found. (svelte/mustache-spacing)
{ 
Expected no space before '}', but found. (svelte/mustache-spacing)
Expected no space after '{', but found. (svelte/mustache-spacing)
Expected no space before '}', but found. (svelte/mustache-spacing)
text } class="foo { bar }" /> <input 
Expected no space after '{', but found. (svelte/mustache-spacing)
{ 
Expected no space before '}', but found. (svelte/mustache-spacing)
Expected no space after '{', but found. (svelte/mustache-spacing)
Expected no space before '}', but found. (svelte/mustache-spacing)
id } { ...attrs } /> 
Expected no space after '{', but found. (svelte/mustache-spacing)
{ 
Expected no space before '}', but found. (svelte/mustache-spacing)
@html page } 
Expected no space after '{', but found. (svelte/mustache-spacing)
{ 
Expected no space before '}', but found. (svelte/mustache-spacing)
@debug o1, o2 }  
Expected no space after '{', but found. (svelte/mustache-spacing)
{ 
Expected no space before '}', but found. (svelte/mustache-spacing)
Expected no space after '{', but found. (svelte/mustache-spacing)
Expected no space before '}', but found. (svelte/mustache-spacing)
Expected no space after '{', but found. (svelte/mustache-spacing)
Expected no space before '}', but found. (svelte/mustache-spacing)
Expected no space after '{', but found. (svelte/mustache-spacing)
Expected no space before '}', but found. (svelte/mustache-spacing)
#if c1 }...{ :else if c2 }...{ :else }...{ /if }  
Expected no space after '{', but found. (svelte/mustache-spacing)
{ 
Expected no space before '}', but found. (svelte/mustache-spacing)
Expected no space after '{', but found. (svelte/mustache-spacing)
Expected no space before '}', but found. (svelte/mustache-spacing)
#each list as item }...{ /each }  
Expected no space after '{', but found. (svelte/mustache-spacing)
{ 
Expected no space before '}', but found. (svelte/mustache-spacing)
Expected no space after '{', but found. (svelte/mustache-spacing)
Expected no space before '}', but found. (svelte/mustache-spacing)
Expected no space after '{', but found. (svelte/mustache-spacing)
Expected no space before '}', but found. (svelte/mustache-spacing)
Expected no space after '{', but found. (svelte/mustache-spacing)
Expected no space before '}', but found. (svelte/mustache-spacing)
#await p }...{ :then val }...{ :catch err }...{ /await }  
Expected no space after '{', but found. (svelte/mustache-spacing)
{ 
Expected no space before '}', but found. (svelte/mustache-spacing)
Expected no space after '{', but found. (svelte/mustache-spacing)
Expected no space before '}', but found. (svelte/mustache-spacing)
#key id }...{ /key }

# 🔧 Options

{  "svelte/mustache-spacing": [  "error",  {  "textExpressions": "never", // or "always"  "attributesAndProps": "never", // or "always"  "directiveExpressions": "never", // or "always"  "tags": {  "openingBrace": "never", // or "always"  "closingBrace": "never" // or "always" or "always-after-expression"  }  }  ] }
  • "never" … Expect no spaces between token and curly brackets. This is default.
  • "always" … Expect one space between token and curly brackets.
  • "always-after-expression" … Expect one space between expression and closing curly brackets, if the expression before the closing curly bracket.
  • textExpressions … Enforces the style of the mustache for the text expressions. e.g. {text}.
  • attributesAndProps … Enforces the style of the mustache for the attributes and props. e.g. <input value={text}.
  • directiveExpressions … Enforces the style of the mustache for the directive expressions. e.g. <input bind:value={text}.
  • tags … Enforces the style of the mustache for the mustache tags. e.g. {#if condition}.

# 🚀 Version

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

# 🔍 Implementation