useSvelteRequireEachKey

HTML

Summary

Diagnostic Category: lint/nursery/useSvelteRequireEachKey
This rule doesn’t have a fix.
The default severity of this rule is information.
This rule belongs to the following domains:
- svelte
Sources:
- Same as svelte/require-each-key

How to configure

1
{
2
  "linter": {
3
    "rules": {
4
      "nursery": {
5
        "useSvelteRequireEachKey": "error"
6
      }
7
    }
8
  }
9
}

Description

Require keyed {#each} blocks in Svelte templates.

Svelte uses keyed each blocks to track list items across updates. Without a key, Svelte updates items by position, which can cause state to move between items when the list changes.

For more information, see the Svelte documentation on keyed each blocks.

Examples

Invalid

1
{#each items as item}
2
  <div>{item}</div>
3
{/each}

Valid

1
{#each items as item (item.id)}
2
  <div>{item}</div>
3
{/each}

Disable a rule
Configure the code fix
Rule options
Source Code (Edit this Page)
Test Cases