Pattern: Unnecessary mustache interpolation
Issue: -
This rule reports mustache interpolation with a string literal value.
The mustache interpolation with a string literal value can be changed to a static contents.
<script>
/* eslint svelte/no-useless-mustaches: "error" */
</script>
<!-- ✓ GOOD -->
Lorem ipsum {foo}
<div data-text="Lorem ipsum" />
<div data-text={bar} />
<!-- ✗ BAD -->
{'Lorem ipsum'}
{'Lorem ipsum'}
{`Lorem ipsum`}
<div data-text={'Lorem ipsum'} />
{
"svelte/no-useless-mustaches": [
"error",
{
"ignoreIncludesComment": false,
"ignoreStringEscape": false
}
]
}
ignoreIncludesComment
... Iftrue
, do not report expressions containing comments. defaultfalse
.ignoreStringEscape
... Iftrue
, do not report string literals with useful escapes. defaultfalse
.
<script>
/* eslint svelte/no-useless-mustaches: ["error", { "ignoreIncludesComment": true }] */
</script>
<!-- ✓ GOOD -->
<div data-text={/* comment */ 'Lorem ipsum'} />
<!-- ✗ BAD -->
<div data-text={'Lorem ipsum'} />
<!-- ✓ GOOD -->
{'Lorem \n ipsum'}
<div data-text={'Lorem \n ipsum'} />
This rule was introduced in eslint-plugin-svelte v0.0.4