%20--%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='0%200%20294.825%20258.982'%20xml:space='preserve'%3e%3cg%3e%3cpath%20fill='%2340b3ff'%20d='M273.336,124.488L215.469,23.816c-2.102-3.64-5.985-6.325-10.188-6.325H89.545%20c-4.204,0-8.088,2.685-10.19,6.325l-57.867,100.45c-2.102,3.641-2.102,8.236,0,11.877l57.867,99.847%20c2.102,3.64,5.986,5.501,10.19,5.501h115.735c4.203,0,8.087-1.805,10.188-5.446l57.867-100.01%20C275.439,132.396,275.439,128.128,273.336,124.488%20M225.419,172.898c0,1.48-0.891,2.849-2.174,3.59l-73.71,42.527%20c-1.282,0.74-2.888,0.74-4.17,0l-73.767-42.527c-1.282-0.741-2.179-2.109-2.179-3.59V87.843c0-1.481,0.884-2.849,2.167-3.59%20l73.707-42.527c1.282-0.741,2.886-0.741,4.168,0l73.772,42.527c1.283,0.741,2.186,2.109,2.186,3.59V172.898z'/%3e%3cg%20transform='translate(60,%2028)%20scale(1.6)'%3e%3cpath%20stroke='%23ff3e00'%20fill='%23ff3e00'%20stroke-width='50'%20d='M65,34%20L37,52%20A1%201%200%200%200%2044%2060%20L70.5,44.5%20A1%201%200%200%200%2065,34Z%20M64,67%20L36,85%20A1%201%200%200%200%2042%2094%20L68,77.5%20A1%201%200%200%200%2064,67Z'%20/%3e%3cpath%20stroke='%23ff3e00'%20fill='%23fff'%20stroke-width='1.5'%20d='M45.41,108.86A21.81,21.81,0,0,1,22,100.18,20.2,20.2,0,0,1,18.53,84.9a19,19,0,0,1,.65-2.57l.52-1.58,1.41,1a35.32,35.32,0,0,0,10.75,5.37l1,.31-.1,1a6.2,6.2,0,0,0,1.11,4.08A6.57,6.57,0,0,0,41,95.19a6,6,0,0,0,1.68-.74L70.11,76.94a5.76,5.76,0,0,0,2.59-3.83,6.09,6.09,0,0,0-1-4.6,6.58,6.58,0,0,0-7.06-2.62,6.21,6.21,0,0,0-1.69.74L52.43,73.31a19.88,19.88,0,0,1-5.58,2.45,21.82,21.82,0,0,1-23.43-8.68A20.2,20.2,0,0,1,20,51.8a19,19,0,0,1,8.56-12.7L56,21.59a19.88,19.88,0,0,1,5.58-2.45A21.81,21.81,0,0,1,85,27.82,20.2,20.2,0,0,1,88.47,43.1a19,19,0,0,1-.65,2.57l-.52,1.58-1.41-1a35.32,35.32,0,0,0-10.75-5.37l-1-.31.1-1a6.2,6.2,0,0,0-1.11-4.08,6.57,6.57,0,0,0-7.06-2.62,6,6,0,0,0-1.68.74L36.89,51.06a5.71,5.71,0,0,0-2.58,3.83,6,6,0,0,0,1,4.6,6.58,6.58,0,0,0,7.06,2.62,6.21,6.21,0,0,0,1.69-.74l10.48-6.68a19.88,19.88,0,0,1,5.58-2.45,21.82,21.82,0,0,1,23.43,8.68A20.2,20.2,0,0,1,87,76.2a19,19,0,0,1-8.56,12.7L51,106.41a19.88,19.88,0,0,1-5.58,2.45'%20/%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
# Available Rules
🔧 Indicates that the rule is fixable, and using --fix option on the command line can automatically fix some of the reported problems.
💡 Indicates that some problems reported by the rule are manually fixable by editor suggestions.
⭐ Indicates that the rule is included in the plugin:svelte/recommended config.
# Possible Errors
These rules relate to possible syntax or logic errors in Svelte code:
| Rule ID | Description | |
|---|---|---|
| svelte/infinite-reactive-loop | Svelte runtime prevents calling the same reactive statement twice in a microtask. But between different microtask, it doesn’t prevent. | |
| svelte/no-dom-manipulating | disallow DOM manipulating | |
| svelte/no-dupe-else-if-blocks | disallow duplicate conditions in {#if} / {:else if} chains |
⭐ |
| svelte/no-dupe-on-directives | disallow duplicate on: directives |
|
| svelte/no-dupe-style-properties | disallow duplicate style properties | ⭐ |
| svelte/no-dupe-use-directives | disallow duplicate use: directives |
|
| svelte/no-dynamic-slot-name | disallow dynamic slot name | ⭐🔧 |
| svelte/no-export-load-in-svelte-module-in-kit-pages | disallow exporting load functions in *.svelte module in SvelteKit page components. |
|
| svelte/no-not-function-handler | disallow use of not function in event handler | ⭐ |
| svelte/no-object-in-text-mustaches | disallow objects in text mustache interpolation | ⭐ |
| svelte/no-reactive-reassign | disallow reassigning reactive values | |
| svelte/no-shorthand-style-property-overrides | disallow shorthand style properties that override related longhand properties | ⭐ |
| svelte/no-store-async | disallow using async/await inside svelte stores because it causes issues with the auto-unsubscribing features | |
| svelte/no-unknown-style-directive-property | disallow unknown style:property |
⭐ |
| svelte/require-store-callbacks-use-set-param | store callbacks must use set param |
|
| svelte/require-store-reactive-access | disallow to use of the store itself as an operand. Need to use $ prefix or get function. | 🔧 |
| svelte/valid-compile | disallow warnings when compiling. | ⭐ |
| svelte/valid-prop-names-in-kit-pages | disallow props other than data or errors in SvelteKit page components. |
# Security Vulnerability
These rules relate to security vulnerabilities in Svelte code:
| Rule ID | Description | |
|---|---|---|
| svelte/no-at-html-tags | disallow use of {@html} to prevent XSS attack |
⭐ |
| svelte/no-target-blank | disallow target="_blank" attribute without rel="noopener noreferrer" |
# Best Practices
These rules relate to better ways of doing things to help you avoid problems:
| Rule ID | Description | |
|---|---|---|
| svelte/block-lang | disallows the use of languages other than those specified in the configuration for the lang attribute of <script> and <style> blocks. |
|
| svelte/button-has-type | disallow usage of button without an explicit type attribute | |
| svelte/no-at-debug-tags | disallow the use of {@debug} |
⭐ |
| svelte/no-ignored-unsubscribe | disallow ignoring the unsubscribe method returned by the subscribe() on Svelte stores. |
|
| svelte/no-immutable-reactive-statements | disallow reactive statements that don’t reference reactive values. | |
| svelte/no-inline-styles | disallow attributes and directives that produce inline styles | |
| svelte/no-reactive-functions | it’s not necessary to define functions in reactive statements | 💡 |
| svelte/no-reactive-literals | don’t assign literal values in reactive statements | 💡 |
| svelte/no-unused-class-name | disallow the use of a class in the template without a corresponding style | |
| svelte/no-unused-svelte-ignore | disallow unused svelte-ignore comments | ⭐ |
| svelte/no-useless-mustaches | disallow unnecessary mustache interpolations | 🔧 |
| svelte/prefer-destructured-store-props | destructure values from object stores for better change tracking & fewer redraws | 💡 |
| svelte/require-each-key | require keyed {#each} block |
|
| svelte/require-event-dispatcher-types | require type parameters for createEventDispatcher |
|
| svelte/require-optimized-style-attribute | require style attributes that can be optimized | |
| svelte/require-stores-init | require initial value in store | |
| svelte/valid-each-key | enforce keys to use variables defined in the {#each} block |
# Stylistic Issues
These rules relate to style guidelines, and are therefore quite subjective:
| Rule ID | Description | |
|---|---|---|
| svelte/derived-has-same-inputs-outputs | derived store should use same variable names between values and callback | |
| svelte/first-attribute-linebreak | enforce the location of first attribute | 🔧 |
| svelte/html-closing-bracket-spacing | require or disallow a space before tag’s closing brackets | 🔧 |
| svelte/html-quotes | enforce quotes style of HTML attributes | 🔧 |
| svelte/html-self-closing | enforce self-closing style | 🔧 |
| svelte/indent | enforce consistent indentation | 🔧 |
| svelte/max-attributes-per-line | enforce the maximum number of attributes per line | 🔧 |
| svelte/mustache-spacing | enforce unified spacing in mustache | 🔧 |
| svelte/no-extra-reactive-curlies | disallow wrapping single reactive statements in curly braces | 💡 |
| svelte/no-restricted-html-elements | disallow specific HTML elements | |
| svelte/no-spaces-around-equal-signs-in-attribute | disallow spaces around equal signs in attribute | 🔧 |
| svelte/prefer-class-directive | require class directives instead of ternary expressions | 🔧 |
| svelte/prefer-style-directive | require style directives instead of style attribute | 🔧 |
| svelte/shorthand-attribute | enforce use of shorthand syntax in attribute | 🔧 |
| svelte/shorthand-directive | enforce use of shorthand syntax in directives | 🔧 |
| svelte/sort-attributes | enforce order of attributes | 🔧 |
| svelte/spaced-html-comment | enforce consistent spacing after the <!-- and before the --> in a HTML comment |
🔧 |
# Extension Rules
These rules extend the rules provided by ESLint itself, or other plugins to work well in Svelte:
| Rule ID | Description | |
|---|---|---|
| svelte/no-inner-declarations | disallow variable or function declarations in nested blocks |
⭐ |
| svelte/no-trailing-spaces | disallow trailing whitespace at the end of lines | 🔧 |
# SvelteKit
These rules relate to SvelteKit and its best Practices.
| Rule ID | Description | |
|---|---|---|
| svelte/no-goto-without-base | disallow using goto() without the base path |
# Experimental
⚠️ These rules are considered experimental and may change or be removed in the future:
| Rule ID | Description | |
|---|---|---|
| svelte/experimental-require-slot-types | require slot type declaration using the $$Slots interface |
|
| svelte/experimental-require-strict-events | require the strictEvents attribute on <script> tags |
# System
These rules relate to this plugin works:
| Rule ID | Description | |
|---|---|---|
| svelte/comment-directive | support comment-directives in HTML template | ⭐ |
| svelte/system | system rule for working this plugin | ⭐ |
# Deprecated
- ⚠️ We’re going to remove deprecated rules in the next major release. Please migrate to successor/new rules.
- 😇 We don’t fix bugs which are in deprecated rules since we don’t have enough resources.
| Rule ID | Replaced by |
|---|---|
| svelte/@typescript-eslint/no-unnecessary-condition | This rule is no longer needed when using svelte-eslint-parser>=v0.19.0. |