derived-has-same-inputs-outputs.md

pageClass	sidebarDepth	title	description	since
rule-details	0	svelte/derived-has-same-inputs-outputs	derived store should use same variable names between values and callback	v2.8.0

svelte/derived-has-same-inputs-outputs

derived store should use same variable names between values and callback

• ⚙️ This rule is included in all of "plugin:svelte/recommended", "plugin:svelte/recommended_svelte5_without_legacy" and "plugin:svelte/recommended_svelte3_4" configuration.

📖 Rule Details

This rule reports where variable names and callback function's argument names are different. This is mainly a recommended rule to avoid implementation confusion.

/* eslint svelte/derived-has-same-inputs-outputs: "error" */

import { derived } from 'svelte/store';

/* ✓ GOOD */
derived(a, ($a) => {});
derived(a, ($a, set) => {});
derived([a, b], ([$a, $b]) => {});

/* ✗ BAD */
derived(a, (b) => {});
derived(a, (b, set) => {});
derived([a, b], ([one, two]) => {});

🔧 Options

Nothing.

📚 Further Reading

• Svelte - Docs > RUN TIME > svelte/store > derived

🚀 Version

This rule was introduced in eslint-plugin-svelte v2.8.0

🔍 Implementation

• Rule source
• Test source