mustache-spacing.md

Pattern: Inconsistent unified spacing in mustache

Issue: -

Description

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

🔧 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

• Rule source
• Test source