noAstroConflictingSetDirectives (JavaScript)

Summary

Rule available since: v2.5.15
Diagnostic Category: lint/nursery/noAstroConflictingSetDirectives
This rule doesn’t have a fix.
The default severity of this rule is error.
This rule belongs to the following domains:
- astro
Sources:
- Same as astro/no-conflict-set-directives

How to configure

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

Description

Disallow conflicting content sources on Astro elements.

The set:html and set:text directives replace an element’s child content. Combining either directive with another content source makes it unclear which content should be rendered.

Examples

Invalid

1
<div>{items.map((item) => <span set:html={item.html}>Fallback content</span>)}</div>

Valid

1
<div>{items.map((item) => <span set:html={item.html} />)}</div>

References

Astro template directives