prefer-destructured-store-props.md

pageClass	sidebarDepth	title	description
rule-details	0	svelte/prefer-destructured-store-props	Destructure store props for more efficient redraws

svelte/prefer-destructured-store-props

Destructure store props for more efficient redraws

• ❗ This rule has not been released yet.

📖 Rule Details

This rule reports on directly accessing properties of a store containing an object. These usages can instead be written as a reactive statement using destructuring to allow for more granular change-tracking and reduced redraws in the component.

An example of the improvements can be see in this REPL

<script>
  /* eslint svelte/prefer-destructured-store-props: "error" */
  $: ({ foo } = $store)
</script>

<!-- ✓ GOOD -->
{foo}

<!-- ✗ BAD -->
{$store.foo}

🔧 Options

Nothing

❤️ Compatibility

This rule was taken from @tivac/eslint-plugin-svelte.
This rule is compatible with @tivac/svelte/store-prop-destructuring rule.

🔍 Implementation

• Rule source
• Test source