Add rule: warn if entire attribute value is placed in es6 template literal

(1 comment) (1 reaction) (0 assignees)TypeScript (72 forks)auto 404

enhancementhelp wantednew rule

Repository metrics

some developers (and ai, too!) will write attributes in jsx style. eg <a href={`https://example.com${path}`}>link</a>.

in idiomatic svelte, this should be <a href="https://example.com{path}">link</a>

warn on attr={``}

<script>
</script>

<!-- ✓ GOOD -->
<Foo attr="foo${bar}" />

<!-- ✗ BAD -->
<Foo attr={`foo${bar}`} />

No response

Research direction: Study existing rules in the plugin to understand the pattern for adding a new rule. Focus on how to traverse Svelte AST nodes for attributes. The rule should detect when an attribute value is a TemplateLiteral node (e.g., `attr={`...`}`). Check the Svelte parser's AST to confirm node types. Then implement logic to warn and suggest replacing with idiomatic Svelte attribute syntax (`attr="..."` with expressions inside).
Tech stack: typescriptsvelte
Domain: developer experiencetooling
Issue type: Feature
Difficulty: 2
Estimated time: 1-3 hours
Activity status: Active
Clarity: Clear
Prerequisites: GitESLintSvelte
Newbie friendliness: 75