-
-
diff --git a/docs-svelte-kit/src/lib/eslint/scripts/json.js b/docs-svelte-kit/src/lib/eslint/scripts/json.js
deleted file mode 100644
index 43a17bafb..000000000
--- a/docs-svelte-kit/src/lib/eslint/scripts/json.js
+++ /dev/null
@@ -1,68 +0,0 @@
-export function processJsonValue(options, ctx, value) {
- const type = typeof value;
- if (type === 'string' || type === 'number' || type === 'boolean' || value === null) {
- ctx.appendText(JSON.stringify(value));
- return;
- } else if (type !== 'object') {
- ctx.appendText('"?"');
- return;
- }
- if (Array.isArray(value)) {
- ctx.appendText('[\n').indent();
- const arr = [...value];
- while (arr.length) {
- ctx.appendIndent();
- const e = arr.shift();
- processJsonValue(options, ctx, e);
- if (arr.length) {
- ctx.appendText(',');
- }
- ctx.appendText('\n');
- }
- ctx.outdent().appendIndent().appendText(']');
- } else {
- let entries = Object.entries(value);
- const valueIsNode = isNode(value);
- if (valueIsNode) {
- ctx.pushNode(value);
- const typeEntry = entries.find(([key]) => key === 'type');
- const locEntries = options.showLocations
- ? entries.filter(([key]) => key === 'loc' || key === 'range')
- : [];
- entries = entries.filter(
- ([key]) =>
- key !== 'type' &&
- key !== 'loc' &&
- key !== 'range' &&
- key !== 'parent' &&
- !((key === 'start' || key === 'end') && typeof value.start === 'number')
- );
- if (typeEntry) entries.unshift(typeEntry);
- entries.push(...locEntries);
- }
- ctx.appendText('{\n').indent();
- while (entries.length) {
- const [key, val] = entries.shift();
- ctx.appendIndent();
- processJsonValue(options, ctx, key);
- ctx.appendText(': ');
- processJsonValue(options, ctx, val);
- if (entries.length) {
- ctx.appendText(',');
- }
- ctx.appendText('\n');
- }
- ctx.outdent().appendIndent().appendText('}');
-
- if (valueIsNode) {
- ctx.popNode();
- }
- }
-}
-
-/**
- * Check if given value is node
- */
-function isNode(value) {
- return value != null && Array.isArray(value.range) && 'loc' in value && 'type' in value;
-}
diff --git a/docs-svelte-kit/src/lib/eslint/scripts/state/deserialize.js b/docs-svelte-kit/src/lib/eslint/scripts/state/deserialize.js
deleted file mode 100644
index ab8ffdfe3..000000000
--- a/docs-svelte-kit/src/lib/eslint/scripts/state/deserialize.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import pako from 'pako';
-
-/**
- * Deserialize a given serialized string then update this object.
- * @param {string} serializedString A serialized string.
- * @returns {object} The deserialized state.
- */
-export function deserializeState(serializedString) {
- const state = {
- code: undefined,
- rules: undefined
- };
-
- if (serializedString === '') {
- return state;
- }
-
- try {
- const compressedString = window.atob(serializedString);
- const uint8Arr = pako.inflate(Uint8Array.from(compressedString, (c) => c.charCodeAt(0)));
-
- const jsonText = new TextDecoder().decode(uint8Arr);
- const json = JSON.parse(jsonText);
-
- if (typeof json === 'object' && json != null) {
- if (typeof json.code === 'string') {
- state.code = json.code;
- }
- if (json.useEslintPluginSvelte3 === true) {
- state.useEslintPluginSvelte3 = true;
- }
-
- if (typeof json.rules === 'object' && json.rules != null) {
- state.rules = {};
- for (const id of Object.keys(json.rules)) {
- state.rules[id] = json.rules[id] === 2 ? 'error' : 'off';
- }
- }
- }
- } catch (error) {
- // eslint-disable-next-line no-console -- Demo
- console.error(error);
- }
-
- return state;
-}
diff --git a/docs-svelte-kit/src/lib/eslint/scripts/state/index.js b/docs-svelte-kit/src/lib/eslint/scripts/state/index.js
deleted file mode 100644
index e04dbd277..000000000
--- a/docs-svelte-kit/src/lib/eslint/scripts/state/index.js
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './deserialize';
-export * from './serialize';
diff --git a/docs-svelte-kit/src/lib/eslint/scripts/state/serialize.js b/docs-svelte-kit/src/lib/eslint/scripts/state/serialize.js
deleted file mode 100644
index 02d0b8d80..000000000
--- a/docs-svelte-kit/src/lib/eslint/scripts/state/serialize.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import pako from 'pako';
-
-/**
- * Get only enabled rules to make the serialized data smaller.
- * @param {object} allRules The rule settings.
- * @returns {object} The rule settings for the enabled rules.
- */
-function getEnabledRules(allRules) {
- return Object.keys(allRules).reduce((map, id) => {
- if (allRules[id] === 'error') {
- map[id] = 2;
- }
- return map;
- }, {});
-}
-
-/**
- * Serialize a given state as a base64 string.
- * @param {State} state The state to serialize.
- * @returns {string} The serialized string.
- */
-export function serializeState(state) {
- const saveData = {
- code: state.code,
- rules: state.rules ? getEnabledRules(state.rules) : undefined,
- useEslintPluginSvelte3: state.useEslintPluginSvelte3
- };
- const jsonString = JSON.stringify(saveData);
-
- const uint8Arr = new TextEncoder().encode(jsonString);
- const compressedString = String.fromCharCode(...pako.deflate(uint8Arr));
- const base64 =
- (typeof window !== 'undefined' && window.btoa(compressedString)) || compressedString;
-
- // eslint-disable-next-line no-console -- Demo
- console.log(
- `The compress rate of serialized string: ${((100 * base64.length) / jsonString.length).toFixed(
- 1
- )}% (${jsonString.length}B → ${base64.length}B)`
- );
-
- return base64;
-}
diff --git a/docs-svelte-kit/src/lib/header/Header.svelte b/docs-svelte-kit/src/lib/header/Header.svelte
index 0fc55b112..39a867218 100644
--- a/docs-svelte-kit/src/lib/header/Header.svelte
+++ b/docs-svelte-kit/src/lib/header/Header.svelte
@@ -53,8 +53,14 @@
diff --git a/docs-svelte-kit/src/lib/server/markdown.ts b/docs-svelte-kit/src/lib/server/markdown.ts
new file mode 100644
index 000000000..17af17823
--- /dev/null
+++ b/docs-svelte-kit/src/lib/server/markdown.ts
@@ -0,0 +1,82 @@
+import { readFile } from 'node:fs/promises';
+import MarkdownIt from 'markdown-it';
+import Shiki from '@shikijs/markdown-it';
+
+function headingRenderer(md: MarkdownIt) {
+ const buildId = (text: string) => {
+ return text
+ .replace(/[^ \-0-9a-z]/gi, '')
+ .trim()
+ .replace(/\s+/g, '-')
+ .toLowerCase();
+ };
+
+ md.renderer.rules.heading_open = function (tokens, idx) {
+ const tag = tokens[idx].tag;
+ const text = tokens[idx + 1].content;
+ const id = buildId(text);
+ return `<${tag} id=${id} tabindex="-1">
#`;
+ };
+}
+
+function noteRenderer(md: MarkdownIt) {
+ md.renderer.rules.text = function (tokens, idx) {
+ const text = tokens[idx].content;
+ const match = /^::: (\S+)(\s.*)?$/.exec(text);
+ if (match) {
+ const type = match[1]?.trim();
+ const title = (match[2] ?? type)?.trim();
+ return `
${title}
`;
+ }
+ if (text.startsWith(':::')) {
+ return '
';
+ }
+ return text;
+ };
+}
+
+const md = MarkdownIt();
+md.use(headingRenderer);
+md.use(noteRenderer);
+md.use(
+ await Shiki({
+ themes: {
+ light: 'vitesse-dark',
+ dark: 'vitesse-dark'
+ }
+ })
+);
+
+function removeQuotes(str: string) {
+ return str.replace(/^["']|["']$/g, '');
+}
+
+function extractFrontmatter(markdown: string) {
+ const match = /---\r?\n([\s\S]+?)\r?\n---/.exec(markdown);
+ if (!match) return { metadata: {}, body: markdown };
+
+ const frontmatter = match[1];
+ const body = markdown.slice(match[0].length);
+
+ const metadata: Record
= {};
+ frontmatter.split('\n').forEach((pair) => {
+ const i = pair.indexOf(':');
+ metadata[pair.slice(0, i).trim()] = removeQuotes(pair.slice(i + 1).trim());
+ });
+
+ return { metadata, body };
+}
+
+function removeComments(markdown: string) {
+ return markdown.replace(//g, '');
+}
+
+export async function getParsedMarkdown(
+ path: string
+): Promise<{ metadata: Record; html: string }> {
+ const markdown = await readFile(path, 'utf-8');
+ const { metadata, body } = extractFrontmatter(markdown);
+ const bodyWithoutComment = removeComments(body);
+ const html = md.render(bodyWithoutComment);
+ return { metadata, html };
+}
diff --git a/docs-svelte-kit/src/lib/utils.js b/docs-svelte-kit/src/lib/utils.js
index 69b316716..e8c320bb4 100644
--- a/docs-svelte-kit/src/lib/utils.js
+++ b/docs-svelte-kit/src/lib/utils.js
@@ -50,14 +50,12 @@ const SIDE_MENU = {
title: 'Available Rules',
children: categoryRules
},
- { path: '/playground/', title: 'Playground' },
{ path: '/migration/', title: 'Migration' }
],
'/': [
{ path: '/', title: 'Introduction' },
{ path: '/user-guide/', title: 'User Guide' },
{ path: '/rules/', title: 'Available Rules' },
- { path: '/playground/', title: 'Playground' },
{ path: '/migration/', title: 'Migration' }
]
};
diff --git a/docs-svelte-kit/src/routes/+layout.svelte b/docs-svelte-kit/src/routes/+layout.svelte
index 14f2f3e0a..fb94b402f 100644
--- a/docs-svelte-kit/src/routes/+layout.svelte
+++ b/docs-svelte-kit/src/routes/+layout.svelte
@@ -31,11 +31,11 @@
-
+
diff --git a/docs-svelte-kit/src/routes/[slug]/+page.server.ts b/docs-svelte-kit/src/routes/[slug]/+page.server.ts
new file mode 100644
index 000000000..bf7dff7b8
--- /dev/null
+++ b/docs-svelte-kit/src/routes/[slug]/+page.server.ts
@@ -0,0 +1,13 @@
+import { getParsedMarkdown } from '$lib/server/markdown.js';
+import { error } from '@sveltejs/kit';
+import type { PageServerLoad } from './$types';
+
+export const load: PageServerLoad = async ({ params }) => {
+ const content = await getParsedMarkdown(`${process.cwd()}/../docs/${params.slug}.md`);
+
+ if (content) {
+ return { content };
+ }
+
+ error(404, 'Not found');
+};
diff --git a/docs-svelte-kit/src/routes/[slug]/+page.svelte b/docs-svelte-kit/src/routes/[slug]/+page.svelte
new file mode 100644
index 000000000..38e59af6e
--- /dev/null
+++ b/docs-svelte-kit/src/routes/[slug]/+page.svelte
@@ -0,0 +1,31 @@
+
+
+
+ {@html data.content.html}
+
+
+
diff --git a/docs-svelte-kit/src/routes/[slug]/[slug]/+page.server.ts b/docs-svelte-kit/src/routes/[slug]/[slug]/+page.server.ts
new file mode 100644
index 000000000..a12ac6ae8
--- /dev/null
+++ b/docs-svelte-kit/src/routes/[slug]/[slug]/+page.server.ts
@@ -0,0 +1,13 @@
+import { getParsedMarkdown } from '$lib/server/markdown.js';
+import { error } from '@sveltejs/kit';
+import type { PageServerLoad } from './$types';
+
+export const load: PageServerLoad = async ({ params }) => {
+ const content = await getParsedMarkdown(`${process.cwd()}/../docs/rules/${params.slug}.md`);
+
+ if (content) {
+ return { content };
+ }
+
+ error(404, 'Not found');
+};
diff --git a/docs-svelte-kit/src/routes/[slug]/[slug]/+page.svelte b/docs-svelte-kit/src/routes/[slug]/[slug]/+page.svelte
new file mode 100644
index 000000000..600c7a4fd
--- /dev/null
+++ b/docs-svelte-kit/src/routes/[slug]/[slug]/+page.svelte
@@ -0,0 +1,26 @@
+
+
+
+ {@html data.content.html}
+
+
+
diff --git a/docs-svelte-kit/src/site.css b/docs-svelte-kit/src/site.css
index b677d40bb..9f26f101c 100644
--- a/docs-svelte-kit/src/site.css
+++ b/docs-svelte-kit/src/site.css
@@ -1,49 +1,51 @@
/* @import "prismjs/themes/prism"; */
-@import "prismjs/themes/prism-tomorrow";
+@import 'prismjs/themes/prism-tomorrow';
/* theme */
:root {
- --primary-color: #ffffff;
- --secondary-color: #676778;
- --tertiary-color: #edf0f8;
- --background-without-opacity: rgba(255, 255, 255, 0.95);
+ --primary-color: #ffffff;
+ --secondary-color: #676778;
+ --tertiary-color: #edf0f8;
+ --background-without-opacity: rgba(255, 255, 255, 0.95);
}
/*** markdown ***/
:not(pre) > code {
- padding: 0.1rem 0.4rem 0;
- margin: 0 0.2rem;
- background: #e5eef5;
- position: relative;
- border-radius: 0.3em;
- white-space: nowrap;
- color: #444;
- -webkit-font-smoothing: initial;
+ padding: 0 0.4rem;
+ margin: 0.2rem;
+ background: #e5eef5;
+ position: relative;
+ border-radius: 0.3em;
+ white-space: nowrap;
+ color: #444;
+ -webkit-font-smoothing: initial;
+ display: inline-flex;
+ align-items: center;
}
blockquote {
- padding: 1rem;
- color: #09f;
- border: 1px solid #40b3ff;
- margin: 1.6rem 2.4rem 2.4rem;
- padding: 0.5rem 2.4rem;
- border-radius: 0.4rem;
+ padding: 1rem;
+ color: #09f;
+ border: 1px solid #40b3ff;
+ margin: 1.6rem 2.4rem 2.4rem;
+ padding: 0.5rem 2.4rem;
+ border-radius: 0.4rem;
}
blockquote p {
- color: #09f;
+ color: #09f;
}
table {
- margin: 0 0 2em;
- width: 100%;
- font-size: var(--h5);
+ margin: 0 0 2em;
+ width: 100%;
+ font-size: var(--h5);
}
td,
th {
- text-align: left;
- border-bottom: 1px solid rgba(0 0 0 / 0.1);
- padding: 0.4rem 0.8rem 0.4rem 0;
+ text-align: left;
+ border-bottom: 1px solid rgba(0 0 0 / 0.1);
+ padding: 0.4rem 0.8rem 0.4rem 0;
}
/* header */
@@ -52,89 +54,89 @@ h3,
h4,
h5,
h6 {
- font-weight: 400;
- color: var(--heading-color);
+ font-weight: 400;
+ color: var(--heading-color);
}
h2 {
- font-size: 1.2rem;
+ font-size: 1.2rem;
}
h3,
h4,
h5,
h6 {
- font-size: 1rem;
+ font-size: 1rem;
}
/*** custom container ***/
.custom-block .custom-block-title {
- font-weight: 600;
- margin-bottom: -0.4rem;
+ font-weight: 600;
+ margin-bottom: -0.4rem;
}
.custom-block.danger,
.custom-block.tip,
.custom-block.warning {
- padding: 0.1rem 1.5rem;
- border-left-width: 4px;
- border-left-style: solid;
- margin: 1rem 0;
+ padding: 0.1rem 1.5rem;
+ border-left-width: 4px;
+ border-left-style: solid;
+ margin: 1rem 0;
}
.custom-block.tip {
- background-color: #f3f5f7;
- border-color: #42b983;
+ background-color: #f3f5f7;
+ border-color: #42b983;
}
.custom-block.warning {
- background-color: rgba(255, 229, 100, 0.3);
- border-color: #e7c000;
- color: #6b5900;
+ background-color: rgba(255, 229, 100, 0.3);
+ border-color: #e7c000;
+ color: #6b5900;
}
.custom-block.warning .custom-block-title {
- color: #b29400;
+ color: #b29400;
}
.custom-block.warning a {
- color: #2c3e50;
+ color: #2c3e50;
}
.custom-block.danger {
- background-color: #ffe6e6;
- border-color: #c00;
- color: #4d0000;
+ background-color: #ffe6e6;
+ border-color: #c00;
+ color: #4d0000;
}
.custom-block.danger .custom-block-title {
- color: #900;
+ color: #900;
}
.custom-block.danger a {
- color: #2c3e50;
+ color: #2c3e50;
}
.custom-block.details {
- display: block;
- position: relative;
- border-radius: 2px;
- margin: 1.6em 0;
- padding: 1.6em;
- background-color: #eee;
+ display: block;
+ position: relative;
+ border-radius: 2px;
+ margin: 1.6em 0;
+ padding: 1.6em;
+ background-color: #eee;
}
.custom-block.details h4 {
- margin-top: 0;
+ margin-top: 0;
}
.custom-block.details figure:last-child,
.custom-block.details p:last-child {
- margin-bottom: 0;
- padding-bottom: 0;
+ margin-bottom: 0;
+ padding-bottom: 0;
}
.custom-block.details summary {
- outline: none;
- cursor: pointer;
+ outline: none;
+ cursor: pointer;
}
diff --git a/docs-svelte-kit/svelte.config.js b/docs-svelte-kit/svelte.config.js
index f147414a7..c5d72b045 100644
--- a/docs-svelte-kit/svelte.config.js
+++ b/docs-svelte-kit/svelte.config.js
@@ -1,3 +1,4 @@
+import { sveltePreprocess } from 'svelte-preprocess';
import ghpagesAdapter from 'svelte-adapter-ghpages';
import path from 'path';
import { fileURLToPath } from 'url';
@@ -16,6 +17,7 @@ const config = {
preserveWhitespace: true
},
extensions: ['.svelte', '.md'],
+ preprocess: sveltePreprocess(),
kit: {
paths: {
base: '/eslint-plugin-svelte',
@@ -26,6 +28,7 @@ const config = {
pages: outDir,
assets: outDir
}),
+
files: {
routes: path.join(dirname, './src/routes'),
appTemplate: path.join(dirname, './src/app.html'),
diff --git a/docs-svelte-kit/tsconfig.json b/docs-svelte-kit/tsconfig.json
index 960929754..ce9cd857e 100644
--- a/docs-svelte-kit/tsconfig.json
+++ b/docs-svelte-kit/tsconfig.json
@@ -2,8 +2,6 @@
"extends": "./.svelte-kit/tsconfig.json",
"compilerOptions": {
"target": "es2020",
- "module": "NodeNext",
- "moduleResolution": "Node16",
"lib": ["es2020", "dom"],
"allowJs": true,
"checkJs": true,
diff --git a/docs/README.md b/docs/README.md
index f93bd38e6..038b60903 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -6,7 +6,7 @@ title: 'eslint-plugin-svelte'
`eslint-plugin-svelte` is the official [ESLint] plugin for [Svelte].
It provides many unique check rules by using the template AST.
-You can check on the [Online DEMO](./playground.md).
+You can check on the [Online DEMO](https://eslint-online-playground.netlify.app/#eslint-plugin-svelte%20with%20typescript).
**_We are working on experimental support for Svelte v5, but may break with new versions of Svelte v5._**
@@ -42,7 +42,7 @@ The [svelte-eslint-parser] and the `eslint-plugin-svelte` can not be used with t
We are working on support for Svelte v5, but it is still an experimental feature. Please note that rules and features related to Svelte v5 may be changed or removed in minor versions without notice.
-## :book: Usage
+## 📖 Usage
See [User Guide](./user-guide.md).
diff --git a/docs/playground.md b/docs/playground.md
deleted file mode 100644
index c54fbb109..000000000
--- a/docs/playground.md
+++ /dev/null
@@ -1,12 +0,0 @@
----
-pageClass: 'playground'
-hiddenMenu: true
----
-
-# Playground
-
-
-
-The playground is [here](https://sveltejs.github.io/eslint-plugin-svelte/playground/)!!
-
-
diff --git a/docs/rules.md b/docs/rules.md
index 7f115da5c..4ef998d08 100644
--- a/docs/rules.md
+++ b/docs/rules.md
@@ -4,9 +4,9 @@ sidebarDepth: 0
# Available Rules
-:wrench: Indicates that the rule is fixable, and using `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the reported problems.
-:bulb: Indicates that some problems reported by the rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
-:star: Indicates that the rule is included in the `plugin:svelte/recommended` config.
+🔧 Indicates that the rule is fixable, and using `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the reported problems.
+💡 Indicates that some problems reported by the rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions).
+⭐️ Indicates that the rule is included in the `plugin:svelte/recommended` config.
@@ -14,125 +14,125 @@ sidebarDepth: 0
These rules relate to possible syntax or logic errors in Svelte code:
-| Rule ID | Description | |
-| :------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------------------------------------------------------------------------------- | :------------- |
-| [svelte/infinite-reactive-loop](./rules/infinite-reactive-loop.md) | Svelte runtime prevents calling the same reactive statement twice in a microtask. But between different microtask, it doesn't prevent. | |
-| [svelte/no-dom-manipulating](./rules/no-dom-manipulating.md) | disallow DOM manipulating | |
-| [svelte/no-dupe-else-if-blocks](./rules/no-dupe-else-if-blocks.md) | disallow duplicate conditions in `{#if}` / `{:else if}` chains | :star: |
-| [svelte/no-dupe-on-directives](./rules/no-dupe-on-directives.md) | disallow duplicate `on:` directives | |
-| [svelte/no-dupe-style-properties](./rules/no-dupe-style-properties.md) | disallow duplicate style properties | :star: |
-| [svelte/no-dupe-use-directives](./rules/no-dupe-use-directives.md) | disallow duplicate `use:` directives | |
-| [svelte/no-dynamic-slot-name](./rules/no-dynamic-slot-name.md) | disallow dynamic slot name | :star::wrench: |
-| [svelte/no-export-load-in-svelte-module-in-kit-pages](./rules/no-export-load-in-svelte-module-in-kit-pages.md) | disallow exporting load functions in `*.svelte` module in SvelteKit page components. | |
-| [svelte/no-not-function-handler](./rules/no-not-function-handler.md) | disallow use of not function in event handler | :star: |
-| [svelte/no-object-in-text-mustaches](./rules/no-object-in-text-mustaches.md) | disallow objects in text mustache interpolation | :star: |
-| [svelte/no-reactive-reassign](./rules/no-reactive-reassign.md) | disallow reassigning reactive values | |
-| [svelte/no-shorthand-style-property-overrides](./rules/no-shorthand-style-property-overrides.md) | disallow shorthand style properties that override related longhand properties | :star: |
-| [svelte/no-store-async](./rules/no-store-async.md) | disallow using async/await inside svelte stores because it causes issues with the auto-unsubscribing features | |
-| [svelte/no-unknown-style-directive-property](./rules/no-unknown-style-directive-property.md) | disallow unknown `style:property` | :star: |
-| [svelte/require-store-callbacks-use-set-param](./rules/require-store-callbacks-use-set-param.md) | store callbacks must use `set` param | |
-| [svelte/require-store-reactive-access](./rules/require-store-reactive-access.md) | disallow to use of the store itself as an operand. Need to use $ prefix or get function. | :wrench: |
-| [svelte/valid-compile](./rules/valid-compile.md) | disallow warnings when compiling. | :star: |
-| [svelte/valid-prop-names-in-kit-pages](./rules/valid-prop-names-in-kit-pages.md) | disallow props other than data or errors in SvelteKit page components. | |
+| Rule ID | Description | |
+| :---------------------------------------------------------------------------------------------------- | :------------------------------------------------------------------------------------------------------------------------------------- | :---- |
+| [svelte/infinite-reactive-loop](./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](./no-dom-manipulating) | disallow DOM manipulating | |
+| [svelte/no-dupe-else-if-blocks](./no-dupe-else-if-blocks) | disallow duplicate conditions in `{#if}` / `{:else if}` chains | ⭐️ |
+| [svelte/no-dupe-on-directives](./no-dupe-on-directives) | disallow duplicate `on:` directives | |
+| [svelte/no-dupe-style-properties](./no-dupe-style-properties) | disallow duplicate style properties | ⭐️ |
+| [svelte/no-dupe-use-directives](./no-dupe-use-directives) | disallow duplicate `use:` directives | |
+| [svelte/no-dynamic-slot-name](./no-dynamic-slot-name) | disallow dynamic slot name | ⭐️🔧 |
+| [svelte/no-export-load-in-svelte-module-in-kit-pages](./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](./no-not-function-handler) | disallow use of not function in event handler | ⭐️ |
+| [svelte/no-object-in-text-mustaches](./no-object-in-text-mustaches) | disallow objects in text mustache interpolation | ⭐️ |
+| [svelte/no-reactive-reassign](./no-reactive-reassign) | disallow reassigning reactive values | |
+| [svelte/no-shorthand-style-property-overrides](./no-shorthand-style-property-overrides) | disallow shorthand style properties that override related longhand properties | ⭐️ |
+| [svelte/no-store-async](./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](./no-unknown-style-directive-property) | disallow unknown `style:property` | ⭐️ |
+| [svelte/require-store-callbacks-use-set-param](./require-store-callbacks-use-set-param) | store callbacks must use `set` param | |
+| [svelte/require-store-reactive-access](./require-store-reactive-access) | disallow to use of the store itself as an operand. Need to use $ prefix or get function. | 🔧 |
+| [svelte/valid-compile](./valid-compile) | disallow warnings when compiling. | ⭐️ |
+| [svelte/valid-prop-names-in-kit-pages](./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](./rules/no-at-html-tags.md) | disallow use of `{@html}` to prevent XSS attack | :star: |
-| [svelte/no-target-blank](./rules/no-target-blank.md) | disallow `target="_blank"` attribute without `rel="noopener noreferrer"` | |
+| Rule ID | Description | |
+| :------------------------------------------ | :----------------------------------------------------------------------- | :-- |
+| [svelte/no-at-html-tags](./no-at-html-tags) | disallow use of `{@html}` to prevent XSS attack | ⭐️ |
+| [svelte/no-target-blank](./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](./rules/block-lang.md) | disallows the use of languages other than those specified in the configuration for the lang attribute of `