noSvelteAtDebugTags (HTML)

Language HTML

Summary

Diagnostic Category: lint/nursery/noSvelteAtDebugTags
This rule has a safe fix.
The default severity of this rule is information.
This rule belongs to the following domains:
- svelte
Sources:
- Same as svelte/no-at-debug-tags

How to configure

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

Description

Disallow the use of Svelte’s {@debug} tag.

The {@debug} tag is a debugging aid that logs the values of the given variables to the console whenever they change, and pauses execution when developer tools are open. It should be removed once you are done debugging, as it should not remain in production code.

Examples

Invalid

1
{@debug user}

code-block.svelte:1:1 lint/nursery/noSvelteAtDebugTags  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ℹ Unexpected {@debug} tag.
  
  > 1 │ {@debug user}
      │ ^^^^^^^^^^^^^
    2 │ 
  
  ℹ The {@debug} tag should be removed once you no longer need it for debugging.
  
  ℹ This rule belongs to the nursery group, which means it is not yet stable and may change in the future. Visit https://biomejs.dev/linter/#nursery for more information.
  
  ℹ Safe fix: Remove the {@debug} tag.
  
    1 │ {@debug·user}
      │ -------------

Valid

1
{user}

References

Svelte debug tag